@shohojdhara/atomix 0.1.26 → 0.1.28

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

@@ -1,123 +0,0 @@
-/**
- * Interface for Tooltip options
- */
-export interface TooltipOptions {
-    trigger: string;
-    position: string;
-    offset: number;
-    delay: number;
-    activeClass: string;
-    contentIdAttr: string;
-    positionAttr: string;
-    triggerAttr: string;
-    [key: string]: any;
-}
-/**
- * Interface for Tooltip instance
- */
-export interface TooltipInstance {
-    show: () => void;
-    hide: () => void;
-    destroy: () => void;
-    isInitialized: () => boolean;
-    isVisible: () => boolean;
-    getElement: () => HTMLElement | null;
-    getTriggerElement: () => HTMLElement | null;
-    getPosition: () => string;
-    setPosition: (position: string) => void;
-}
-/**
- * Class representing a Tooltip component
- */
-export declare class Tooltip implements TooltipInstance {
-    private selector;
-    private $element;
-    private $trigger;
-    private $content;
-    private options;
-    private timeout;
-    private hideTimeout;
-    private isActive;
-    /**
-     * Creates an instance of Tooltip
-     * @param selector - CSS selector string or DOM Element
-     * @param options - Custom options to override defaults
-     */
-    constructor(selector: string | Element, options?: {});
-    /**
-     * Initialize the tooltip component
-     */
-    private _initialize;
-    /**
-     * Initialize DOM elements
-     */
-    private _initializeElements;
-    /**
-     * Set tooltip position
-     */
-    private _setPosition;
-    /**
-     * Bind event listeners
-     */
-    private _bindEvents;
-    /**
-     * Handle trigger mouseenter or focus event
-     */
-    private _handleTriggerEnter;
-    /**
-     * Handle trigger mouseleave or blur event
-     */
-    private _handleTriggerLeave;
-    /**
-     * Handle trigger click event
-     */
-    private _handleTriggerClick;
-    /**
-     * Check if tooltip is initialized
-     */
-    isInitialized(): boolean;
-    /**
-     * Check if tooltip is currently visible
-     */
-    isVisible(): boolean;
-    /**
-     * Get tooltip element
-     */
-    getElement(): HTMLElement | null;
-    /**
-     * Get trigger element
-     */
-    getTriggerElement(): HTMLElement | null;
-    /**
-     * Get current position
-     */
-    getPosition(): string;
-    /**
-     * Set tooltip position
-     */
-    setPosition(position: string): void;
-    /**
-     * Show the tooltip
-     */
-    show(): void;
-    /**
-     * Hide the tooltip
-     */
-    hide(): void;
-    /**
-     * Destroy the tooltip
-     */
-    destroy(): void;
-    /**
-     * Initialize all tooltips in the document
-     * @param selector - CSS selector for tooltip elements
-     * @param options - Custom options
-     */
-    static initializeAll(selector?: string, options?: {}): Tooltip[];
-}
-/**
- * Initialize all tooltips in the document
- * @param selector - CSS selector for tooltip elements
- * @param options - Custom options
- */
-export declare function initializeTooltips(selector?: string, options?: {}): TooltipInstance[];

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

@@ -1,64 +0,0 @@
-import React from 'react';
-export interface UploadProps {
-    /**
-     * Whether the upload component is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Maximum file size in MB
-     */
-    maxSizeInMB?: number;
-    /**
-     * Accepted file types
-     */
-    acceptedFileTypes?: string[];
-    /**
-     * Whether multiple files can be selected
-     */
-    multiple?: boolean;
-    /**
-     * Text for the drag and drop section
-     */
-    title?: string;
-    /**
-     * Text describing supported file types
-     */
-    supportedFilesText?: string;
-    /**
-     * Text for the upload button
-     */
-    buttonText?: string;
-    /**
-     * Helper text displayed below the button
-     */
-    helperText?: string;
-    /**
-     * Icon component or class name
-     */
-    icon?: React.ReactNode;
-    /**
-     * Called when files are selected
-     */
-    onFileSelect?: (files: File[]) => void;
-    /**
-     * Called during file upload with progress
-     */
-    onFileUpload?: (file: File, progress: number) => void;
-    /**
-     * Called when file upload is complete
-     */
-    onFileUploadComplete?: (file: File) => void;
-    /**
-     * Called on file upload errors
-     */
-    onFileUploadError?: (file: File, error: string) => void;
-    /**
-     * Additional CSS class
-     */
-    className?: string;
-}
-/**
- * Upload component for file uploads with drag and drop
- */
-export declare const Upload: React.FC<UploadProps>;
-export default Upload;

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

