aark-react-modalify 1.0.2 → 1.0.4

package/dist/components/ModalProvider.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+/**
+ * ModalProvider component that renders modals globally
+ * This component should be rendered once in your app's root
+ */
+declare const ModalProvider: FC;
+export default ModalProvider;

package/dist/components/ModalRenderer.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import type { ModalConfig } from '../types';
+import '../assets/styles/aark-modal.css';
+interface ModalRendererProps {
+    config: ModalConfig;
+    onClose: () => void;
+}
+declare const ModalRenderer: FC<ModalRendererProps>;
+export default ModalRenderer;

package/dist/hooks/useModal.d.ts

@@ -0,0 +1,10 @@
+import type { ModalConfig } from "../types";
+export interface UseModalReturn {
+    isOpen: boolean;
+    config: ModalConfig | null;
+    close: () => void;
+}
+/**
+ * Hook to manage modal state and listen to modal events
+ */
+export declare function useModal(): UseModalReturn;

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { default as aark } from "./logic/aark";
+export type { ModalOptions, ModalPosition, ModalMode, ModalConfig, ModalState, ModalEvent, ModalEventType, } from "./types";
+export type { AarkModalTheme } from "./utils/theme";
+export { setAarkModalTheme, resetAarkModalTheme, getAarkModalTheme, } from "./utils/theme";
+export { useModal } from "./hooks/useModal";
+export { default as ModalRenderer } from "./components/ModalRenderer";

package/dist/logic/ModalManager.d.ts

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

package/dist/logic/aark.d.ts

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

package/dist/types/index.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+export type ModalPosition = "center" | "top-center" | "top-right" | "bottom-right" | "bottom-center";
+export type ModalMode = "modal" | "notification";
+export interface ModalOptions {
+    position?: ModalPosition;
+    mode?: ModalMode;
+    showCloseIcon?: boolean;
+    autoCloseTime?: number;
+    className?: string;
+    overlayClassName?: string;
+    preventEscClose?: boolean;
+    preventOverlayClose?: boolean;
+}
+export interface ModalConfig {
+    content: ReactNode;
+    options?: ModalOptions;
+}
+export interface ModalState {
+    isOpen: boolean;
+    config: ModalConfig | null;
+}
+export type ModalEventType = "open" | "close" | "beforeClose";
+export interface ModalEvent {
+    type: ModalEventType;
+    config?: ModalConfig;
+}

package/dist/utils/theme.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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/package.json

@@ -1,7 +1,8 @@
 {
 	"name": "aark-react-modalify",
-	"version": "1.0.2",
+	"version": "1.0.4",
 	"description": "A lightweight, flexible React modal and notification library with TypeScript support. Features automatic DOM mounting, customizable styling, and a simple imperative API for displaying modals, alerts, confirmations, and toast notifications.",
+	"private": false,
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
 	"types": "dist/index.d.ts",
@@ -20,7 +21,7 @@
 		"LICENSE"
 	],
 	"scripts": {
-		"build": "npm run clean && npm run build:types && npm run build:lib",
+		"build": "npm run clean && npm run build:lib && npm run build:types",
 		"build:lib": "vite build --config vite.lib.config.ts",
 		"build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
 		"clean": "rimraf dist",
@@ -44,7 +45,11 @@
 		"imperative",
 		"lightweight",
 		"flexible",
-		"customizable"
+		"customizable",
+		"aark-react-modalify",
+		"aark-modal",
+		"aark-toast",
+		"aark-notification"
 	],
 	"peerDependencies": {
 		"react": ">=16.8.0",
@@ -73,7 +78,7 @@
 	"author": "Mohammad Sumon",
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/sumonsbgc/aark-react-modalify.git"
+		"url": "git+https://github.com/sumonsbgc/aark-react-modalify.git"
 	},
 	"homepage": "https://github.com/sumonsbgc/aark-react-modalify#readme",
 	"bugs": {