@shohojdhara/atomix 0.1.3 → 0.1.5

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

@@ -1,127 +0,0 @@
-export type DatePickerViewMode = 'days' | 'months' | 'years';
-export type DatePickerPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-export type DatePickerSize = 'sm' | 'md' | 'lg';
-export type DatePickerSelectionMode = 'single' | 'range';
-export interface DateRange {
-    startDate: Date | null;
-    endDate: Date | null;
-}
-export interface DatePickerProps {
-    /**
-     * The currently selected date value
-     */
-    value?: Date | null;
-    /**
-     * Callback function when date is changed
-     */
-    onChange?: (date: Date | null) => void;
-    /**
-     * Selection mode - single date or date range
-     * @default "single"
-     */
-    selectionMode?: DatePickerSelectionMode;
-    /**
-     * The start date of the range (only used when selectionMode is "range")
-     */
-    startDate?: Date | null;
-    /**
-     * The end date of the range (only used when selectionMode is "range")
-     */
-    endDate?: Date | null;
-    /**
-     * Callback function when date range is changed
-     */
-    onRangeChange?: (range: DateRange) => void;
-    /**
-     * Format for the date display (follows Intl.DateTimeFormat patterns)
-     * @default "MM/dd/yyyy"
-     */
-    format?: string;
-    /**
-     * Minimum selectable date
-     */
-    minDate?: Date;
-    /**
-     * Maximum selectable date
-     */
-    maxDate?: Date;
-    /**
-     * Placeholder text for the input
-     * @default "Select date..."
-     */
-    placeholder?: string;
-    /**
-     * Whether the datepicker is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the datepicker is read-only
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Whether to show a clear button
-     * @default true
-     */
-    clearable?: boolean;
-    /**
-     * Whether to show the "Today" button
-     * @default true
-     */
-    showTodayButton?: boolean;
-    /**
-     * Whether to show week numbers
-     * @default false
-     */
-    showWeekNumbers?: boolean;
-    /**
-     * Whether to display the datepicker inline (always visible)
-     * @default false
-     */
-    inline?: boolean;
-    /**
-     * ID for the input element
-     */
-    id?: string;
-    /**
-     * Name for the input element
-     */
-    name?: string;
-    /**
-     * Additional class name for the datepicker component
-     */
-    className?: string;
-    /**
-     * Placement of the dropdown calendar
-     * @default "bottom-start"
-     */
-    placement?: DatePickerPlacement;
-    /**
-     * Additional class name for the input element
-     */
-    inputClassName?: string;
-    /**
-     * Size of the input field
-     * @default "md"
-     */
-    size?: DatePickerSize;
-}
-export interface DatePickerRef {
-    /**
-     * Open the datepicker
-     */
-    open: () => void;
-    /**
-     * Close the datepicker
-     */
-    close: () => void;
-    /**
-     * Clear the selected date
-     */
-    clear: () => void;
-    /**
-     * Set focus on the input element
-     */
-    focus: () => void;
-}

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

@@ -1,39 +0,0 @@
-/**
- * Get the name of a month by its index (0-11)
- */
-export declare function getMonthName(month: number): string;
-/**
- * Get the number of days in a month
- */
-export declare function getDaysInMonth(year: number, month: number): number;
-/**
- * Get the day of the week of the first day of a month (0-6, where 0 is Sunday)
- */
-export declare function getFirstDayOfMonth(year: number, month: number): number;
-/**
- * Format a date according to the specified format
- */
-export declare function formatDate(date: Date, format: string): string;
-/**
- * Format a date range for display
- */
-export declare function formatDateRange(startDate: Date | null, endDate: Date | null, format: string): string;
-/**
- * Parse a date string according to the specified format
- */
-export declare function parseDate(dateStr: string, format: string): Date | null;
-/**
- * Try to parse a date range string (e.g. "01/01/2023 - 01/15/2023")
- */
-export declare function parseDateRange(rangeStr: string, format: string): {
-    startDate: Date | null;
-    endDate: Date | null;
-};
-/**
- * Check if a date is within a min and max range
- */
-export declare function isDateInRange(date: Date, minDate?: Date, maxDate?: Date): boolean;
-/**
- * Check if a date is between startDate and endDate (inclusive)
- */
-export declare function isDateInSelectedRange(date: Date, startDate: Date | null, endDate: Date | null): boolean;

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

