@shohojdhara/atomix 0.1.3 → 0.1.5

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface GalleryImage {
-    id: number;
-    title: string;
-    description: string;
-    url: string;
-    width: number;
-    height: number;
-}
-export declare const ImageGallery: React.FC;
-export default ImageGallery;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare const SimpleGallery: React.FC;
-export default SimpleGallery;

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

@@ -1,2 +0,0 @@
-export { ImageGallery } from './ImageGallery';
-export type { GalleryImage } from './ImageGallery';

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

@@ -1,12 +0,0 @@
-export { default, PhotoViewer } from './PhotoViewer';
-export { PhotoViewerHeader } from './PhotoViewerHeader';
-export { PhotoViewerNavigation } from './PhotoViewerNavigation';
-export { PhotoViewerImage } from './PhotoViewerImage';
-export { PhotoViewerThumbnails } from './PhotoViewerThumbnails';
-export { PhotoViewerInfo } from './PhotoViewerInfo';
-export type { PhotoViewerProps, ImageType } from '../../lib/types/components';
-export type { PhotoViewerHeaderProps } from './PhotoViewerHeader';
-export type { PhotoViewerNavigationProps } from './PhotoViewerNavigation';
-export type { PhotoViewerImageProps } from './PhotoViewerImage';
-export type { PhotoViewerThumbnailsProps } from './PhotoViewerThumbnails';
-export type { PhotoViewerInfoProps } from './PhotoViewerInfo';

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

@@ -1,44 +0,0 @@
-import PhotoViewer from './index';
-/**
- * Initialize PhotoViewer components from data attributes
- * Looks for elements with [data-photoviewer] attribute
- */
-export declare function initFromDataAttributes(): PhotoViewer[];
-/**
- * Get a PhotoViewer instance from an element
- */
-export declare function getInstance(element: string | HTMLElement): PhotoViewer | null;
-/**
- * Create a new PhotoViewer instance and store it
- */
-export declare function createInstance(element: string | HTMLElement, options?: any): PhotoViewer | null;
-/**
- * Dispose a specific PhotoViewer instance
- */
-export declare function disposeInstance(element: string | HTMLElement): boolean;
-/**
- * Dispose all PhotoViewer instances
- */
-export declare function disposeAll(): void;
-/**
- * Open a PhotoViewer with images programmatically
- * Creates a temporary container if needed
- */
-export declare function openPhotoViewer(images: Array<string | any>, options?: any): PhotoViewer | null;
-/**
- * Utility function to setup click handlers for gallery elements
- * Automatically creates PhotoViewer instances for image galleries
- */
-export declare function setupGallery(gallerySelector: string, imageSelector?: string, options?: any): PhotoViewer[];
-/**
- * Utility function to check if PhotoViewer is supported
- */
-export declare function isSupported(): boolean;
-/**
- * Get all active PhotoViewer instances
- */
-export declare function getAllInstances(): PhotoViewer[];
-/**
- * Update options for an existing instance
- */
-export declare function updateInstance(element: string | HTMLElement, newOptions: any): boolean;

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

