@shohojdhara/atomix 0.1.3 → 0.1.5

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

@@ -1,36 +0,0 @@
-import React from 'react';
-import * as PhosphorIcons from 'phosphor-react';
-export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type IconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
-type PhosphorIconsType = Exclude<keyof typeof PhosphorIcons, 'Icon' | 'IconContext' | 'IconBase' | 'IconProps' | 'createIcon' | 'default' | 'SSR'>;
-export interface IconProps {
-    /**
-     * Icon name from Phosphor Icons
-     */
-    name: PhosphorIconsType;
-    /**
-     * Icon size
-     */
-    size?: IconSize | number;
-    /**
-     * Icon weight/style
-     */
-    weight?: IconWeight;
-    /**
-     * Icon color
-     */
-    color?: string;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Alt text for accessibility
-     */
-    alt?: string;
-}
-/**
- * Icon component that displays a Phosphor icon
- */
-export declare const Icon: React.FC<IconProps>;
-export default Icon;

package/dist/types/components/Icon/index.d.ts

@@ -1,2 +0,0 @@
-export { Icon, type IconProps, type IconSize, type IconWeight } from './Icon';
-export { default } from './Icon';

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ListProps } from '../../lib/types/components';
-export declare const List: React.FC<ListProps>;
-export default List;

package/dist/types/components/List/ListGroup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ListGroupProps } from '../../lib/types/components';
-export declare const ListGroup: React.FC<ListGroupProps>;
-export default ListGroup;

package/dist/types/components/List/index.d.ts

@@ -1,2 +0,0 @@
-export { List } from './List';
-export { ListGroup } from './ListGroup';

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { MessagesProps } from '../../lib/types/components';
-export type { MessagesProps, MessageItem } from '../../lib/types/components';
-/**
- * Messages component for displaying a chat interface with messages, images, and file attachments
- */
-export declare const Messages: React.FC<MessagesProps>;
-export default Messages;

package/dist/types/components/Messages/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Messages } from './Messages';
-export type { MessagesProps, MessageItem } from './Messages';

package/dist/types/components/Messages/scripts/componentInteractions.d.ts

@@ -1,49 +0,0 @@
-import { Messages, MessagesOptions, MessageItem } from './index';
-/**
- * Initialize a Messages component on a specific element
- * @param selector - CSS selector or DOM element
- * @param options - Component options
- * @returns Messages instance
- */
-export declare const initializeMessages: (selector: string | HTMLElement, options?: MessagesOptions) => Messages;
-/**
- * Initialize all Messages components on the page
- * @param options - Default options for all instances
- * @returns Array of Messages instances
- */
-export declare const initializeAllMessages: (options?: MessagesOptions) => Messages[];
-/**
- * Add a message to a Messages component
- * @param messagesInstance - Messages instance or selector
- * @param message - Message data
- */
-export declare const addMessage: (messagesInstance: Messages | string, message: MessageItem) => void;
-/**
- * Clear all messages from a Messages component
- * @param messagesInstance - Messages instance or selector
- */
-export declare const clearMessages: (messagesInstance: Messages | string) => void;
-/**
- * Enable a Messages component
- * @param messagesInstance - Messages instance or selector
- */
-export declare const enableMessages: (messagesInstance: Messages | string) => void;
-/**
- * Disable a Messages component
- * @param messagesInstance - Messages instance or selector
- */
-export declare const disableMessages: (messagesInstance: Messages | string) => void;
-/**
- * Listen for message send events
- * @param messagesInstance - Messages instance or selector
- * @param callback - Callback function to execute when a message is sent
- * @returns Cleanup function
- */
-export declare const onMessageSend: (messagesInstance: Messages | string, callback: (text: string) => void) => () => void;
-/**
- * Listen for new message events
- * @param messagesInstance - Messages instance or selector
- * @param callback - Callback function to execute when a new message is added
- * @returns Cleanup function
- */
-export declare const onNewMessage: (messagesInstance: Messages | string, callback: (message: MessageItem) => void) => () => void;

package/dist/types/components/Messages/scripts/index.d.ts

