aark-react-modalify 1.2.2 → 1.3.0

package/dist/logic/ModalManager.d.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from "react";
-import type { ComponentConfig, ModalOptions, NotificationOptions, ModalEvent, ModalProps, NotificationProps } from "../types";
-type ModalListener = (event: ModalEvent) => void;
-declare function subscribe(listener: ModalListener): () => void;
-declare function fireModal(contentOrProps: ReactNode | ModalProps, options?: ModalOptions): void;
-declare function fireNotification(contentOrProps: ReactNode | NotificationProps, options?: NotificationOptions): void;
-declare function fire(contentOrProps: ReactNode | ModalProps, options?: ModalOptions): void;
-declare function close(): void;
-declare function isOpen(): boolean;
-declare function getCurrentConfig(): ComponentConfig | null;
-declare function closeAll(): void;
-declare function cleanup(): void;
-export declare const modalManager: {
-    subscribe: typeof subscribe;
-    fire: typeof fire;
-    fireModal: typeof fireModal;
-    fireNotification: typeof fireNotification;
-    close: typeof close;
-    isOpen: typeof isOpen;
-    getCurrentConfig: typeof getCurrentConfig;
-    closeAll: typeof closeAll;
-    cleanup: typeof cleanup;
-};
-export {};

package/dist/logic/aark.d.ts

@@ -1,15 +0,0 @@
-import type { ReactNode } from "react";
-import type { ModalOptions, NotificationOptions, ModalProps, NotificationProps } from "../types";
-import type { AarkModalTheme } from "../utils/theme";
-declare const aark: {
-    fire: (contentOrProps: ReactNode | ModalProps, options?: ModalOptions) => void;
-    modal: (contentOrProps: ReactNode | ModalProps, options?: ModalOptions) => void;
-    notification: (contentOrProps: ReactNode | NotificationProps, options?: NotificationOptions) => void;
-    close: () => void;
-    isOpen: () => boolean;
-    closeAll: () => void;
-    setTheme: (theme: AarkModalTheme) => void;
-    resetTheme: () => void;
-    getTheme: () => AarkModalTheme;
-};
-export default aark;

package/dist/types/index.d.ts

@@ -1,102 +0,0 @@
-import type { ReactNode } from "react";
-export type ModalPosition = "center" | "top-center" | "top-right" | "bottom-right" | "bottom-center";
-export type NotificationPosition = "top-right" | "top-center" | "top-left" | "bottom-right" | "bottom-center" | "bottom-left";
-export type ModalMode = "modal" | "notification";
-export type ModalType = "success" | "error" | "warning" | "info" | "question";
-export interface ModalProps {
-    title?: string;
-    text?: string;
-    type?: ModalType;
-    cancelText?: string;
-    confirmText?: string;
-    onCancel?: () => void;
-    onConfirm?: () => void;
-    icon?: string | ReactNode;
-    html?: string | ReactNode;
-    showCancelButton?: boolean;
-    showConfirmButton?: boolean;
-    allowOutsideClick?: boolean;
-    allowEscapeKey?: boolean;
-    reverseButtons?: boolean;
-    focusConfirm?: boolean;
-    focusCancel?: boolean;
-    width?: string | number;
-    fullWidth?: boolean;
-    padding?: string | number;
-    background?: string;
-    customClass?: {
-        container?: string;
-        popup?: string;
-        header?: string;
-        title?: string;
-        closeButton?: string;
-        icon?: string;
-        image?: string;
-        content?: string;
-        input?: string;
-        actions?: string;
-        confirmButton?: string;
-        cancelButton?: string;
-        footer?: string;
-    };
-}
-export interface NotificationProps {
-    title?: string;
-    text?: string;
-    type?: ModalType;
-    icon?: string | ReactNode;
-    html?: string | ReactNode;
-    timer?: number;
-    showCloseButton?: boolean;
-    clickToClose?: boolean;
-    width?: string | number;
-    fullWidth?: boolean;
-    padding?: string | number;
-    background?: string;
-    customClass?: {
-        container?: string;
-        popup?: string;
-        header?: string;
-        title?: string;
-        closeButton?: string;
-        icon?: string;
-        content?: string;
-        footer?: string;
-    };
-}
-export interface BaseOptions {
-    showCloseIcon?: boolean;
-    className?: string;
-    preventEscClose?: boolean;
-}
-export interface ModalOptions extends BaseOptions {
-    position?: ModalPosition;
-    overlayClassName?: string;
-    preventOverlayClose?: boolean;
-}
-export interface NotificationOptions extends BaseOptions {
-    position?: NotificationPosition;
-    autoCloseTime?: number;
-}
-export interface ModalConfig {
-    content?: ReactNode;
-    props?: ModalProps;
-    options?: ModalOptions;
-    mode: "modal";
-}
-export interface NotificationConfig {
-    content?: ReactNode;
-    props?: NotificationProps;
-    options?: NotificationOptions;
-    mode: "notification";
-}
-export type ComponentConfig = ModalConfig | NotificationConfig;
-export interface ModalState {
-    isOpen: boolean;
-    config: ComponentConfig | null;
-}
-export type ModalEventType = "open" | "close" | "beforeClose";
-export interface ModalEvent {
-    type: ModalEventType;
-    config?: ComponentConfig;
-}

package/dist/utils/inject-styles.d.ts

@@ -1,4 +0,0 @@
-export declare const injectStyles: (css: string, id: string) => void;
-export declare const injectModalStyles: () => void;
-export declare const injectNotificationStyles: () => void;
-export declare const removeStyles: (id: string) => void;

