@shohojdhara/atomix 0.1.27 → 0.1.28

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';

package/dist/types/lib/composables/index.d.ts

@@ -1,30 +0,0 @@
-export * from './useAccordion';
-export * from './useBadge';
-export * from './useBreadcrumb';
-export * from './useButton';
-export * from './useCallout';
-export * from './useCard';
-export * from './useCheckbox';
-export * from './useDataTable';
-export * from './useDatePicker';
-export * from './useDropdown';
-export * from './useEdgePanel';
-export * from './useForm';
-export * from './useFormGroup';
-export * from './useHero';
-export * from './useInput';
-export * from './useMessages';
-export * from './useModal';
-export * from './useNavbar';
-export * from './usePagination';
-export * from './usePhotoViewer';
-export * from './usePopover';
-export * from './useProgress';
-export * from './useRadio';
-export * from './useRating';
-export * from './useRiver';
-export * from './useSelect';
-export * from './useSideMenu';
-export * from './useSpinner';
-export * from './useTextarea';
-export * from './useTodo';

package/dist/types/lib/composables/useAccordion.d.ts

@@ -1,30 +0,0 @@
-import { AccordionProps, AccordionState } from '../types/components';
-/**
- * Accordion functionality hook result
- */
-interface UseAccordionResult {
-    /** Current accordion state */
-    state: AccordionState;
-    /** Toggle the accordion open/closed */
-    toggle: () => void;
-    /** Update the panel height based on content */
-    updatePanelHeight: () => void;
-    /** Reference to the panel element */
-    panelRef: React.RefObject<HTMLDivElement>;
-    /** Reference to the content element */
-    contentRef: React.RefObject<HTMLDivElement>;
-    /** Generate accordion class names based on state */
-    generateClassNames: (baseClassName?: string) => string;
-    /** Generate header class names */
-    generateHeaderClassNames: () => string;
-}
-/**
- * Accordion functionality hook
- * @param initialProps - Initial accordion properties
- * @returns Accordion state and methods
- */
-export declare function useAccordion(initialProps?: Partial<AccordionProps> & {
-    isOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}): UseAccordionResult;
-export {};

package/dist/types/lib/composables/useBadge.d.ts

@@ -1,10 +0,0 @@
-import { BadgeProps } from '../types/components';
-/**
- * Badge state and functionality
- * @param initialProps - Initial badge properties
- * @returns Badge state and methods
- */
-export declare function useBadge(initialProps?: Partial<BadgeProps>): {
-    defaultProps: Partial<BadgeProps>;
-    generateBadgeClass: (props: Partial<BadgeProps>) => string;
-};

package/dist/types/lib/composables/useBreadcrumb.d.ts

@@ -1,13 +0,0 @@
-import { BreadcrumbItem, BreadcrumbOptions } from '../../components/Breadcrumb/scripts/types';
-/**
- * Breadcrumb state and functionality
- * @param initialOptions - Initial breadcrumb options
- * @returns Breadcrumb state and methods
- */
-export declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
-    defaultOptions: BreadcrumbOptions;
-    generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
-    generateItemClass: (item: BreadcrumbItem, isLast: boolean) => string;
-    isItemLink: (item: BreadcrumbItem, isLast: boolean) => boolean;
-    parseItemsFromJson: (jsonString: string) => BreadcrumbItem[];
-};

package/dist/types/lib/composables/useButton.d.ts

@@ -1,11 +0,0 @@
-import { ButtonProps } from '../types/components';
-/**
- * Button state and functionality
- * @param initialProps - Initial button properties
- * @returns Button state and methods
- */
-export declare function useButton(initialProps?: Partial<ButtonProps>): {
-    defaultProps: Partial<ButtonProps>;
-    generateButtonClass: (props: Partial<ButtonProps>) => string;
-    handleClick: (handler?: () => void) => () => void;
-};

package/dist/types/lib/composables/useCallout.d.ts

@@ -1,11 +0,0 @@
-import { CalloutProps } from '../types/components';
-/**
- * Callout state and functionality
- * @param initialProps - Initial callout properties
- * @returns Callout state and methods
- */
-export declare function useCallout(initialProps?: Partial<CalloutProps>): {
-    defaultProps: Partial<CalloutProps>;
-    generateCalloutClass: (props: Partial<CalloutProps>) => string;
-    handleClose: (handler?: () => void) => () => void;
-};

package/dist/types/lib/composables/useCard.d.ts

@@ -1,8 +0,0 @@
-import { UseCardOptions, UseCardReturn } from '../types/components';
-/**
- * Hook for managing Card component state and behaviors
- *
- * @param options - Configuration options for the card
- * @returns Card state and handlers
- */
-export declare const useCard: (options?: UseCardOptions) => UseCardReturn;

package/dist/types/lib/composables/useCheckbox.d.ts

@@ -1,11 +0,0 @@
-import { CheckboxProps } from '../types/components';
-/**
- * Checkbox state and functionality
- * @param initialProps - Initial checkbox properties
- * @returns Checkbox state and methods
- */
-export declare function useCheckbox(initialProps?: Partial<CheckboxProps>): {
-    defaultProps: Partial<CheckboxProps>;
-    generateCheckboxClass: (props: Partial<CheckboxProps>) => string;
-    checkboxRef: import("react").MutableRefObject<HTMLInputElement>;
-};