@shohojdhara/atomix 0.1.24 → 0.1.26

package/dist/types/lib/constants/components.d.ts

@@ -0,0 +1,993 @@
+import { ThemeColor, Size } from '../types/components';
+/**
+ * Default theme colors for components
+ */
+export declare const THEME_COLORS: ThemeColor[];
+/**
+ * Default sizes for components
+ */
+export declare const SIZES: Size[];
+/**
+ * CSS class prefixes
+ */
+export declare const CLASS_PREFIX: {
+    COMPONENT: string;
+    UTILITY: string;
+    LAYOUT: string;
+    OBJECT: string;
+};
+/**
+ * Button-specific constants
+ */
+export declare const BUTTON: {
+    BASE_CLASS: string;
+    ICON_CLASS: string;
+    VARIANT_PREFIX: string;
+};
+/**
+ * Callout-specific constants
+ */
+export declare const CALLOUT: {
+    BASE_CLASS: string;
+    CONTENT_CLASS: string;
+    ICON_CLASS: string;
+    MESSAGE_CLASS: string;
+    TITLE_CLASS: string;
+    TEXT_CLASS: string;
+    ACTIONS_CLASS: string;
+    CLOSE_BTN_CLASS: string;
+    VARIANT_PREFIX: string;
+    CLASSES: {
+        ONELINE: string;
+        TOAST: string;
+        HIDE: string;
+    };
+};
+/**
+ * Accordion-specific constants
+ */
+export declare const ACCORDION: {
+    SELECTORS: {
+        ACCORDION: string;
+        HEADER: string;
+        PANEL: string;
+        BODY: string;
+    };
+    CLASSES: {
+        IS_OPEN: string;
+        IS_ANIMATING: string;
+        IS_DISABLED: string;
+    };
+    ATTRIBUTES: {
+        ARIA_EXPANDED: string;
+        ARIA_CONTROLS: string;
+        ARIA_HIDDEN: string;
+        ROLE: string;
+    };
+    CSS_VARS: {
+        PANEL_HEIGHT: string;
+    };
+};
+/**
+ * Badge-specific constants
+ */
+export declare const BADGE: {
+    BASE_CLASS: string;
+    ICON_CLASS: string;
+    VARIANT_PREFIX: string;
+    SIZE_PREFIX: string;
+};
+/**
+ * List-specific constants
+ */
+export declare const LIST: {
+    BASE_CLASS: string;
+    ITEM_CLASS: string;
+    VARIANT_PREFIX: string;
+    SIZE_PREFIX: string;
+    CLASSES: {
+        ORDERED: string;
+        INLINE: string;
+    };
+};
+/**
+ * List Group-specific constants
+ */
+export declare const LIST_GROUP: {
+    BASE_CLASS: string;
+    ITEM_CLASS: string;
+    VARIANT_PREFIX: string;
+    SIZE_PREFIX: string;
+};
+/**
+ * Breadcrumb-specific constants
+ */
+export declare const BREADCRUMB: {
+    SELECTORS: {
+        BREADCRUMB: string;
+        ITEM: string;
+        LINK: string;
+    };
+    CLASSES: {
+        BASE: string;
+        ITEM: string;
+        LINK: string;
+        ACTIVE: string;
+    };
+    DEFAULTS: {
+        DIVIDER: string;
+    };
+};
+/**
+ * Countdown-specific constants
+ */
+export declare const COUNTDOWN: {
+    SELECTORS: {
+        COUNTDOWN: string;
+        TIME: string;
+        TIME_COUNT: string;
+        TIME_LABEL: string;
+        SEPARATOR: string;
+    };
+    CLASSES: {
+        BASE: string;
+        FOCUSED: string;
+    };
+    DEFAULTS: {
+        SEPARATOR: string;
+        SHOW: string[];
+    };
+};
+/**
+ * Hero-specific constants
+ */
+export declare const HERO: {
+    SELECTORS: {
+        HERO: string;
+        CONTAINER: string;
+        GRID: string;
+        CONTENT: string;
+        SUBTITLE: string;
+        TITLE: string;
+        TEXT: string;
+        ACTIONS: string;
+        IMAGE: string;
+        BG: string;
+        BG_IMAGE: string;
+        OVERLAY: string;
+        IMAGE_WRAPPER: string;
+    };
+    CLASSES: {
+        CENTER: string;
+        RIGHT: string;
+        LEFT: string;
+        FULL_VH: string;
+    };
+};
+/**
+ * Tooltip-specific constants
+ */
+export declare const TOOLTIP: {
+    SELECTORS: {
+        TOOLTIP: string;
+        TRIGGER: string;
+        CONTENT: string;
+        ARROW: string;
+    };
+    CLASSES: {
+        IS_ACTIVE: string;
+        TOP: string;
+        BOTTOM: string;
+        LEFT: string;
+        RIGHT: string;
+        TOP_LEFT: string;
+        TOP_RIGHT: string;
+        BOTTOM_LEFT: string;
+        BOTTOM_RIGHT: string;
+    };
+    ATTRIBUTES: {
+        POSITION: string;
+        TRIGGER: string;
+        CONTENT_ID: string;
+    };
+    DEFAULTS: {
+        TRIGGER: string;
+        POSITION: string;
+        OFFSET: number;
+        DELAY: number;
+    };
+};
+/**
+ * Popover-specific constants
+ */
+export declare const POPOVER: {
+    SELECTORS: {
+        POPOVER: string;
+        TRIGGER: string;
+        CONTENT: string;
+        CONTENT_INNER: string;
+        ARROW: string;
+    };
+    CLASSES: {
+        IS_OPEN: string;
+        TOP: string;
+        BOTTOM: string;
+        LEFT: string;
+        RIGHT: string;
+        AUTO: string;
+    };
+    ATTRIBUTES: {
+        POSITION: string;
+        TRIGGER: string;
+        CONTENT_ID: string;
+    };
+    DEFAULTS: {
+        TRIGGER: string;
+        POSITION: string;
+        OFFSET: number;
+        DELAY: number;
+    };
+};
+/**
+ * Toggle-specific constants
+ */
+export declare const TOGGLE: {
+    SELECTORS: {
+        TOGGLE: string;
+    };
+    CLASSES: {
+        IS_ON: string;
+    };
+};
+/**
+ * Tab-specific constants
+ */
+export declare const TAB: {
+    SELECTORS: {
+        TAB: string;
+        NAV_ITEMS: string;
+        NAV_BTN: string;
+        PANELS: string;
+        PANEL_BODIES: string;
+    };
+    CLASSES: {
+        ACTIVE: string;
+    };
+    DEFAULTS: {
+        ACTIVE_INDEX: number;
+    };
+};
+/**
+ * Steps-specific constants
+ */
+export declare const STEPS: {
+    SELECTORS: {
+        STEPS: string;
+        ITEM: string;
+        LINE: string;
+        CONTENT: string;
+        NUMBER: string;
+        TEXT: string;
+    };
+    CLASSES: {
+        ACTIVE: string;
+        VERTICAL: string;
+        COMPLETED: string;
+    };
+};
+/**
+ * Testimonial-specific constants
+ */
+export declare const TESTIMONIAL: {
+    SELECTORS: {
+        TESTIMONIAL: string;
+        QUOTE: string;
+        AUTHOR: string;
+        AUTHOR_AVATAR: string;
+        AUTHOR_INFO: string;
+        AUTHOR_NAME: string;
+        AUTHOR_ROLE: string;
+    };
+    CLASSES: {
+        SMALL: string;
+        LARGE: string;
+    };
+};
+/**
+ * Spinner-specific constants
+ */
+export declare const SPINNER: {
+    SELECTORS: {
+        SPINNER: string;
+    };
+    CLASSES: {
+        PRIMARY: string;
+        SECONDARY: string;
+        SUCCESS: string;
+        INFO: string;
+        WARNING: string;
+        DANGER: string;
+        LIGHT: string;
+        DARK: string;
+        SMALL: string;
+        LARGE: string;
+    };
+    VISUALLY_HIDDEN: string;
+};
+/**
+ * SectionIntro-specific constants
+ */
+export declare const SECTION_INTRO: {
+    SELECTORS: {
+        SECTION_INTRO: string;
+        LABEL: string;
+        TITLE: string;
+        TEXT: string;
+        ACTIONS: string;
+    };
+    CLASSES: {
+        CENTER: string;
+        LARGE: string;
+        SMALL: string;
+    };
+};
+/**
+ * River-specific constants
+ */
+export declare const RIVER: {
+    SELECTORS: {
+        RIVER: string;
+        CONTAINER: string;
+        ROW: string;
+        CONTENT: string;
+        CONTENT_COL: string;
+        CONTENT_COL_TITLE: string;
+        CONTENT_COL_TEXT: string;
+        TITLE: string;
+        TEXT: string;
+        ACTIONS: string;
+        VISUAL: string;
+        IMAGE_WRAPPER: string;
+        IMAGE: string;
+        BG: string;
+        BG_IMAGE: string;
+        OVERLAY: string;
+    };
+    CLASSES: {
+        CENTER: string;
+        BREAKOUT: string;
+        REVERSE: string;
+    };
+    ATTRIBUTES: {
+        CONTENT_WIDTH: string;
+    };
+};
+/**
+ * Upload-specific constants
+ */
+export declare const UPLOAD: {
+    SELECTORS: {
+        UPLOAD: string;
+        INNER: string;
+        ICON: string;
+        TITLE: string;
+        TEXT: string;
+        BUTTON: string;
+        HELPER_TEXT: string;
+        LOADER: string;
+        LOADER_STATUS: string;
+        LOADER_TITLE: string;
+        LOADER_PROGRESS: string;
+        LOADER_PAR: string;
+        LOADER_TIME: string;
+        LOADER_CONTROL: string;
+        LOADER_BAR: string;
+        LOADER_CLOSE: string;
+    };
+    CLASSES: {
+        DISABLED: string;
+        ERROR: string;
+        SUCCESS: string;
+        LOADING: string;
+        DRAGGING: string;
+    };
+    ATTRIBUTES: {
+        PERCENTAGE: string;
+    };
+};
+/**
+ * Navbar-specific constants
+ */
+export declare const NAVBAR: {
+    SELECTORS: {
+        NAVBAR: string;
+        CONTAINER: string;
+        BRAND: string;
+        COLLAPSE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
+    };
+    CLASSES: {
+        BASE: string;
+        CONTAINER: string;
+        BRAND: string;
+        COLLAPSE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
+        FIXED: string;
+        FIXED_BOTTOM: string;
+        COLLAPSIBLE: string;
+        EXPANDED: string;
+        BACKDROP: string;
+    };
+    ATTRIBUTES: {
+        NAVBAR: string;
+        COLLAPSIBLE: string;
+        EXPANDED: string;
+        POSITION: string;
+        BACKDROP: string;
+        AUTO_CLOSE: string;
+        KEYBOARD: string;
+    };
+    DEFAULTS: {
+        POSITION: string;
+        COLLAPSIBLE: boolean;
+        EXPANDED: boolean;
+        BACKDROP: boolean;
+        AUTO_CLOSE: boolean;
+        KEYBOARD: boolean;
+        ARIA_LABEL: string;
+    };
+};
+/**
+ * Nav-specific constants
+ */
+export declare const NAV: {
+    SELECTORS: {
+        NAV: string;
+        ITEM: string;
+        LINK: string;
+        DROPDOWN: string;
+        DROPDOWN_MENU: string;
+        MEGA_MENU: string;
+        ICON: string;
+    };
+    CLASSES: {
+        END: string;
+        CENTER: string;
+        ACTIVE: string;
+        DISABLED: string;
+    };
+};
+/**
+ * SideMenu-specific constants
+ */
+export declare const SIDE_MENU: {
+    SELECTORS: {
+        SIDE_MENU: string;
+        WRAPPER: string;
+        INNER: string;
+        TITLE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
+        LIST: string;
+        ITEM: string;
+        LINK: string;
+        LINK_ICON: string;
+        LINK_TEXT: string;
+    };
+    CLASSES: {
+        BASE: string;
+        WRAPPER: string;
+        INNER: string;
+        TITLE: string;
+        TOGGLER: string;
+        TOGGLER_ICON: string;
+        LIST: string;
+        ITEM: string;
+        LINK: string;
+        LINK_ICON: string;
+        LINK_TEXT: string;
+        IS_OPEN: string;
+        ACTIVE: string;
+        DISABLED: string;
+    };
+    ATTRIBUTES: {
+        SIDE_MENU: string;
+        COLLAPSIBLE: string;
+        OPEN: string;
+        TITLE: string;
+    };
+    DEFAULTS: {
+        COLLAPSIBLE: boolean;
+        OPEN: boolean;
+        TOGGLE_ICON: string;
+    };
+};
+/**
+ * EdgePanel-specific constants
+ */
+/**
+ * Rating-specific constants
+ */
+export declare const RATING: {
+    SELECTORS: {
+        RATING: string;
+        STAR: string;
+        STAR_FULL: string;
+        STAR_HALF: string;
+    };
+    CLASSES: {
+        FULL: string;
+        HALF: string;
+        SMALL: string;
+        LARGE: string;
+    };
+    ATTRIBUTES: {
+        READONLY: string;
+        VALUE: string;
+    };
+};
+export declare const EDGE_PANEL: {
+    SELECTORS: {
+        PANEL: string;
+        BACKDROP: string;
+        CONTAINER: string;
+        HEADER: string;
+        BODY: string;
+        CLOSE: string;
+    };
+    CLASSES: {
+        BASE: string;
+        START: string;
+        END: string;
+        TOP: string;
+        BOTTOM: string;
+        IS_OPEN: string;
+    };
+    TRANSFORM_VALUES: {
+        start: string;
+        end: string;
+        top: string;
+        bottom: string;
+    };
+    ANIMATION_DURATION: number;
+};
+/**
+ * DataTable-specific constants
+ */
+export declare const DATA_TABLE_CLASSES: {
+    base: string;
+    container: string;
+    tableWrapper: string;
+    header: string;
+    headerCell: string;
+    headerContent: string;
+    sortable: string;
+    sortIcon: string;
+    row: string;
+    cell: string;
+    loadingCell: string;
+    loadingIndicator: string;
+    emptyCell: string;
+    toolbar: string;
+    search: string;
+    searchInput: string;
+    pagination: string;
+    striped: string;
+    bordered: string;
+    dense: string;
+    loading: string;
+    open: string;
+};
+/**
+ * DataTable-specific selectors
+ */
+export declare const DATA_TABLE_SELECTORS: {
+    TABLE: string;
+    HEADER: string;
+    HEADER_CELL: string;
+    ROW: string;
+    CELL: string;
+    PAGINATION: string;
+    PAGINATION_BUTTON: string;
+    SEARCH_INPUT: string;
+};
+/**
+ * Pagination-specific constants
+ */
+export declare const PAGINATION_DEFAULTS: {
+    currentPage: number;
+    totalPages: number;
+    siblingCount: number;
+    showFirstLastButtons: boolean;
+    showPrevNextButtons: boolean;
+    size: Size;
+};
+/**
+ * Todo-specific constants
+ */
+export declare const TODO: {
+    SELECTORS: {
+        TODO: string;
+        TITLE: string;
+        LIST: string;
+        ITEM: string;
+        ITEM_CONTENT: string;
+        ITEM_TEXT: string;
+        ITEM_ACTIONS: string;
+        CHECKBOX: string;
+        DELETE_BUTTON: string;
+        FORM: string;
+        INPUT: string;
+        ADD_BUTTON: string;
+    };
+    CLASSES: {
+        BASE: string;
+        ITEM: string;
+        COMPLETED: string;
+        SMALL: string;
+        LARGE: string;
+    };
+};
+/**
+ * Form-specific constants
+ */
+export declare const FORM: {
+    SELECTORS: {
+        FORM: string;
+        GROUP: string;
+        LABEL: string;
+        HELPER: string;
+        FIELD: string;
+        REQUIRED: string;
+    };
+    CLASSES: {
+        BASE: string;
+        DISABLED: string;
+    };
+};
+/**
+ * Form Group-specific constants
+ */
+export declare const FORM_GROUP: {
+    SELECTORS: {
+        GROUP: string;
+        LABEL: string;
+        FIELD: string;
+        HELPER: string;
+        REQUIRED: string;
+    };
+    CLASSES: {
+        BASE: string;
+        SMALL: string;
+        LARGE: string;
+        INVALID: string;
+        VALID: string;
+        DISABLED: string;
+    };
+};
+/**
+ * Input-specific constants
+ */
+export declare const INPUT: {
+    SELECTORS: {
+        INPUT: string;
+    };
+    CLASSES: {
+        BASE: string;
+        SMALL: string;
+        LARGE: string;
+        INVALID: string;
+        VALID: string;
+        DISABLED: string;
+    };
+};
+/**
+ * Radio-specific constants
+ */
+export declare const RADIO: {
+    SELECTORS: {
+        RADIO: string;
+        INPUT: string;
+        LABEL: string;
+    };
+    CLASSES: {
+        BASE: string;
+        INVALID: string;
+        VALID: string;
+        DISABLED: string;
+    };
+};
+/**
+ * Checkbox-specific constants - extend existing checkbox constants
+ */
+/**
+ * Card-specific constants
+ */
+export declare const CARD: {
+    SELECTORS: {
+        CARD: string;
+        HEADER: string;
+        BODY: string;
+        IMAGE: string;
+        TITLE: string;
+        TEXT: string;
+        ACTIONS: string;
+        ICON: string;
+        FOOTER: string;
+    };
+    CLASSES: {
+        BASE: string;
+        ROW: string;
+        FLAT: string;
+        ACTIVE: string;
+        FLIPPED: string;
+        FOCUSED: string;
+        CLICKABLE: string;
+    };
+    DEFAULTS: {
+        HOVER: boolean;
+    };
+};
+/**
+ * Select-specific constants
+ */
+export declare const SELECT: {
+    SELECTORS: {
+        SELECT: string;
+        SELECTED: string;
+        SELECT_BODY: string;
+        SELECT_PANEL: string;
+        SELECT_ITEMS: string;
+        SELECT_ITEM: string;
+        ITEM_LABEL: string;
+        ITEM_INPUT: string;
+        OPTION: string;
+    };
+    CLASSES: {
+        BASE: string;
+        SELECTED: string;
+        SELECT_BODY: string;
+        SELECT_PANEL: string;
+        SELECT_ITEMS: string;
+        SELECT_ITEM: string;
+        TOGGLE_ICON: string;
+        ICON_CARET: string;
+        SMALL: string;
+        LARGE: string;
+        INVALID: string;
+        VALID: string;
+        DISABLED: string;
+        IS_OPEN: string;
+    };
+};
+/**
+ * Textarea-specific constants
+ */
+export declare const TEXTAREA: {
+    SELECTORS: {
+        TEXTAREA: string;
+    };
+    CLASSES: {
+        BASE: string;
+        SMALL: string;
+        LARGE: string;
+        INVALID: string;
+        VALID: string;
+        DISABLED: string;
+    };
+};
+/**
+ * Avatar-specific constants
+ */
+export declare const AVATAR: {
+    SELECTORS: {
+        AVATAR: string;
+        IMAGE: string;
+        INITIALS: string;
+        ICON: string;
+    };
+    CLASSES: {
+        BASE: string;
+        XS: string;
+        SM: string;
+        MD: string;
+        LG: string;
+        XL: string;
+        CIRCLE: string;
+    };
+};
+/**
+ * Avatar Group-specific constants
+ */
+export declare const AVATAR_GROUP: {
+    SELECTORS: {
+        GROUP: string;
+        MORE: string;
+    };
+    CLASSES: {
+        BASE: string;
+        STACKED: string;
+        MORE: string;
+    };
+};
+/**
+ * Modal component constants
+ */
+export declare const MODAL: {
+    SELECTORS: {
+        MODAL: string;
+        OPEN_BUTTON: string;
+        CLOSE_BUTTONS: string;
+        DIALOG: string;
+        BACKDROP: string;
+    };
+    CLASSES: {
+        IS_OPEN: string;
+    };
+    DEFAULT_OPTIONS: {
+        openELm: string;
+        closeELms: string;
+        modalDialogELm: string;
+        backdropELm: string;
+        backdrop: boolean;
+        keyboard: boolean;
+    };
+};
+/**
+ * Messages-specific constants
+ */
+export declare const MESSAGES: {
+    SELECTORS: {
+        MESSAGES: string;
+        BODY: string;
+        CONTENT: string;
+        AVATAR: string;
+        ITEMS: string;
+        TEXT: string;
+        FILE: string;
+        IMAGE: string;
+        FORM: string;
+        INPUT: string;
+    };
+    CLASSES: {
+        BASE: string;
+        BODY: string;
+        CONTENT: string;
+        CONTENT_SELF: string;
+        AVATAR: string;
+        ITEMS: string;
+        NAME: string;
+        TEXT: string;
+        TIME: string;
+        FILE: string;
+        FILE_ICON: string;
+        FILE_DETAILS: string;
+        FILE_NAME: string;
+        FILE_SIZE: string;
+        IMAGE: string;
+        FORM: string;
+        INPUT_GROUP: string;
+        INPUT: string;
+        OPTIONS: string;
+        OPTION: string;
+        OPTION_ICON: string;
+        SUBMIT: string;
+    };
+};
+/**
+ * Dropdown-specific constants
+ */
+export declare const DROPDOWN: {
+    SELECTORS: {
+        DROPDOWN: string;
+        TOGGLE: string;
+        MENU: string;
+        MENU_WRAPPER: string;
+        MENU_INNER: string;
+        MENU_ITEM: string;
+        DIVIDER: string;
+        HEADER: string;
+    };
+    CLASSES: {
+        IS_OPEN: string;
+        IS_ACTIVE: string;
+        IS_DISABLED: string;
+    };
+    DEFAULTS: {
+        PLACEMENT: string;
+        TRIGGER: string;
+        OFFSET: number;
+        MIN_WIDTH: number;
+        ANIMATION_DURATION: string;
+        ANIMATION_TIMING: string;
+    };
+};
+/**
+ * DatePicker-specific constants
+ */
+/**
+ * Progress-specific constants
+ */
+export declare const PROGRESS: {
+    SELECTORS: {
+        PROGRESS: string;
+        BAR: string;
+    };
+    CLASSES: {
+        BASE: string;
+        BAR: string;
+        SM: string;
+        MD: string;
+        LG: string;
+    };
+    ATTRIBUTES: {
+        ARIA_VALUEMIN: string;
+        ARIA_VALUEMAX: string;
+        ARIA_VALUENOW: string;
+        ARIA_LABEL: string;
+    };
+    CSS_VARS: {
+        PERCENTAGE: string;
+    };
+    DEFAULTS: {
+        ARIA_LABEL: string;
+    };
+};
+export declare const DATEPICKER: {
+    SELECTORS: {
+        DATEPICKER: string;
+        INPUT: string;
+        CALENDAR: string;
+        DAY: string;
+        MONTH: string;
+        YEAR: string;
+        HEADER: string;
+        BODY: string;
+        FOOTER: string;
+        WEEKDAYS: string;
+        TODAY_BUTTON: string;
+        CLEAR_BUTTON: string;
+        CLOSE_BUTTON: string;
+        NAV_BUTTON: string;
+        VIEW_SWITCH: string;
+    };
+    CLASSES: {
+        IS_OPEN: string;
+        IS_DISABLED: string;
+        IS_SELECTED: string;
+        IS_TODAY: string;
+        INLINE: string;
+    };
+    ATTRIBUTES: {
+        FORMAT: string;
+        MIN_DATE: string;
+        MAX_DATE: string;
+        INLINE: string;
+        PLACEMENT: string;
+        CLEARABLE: string;
+        SHOW_TODAY: string;
+        SHOW_WEEK_NUMBERS: string;
+    };
+    DEFAULTS: {
+        FORMAT: string;
+        PLACEMENT: string;
+        CLEARABLE: boolean;
+        SHOW_TODAY_BUTTON: boolean;
+        SHOW_WEEK_NUMBERS: boolean;
+        INLINE: boolean;
+    };
+};
+/**
+ * PhotoViewer component constants
+ */
+export declare const PHOTOVIEWER: {
+    SELECTOR: string;
+    CLASS: string;
+    DEFAULTS: {
+        startIndex: number;
+        zoomLevel: number;
+        fullscreen: boolean;
+    };
+};