@@ -1,18 +0,0 @@
-import React from 'react';
-import type { DropdownProps, DropdownItemProps, DropdownDividerProps, DropdownHeaderProps } from '../../lib/types/components';
-/**
- * DropdownItem component for menu items
- */
-export declare const DropdownItem: React.FC<DropdownItemProps>;
-/**
- * DropdownDivider component for separating groups of items
- */
-export declare const DropdownDivider: React.FC<DropdownDividerProps>;
-/**
- * DropdownHeader component for section headers
- */
-export declare const DropdownHeader: React.FC<DropdownHeaderProps>;
-/**
- * Dropdown component for creating dropdown menus
- */
-export declare const Dropdown: React.FC<DropdownProps>;

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

@@ -1,5 +0,0 @@
-import { Dropdown, DropdownItem, DropdownDivider, DropdownHeader } from './Dropdown';
-import type { DropdownProps, DropdownItemProps, DropdownDividerProps, DropdownHeaderProps } from '../../lib/types/components';
-export { Dropdown, DropdownItem, DropdownDivider, DropdownHeader };
-export type { DropdownProps, DropdownItemProps, DropdownDividerProps, DropdownHeaderProps };
-export * from './scripts';

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

@@ -1,26 +0,0 @@
-/**
- * Dropdown position types
- */
-export type DropdownPosition = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-/**
- * Dropdown trigger types
- */
-export type DropdownTrigger = 'click' | 'hover';
-/**
- * Dropdown options interface
- */
-export interface DropdownOptions {
-    placement?: DropdownPosition;
-    trigger?: DropdownTrigger;
-    offset?: number;
-    closeOnClickOutside?: boolean;
-    closeOnEscape?: boolean;
-    minWidth?: string | number;
-    maxHeight?: string;
-}
-/**
- * Timer reference interface for hover delay
- */
-export interface TimerRef {
-    current: number | null;
-}

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

@@ -1,114 +0,0 @@
-import { DropdownOptions } from './componentInteractions';
-/**
- * Class representing a Dropdown component
- */
-declare class Dropdown {
-    private element;
-    private trigger;
-    private menuWrapper;
-    private menuInner;
-    private menu;
-    private options;
-    private isOpen;
-    private timeoutRef;
-    private animating;
-    /**
-     * Creates an instance of Dropdown
-     * @param element - The dropdown element
-     * @param options - Configuration options
-     */
-    constructor(element: HTMLElement, options?: DropdownOptions);
-    /**
-     * Initialize the dropdown component
-     */
-    private _initialize;
-    /**
-     * Set up menu structure
-     */
-    private _setupMenuStructure;
-    /**
-     * Setup ARIA attributes
-     */
-    private _setupAriaAttributes;
-    /**
-     * Apply styles to menu
-     */
-    private _applyStyles;
-    /**
-     * Bind event listeners
-     */
-    private _bindEvents;
-    /**
-     * Handle animation end events
-     */
-    private _handleAnimationEnd;
-    /**
-     * Handle click on trigger
-     */
-    private _handleTriggerClick;
-    /**
-     * Handle keydown on trigger
-     */
-    private _handleTriggerKeyDown;
-    /**
-     * Handle document click
-     */
-    private _handleDocumentClick;
-    /**
-     * Handle mouseenter on trigger
-     */
-    private _handleTriggerMouseEnter;
-    /**
-     * Handle mouseleave on trigger
-     */
-    private _handleTriggerMouseLeave;
-    /**
-     * Handle mouseenter on menu
-     */
-    private _handleMenuMouseEnter;
-    /**
-     * Handle mouseleave on menu
-     */
-    private _handleMenuMouseLeave;
-    /**
-     * Handle escape key
-     */
-    private _handleEscapeKey;
-    /**
-     * Handle keyboard navigation
-     */
-    private _handleMenuKeyDown;
-    /**
-     * Focus the first menu item
-     */
-    private _focusFirstMenuItem;
-    /**
-     * Open the dropdown
-     */
-    open(): void;
-    /**
-     * Close the dropdown
-     */
-    close(): void;
-    /**
-     * Toggle the dropdown
-     */
-    toggle(): void;
-    /**
-     * Update dropdown options
-     */
-    update(options: Partial<DropdownOptions>): void;
-    /**
-     * Destroy the dropdown instance
-     */
-    destroy(): void;
-}
-/**
- * Initialize all dropdowns in the document
- */
-declare const initializeDropdowns: () => Dropdown[];
-/**
- * Create a dropdown instance for a specific element
- */
-declare const createDropdown: (element: HTMLElement | string, options?: DropdownOptions) => Dropdown;
-export { Dropdown, initializeDropdowns, createDropdown };

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

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

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

