@shohojdhara/atomix 0.1.3 → 0.1.5

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components';
-declare const AtomixReact: Record<string, unknown>;
-export default AtomixReact;

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

@@ -1,38 +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>>;

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

@@ -1,37 +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>>;

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

@@ -1,64 +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>>;

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

@@ -1,38 +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>>;

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,71 +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>>;

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

@@ -1,24 +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>>;

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/lib/composables/index.d.ts

@@ -1,21 +0,0 @@
-export * from './useButton';
-export * from './useAccordion';
-export * from './useBadge';
-export * from './useHero';
-export * from './useRiver';
-export * from './useSpinner';
-export * from './useNavbar';
-export * from './useEdgePanel';
-export * from './useTodo';
-export * from './useForm';
-export * from './useFormGroup';
-export * from './useInput';
-export * from './useSelect';
-export * from './useCheckbox';
-export * from './useRadio';
-export * from './useTextarea';
-export * from './useDataTable';
-export * from './usePagination';
-export * from './useModal';
-export * from './useBreadcrumb';
-export * from './useCard';

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").RefObject<HTMLInputElement>;
-};

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

@@ -1,66 +0,0 @@
-import { DataTableColumn, SortConfig } from '../types/components';
-export interface UseDataTableProps {
-    /**
-     * Data array to display
-     */
-    data: any[];
-    /**
-     * Column definitions
-     */
-    columns: DataTableColumn[];
-    /**
-     * Whether the table is sortable
-     */
-    sortable?: boolean;
-    /**
-     * Whether the table is paginated
-     */
-    paginated?: boolean;
-    /**
-     * Number of rows per page
-     */
-    pageSize?: number;
-    /**
-     * Callback when sorting changes
-     */
-    onSort?: (sortConfig: SortConfig) => void;
-    /**
-     * Initial sort configuration
-     */
-    initialSortConfig?: SortConfig;
-}
-export interface UseDataTableReturn {
-    /**
-     * Data to display (filtered, sorted, paginated)
-     */
-    displayData: any[];
-    /**
-     * Current sort configuration
-     */
-    sortConfig: SortConfig | null;
-    /**
-     * Current page number
-     */
-    currentPage: number;
-    /**
-     * Total number of pages
-     */
-    totalPages: number;
-    /**
-     * Handle sort column click
-     */
-    handleSort: (key: string) => void;
-    /**
-     * Handle page change
-     */
-    handlePageChange: (page: number) => void;
-    /**
-     * Handle search input
-     */
-    handleSearch: (query: string) => void;
-}
-/**
- * Hook for managing DataTable state and behavior
- */
-export declare function useDataTable({ data, columns, sortable, paginated, pageSize, onSort, initialSortConfig, }: UseDataTableProps): UseDataTableReturn;
-export default useDataTable;

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

@@ -1,91 +0,0 @@
-import { DatePickerViewMode, DatePickerSelectionMode, DateRange } from '../../components/DatePicker/types';
-interface UseDatePickerProps {
-    /**
-     * 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
-     */
-    selectionMode?: DatePickerSelectionMode;
-    /**
-     * The start date of the range
-     */
-    startDate?: Date | null;
-    /**
-     * The end date of the range
-     */
-    endDate?: Date | null;
-    /**
-     * Callback function when date range is changed
-     */
-    onRangeChange?: (range: DateRange) => void;
-    /**
-     * Format for the date display
-     */
-    format?: string;
-    /**
-     * Minimum selectable date
-     */
-    minDate?: Date;
-    /**
-     * Maximum selectable date
-     */
-    maxDate?: Date;
-    /**
-     * Whether the datepicker is in inline mode
-     */
-    inline?: boolean;
-}
-interface DateObject {
-    day: number;
-    month: number;
-    year: number;
-    isCurrentMonth: boolean;
-}
-interface MonthObject {
-    month: number;
-    name: string;
-}
-export declare function useDatePicker({ value, onChange, selectionMode, startDate, endDate, onRangeChange, format, minDate, maxDate, inline }?: UseDatePickerProps): {
-    isOpen: boolean;
-    inputValue: string;
-    rangeInputValue: string;
-    viewDate: Date;
-    viewMode: DatePickerViewMode;
-    currentMonth: number;
-    currentYear: number;
-    selectionMode: DatePickerSelectionMode;
-    rangeSelectionState: "start" | "end";
-    datePickerRef: import("react").RefObject<HTMLDivElement>;
-    inputRef: import("react").RefObject<HTMLInputElement>;
-    startDate: Date | null | undefined;
-    endDate: Date | null | undefined;
-    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    handleDateSelect: (day: number) => void;
-    handlePrevMonth: () => void;
-    handleNextMonth: () => void;
-    handlePrevYear: () => void;
-    handleNextYear: () => void;
-    handleTodayClick: () => void;
-    handleClear: () => void;
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleInputFocus: () => void;
-    switchToMonthView: () => void;
-    switchToYearView: () => void;
-    selectMonth: (month: number) => void;
-    selectYear: (year: number) => void;
-    generateDays: () => DateObject[];
-    generateMonths: () => MonthObject[];
-    generateYears: () => number[];
-    isDateSelectable: (year: number, month: number, day: number) => boolean;
-    isDateSelected: (year: number, month: number, day: number) => boolean;
-    isDateInSelectedRange: (year: number, month: number, day: number) => boolean;
-    isToday: (year: number, month: number, day: number) => boolean;
-    getWeekNumber: (date: Date) => number;
-};
-export {};

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