@@ -1,110 +0,0 @@
-/**
- * Messages component options
- */
-export interface MessagesOptions {
-    /**
-     * Custom width for the messages container
-     */
-    width?: string;
-    /**
-     * Maximum height for the messages body
-     */
-    bodyHeight?: string;
-    /**
-     * Placeholder text for the input field
-     */
-    placeholder?: string;
-    /**
-     * Callback when a new message is sent
-     */
-    onSendMessage?: (text: string) => void;
-    /**
-     * Whether the component is disabled
-     */
-    disabled?: boolean;
-}
-/**
- * Message item data structure
- */
-export interface MessageItem {
-    id: string;
-    text?: string;
-    image?: string;
-    file?: {
-        name: string;
-        size: string;
-    };
-    time: string;
-    isSelf?: boolean;
-}
-/**
- * Messages component class
- */
-export declare class Messages {
-    private _element;
-    private $form;
-    private $input;
-    private $submitButton;
-    private $body;
-    private options;
-    private eventHandlers;
-    /**
-     * Get the element
-     */
-    get $element(): HTMLElement;
-    /**
-     * Create a new Messages instance
-     * @param element - Element selector or HTMLElement
-     * @param options - Component options
-     */
-    constructor(element: string | HTMLElement, options?: MessagesOptions);
-    /**
-     * Initialize the component
-     */
-    private _initialize;
-    /**
-     * Set up event listeners
-     */
-    private _setupEventListeners;
-    /**
-     * Handle form submission
-     */
-    private _handleSubmit;
-    /**
-     * Handle key down events
-     */
-    private _handleKeyDown;
-    /**
-     * Add a new message to the chat
-     */
-    addMessage(message: MessageItem): void;
-    /**
-     * Create a message element
-     */
-    private _createMessageElement;
-    /**
-     * Scroll to the bottom of the messages body
-     */
-    private _scrollToBottom;
-    /**
-     * Enable the messages component
-     */
-    enable(): void;
-    /**
-     * Disable the messages component
-     */
-    disable(): void;
-    /**
-     * Clear all messages
-     */
-    clearMessages(): void;
-    /**
-     * Destroy the component and clean up event listeners
-     */
-    destroy(): void;
-    /**
-     * Initialize all messages components on the page
-     */
-    static initializeAll(options?: MessagesOptions): Messages[];
-}
-export default Messages;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ModalProps } from '../../lib/types/components';
-/**
- * Modal component for displaying overlay content
- */
-export declare const Modal: React.FC<ModalProps>;
-export default Modal;

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

@@ -1 +0,0 @@
-export { default } from './Modal';

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

@@ -1,83 +0,0 @@
-export type ModalOptions = {
-    openSelector?: string;
-    closeSelector?: string;
-    dialogSelector?: string;
-    backdropSelector?: string;
-    backdrop?: boolean;
-    keyboard?: boolean;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-    onOpen?: () => void;
-    onClose?: () => void;
-    onToggle?: (isOpen: boolean) => void;
-};
-/**
- * Modal Component for vanilla JS implementations
- */
-declare class Modal {
-    selector: string | HTMLElement;
-    $element: HTMLElement;
-    options: ModalOptions;
-    isOpen: boolean;
-    $closeButtons: NodeListOf<Element>;
-    $backdrop: HTMLElement | null;
-    $dialog: HTMLElement | null;
-    $openButtons: NodeListOf<Element>;
-    _keydownHandler: ((event: KeyboardEvent) => void) | null;
-    _documentClickHandler: ((event: MouseEvent) => void) | null;
-    /**
-     * Create a new Modal instance
-     * @param selector - CSS selector or HTMLElement for the modal
-     * @param options - Configuration options
-     */
-    constructor(selector: string | HTMLElement, options?: ModalOptions);
-    /**
-     * Merge options from defaults, constructor options, and data attributes
-     */
-    private _mergeOptions;
-    /**
-     * Initialize the modal
-     */
-    private _initialize;
-    /**
-     * Bind all event listeners
-     */
-    private _bindEvents;
-    /**
-     * Set up buttons that target this modal using data-target attribute
-     */
-    private _setupTargetButtons;
-    /**
-     * Open the modal
-     */
-    open(): void;
-    /**
-     * Close the modal
-     */
-    close(): void;
-    /**
-     * Toggle the modal's open/closed state
-     */
-    toggle(): void;
-    /**
-     * Focus trap for accessibility
-     */
-    private _trapFocus;
-    /**
-     * Destroy the modal instance and remove event listeners
-     */
-    destroy(): void;
-}
-/**
- * Initialize all modals matching a selector
- * @param selector - CSS selector to find modals
- * @param options - Default options for all modals
- * @returns Array of initialized Modal instances
- */
-export declare function initializeModals(selector?: string, options?: ModalOptions): Modal[];
-/**
- * Get a modal instance from an element
- * @param element - Modal element or selector
- * @returns Modal instance or null
- */
-export declare function getModalInstance(element: string | HTMLElement): Modal | null;
-export default Modal;

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

