@shohojdhara/atomix 0.1.3 → 0.1.5

package/dist/types/components/Card/ElevationCard.d.ts

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

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

@@ -1,9 +0,0 @@
-/**
- * Card component module
- *
- * This module exports the Card component and its variants.
- * Types and hooks are defined in the lib directory.
- */
-export { default as Card } from './Card';
-export { default as ElevationCard } from './ElevationCard';
-export { default } from './Card';

package/dist/types/components/Card/scripts/cardInteractions.d.ts

@@ -1,37 +0,0 @@
-import Card from './index';
-/**
- * Apply hover effect to card
- * @param card - Card element
- */
-export declare function applyHoverEffect(card: HTMLElement): void;
-/**
- * Apply focus effect to card
- * @param card - Card element
- */
-export declare function applyFocusEffect(card: HTMLElement): void;
-/**
- * Make card clickable
- * @param card - Card element
- * @param onClick - Click handler
- */
-export declare function makeCardClickable(card: HTMLElement, onClick: () => void): void;
-/**
- * Apply elevation effect on hover
- * @param card - Card element
- * @param elevationClass - CSS class for elevation effect
- */
-export declare function applyElevationEffect(card: HTMLElement, elevationClass?: string): void;
-/**
- * Apply flip effect to card
- * @param card - Card element
- * @param frontSelector - Selector for front side of card
- * @param backSelector - Selector for back side of card
- * @param trigger - Trigger type: 'click' or 'hover'
- */
-export declare function applyFlipEffect(card: HTMLElement, frontSelector?: string, backSelector?: string, trigger?: string): void;
-/**
- * Initialize all cards on the page
- * @param selector - CSS selector for cards
- * @returns Array of card instances
- */
-export declare function initializeAllCards(selector?: string): Card[];

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

@@ -1,80 +0,0 @@
-/**
- * CardOptions interface for the vanilla JS implementation
- */
-export interface CardOptions {
-    title?: string;
-    text?: string;
-    image?: string;
-    imageAlt?: string;
-    icon?: string;
-    header?: string;
-    footer?: string;
-    actions?: HTMLElement[];
-    row?: boolean;
-    flat?: boolean;
-    active?: boolean;
-    className?: string;
-    onClick?: (event: MouseEvent) => void;
-    children?: HTMLElement | HTMLElement[] | string;
-}
-/**
- * CardInstance interface
- */
-export interface CardInstance {
-    destroy: () => void;
-}
-/**
- * Card Class - Vanilla JS implementation
- */
-export default class Card implements CardInstance {
-    private element;
-    private options;
-    private headerElement;
-    private bodyElement;
-    private imageElement;
-    private iconElement;
-    private titleElement;
-    private textElement;
-    private actionsElement;
-    private footerElement;
-    /**
-     * Constructor
-     * @param element - DOM element or selector
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, options?: Partial<CardOptions>);
-    /**
-     * Initialize the card component
-     * @private
-     */
-    private _initialize;
-    /**
-     * Create component structure
-     * @private
-     */
-    private _createStructure;
-    /**
-     * Bind event listeners
-     * @private
-     */
-    private _bindEvents;
-    /**
-     * Update card with new options
-     * @param options - New configuration options
-     * @public
-     */
-    update(options: Partial<CardOptions>): void;
-    /**
-     * Destroy the card component
-     * Clean up event listeners and DOM
-     * @public
-     */
-    destroy(): void;
-    /**
-     * Initialize all Card components on the page
-     * @param selector - CSS selector for card elements
-     * @returns Array of Card instances
-     * @static
-     */
-    static initializeAll(selector?: string): Card[];
-}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ColorModeToggleProps {
-    className?: string;
-}
-export declare const ColorModeToggle: React.FC<ColorModeToggleProps>;
-export default ColorModeToggle;

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

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

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

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface CountdownProps {
-    /** Target date/time as a Date or ISO string */
-    target: Date | string;
-    /** Show days, hours, minutes, seconds */
-    show?: Array<'days' | 'hours' | 'minutes' | 'seconds'>;
-    /** Separator string */
-    separator?: string;
-    /** Focused style */
-    focused?: boolean;
-    /** Custom className */
-    className?: string;
-    /** Optional callback when countdown reaches zero */
-    onComplete?: () => void;
-}
-export declare const Countdown: React.FC<CountdownProps>;
-export default Countdown;

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

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

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