@@ -1,3 +0,0 @@
-export { Upload } from './Upload';
-export type { UploadProps } from './Upload';
-export { default } from './Upload';

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

@@ -1,118 +0,0 @@
-/**
- * Interface for Upload instance
- */
-interface UploadInstance {
-    setStatus: (status: 'idle' | 'loading' | 'success' | 'error', message?: string) => void;
-    setProgress: (percentage: number, timeLeft?: string) => void;
-    setFile: (file: File | null) => void;
-    disable: () => void;
-    enable: () => void;
-    destroy: () => void;
-}
-/**
- * Class representing an Upload component
- */
-declare class Upload implements UploadInstance {
-    private selector;
-    private $element;
-    private $input;
-    private $button;
-    private $loader;
-    private $loaderTitle;
-    private $loaderProgress;
-    private $loaderClose;
-    private options;
-    private currentFile;
-    private dragCounter;
-    /**
-     * Creates an instance of Upload
-     * @param selector - CSS selector string or DOM Element
-     * @param options - Custom options to override defaults
-     */
-    constructor(selector: string | Element, options?: {});
-    /**
-     * Initialize the upload component
-     */
-    private _initialize;
-    /**
-     * Creates a hidden file input element and appends it to the element
-     */
-    private _createHiddenInput;
-    /**
-     * Set up all event listeners
-     */
-    private _setupEventListeners;
-    /**
-     * Handle button click
-     */
-    private _handleButtonClick;
-    /**
-     * Handle file selection from the input element
-     */
-    private _handleFileSelect;
-    /**
-     * Handle drag enter event
-     */
-    private _handleDragEnter;
-    /**
-     * Handle drag leave event
-     */
-    private _handleDragLeave;
-    /**
-     * Handle drag over event
-     */
-    private _handleDragOver;
-    /**
-     * Handle drop event
-     */
-    private _handleDrop;
-    /**
-     * Handle close button click
-     */
-    private _handleClose;
-    /**
-     * Process the selected files
-     */
-    private _processFiles;
-    /**
-     * Validate a file based on size and type
-     */
-    private _validateFile;
-    /**
-     * Simulate a file upload process
-     * In a real implementation, this would be replaced with actual upload logic
-     */
-    private _simulateUpload;
-    /**
-     * Set current file
-     */
-    setFile(file: File | null): void;
-    /**
-     * Set upload progress
-     */
-    setProgress(percentage: number, timeLeft?: string): void;
-    /**
-     * Set upload status
-     */
-    setStatus(status: 'idle' | 'loading' | 'success' | 'error', message?: string): void;
-    /**
-     * Disable the upload component
-     */
-    disable(): void;
-    /**
-     * Enable the upload component
-     */
-    enable(): void;
-    /**
-     * Clean up event listeners
-     */
-    destroy(): void;
-}
-/**
- * Initialize all upload components in the document
- * @param {string|Element} selector - CSS selector string or DOM Element
- * @param {Object} options - Custom options to override defaults
- * @returns {UploadInstance[]} Array of Upload instances
- */
-export declare function initializeUploads(selector?: string, options?: {}): UploadInstance[];
-export default Upload;

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

@@ -1,45 +0,0 @@
-// Auto-generated component type exports
-
-export * from './Accordion/Accordion';
-export * from './AtomixLogo/AtomixLogo';
-export * from './Avatar/Avatar';
-export * from './Badge/Badge';
-export * from './Breadcrumb/Breadcrumb';
-export * from './Button/Button';
-export * from './Callout/Callout';
-export * from './Card/Card';
-export * from './ColorModeToggle/ColorModeToggle';
-export * from './Countdown/Countdown';
-export * from './DataTable/DataTable';
-export * from './DatePicker/DatePicker';
-export * from './Dropdown/Dropdown';
-export * from './EdgePanel/EdgePanel';
-export * from './Form/Form';
-export * from './Hero/Hero';
-export * from './Icon/Icon';
-export * from './List/List';
-export * from './Messages/Messages';
-export * from './Modal/Modal';
-export * from './Navigation';
-export * from './Pagination/Pagination';
-export * from './PhotoViewer/PhotoViewer';
-export * from './Popover/Popover';
-export * from './ProductReview/ProductReview';
-export * from './Progress/Progress';
-export * from './Rating/Rating';
-export * from './River/River';
-export * from './SectionIntro/SectionIntro';
-export * from './Spinner/Spinner';
-export * from './Steps/Steps';
-export * from './Tab/Tab';
-export * from './Testimonial/Testimonial';
-export * from './Todo/Todo';
-export * from './Toggle/Toggle';
-export * from './Tooltip/Tooltip';
-export * from './Upload/Upload';
-export * from './Form/Form';
-export * from './Form/Input';
-export * from './Form/Textarea';
-export * from './Form/Select';
-export * from './Form/Checkbox';
-export * from './Form/Radio';