@@ -1,110 +0,0 @@
-/**
- * PhotoViewer - Vanilla JavaScript implementation
- * A comprehensive photo viewer component with zoom, pan, navigation, and touch gestures
- */
-interface PhotoViewerOptions {
-    startIndex?: number;
-    enableKeyboardNavigation?: boolean;
-    enableGestures?: boolean;
-    enableFullscreen?: boolean;
-    thumbnailPosition?: 'bottom' | 'top' | 'left' | 'right' | 'none';
-    onImageChange?: (index: number) => void;
-    onClose?: () => void;
-    images?: Array<string | {
-        src: string;
-        alt?: string;
-        thumbnail?: string;
-        title?: string;
-        description?: string;
-        date?: string;
-        author?: string;
-        tags?: string[];
-    }>;
-}
-interface ImageType {
-    src: string;
-    alt?: string;
-    thumbnail?: string;
-    title?: string;
-    description?: string;
-    date?: string;
-    author?: string;
-    tags?: string[];
-}
-declare class PhotoViewer {
-    private element;
-    private options;
-    private currentIndex;
-    private images;
-    private imageStates;
-    private isDragging;
-    private isFullscreen;
-    private showInfo;
-    private isTransitioning;
-    private startDragPosition;
-    private touchPoints;
-    private lastDistance;
-    private lastMidpoint;
-    private backdrop?;
-    private container?;
-    private header?;
-    private content?;
-    private imageContainer?;
-    private imageElement?;
-    private thumbnails?;
-    private infoPanel?;
-    private navPrev?;
-    private navNext?;
-    static DEFAULTS: PhotoViewerOptions;
-    constructor(element: string | HTMLElement, options?: PhotoViewerOptions);
-    private init;
-    private initializeImageStates;
-    private getDefaultImageState;
-    private getCurrentImageState;
-    private updateCurrentImageState;
-    private processImages;
-    private calculateBounds;
-    private constrainPosition;
-    private updateBounds;
-    private createStructure;
-    private bindEvents;
-    private handleActionClick;
-    private handleKeyDown;
-    private handleMouseDown;
-    private handleMouseMove;
-    private handleMouseUp;
-    private handleWheel;
-    private handleDoubleClick;
-    private handleTouchStart;
-    private handleTouchMove;
-    private handleTouchEnd;
-    private handleFullscreenChange;
-    private handleResize;
-    private zoom;
-    private updateImageTransform;
-    private updateClasses;
-    private render;
-    private updateCounter;
-    private updateImage;
-    private updateThumbnails;
-    private updateControls;
-    private updateInfoPanel;
-    open(index?: number): void;
-    close(): void;
-    goToImage(index: number): void;
-    goToPrevious(): void;
-    goToNext(): void;
-    zoomIn(): void;
-    zoomOut(): void;
-    resetZoom(): void;
-    rotate(): void;
-    download(): void;
-    toggleInfo(): void;
-    toggleFullscreen(): void;
-    setImages(images: Array<string | ImageType>): void;
-    getCurrentIndex(): number;
-    getImages(): ImageType[];
-    destroy(): void;
-    private resetImageState;
-}
-export default PhotoViewer;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { PopoverProps, PopoverTriggerProps } from '../../lib/types/components';
-/**
- * Popover component for displaying floating content
- */
-export declare const Popover: React.FC<PopoverProps>;
-/**
- * PopoverTrigger component to wrap the element that triggers the popover
- */
-export declare const PopoverTrigger: React.FC<PopoverTriggerProps>;

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

@@ -1,4 +0,0 @@
-import { Popover, PopoverTrigger } from './Popover';
-import type { PopoverProps, PopoverTriggerProps } from '../../lib/types/components';
-export { Popover, PopoverTrigger };
-export type { PopoverProps, PopoverTriggerProps };

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

@@ -1,60 +0,0 @@
-/**
- * Type for popover position
- */
-export type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
-/**
- * Interface for popover options
- */
-export interface PopoverOptions {
-    position?: PopoverPosition | 'auto';
-    trigger?: 'hover' | 'click';
-    offset?: number;
-    delay?: number;
-}
-/**
- * Handle trigger click event
- */
-export declare const handleTriggerClick: (isOpen: boolean, open: () => void, close: () => void, event?: Event) => void;
-/**
- * Handle document click for closing popover
- */
-export declare const handleDocumentClick: (element: HTMLElement, trigger: HTMLElement | null, isOpen: boolean, close: () => void, event: MouseEvent) => void;
-/**
- * Handle mouseenter on trigger
- */
-export declare const handleTriggerMouseEnter: (open: () => void, delay: number, timeoutRef: {
-    current: number | null;
-}) => void;
-/**
- * Handle mouseleave on trigger
- */
-export declare const handleTriggerMouseLeave: (element: HTMLElement, close: () => void, timeoutRef: {
-    current: number | null;
-}) => void;
-/**
- * Handle escape key to close popover
- */
-export declare const handleEscapeKey: (isOpen: boolean, close: () => void, event: KeyboardEvent) => void;
-/**
- * Determine the best position based on available space
- */
-export declare const determineBestPosition: (triggerRect: DOMRect) => PopoverPosition;
-/**
- * Check if there's enough space in the preferred position and determine if it needs to flip
- */
-export declare const checkAndFlipPosition: (triggerRect: DOMRect, popoverRect: DOMRect, position: PopoverPosition | "auto", offset: number) => PopoverPosition;
-/**
- * Calculate popover position based on trigger position and specified placement
- */
-export declare const calculatePopoverPosition: (triggerRect: DOMRect, popoverRect: DOMRect, position: PopoverPosition, offset: number) => {
-    top: number;
-    left: number;
-};
-/**
- * Position the arrow based on current position
- */
-export declare const positionArrow: (arrow: HTMLElement, position: PopoverPosition) => void;
-/**
- * Set the position class on the element
- */
-export declare const setPositionClass: (element: HTMLElement, position: PopoverPosition, isAuto: boolean) => void;

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