@@ -1,71 +0,0 @@
-/**
- * CountdownShowPart type for the countdown component
- */
-type CountdownShowPart = 'days' | 'hours' | 'minutes' | 'seconds';
-/**
- * CountdownOptions interface for the vanilla JS implementation
- */
-export interface CountdownOptions {
-    target?: Date | string;
-    show?: CountdownShowPart[];
-    separator?: string;
-    focused?: boolean;
-    className?: string;
-    onComplete?: (() => void) | null;
-}
-/**
- * CountdownInstance interface
- */
-export interface CountdownInstance {
-    destroy: () => void;
-}
-/**
- * Countdown Class - Vanilla JS implementation
- */
-export default class Countdown implements CountdownInstance {
-    private element;
-    private options;
-    private completed;
-    private interval;
-    /**
-     * Constructor
-     * @param element - DOM element or selector
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, options?: Partial<CountdownOptions>);
-    /**
-     * Calculate time parts based on millisecond difference
-     * @param diff - Millisecond difference between target and current time
-     * @returns Object containing days, hours, minutes, seconds
-     * @private
-     */
-    private _getTimeParts;
-    /**
-     * Render the countdown component
-     * @private
-     */
-    private _render;
-    /**
-     * Initialize the countdown component
-     * @private
-     */
-    private _initialize;
-    /**
-     * Start the countdown interval
-     * @private
-     */
-    private _start;
-    /**
-     * Destroy the countdown component
-     * Clean up event listeners and DOM
-     */
-    destroy(): void;
-    /**
-     * Initialize all Countdown components on the page
-     * @param selector - CSS selector for countdown elements
-     * @returns Array of Countdown instances
-     * @static
-     */
-    static initializeAll(selector?: string): Countdown[];
-}
-export {};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { DataTableProps } from '../../lib/types/components';
-/**
- * DataTable - A flexible and accessible data table component
- *
- * @example
- * ```tsx
- * <DataTable
- *   data={users}
- *   columns={columns}
- *   sortable={true}
- *   onRowClick={handleRowClick}
- * />
- * ```
- */
-export declare const DataTable: React.FC<DataTableProps>;
-export default DataTable;

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

@@ -1,2 +0,0 @@
-export { default as DataTable } from './DataTable';
-export * from './DataTable';

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

@@ -1,174 +0,0 @@
-import { useDataTable } from '../../../lib/composables/useDataTable';
-export { useDataTable };
-/**
- * DataTable Column Definition
- */
-export interface DataTableColumn {
-    key: string;
-    title: string;
-    sortable?: boolean;
-    filterable?: boolean;
-    render?: (value: any, row: any) => string | HTMLElement;
-    width?: string;
-}
-/**
- * DataTable Options
- */
-export interface DataTableOptions {
-    sortable?: boolean;
-    filterable?: boolean;
-    paginated?: boolean;
-    pageSize?: number;
-    striped?: boolean;
-    bordered?: boolean;
-    dense?: boolean;
-    emptyMessage?: string;
-    onRowClick?: (row: any) => void;
-    loading?: boolean;
-}
-/**
- * DataTable Class
- * Vanilla JS implementation of the DataTable component
- */
-export declare class DataTable {
-    private static defaults;
-    private element;
-    private tableElement;
-    private searchInput;
-    private paginationElement;
-    private data;
-    private columns;
-    private sortConfig;
-    private currentPage;
-    private searchQuery;
-    private options;
-    /**
-     * Constructor
-     * @param element - DOM element or selector
-     * @param data - Data array
-     * @param columns - Column definitions
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, data?: any[], columns?: DataTableColumn[], options?: DataTableOptions);
-    /**
-     * Initialize the component
-     * @private
-     */
-    private _initialize;
-    /**
-     * Create container structure
-     * @private
-     */
-    private _createStructure;
-    /**
-     * Add modifier classes based on options
-     * @private
-     */
-    private _addModifierClasses;
-    /**
-     * Bind event listeners
-     * @private
-     */
-    private _bindEvents;
-    /**
-     * Handle search input
-     * @private
-     */
-    private _handleSearch;
-    /**
-     * Handle sort header click
-     * @private
-     */
-    private _handleSort;
-    /**
-     * Handle page change
-     * @private
-     */
-    private _handlePageChange;
-    /**
-     * Get filtered data based on search query
-     * @private
-     */
-    private _getFilteredData;
-    /**
-     * Get sorted data
-     * @private
-     */
-    private _getSortedData;
-    /**
-     * Get paginated data
-     * @private
-     */
-    private _getPaginatedData;
-    /**
-     * Get display data (filtered, sorted, paginated)
-     * @private
-     */
-    private _getDisplayData;
-    /**
-     * Get total pages
-     * @private
-     */
-    private _getTotalPages;
-    /**
-     * Render table
-     * @private
-     */
-    private _renderTable;
-    /**
-     * Render table header
-     * @private
-     */
-    private _renderHeader;
-    /**
-     * Render table body
-     * @private
-     */
-    private _renderBody;
-    /**
-     * Create loading spinner
-     * @private
-     */
-    private _createSpinner;
-    /**
-     * Render pagination
-     * @private
-     */
-    private _renderPagination;
-    /**
-     * Update data
-     * @public
-     */
-    updateData(data: any[]): void;
-    /**
-     * Update columns
-     * @public
-     */
-    updateColumns(columns: DataTableColumn[]): void;
-    /**
-     * Sort by column
-     * @public
-     */
-    sortBy(key: string, direction?: 'asc' | 'desc'): void;
-    /**
-     * Set page
-     * @public
-     */
-    setPage(page: number): void;
-    /**
-     * Search
-     * @public
-     */
-    search(query: string): void;
-    /**
-     * Destroy the component
-     * @public
-     */
-    destroy(): void;
-    /**
-     * Initialize all DataTables on the page
-     * @public
-     * @static
-     */
-    static initializeAll(selector?: string, options?: {}): DataTable[];
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DatePickerProps, DatePickerRef } from './types';
-/**
- * DatePicker component for selecting dates from a calendar interface.
- * Supports various display modes, date ranges, and customization options.
- */
-declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<DatePickerRef>>;
-export default DatePicker;

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