@@ -1 +0,0 @@
-export * from './EdgePanel';

package/dist/types/components/EdgePanel/scripts/edgePanelInteractions.d.ts

@@ -1,35 +0,0 @@
-import EdgePanel from './index';
-/**
- * Apply custom animation effects for EdgePanel
- * @param panel - Edge panel element
- */
-export declare function applyCustomAnimations(panel: HTMLElement): void;
-/**
- * Initialize edge panels with custom behavior
- * @returns Array of edge panel instances
- */
-export declare function initializeEdgePanelsWithCustomBehavior(): EdgePanel[];
-/**
- * Apply responsive behavior based on breakpoints
- * @param panel - Edge panel element
- */
-export declare function applyResponsiveHandling(panel: HTMLElement): void;
-/**
- * Open a specific edge panel by selector or ID
- * @param selector - CSS selector or ID of the panel to open
- */
-export declare function openEdgePanel(selector: string): void;
-/**
- * Close a specific edge panel by selector or ID
- * @param selector - CSS selector or ID of the panel to close
- */
-export declare function closeEdgePanel(selector: string): void;
-/**
- * Close all edge panels on the page
- */
-export declare function closeAllEdgePanels(): void;
-/**
- * Toggle a specific edge panel by selector or ID
- * @param selector - CSS selector or ID of the panel to toggle
- */
-export declare function toggleEdgePanel(selector: string): void;

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

@@ -1,126 +0,0 @@
-/**
- * Interface for EdgePanel instance
- */
-interface EdgePanelInstance {
-    openPanel: () => void;
-    closePanel: () => void;
-    destroy: () => void;
-}
-/**
- * Class representing an EdgePanel component
- */
-declare class EdgePanel implements EdgePanelInstance {
-    private $panel;
-    private $container;
-    private $backdrop;
-    private $closeButton;
-    private $trigger;
-    private isOpen;
-    private position;
-    private mode;
-    private closeOnBackdropClick;
-    private closeOnEscape;
-    private hasBackdrop;
-    private animationDuration;
-    private resizeHandler;
-    /**
-     * Creates an instance of EdgePanel
-     * @param element - The panel container element
-     */
-    constructor(element: HTMLElement | string);
-    /**
-     * Initialize the edge panel component
-     */
-    private _initialize;
-    /**
-     * Initialize DOM elements
-     */
-    private _initializeElements;
-    /**
-     * Validate required elements exist
-     * @returns Whether all required elements exist
-     */
-    private _validateElements;
-    /**
-     * Set initial styles for the panel
-     */
-    private _setInitialStyles;
-    /**
-     * Bind event listeners
-     */
-    private _bindEvents;
-    /**
-     * Handle trigger button click
-     */
-    private _handleTriggerClick;
-    /**
-     * Handle close button click
-     */
-    private _handleCloseClick;
-    /**
-     * Handle backdrop click
-     */
-    private _handleBackdropClick;
-    /**
-     * Handle escape key press
-     */
-    private _handleEscapeKey;
-    /**
-     * Handle window resize
-     */
-    private _handleResize;
-    /**
-     * Adjust body padding when using push mode
-     */
-    private _adjustBodyPadding;
-    /**
-     * Reset body padding
-     */
-    private _resetBodyPadding;
-    /**
-     * Open the panel
-     */
-    openPanel(): void;
-    /**
-     * Close the panel
-     */
-    closePanel(): void;
-    /**
-     * Clean up event listeners
-     */
-    destroy(): void;
-}
-/**
- * Initialize all edge panels in the document
- * @returns Array of edge panel instances
- */
-export declare function initializeEdgePanels(): EdgePanelInstance[];
-export declare const SELECTORS: {
-    PANEL: string;
-    BACKDROP: string;
-    CONTAINER: string;
-    HEADER: string;
-    BODY: string;
-    CLOSE: string;
-};
-export declare const CLASSES: {
-    BASE: string;
-    START: string;
-    END: string;
-    TOP: string;
-    BOTTOM: string;
-    IS_OPEN: string;
-};
-export declare const POSITIONS: {
-    START: string;
-    END: string;
-    TOP: string;
-    BOTTOM: string;
-};
-export declare const MODES: {
-    SLIDE: string;
-    PUSH: string;
-    NONE: string;
-};
-export * from './edgePanelInteractions';
-export default EdgePanel;