@@ -1,28 +0,0 @@
-/**
- * Handle click events for modal open buttons
- * @param event - Click event
- * @param modalSelector - Modal selector to open
- */
-export declare function handleModalOpenClick(event: MouseEvent, modalSelector: string): void;
-/**
- * Handle click events for modal close buttons
- * @param event - Click event
- * @param modal - Modal element to close
- */
-export declare function handleModalCloseClick(event: MouseEvent, modal: HTMLElement): void;
-/**
- * Handle keydown events for Escape key
- * @param event - Keyboard event
- */
-export declare function handleModalKeydown(event: KeyboardEvent): void;
-/**
- * Handle clicks on modal backdrop
- * @param event - Click event
- * @param modal - Modal element
- */
-export declare function handleBackdropClick(event: MouseEvent, modal: HTMLElement): void;
-/**
- * Delegate event handling for modals using data attributes
- * This is useful for dynamically added modals
- */
-export declare function setupModalEventDelegation(): void;

package/dist/types/components/Navbar/MegaMenu.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { MegaMenuProps, MegaMenuColumnProps, MegaMenuLinkProps } from '../../lib/types/components';
-export declare const MegaMenu: React.FC<MegaMenuProps>;
-export declare const MegaMenuColumn: React.FC<MegaMenuColumnProps>;
-export declare const MegaMenuLink: React.FC<MegaMenuLinkProps>;

package/dist/types/components/Navbar/Menu.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { MenuProps, MenuItemProps } from '../../lib/types/components';
-export declare const Menu: React.FC<MenuProps>;
-interface MenuDividerProps {
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-}
-export declare const MenuItem: React.FC<MenuItemProps>;
-export declare const mapIconName: (luxIconName: string) => any;
-export declare const MenuDivider: React.FC<MenuDividerProps>;
-export {};

package/dist/types/components/Navbar/Nav.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { NavProps } from '../../lib/types/components';
-export declare const Nav: React.FC<NavProps>;

package/dist/types/components/Navbar/NavDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { NavDropdownProps } from '../../lib/types/components';
-export declare const NavDropdown: React.FC<NavDropdownProps>;

package/dist/types/components/Navbar/NavItem.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { NavItemProps } from '../../lib/types/components';
-export declare const NavItem: React.FC<NavItemProps>;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { NavbarProps } from '../../lib/types/components';
-export declare const Navbar: React.FC<NavbarProps>;

package/dist/types/components/Navbar/index.d.ts

@@ -1,6 +0,0 @@
-export { Navbar } from './Navbar';
-export { Nav } from './Nav';
-export { NavItem } from './NavItem';
-export { NavDropdown } from './NavDropdown';
-export { Menu, MenuItem, MenuDivider } from './Menu';
-export { MegaMenu, MegaMenuColumn, MegaMenuLink } from './MegaMenu';

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { PaginationProps } from '../../lib/types/components';
-/**
- * Pagination component
- */
-export declare const Pagination: React.FC<PaginationProps>;

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

@@ -1 +0,0 @@
-export { Pagination } from './Pagination';

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