@@ -1,89 +0,0 @@
-import { PopoverOptions } from './componentInteractions';
-/**
- * Class representing a Popover component
- */
-declare class Popover {
-    private element;
-    private trigger;
-    private content;
-    private contentInner;
-    private arrow;
-    private options;
-    private isOpen;
-    private timeout;
-    private currentPosition;
-    private updateInterval;
-    private timeoutRef;
-    /**
-     * Creates an instance of Popover
-     * @param element - The popover container element
-     * @param options - Configuration options
-     */
-    constructor(element: HTMLElement, options?: PopoverOptions);
-    /**
-     * Initialize the popover component
-     */
-    private _initialize;
-    /**
-     * Set the position class on the element
-     */
-    private _setPositionClass;
-    /**
-     * Bind event listeners
-     */
-    private _bindEvents;
-    /**
-     * Handle click on trigger
-     */
-    private _handleTriggerClick;
-    /**
-     * Handle document click for closing popover
-     */
-    private _handleDocumentClick;
-    /**
-     * Handle mouseenter on trigger
-     */
-    private _handleTriggerMouseEnter;
-    /**
-     * Handle mouseleave on trigger
-     */
-    private _handleTriggerMouseLeave;
-    /**
-     * Handle mouseenter on popover
-     */
-    private _handlePopoverMouseEnter;
-    /**
-     * Handle mouseleave on popover
-     */
-    private _handlePopoverMouseLeave;
-    /**
-     * Handle escape key
-     */
-    private _handleEscapeKey;
-    /**
-     * Update popover position
-     */
-    private _updatePosition;
-    /**
-     * Open the popover
-     */
-    open(): void;
-    /**
-     * Close the popover
-     */
-    close(): void;
-    /**
-     * Toggle popover open/closed state
-     */
-    toggle(): void;
-    /**
-     * Clean up event listeners
-     */
-    destroy(): void;
-}
-/**
- * Initialize all popovers on the page
- */
-declare const initPopovers: () => void;
-export default Popover;
-export { initPopovers };

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

@@ -1,41 +0,0 @@
-import React from 'react';
-import type { ThemeColor } from '../../lib/types/components';
-export interface ProductReviewProps {
-    /**
-     * Product name
-     */
-    productName: string;
-    /**
-     * Product image URL
-     */
-    productImage?: string;
-    /**
-     * Initial rating value (0-5)
-     */
-    initialRating?: number;
-    /**
-     * Maximum possible rating value
-     */
-    maxRating?: number;
-    /**
-     * Whether to allow half-star ratings
-     */
-    allowHalf?: boolean;
-    /**
-     * Color theme for the rating stars
-     */
-    ratingColor?: ThemeColor;
-    /**
-     * Callback when review is submitted
-     */
-    onSubmit?: (rating: number, comment: string) => void;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * ProductReview component for collecting user ratings and feedback
- */
-export declare const ProductReview: React.FC<ProductReviewProps>;
-export default ProductReview;

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

@@ -1,2 +0,0 @@
-export { default, ProductReview } from './ProductReview';
-export type { ProductReviewProps } from './ProductReview';

package/dist/types/components/ProductReview/scripts/bundle.d.ts

@@ -1,2 +0,0 @@
-import ProductReview from './componentInteractions';
-export default ProductReview;

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

@@ -1,43 +0,0 @@
-/**
- * Class for handling ProductReview component interactions
- */
-export default class ProductReview {
-    element: HTMLElement;
-    options: any;
-    ratingElement: HTMLElement | null;
-    textareaElement: HTMLElement | null;
-    submitButton: HTMLElement | null;
-    formElement: HTMLFormElement | null;
-    onSubmit: ((rating: number, comment: string) => void) | null;
-    /**
-     * Create a new ProductReview instance
-     * @param element - The product review container element
-     * @param options - Configuration options
-     */
-    constructor(element: HTMLElement, options?: any);
-    /**
-     * Initialize the product review component
-     */
-    init(): void;
-    /**
-     * Set up accessibility features
-     */
-    setupAccessibility(): void;
-    /**
-     * Handle form submission
-     * @param e - Submit event
-     */
-    handleSubmit(e: Event): void;
-    /**
-     * Show the success state after submission
-     */
-    showSuccessState(): void;
-    /**
-     * Reset the form
-     */
-    reset(): void;
-    /**
-     * Clean up event listeners
-     */
-    destroy(): void;
-}

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

@@ -1,2 +0,0 @@
-import ProductReview from './bundle';
-export default ProductReview;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ProgressProps } from '../../lib/types/components';
-export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,29 +0,0 @@
-/**
- * Set progress value for an element
- * @param element - Progress element
- * @param value - Progress value (0-100)
- */
-export declare function setProgressValue(element: HTMLElement, value: number): void;
-/**
- * Set progress variant
- * @param element - Progress element
- * @param variant - Color variant
- */
-export declare function setProgressVariant(element: HTMLElement, variant: string): void;
-/**
- * Set progress size
- * @param element - Progress element
- * @param size - Size variant
- */
-export declare function setProgressSize(element: HTMLElement, size: string): void;
-/**
- * Create a new progress element
- * @param options - Progress options
- * @returns HTMLElement - The created progress element
- */
-export declare function createProgressElement(options?: {
-    value?: number;
-    variant?: string;
-    size?: 'sm' | 'md' | 'lg';
-    ariaLabel?: string;
-}): HTMLElement;

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