@@ -1,26 +0,0 @@
-import type { DropdownPlacement, DropdownTrigger } from '../types/components';
-interface UseDropdownProps {
-    placement?: DropdownPlacement;
-    trigger?: DropdownTrigger;
-    offset?: number;
-    defaultOpen?: boolean;
-    isOpen?: boolean;
-    onOpenChange?: (isOpen: boolean) => void;
-    closeOnClickOutside?: boolean;
-    closeOnEscape?: boolean;
-    id?: string;
-}
-interface UseDropdownReturn {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    triggerRef: React.RefObject<HTMLElement>;
-    menuRef: React.RefObject<HTMLElement>;
-    dropdownId: string;
-    currentPlacement: DropdownPlacement;
-    updatePosition: () => void;
-}
-/**
- * Hook for managing dropdown state and position
- */
-export declare const useDropdown: ({ placement, trigger, offset, defaultOpen, isOpen: controlledIsOpen, onOpenChange, closeOnClickOutside, closeOnEscape, id }: UseDropdownProps) => UseDropdownReturn;
-export {};

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

@@ -1,15 +0,0 @@
-import { EdgePanelProps } from '../types/components';
-/**
- * EdgePanel state and functionality
- * @param initialProps - Initial EdgePanel properties
- * @returns EdgePanel state and methods
- */
-export declare function useEdgePanel(initialProps?: Partial<EdgePanelProps>): {
-    isOpen: boolean;
-    containerRef: import("react").RefObject<HTMLDivElement>;
-    backdropRef: import("react").RefObject<HTMLDivElement>;
-    generateEdgePanelClass: (props: Partial<EdgePanelProps>) => string;
-    openPanel: () => void;
-    closePanel: () => void;
-    handleBackdropClick: (event: React.MouseEvent<HTMLDivElement>) => void;
-};

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

@@ -1,12 +0,0 @@
-import { FormProps } from '../types/components';
-/**
- * Form state and functionality
- * @param initialProps - Initial form properties
- * @returns Form state and methods
- */
-export declare function useForm(initialProps?: Partial<FormProps>): {
-    defaultProps: Partial<FormProps>;
-    generateFormClass: (props: Partial<FormProps>) => string;
-    handleSubmit: (handler?: (event: React.FormEvent<HTMLFormElement>) => void) => (event: React.FormEvent<HTMLFormElement>) => void;
-    handleReset: (handler?: (event: React.FormEvent<HTMLFormElement>) => void) => (event: React.FormEvent<HTMLFormElement>) => void;
-};

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

@@ -1,10 +0,0 @@
-import { FormGroupProps } from '../types/components';
-/**
- * Form Group state and functionality
- * @param initialProps - Initial form group properties
- * @returns Form Group state and methods
- */
-export declare function useFormGroup(initialProps?: Partial<FormGroupProps>): {
-    defaultProps: Partial<FormGroupProps>;
-    generateFormGroupClass: (props: Partial<FormGroupProps>) => string;
-};