package/dist/utils/modal-css.d.ts

@@ -1 +0,0 @@
-export declare const MODAL_CSS = ":root{--aark-modal-overlay-bg:rgba(0,0,0,.5);--aark-modal-bg:#fff;--aark-modal-radius:8px;--aark-modal-shadow:0 10px 25px rgba(0,0,0,.15);--aark-modal-pad:16px;--aark-modal-z:9999;--aark-close-color:#666;--aark-close-hover:#f5f5f5;--aark-anim:.2s}.aark-modal-content{position:fixed;background:var(--aark-modal-bg);border-radius:var(--aark-modal-radius);box-shadow:var(--aark-modal-shadow);padding:var(--aark-modal-pad);z-index:calc(var(--aark-modal-z) + 1);max-width:90vw;min-width:280px;max-height:90vh;overflow:auto}.aark-modal-content.notification{pointer-events:auto;background:var(--aark-modal-bg);box-shadow:var(--aark-modal-shadow);padding:var(--aark-modal-pad);width:auto;max-width:400px;min-width:280px;border-radius:var(--aark-modal-radius)}.aark-modal-content.center{top:50%;left:50%;transform:translate(-50%,-50%);animation:scale-in var(--aark-anim)}.aark-modal-content.top-center{top:20px;left:50%;transform:translateX(-50%);animation:slide-down var(--aark-anim)}.aark-modal-content.top-right{top:20px;right:20px;animation:slide-left var(--aark-anim)}.aark-modal-content.top-left{top:20px;left:20px;animation:slide-right var(--aark-anim)}.aark-modal-content.bottom-right{bottom:20px;right:20px;animation:slide-left var(--aark-anim)}.aark-modal-content.bottom-left{bottom:20px;left:20px;animation:slide-right var(--aark-anim)}.aark-modal-content.bottom-center{bottom:20px;left:50%;transform:translateX(-50%);animation:slide-up var(--aark-anim)}.aark-modal-close{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:.5rem;display:flex;align-items:center;justify-content:center;background:0;border:0;color:var(--aark-close-color);cursor:pointer;border-radius:50%;font-size:14px;line-height:1;transition:all var(--aark-anim)}.aark-modal-close:hover{background:var(--aark-close-hover);color:#333}.aark-modal-close:focus{outline:2px solid #007bff;outline-offset:2px}.aark-modal-body{padding-top:8px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.aark-modal-content{margin:10px;max-width:calc(100vw - 20px);min-width:auto}.aark-modal-content.center{top:50%;left:50%;transform:translate(-50%,-50%)}.aark-modal-content.top-center,.aark-modal-content.bottom-center{left:50%;transform:translateX(-50%)}.aark-modal-content.top-right{right:10px;left:auto;transform:none}.aark-modal-content.top-left{left:10px;right:auto;transform:none}.aark-modal-content.bottom-right{right:10px;bottom:10px;left:auto;transform:none}.aark-modal-content.bottom-left{left:10px;bottom:10px;right:auto;transform:none}.aark-modal-content.notification{width:auto;max-width:calc(100vw - 20px);min-width:auto}}@media (max-width:480px){.aark-modal-content{max-width:calc(100vw - 10px);margin:5px}.aark-modal-content.center{top:10px;left:50%;transform:translateX(-50%);max-height:calc(100vh - 20px)}}";

package/dist/utils/modal-root.d.ts

@@ -1,18 +0,0 @@
-/**
- * Utility to manage the single modal root container
- * Ensures only one instance of aark-react-modalify-root exists
- */
-/**
- * Gets or creates the modal root container
- * Returns the same instance for both modals and notifications
- */
-export declare const getModalRoot: () => HTMLElement;
-/**
- * Cleanup function to remove the modal root when no longer needed
- * Should be called when the last modal/notification is closed
- */
-export declare const cleanupModalRoot: () => void;
-/**
- * Check if modal root exists and has content
- */
-export declare const hasActiveModals: () => boolean;

package/dist/utils/theme.d.ts

@@ -1,40 +0,0 @@
-/**
- * CSS Theme customization utilities for AARK React Modalify
- */
-export interface AarkModalTheme {
-    overlayBackground?: string;
-    overlayBlur?: string;
-    modalBackground?: string;
-    modalBorderRadius?: string;
-    modalShadow?: string;
-    modalPadding?: string;
-    modalZIndex?: number;
-    modalContentZIndex?: number;
-    closeButtonColor?: string;
-    closeButtonHoverBackground?: string;
-    closeButtonHoverColor?: string;
-    closeButtonFocusOutline?: string;
-    animationDuration?: string;
-    fadeDuration?: string;
-    customOverlayBackground?: string;
-    customOverlayBlur?: string;
-    customModalGradientStart?: string;
-    customModalGradientEnd?: string;
-    customModalTextColor?: string;
-    customModalShadow?: string;
-    customModalCloseColor?: string;
-    customModalCloseHoverBackground?: string;
-    customModalCloseHoverColor?: string;
-}
-/**
- * Apply custom theme to AARK Modal CSS variables
- */
-export declare function setAarkModalTheme(theme: AarkModalTheme): void;
-/**
- * Reset AARK Modal theme to default values
- */
-export declare function resetAarkModalTheme(): void;
-/**
- * Get current AARK Modal theme values
- */
-export declare function getAarkModalTheme(): AarkModalTheme;

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>