@@ -1,64 +0,0 @@
-interface ProgressOptions {
-    /**
-     * Progress value from 0 to 100
-     */
-    value?: number;
-    /**
-     * Optional color variant
-     */
-    variant?: string;
-    /**
-     * Optional size
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /**
-     * Optional aria-label for accessibility
-     */
-    ariaLabel?: string;
-}
-/**
- * Progress component class for vanilla JS implementation
- */
-export declare class Progress {
-    private $element;
-    private options;
-    /**
-     * Create a new Progress instance
-     * @param element - Element selector or DOM element
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, options?: ProgressOptions);
-    /**
-     * Initialize the progress component
-     */
-    private _initialize;
-    /**
-     * Set the progress value
-     * @param value - Progress value (0-100)
-     */
-    setValue(value: number): void;
-    /**
-     * Set the progress variant
-     * @param variant - Color variant
-     */
-    private _setVariant;
-    /**
-     * Set the progress size
-     * @param size - Size variant
-     */
-    private _setSize;
-    /**
-     * Update progress options
-     * @param options - New options
-     */
-    update(options: Partial<ProgressOptions>): void;
-    /**
-     * Destroy the progress instance
-     */
-    destroy(): void;
-    /**
-     * Initialize all progress elements on the page
-     */
-    static initializeAll(): Progress[];
-}
-export {};

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { RatingProps } from '../../lib/types/components';
-/**
- * Rating component for displaying and collecting star ratings
- *
- * @example
- * // Basic usage
- * <Rating value={3} onChange={handleRatingChange} />
- *
- * @example
- * // Read-only with custom color
- * <Rating value={4.5} readOnly color="warning" />
- *
- * @example
- * // With half-star support
- * <Rating value={3.5} allowHalf maxValue={5} />
- */
-declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
-export type { RatingProps };
-export { Rating };
-export default Rating;

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

@@ -1,4 +0,0 @@
-import Rating, { RatingProps } from './Rating';
-export { Rating };
-export type { RatingProps };
-export default Rating;

package/dist/types/components/Rating/scripts/bundle.d.ts

@@ -1,3 +0,0 @@
-import Rating from './index';
-import { initFromDataAttributes, getInstance, disposeAll, enhanceWithKeyboardNavigation } from './ratingInteractions';
-export { Rating as default, initFromDataAttributes, getInstance, disposeAll, enhanceWithKeyboardNavigation };

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

@@ -1,74 +0,0 @@
-import type { RatingProps } from '../../../lib/types/components';
-/**
- * Rating component class for vanilla JavaScript implementation
- */
-export type RatingOptions = Pick<RatingProps, 'value' | 'defaultValue' | 'maxValue' | 'allowHalf' | 'readOnly' | 'size' | 'color' | 'onChange'>;
-/**
- * Rating component class for vanilla JavaScript implementation
- */
-export default class Rating {
-    element: HTMLElement;
-    options: RatingOptions;
-    stars: NodeListOf<HTMLElement> | null;
-    private _currentValue;
-    private _boundHandleMouseEnter;
-    private _boundHandleMouseLeave;
-    private _boundHandleClick;
-    private _boundHandleKeyDown;
-    /**
-     * Create a new Rating instance
-     * @param element - The element to attach the rating to
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, options?: RatingOptions);
-    /**
-     * Initialize the component
-     */
-    private _init;
-    /**
-     * Bind event listeners
-     */
-    private _bindEvents;
-    /**
-     * Handle mouse enter on a star
-     */
-    private _handleMouseEnter;
-    /**
-     * Handle mouse leave from rating component
-     */
-    private _handleMouseLeave;
-    /**
-     * Handle click on a star
-     */
-    private _handleClick;
-    /**
-     * Handle keyboard navigation
-     */
-    private _handleKeyDown;
-    /**
-     * Update star appearance based on current value
-     */
-    private _updateStars;
-    /**
-     * Temporarily highlight stars up to a value
-     */
-    private _highlightStars;
-    /**
-     * Get current rating value
-     */
-    getValue(): number;
-    /**
-     * Set the rating value
-     * @param value - The new rating value
-     */
-    setValue(value: number): void;
-    /**
-     * Update component options
-     * @param options Partial options to update
-     */
-    updateOptions(options: Partial<RatingOptions>): void;
-    /**
-     * Destroy the rating component and remove event listeners
-     */
-    destroy(): void;
-}