@@ -1,52 +0,0 @@
-interface PaginationOptions {
-    currentPage?: number;
-    totalPages?: number;
-    siblingCount?: number;
-    showFirstLastButtons?: boolean;
-    showPrevNextButtons?: boolean;
-    onPageChange?: (page: number) => void;
-    size?: 'sm' | 'md' | 'lg';
-    paginationSelector?: string;
-    pageItemSelector?: string;
-    pageLinkSelector?: string;
-    dotsSelector?: string;
-    activeClass?: string;
-    disabledClass?: string;
-    ariaLabel?: string;
-    useIcons?: boolean;
-}
-declare class Pagination {
-    private $element;
-    private options;
-    currentPage: number;
-    totalPages: number;
-    constructor(element: string | HTMLElement, options?: PaginationOptions);
-    /**
-     * Parse data attributes from the element
-     */
-    private _parseDataAttributes;
-    private _initialize;
-    /**
-     * Create a navigation button HTML
-     */
-    private _createNavButtonHtml;
-    private _render;
-    private _attachEventListeners;
-    /**
-     * Navigate to a specific page
-     */
-    goToPage(page: number): void;
-    /**
-     * Update pagination options and re-render
-     */
-    update(options: Partial<PaginationOptions>): void;
-    /**
-     * Clean up pagination instance
-     */
-    destroy(): void;
-    /**
-     * Static initialization method
-     */
-    static initializeAll(selector?: string, options?: PaginationOptions): Pagination[];
-}
-export default Pagination;

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

@@ -1,21 +0,0 @@
-import React from "react";
-import { PhotoViewerProps } from "../../lib/types/components";
-/**
- * PhotoViewer component - A comprehensive image viewer with zoom, pan, navigation, and metadata display
- *
- * Features:
- * - Image navigation with keyboard support
- * - Zoom and pan functionality
- * - Touch gestures for mobile devices
- * - Fullscreen mode
- * - Image rotation
- * - Download and share capabilities
- * - Thumbnail navigation
- * - Image metadata display
- * - Responsive design
- *
- * @param props - PhotoViewerProps
- * @returns JSX.Element
- */
-export declare const PhotoViewer: React.FC<PhotoViewerProps>;
-export default PhotoViewer;

package/dist/types/components/PhotoViewer/PhotoViewerHeader.d.ts

@@ -1,45 +0,0 @@
-import React from "react";
-import { ImageType } from "../../lib/types/components";
-/**
- * Props for the PhotoViewerHeader component
- */
-export interface PhotoViewerHeaderProps {
-    /** Current image index */
-    currentIndex: number;
-    /** Total number of images */
-    imagesLength: number;
-    /** Callback to zoom out */
-    onZoomOut: () => void;
-    /** Callback to reset zoom */
-    onResetZoom: () => void;
-    /** Callback to zoom in */
-    onZoomIn: () => void;
-    /** Callback to toggle fullscreen */
-    onToggleFullscreen: () => void;
-    /** Callback to close the viewer */
-    onClose: () => void;
-    /** Whether fullscreen is active */
-    isFullscreen: boolean;
-    /** Current zoom level */
-    zoomLevel: number;
-    /** Callback to rotate image */
-    onRotate: () => void;
-    /** Callback to download image */
-    onDownload: () => void;
-    /** Callback to share image */
-    onShare: () => void;
-    /** Whether info panel is shown */
-    showInfo: boolean;
-    /** Callback to toggle info panel */
-    onToggleInfo: () => void;
-    /** Current image object */
-    currentImage?: ImageType;
-}
-/**
- * PhotoViewerHeader component - displays controls and counter for the photo viewer
- *
- * @param props - PhotoViewerHeaderProps
- * @returns JSX.Element
- */
-export declare const PhotoViewerHeader: React.FC<PhotoViewerHeaderProps>;
-export default PhotoViewerHeader;