package/dist/types/index.d.ts

@@ -1,24 +0,0 @@
-// Type definitions for @shohojdhara/atomix
-
-// Export all components
-export * from './components/index';
-
-// Export lib utilities
-export * from './lib/index';
-
-// Export layouts
-export * from './layouts/index';
-
-// Define the default export
-declare const atomix: {
-  [key: string]: any;
-  
-  // Explicitly include lib namespaces
-  composables: any;
-  utils: any;
-  constants: any;
-  layouts: any;
-};
-
-// Default export
-export default atomix;

package/dist/types/layouts/Grid/Container.d.ts

@@ -1,39 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered within the container
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Container type:
-     * - undefined: responsive container with max-width at each breakpoint
-     * - 'fluid': full width container
-     * - 'sm', 'md', 'lg', 'xl', 'xxl': responsive container with max-width at specified breakpoint
-     */
-    type?: 'fluid' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
-}
-/**
- * Container component for creating responsive layouts.
- * Uses the CSS container classes defined in _objects.container.scss.
- *
- * @example
- * ```tsx
- * <Container>
- *   Content with responsive max-width
- * </Container>
- *
- * <Container type="fluid">
- *   Full width content
- * </Container>
- *
- * <Container type="md">
- *   Content with max-width at md breakpoint
- * </Container>
- * ```
- */
-export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
-export default Container;

package/dist/types/layouts/Grid/Grid.d.ts

@@ -1,38 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered within the grid
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Control the horizontal alignment of items
-     */
-    justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-    /**
-     * Control the vertical alignment of items
-     */
-    alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    /**
-     * No gutters between columns
-     */
-    noGutters?: boolean;
-}
-/**
- * Grid component for creating responsive layouts.
- * Uses the CSS grid system defined in _objects.grid.scss.
- *
- * @example
- * ```tsx
- * <Grid>
- *   <GridCol sm={6} md={4} lg={3}>Column content</GridCol>
- *   <GridCol sm={6} md={4} lg={3}>Column content</GridCol>
- *   <GridCol sm={6} md={4} lg={3}>Column content</GridCol>
- * </Grid>
- * ```
- */
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
-export default Grid;

package/dist/types/layouts/Grid/GridCol.d.ts

@@ -1,65 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered within the column
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Number of columns to span at extra small breakpoint (default)
-     */
-    xs?: number | 'auto';
-    /**
-     * Number of columns to span at small breakpoint
-     */
-    sm?: number | 'auto';
-    /**
-     * Number of columns to span at medium breakpoint
-     */
-    md?: number | 'auto';
-    /**
-     * Number of columns to span at large breakpoint
-     */
-    lg?: number | 'auto';
-    /**
-     * Number of columns to span at extra large breakpoint
-     */
-    xl?: number | 'auto';
-    /**
-     * Number of columns to span at extra extra large breakpoint
-     */
-    xxl?: number | 'auto';
-    /**
-     * Offset at extra small breakpoint
-     */
-    offsetXs?: number;
-    /**
-     * Offset at small breakpoint
-     */
-    offsetSm?: number;
-    /**
-     * Offset at medium breakpoint
-     */
-    offsetMd?: number;
-    /**
-     * Offset at large breakpoint
-     */
-    offsetLg?: number;
-    /**
-     * Offset at extra large breakpoint
-     */
-    offsetXl?: number;
-    /**
-     * Offset at extra extra large breakpoint
-     */
-    offsetXxl?: number;
-}
-/**
- * GridCol component for creating columns within a Grid.
- * Uses the CSS grid column classes defined in _objects.grid.scss.
- */
-export declare const GridCol: React.ForwardRefExoticComponent<GridColProps & React.RefAttributes<HTMLDivElement>>;
-export default GridCol;

package/dist/types/layouts/Grid/Row.d.ts