package/dist/types/components/Form/Checkbox.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { CheckboxProps } from '../../lib/types/components';
-/**
- * Checkbox - A component for checkbox inputs
- */
-export declare const Checkbox: React.FC<CheckboxProps>;
-export default Checkbox;

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import { FormProps } from '../../lib/types/components';
-/**
- * Form - A component for creating form layouts
- */
-export declare const Form: React.FC<FormProps>;
-export default Form;

package/dist/types/components/Form/FormGroup.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { FormGroupProps } from '../../lib/types/components';
-/**
- * FormGroup - A component for grouping form controls with labels and help text
- */
-export declare const FormGroup: React.FC<FormGroupProps>;
-export default FormGroup;

package/dist/types/components/Form/Input.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { InputProps } from '../../lib/types/components';
-/**
- * Input - A component for text input fields
- */
-export declare const Input: React.FC<InputProps>;
-export default Input;

package/dist/types/components/Form/Radio.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { RadioProps } from '../../lib/types/components';
-/**
- * Radio - A component for radio button inputs
- */
-export declare const Radio: React.FC<RadioProps>;
-export default Radio;

package/dist/types/components/Form/Select.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { SelectProps } from '../../lib/types/components';
-/**
- * Select - A component for dropdown selection
- */
-export declare const Select: React.FC<SelectProps>;
-export default Select;

package/dist/types/components/Form/Textarea.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { TextareaProps } from '../../lib/types/components';
-/**
- * Textarea - A component for multiline text input
- */
-export declare const Textarea: React.FC<TextareaProps>;
-export default Textarea;

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

@@ -1,7 +0,0 @@
-export { Form } from './Form';
-export { FormGroup } from './FormGroup';
-export { Input } from './Input';
-export { Select } from './Select';
-export { Checkbox } from './Checkbox';
-export { Radio } from './Radio';
-export { Textarea } from './Textarea';

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { HeroProps } from '../../lib/types/components';
-export type HeroComponentProps = HeroProps;
-export declare const Hero: React.FC<HeroComponentProps>;

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

@@ -1,5 +0,0 @@
-import { Hero } from './Hero';
-import type { HeroComponentProps } from './Hero';
-export { Hero };
-export type { HeroComponentProps };
-export default Hero;

package/dist/types/components/Hero/scripts/heroInteractions.d.ts

@@ -1,29 +0,0 @@
-import { Hero } from './index';
-/**
- * Apply parallax effect to hero background
- * @param hero - Hero element
- * @param intensity - Parallax effect intensity (0-1)
- */
-export declare function applyParallaxEffect(hero: HTMLElement, intensity?: number): void;
-/**
- * Remove parallax effect from hero
- * @param hero - Hero element
- */
-export declare function removeParallaxEffect(hero: HTMLElement): void;
-/**
- * Apply video background to hero
- * @param hero - Hero element
- * @param videoUrl - URL of the video
- * @param options - Video options
- */
-export declare function applyVideoBackground(hero: HTMLElement, videoUrl: string, options?: {
-    autoplay?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    posterUrl?: string;
-}): void;
-/**
- * Initialize hero with custom behavior
- * @param selector - CSS selector for hero elements
- */
-export declare function initializeHeroesWithCustomBehavior(selector?: string): Hero[];

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

@@ -1,47 +0,0 @@
-/**
- * HeroOptions interface for the vanilla JS implementation
- */
-export interface HeroOptions {
-    backgroundImage?: string;
-    overlay?: boolean;
-    overlayOpacity?: number;
-    fullHeight?: boolean;
-    centered?: boolean;
-    className?: string;
-}
-/**
- * HeroInstance interface
- */
-export interface HeroInstance {
-    init(): void;
-    destroy(): void;
-}
-/**
- * Hero Class - Vanilla JS implementation
- */
-export declare class Hero implements HeroInstance {
-    private element;
-    private options;
-    /**
-     * Constructor
-     * @param element - DOM element or selector
-     * @param options - Configuration options
-     */
-    constructor(element: string | HTMLElement, options?: HeroOptions);
-    /**
-     * Initialize the hero component
-     */
-    init(): void;
-    /**
-     * Destroy the hero component
-     */
-    destroy(): void;
-    /**
-     * Initialize all hero components in the document
-     */
-    static initializeAll(selector?: string): Hero[];
-}
-/**
- * Initialize all hero components in the document
- */
-export declare function initHeroes(): void;