package/dist/types/components/PhotoViewer/PhotoViewerImage.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-/**
- * Props for the PhotoViewerImage component
- */
-export interface PhotoViewerImageProps {
-    /** Ref to the image element */
-    imageRef: React.RefObject<HTMLImageElement>;
-    /** Ref to the container element */
-    containerRef?: React.RefObject<HTMLDivElement>;
-    /** Image source URL */
-    src: string;
-    /** Image alt text */
-    alt?: string;
-    /** Current zoom level */
-    zoomLevel: number;
-    /** Current drag position */
-    dragPosition: {
-        x: number;
-        y: number;
-    };
-    /** Whether image is being dragged */
-    isDragging: boolean;
-    /** Current rotation angle in degrees */
-    rotationAngle: number;
-    /** Whether image is transitioning */
-    isTransitioning?: boolean;
-    /** Mouse down event handler */
-    onMouseDown: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, MouseEvent>) => void;
-    /** Mouse move event handler */
-    onMouseMove: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, MouseEvent>) => void;
-    /** Mouse up event handler */
-    onMouseUp: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, MouseEvent>) => void;
-    /** Wheel event handler for zoom */
-    onWheel: (event: React.WheelEvent<HTMLDivElement>) => void;
-    /** Touch start event handler */
-    onTouchStart: (event: React.TouchEvent<HTMLDivElement | HTMLImageElement>) => void;
-    /** Touch move event handler */
-    onTouchMove: (event: React.TouchEvent<HTMLDivElement | HTMLImageElement>) => void;
-    /** Touch end event handler */
-    onTouchEnd: (event: React.TouchEvent<HTMLDivElement | HTMLImageElement>) => void;
-    /** Double click event handler */
-    onDoubleClick?: (event: React.MouseEvent<HTMLDivElement | HTMLImageElement, MouseEvent>) => void;
-}
-/**
- * PhotoViewerImage component - displays the main image with zoom and pan capabilities
- *
- * @param props - PhotoViewerImageProps
- * @returns JSX.Element
- */
-export declare const PhotoViewerImage: React.FC<PhotoViewerImageProps>;
-export default PhotoViewerImage;

package/dist/types/components/PhotoViewer/PhotoViewerInfo.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ImageType } from '../../lib/types/components';
-/**
- * Props for the PhotoViewerInfo component
- */
-export interface PhotoViewerInfoProps {
-    /** Whether to show the info panel */
-    show: boolean;
-    /** Image object to display info for */
-    image?: ImageType;
-    /** Callback to close the info panel */
-    onClose: () => void;
-}
-/**
- * PhotoViewerInfo component - displays image metadata and information
- *
- * @param props - PhotoViewerInfoProps
- * @returns JSX.Element
- */
-export declare const PhotoViewerInfo: React.FC<PhotoViewerInfoProps>;
-export default PhotoViewerInfo;

package/dist/types/components/PhotoViewer/PhotoViewerNavigation.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-/**
- * Props for the PhotoViewerNavigation component
- */
-export interface PhotoViewerNavigationProps {
-    /** Whether to show navigation buttons */
-    show: boolean;
-    /** Callback to go to previous image */
-    onPrev: () => void;
-    /** Callback to go to next image */
-    onNext: () => void;
-    /** Current image index */
-    currentIndex: number;
-    /** Total number of images */
-    imagesLength: number;
-    /** Whether keyboard navigation is enabled */
-    enableKeyboardNav: boolean;
-    /** Callback to close the viewer */
-    onClose: () => void;
-}
-/**
- * PhotoViewerNavigation component - handles navigation between images
- *
- * @param props - PhotoViewerNavigationProps
- * @returns JSX.Element
- */
-export declare const PhotoViewerNavigation: React.FC<PhotoViewerNavigationProps>;
-export default PhotoViewerNavigation;

package/dist/types/components/PhotoViewer/PhotoViewerThumbnails.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ImageType } from '../../lib/types/components';
-/**
- * Props for the PhotoViewerThumbnails component
- */
-export interface PhotoViewerThumbnailsProps {
-    /** Array of images to display thumbnails for */
-    images: ImageType[];
-    /** Current active image index */
-    currentIndex: number;
-    /** Callback to navigate to a specific image */
-    goToImage: (index: number) => void;
-}
-/**
- * PhotoViewerThumbnails component - displays thumbnail navigation for images
- *
- * @param props - PhotoViewerThumbnailsProps
- * @returns JSX.Element
- */
-export declare const PhotoViewerThumbnails: React.FC<PhotoViewerThumbnailsProps>;
-export default PhotoViewerThumbnails;