@@ -1,39 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface RowProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered within the row
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Control the horizontal alignment of items
-     */
-    justifyContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-    /**
-     * Control the vertical alignment of items
-     */
-    alignItems?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    /**
-     * No gutters between columns
-     */
-    noGutters?: boolean;
-}
-/**
- * Row component for creating rows within a Grid or Container.
- * Uses the CSS row classes defined in _objects.grid.scss.
- *
- * @example
- * ```tsx
- * <Container>
- *   <Row justifyContent="between" alignItems="center">
- *     <GridCol md={6}>Column content</GridCol>
- *     <GridCol md={6}>Column content</GridCol>
- *   </Row>
- * </Container>
- * ```
- */
-export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
-export default Row;

package/dist/types/layouts/Grid/index.d.ts

@@ -1,8 +0,0 @@
-export { Grid } from './Grid';
-export type { GridProps } from './Grid';
-export { GridCol } from './GridCol';
-export type { GridColProps } from './GridCol';
-export { Container } from './Container';
-export type { ContainerProps } from './Container';
-export { Row } from './Row';
-export type { RowProps } from './Row';

package/dist/types/layouts/MasonryGrid/MasonryGrid.d.ts

@@ -1,72 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface MasonryGridProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered within the masonry grid
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-    /**
-     * Number of columns at extra small breakpoint (default)
-     */
-    xs?: number;
-    /**
-     * Number of columns at small breakpoint
-     */
-    sm?: number;
-    /**
-     * Number of columns at medium breakpoint
-     */
-    md?: number;
-    /**
-     * Number of columns at large breakpoint
-     */
-    lg?: number;
-    /**
-     * Number of columns at extra large breakpoint
-     */
-    xl?: number;
-    /**
-     * Number of columns at extra extra large breakpoint
-     */
-    xxl?: number;
-    /**
-     * Gap between items (in pixels)
-     */
-    gap?: number;
-    /**
-     * Whether to animate item transitions
-     */
-    animate?: boolean;
-    /**
-     * Whether to handle image loading to prevent layout shifts
-     * When true, items will be shown immediately and positions updated as images load
-     */
-    imagesLoaded?: boolean;
-    /**
-     * Callback fired when all images are loaded and layout is complete
-     */
-    onLayoutComplete?: () => void;
-    /**
-     * Callback fired each time an image loads and layout is updated
-     */
-    onImageLoad?: (loadedCount: number, totalCount: number) => void;
-}
-/**
- * MasonryGrid component for creating a responsive masonry layout.
- * Uses JavaScript to position items optimally based on available vertical space,
- * similar to how a mason fits stones in a wall.
- *
- * @example
- * ```tsx
- * <MasonryGrid xs={1} sm={2} md={3} lg={4}>
- *   <MasonryGridItem>Item 1</MasonryGridItem>
- *   <MasonryGridItem>Item 2</MasonryGridItem>
- *   <MasonryGridItem>Item 3</MasonryGridItem>
- * </MasonryGrid>
- * ```
- */
-export declare const MasonryGrid: React.ForwardRefExoticComponent<MasonryGridProps & React.RefAttributes<HTMLDivElement>>;
-export default MasonryGrid;

package/dist/types/layouts/MasonryGrid/MasonryGridItem.d.ts

@@ -1,25 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-export interface MasonryGridItemProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The content to be rendered within the masonry grid item
-     */
-    children: ReactNode;
-    /**
-     * Additional CSS class names
-     */
-    className?: string;
-}
-/**
- * MasonryGridItem component for creating items within a MasonryGrid.
- * Each item will be positioned optimally by the parent MasonryGrid component.
- *
- * @example
- * ```tsx
- * <MasonryGrid>
- *   <MasonryGridItem>Item 1</MasonryGridItem>
- *   <MasonryGridItem>Item 2</MasonryGridItem>
- * </MasonryGrid>
- * ```
- */
-export declare const MasonryGridItem: React.ForwardRefExoticComponent<MasonryGridItemProps & React.RefAttributes<HTMLDivElement>>;
-export default MasonryGridItem;

package/dist/types/layouts/MasonryGrid/index.d.ts

@@ -1,4 +0,0 @@
-export { MasonryGrid } from './MasonryGrid';
-export type { MasonryGridProps } from './MasonryGrid';
-export { MasonryGridItem } from './MasonryGridItem';
-export type { MasonryGridItemProps } from './MasonryGridItem';

package/dist/types/layouts/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Grid/Grid';
-export * from './MasonryGrid/MasonryGrid';