@@ -1,4 +0,0 @@
-import DatePicker from './DatePicker';
-export { default as DatePicker } from './DatePicker';
-export * from './types';
-export default DatePicker;

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

@@ -1,28 +0,0 @@
-import DatePicker from './index';
-/**
- * Event handlers and utility functions for DatePicker component
- */
-/**
- * Handle keyboard navigation for date grid
- * @param event Keyboard event
- * @param datepicker DatePicker instance
- */
-export declare function handleDateGridKeyboardNavigation(event: KeyboardEvent, container: HTMLElement): void;
-/**
- * Enhance a datepicker with keyboard navigation
- * @param datepicker DatePicker instance
- */
-export declare function enhanceWithKeyboardNavigation(datepicker: DatePicker): void;
-/**
- * Initialize datepickers with data attributes
- */
-export declare function initFromDataAttributes(): DatePicker[];
-/**
- * Get a DatePicker instance from an element
- * @param element Element or selector
- */
-export declare function getInstance(element: string | HTMLElement): DatePicker | null;
-/**
- * Dispose all DatePicker instances
- */
-export declare function disposeAll(): void;

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

@@ -1,153 +0,0 @@
-/**
- * DatePicker component class for vanilla JavaScript implementation
- */
-export default class DatePicker {
-    private element;
-    private input;
-    private options;
-    private isOpen;
-    private calendar;
-    private viewDate;
-    private selectedDate;
-    private viewMode;
-    private eventListeners;
-    /**
-     * Create a new DatePicker instance
-     * @param element - The element to attach the datepicker to
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, options?: any);
-    /**
-     * Initialize the DatePicker
-     */
-    private _init;
-    /**
-     * Parse the initial date from the input
-     */
-    private parseInitialDate;
-    /**
-     * Bind event listeners
-     */
-    private _bindEvents;
-    /**
-     * Render the calendar element
-     */
-    private _renderCalendar;
-    /**
-     * Update the calendar content based on current state
-     */
-    private _updateCalendar;
-    /**
-     * Generate an array of date objects for the current month view
-     */
-    private _generateDays;
-    /**
-     * Show the calendar
-     */
-    private _showCalendar;
-    /**
-     * Hide the calendar
-     */
-    private _hideCalendar;
-    /**
-     * Position the calendar relative to the input
-     */
-    private _positionCalendar;
-    /**
-     * Select a date
-     * @param day - The day to select
-     */
-    private _selectDate;
-    /**
-     * Navigate to previous month
-     */
-    private _prevMonth;
-    /**
-     * Navigate to next month
-     */
-    private _nextMonth;
-    /**
-     * Navigate to previous year
-     */
-    private _prevYear;
-    /**
-     * Navigate to next year
-     */
-    private _nextYear;
-    /**
-     * Switch to month view
-     */
-    private _switchToMonthView;
-    /**
-     * Switch to year view
-     */
-    private _switchToYearView;
-    /**
-     * Select a month
-     * @param month - The month index (0-11)
-     */
-    private _selectMonth;
-    /**
-     * Select a year
-     * @param year - The year
-     */
-    private _selectYear;
-    /**
-     * Go to today's date
-     */
-    private _goToToday;
-    /**
-     * Clear the selected date
-     */
-    private _clearDate;
-    /**
-     * Check if a date is selectable
-     */
-    private _isDateSelectable;
-    /**
-     * Check if a date is selected
-     */
-    private _isDateSelected;
-    /**
-     * Check if a date is today
-     */
-    private _isToday;
-    /**
-     * Get week number for a date
-     */
-    private _getWeekNumber;
-    /**
-     * Set a new date
-     * @param date - The date to set
-     */
-    setDate(date: Date | null): void;
-    /**
-     * Get the currently selected date
-     */
-    getDate(): Date | null;
-    /**
-     * Open the calendar
-     */
-    open(): void;
-    /**
-     * Close the calendar
-     */
-    close(): void;
-    /**
-     * Clear the selected date
-     */
-    clear(): void;
-    /**
-     * Update the datepicker options
-     * @param options - New options to apply
-     */
-    updateOptions(options: any): void;
-    /**
-     * Destroy the datepicker instance
-     */
-    destroy(): void;
-    /**
-     * Initialize all datepickers in the document
-     */
-    static initializeAll(selector?: string, options?: any): DatePicker[];
-}