react-layer-kit 1.0.0

package/README.md

@@ -0,0 +1,165 @@
+# react-layer-kit 🪟
+
+Zero-dependency React library for stacking modals and drawers with smooth animations, full TypeScript support, and complete style control.
+
+[![npm](https://img.shields.io/npm/v/react-layer-kit)](https://www.npmjs.com/package/react-layer-kit)
+
+## Features
+
+- 🪟 **Modals** — centered overlays with fade + scale animation
+- 🗂️ **Drawers** — slide in from left, right, top, or bottom
+- 📚 **Stacking** — open multiple layers on top of each other
+- ⌨️ **Keyboard** — Escape closes the top layer
+- 🔒 **Body scroll lock** — automatically locks scroll when open
+- 🎨 **Fully customizable** — theme every property
+- 🔷 **TypeScript** — fully typed API
+- 📦 **Zero dependencies** — only React required
+
+## Installation
+
+```bash
+npm install react-layer-kit
+```
+
+## Quick Start
+
+```tsx
+import { LayerProvider, LayerRenderer, useLayer } from "react-layer-kit";
+
+// 1. Wrap your app
+function App() {
+  return (
+    <LayerProvider>
+      <MyPage />
+      <LayerRenderer />
+    </LayerProvider>
+  );
+}
+
+// 2. Open modals and drawers from anywhere
+function MyPage() {
+  const { openModal, openDrawer } = useLayer();
+
+  return (
+    <>
+      <button onClick={() =>
+        openModal({
+          title: "Confirm Action",
+          content: <p>Are you sure you want to proceed?</p>,
+          size: "sm",
+        })
+      }>
+        Open Modal
+      </button>
+
+      <button onClick={() =>
+        openDrawer({
+          title: "Settings",
+          content: <p>Drawer content here</p>,
+          placement: "right",
+        })
+      }>
+        Open Drawer
+      </button>
+    </>
+  );
+}
+```
+
+## API
+
+### `<LayerProvider>`
+
+Wrap your app with `LayerProvider`.
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `theme` | `LayerTheme` | Global style overrides |
+
+### `<LayerRenderer>`
+
+Place once near the root. Renders all active layers into a portal.
+
+### `useLayer()`
+
+| Method / Property | Type | Description |
+|---|---|---|
+| `openModal(options)` | `(OpenModalOptions) => string` | Opens a modal, returns its ID |
+| `openDrawer(options)` | `(OpenDrawerOptions) => string` | Opens a drawer, returns its ID |
+| `close(id)` | `(string) => void` | Closes a specific layer by ID |
+| `closeTop()` | `() => void` | Closes the topmost layer |
+| `closeAll()` | `() => void` | Closes all layers |
+| `layers` | `LayerEntry[]` | Currently open layers |
+
+### `OpenModalOptions`
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `content` | `ReactNode` | required | Modal body content |
+| `title` | `string` | — | Optional header title |
+| `size` | `"sm" \| "md" \| "lg" \| "xl" \| "full"` | `"md"` | Modal width |
+| `closeOnBackdrop` | `boolean` | `true` | Close when clicking backdrop |
+| `closeOnEsc` | `boolean` | `true` | Close on Escape key |
+| `onClose` | `() => void` | — | Called when modal closes |
+
+### `OpenDrawerOptions`
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `content` | `ReactNode` | required | Drawer body content |
+| `title` | `string` | — | Optional header title |
+| `placement` | `"left" \| "right" \| "top" \| "bottom"` | `"right"` | Slide direction |
+| `size` | `string` | `"380px"` / `"50vh"` | Width or height |
+| `closeOnBackdrop` | `boolean` | `true` | Close when clicking backdrop |
+| `closeOnEsc` | `boolean` | `true` | Close on Escape key |
+| `onClose` | `() => void` | — | Called when drawer closes |
+
+### `LayerTheme`
+
+```ts
+interface LayerTheme {
+  backdropColor?: string;        // default: "rgba(0,0,0,0.5)"
+  backdropBlur?: string;         // default: "4px"
+  modalBackground?: string;      // default: "#ffffff"
+  modalBorderRadius?: string;    // default: "16px"
+  modalShadow?: string;
+  modalPadding?: string;         // default: "28px"
+  drawerBackground?: string;     // default: "#ffffff"
+  drawerShadow?: string;
+  drawerPadding?: string;        // default: "28px"
+  zIndexBase?: number;           // default: 1000
+  animationDuration?: number;    // default: 250 (ms)
+}
+```
+
+## Stacking Example
+
+```tsx
+const { openModal } = useLayer();
+
+// Open a modal that opens another modal on top
+openModal({
+  title: "First Modal",
+  content: (
+    <button onClick={() =>
+      openModal({
+        title: "Second Modal",
+        content: <p>Stacked on top!</p>,
+        size: "sm",
+      })
+    }>
+      Open Another
+    </button>
+  ),
+});
+```
+
+## Keyboard Support
+
+| Key | Action |
+|-----|--------|
+| `Esc` | Close topmost layer |
+
+## License
+
+MIT

package/dist/components/LayerContext.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+export type LayerType = "modal" | "drawer";
+export type DrawerPlacement = "left" | "right" | "top" | "bottom";
+export interface LayerTheme {
+    backdropColor?: string;
+    backdropBlur?: string;
+    modalBackground?: string;
+    modalBorderRadius?: string;
+    modalShadow?: string;
+    modalPadding?: string;
+    drawerBackground?: string;
+    drawerShadow?: string;
+    drawerPadding?: string;
+    zIndexBase?: number;
+    animationDuration?: number;
+}
+export interface OpenModalOptions {
+    title?: string;
+    content: React.ReactNode;
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    onClose?: () => void;
+}
+export interface OpenDrawerOptions {
+    title?: string;
+    content: React.ReactNode;
+    placement?: DrawerPlacement;
+    size?: string;
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    onClose?: () => void;
+}
+export interface LayerEntry {
+    id: string;
+    type: LayerType;
+    modalOptions?: OpenModalOptions;
+    drawerOptions?: OpenDrawerOptions;
+    isClosing: boolean;
+}
+interface LayerContextValue {
+    layers: LayerEntry[];
+    theme: LayerTheme;
+    openModal: (options: OpenModalOptions) => string;
+    openDrawer: (options: OpenDrawerOptions) => string;
+    close: (id: string) => void;
+    closeAll: () => void;
+    closeTop: () => void;
+}
+export interface LayerProviderProps {
+    children: React.ReactNode;
+    theme?: LayerTheme;
+}
+export declare function LayerProvider({ children, theme }: LayerProviderProps): React.JSX.Element;
+export declare function useLayer(): LayerContextValue;
+export {};

package/dist/components/LayerRenderer.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function LayerRenderer(): React.ReactPortal | null;

package/dist/index.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+
+type LayerType = "modal" | "drawer";
+type DrawerPlacement = "left" | "right" | "top" | "bottom";
+interface LayerTheme {
+    backdropColor?: string;
+    backdropBlur?: string;
+    modalBackground?: string;
+    modalBorderRadius?: string;
+    modalShadow?: string;
+    modalPadding?: string;
+    drawerBackground?: string;
+    drawerShadow?: string;
+    drawerPadding?: string;
+    zIndexBase?: number;
+    animationDuration?: number;
+}
+interface OpenModalOptions {
+    title?: string;
+    content: React.ReactNode;
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    onClose?: () => void;
+}
+interface OpenDrawerOptions {
+    title?: string;
+    content: React.ReactNode;
+    placement?: DrawerPlacement;
+    size?: string;
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    onClose?: () => void;
+}
+interface LayerEntry {
+    id: string;
+    type: LayerType;
+    modalOptions?: OpenModalOptions;
+    drawerOptions?: OpenDrawerOptions;
+    isClosing: boolean;
+}
+interface LayerContextValue {
+    layers: LayerEntry[];
+    theme: LayerTheme;
+    openModal: (options: OpenModalOptions) => string;
+    openDrawer: (options: OpenDrawerOptions) => string;
+    close: (id: string) => void;
+    closeAll: () => void;
+    closeTop: () => void;
+}
+interface LayerProviderProps {
+    children: React.ReactNode;
+    theme?: LayerTheme;
+}
+declare function LayerProvider({ children, theme }: LayerProviderProps): React.JSX.Element;
+declare function useLayer(): LayerContextValue;
+
+declare function LayerRenderer(): React.ReactPortal | null;
+
+export { DrawerPlacement, LayerEntry, LayerProvider, LayerProviderProps, LayerRenderer, LayerTheme, OpenDrawerOptions, OpenModalOptions, useLayer };

package/dist/index.esm.js

@@ -0,0 +1,262 @@
+import React, { createContext, useState, useCallback, useContext, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+
+const LayerContext = createContext(null);
+function LayerProvider({ children, theme = {} }) {
+    const [layers, setLayers] = useState([]);
+    const generateId = () => `layer-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    const openModal = useCallback((options) => {
+        const id = generateId();
+        setLayers((prev) => [
+            ...prev,
+            { id, type: "modal", modalOptions: options, isClosing: false },
+        ]);
+        return id;
+    }, []);
+    const openDrawer = useCallback((options) => {
+        const id = generateId();
+        setLayers((prev) => [
+            ...prev,
+            { id, type: "drawer", drawerOptions: options, isClosing: false },
+        ]);
+        return id;
+    }, []);
+    const close = useCallback((id) => {
+        var _a;
+        setLayers((prev) => prev.map((l) => (l.id === id ? Object.assign(Object.assign({}, l), { isClosing: true }) : l)));
+        setTimeout(() => {
+            setLayers((prev) => {
+                var _a, _b, _c, _d;
+                const layer = prev.find((l) => l.id === id);
+                (_b = (_a = layer === null || layer === void 0 ? void 0 : layer.modalOptions) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                (_d = (_c = layer === null || layer === void 0 ? void 0 : layer.drawerOptions) === null || _c === void 0 ? void 0 : _c.onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
+                return prev.filter((l) => l.id !== id);
+            });
+        }, ((_a = theme.animationDuration) !== null && _a !== void 0 ? _a : 250));
+    }, [theme.animationDuration]);
+    const closeAll = useCallback(() => {
+        var _a;
+        setLayers((prev) => prev.map((l) => (Object.assign(Object.assign({}, l), { isClosing: true }))));
+        setTimeout(() => setLayers([]), ((_a = theme.animationDuration) !== null && _a !== void 0 ? _a : 250));
+    }, [theme.animationDuration]);
+    const closeTop = useCallback(() => {
+        var _a;
+        setLayers((prev) => {
+            if (prev.length === 0)
+                return prev;
+            const topId = prev[prev.length - 1].id;
+            return prev.map((l) => (l.id === topId ? Object.assign(Object.assign({}, l), { isClosing: true }) : l));
+        });
+        setTimeout(() => {
+            setLayers((prev) => {
+                var _a, _b, _c, _d;
+                if (prev.length === 0)
+                    return prev;
+                const top = prev[prev.length - 1];
+                (_b = (_a = top === null || top === void 0 ? void 0 : top.modalOptions) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                (_d = (_c = top === null || top === void 0 ? void 0 : top.drawerOptions) === null || _c === void 0 ? void 0 : _c.onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
+                return prev.slice(0, -1);
+            });
+        }, ((_a = theme.animationDuration) !== null && _a !== void 0 ? _a : 250));
+    }, [theme.animationDuration]);
+    return (React.createElement(LayerContext.Provider, { value: { layers, theme, openModal, openDrawer, close, closeAll, closeTop } }, children));
+}
+function useLayer() {
+    const ctx = useContext(LayerContext);
+    if (!ctx)
+        throw new Error("useLayer must be used within a LayerProvider");
+    return ctx;
+}
+
+const defaultTheme = {
+    backdropColor: "rgba(0, 0, 0, 0.5)",
+    backdropBlur: "4px",
+    modalBackground: "#ffffff",
+    modalBorderRadius: "16px",
+    modalShadow: "0 25px 60px rgba(0,0,0,0.2)",
+    modalPadding: "28px",
+    drawerBackground: "#ffffff",
+    drawerShadow: "0 8px 40px rgba(0,0,0,0.18)",
+    drawerPadding: "28px",
+    zIndexBase: 1000,
+    animationDuration: 250,
+};
+const MODAL_SIZES = {
+    sm: "360px",
+    md: "520px",
+    lg: "720px",
+    xl: "960px",
+    full: "100vw",
+};
+const DRAWER_AXIS = {
+    right: { inset: { top: 0, right: 0, bottom: 0 } },
+    left: { inset: { top: 0, left: 0, bottom: 0 } },
+    bottom: { inset: { left: 0, right: 0, bottom: 0 } },
+    top: { inset: { left: 0, right: 0, top: 0 } },
+};
+function getDrawerTransform(placement, isClosing, isEntering) {
+    var _a;
+    const hidden = (_a = {
+        right: "translateX(100%)",
+        left: "translateX(-100%)",
+        bottom: "translateY(100%)",
+        top: "translateY(-100%)",
+    }[placement]) !== null && _a !== void 0 ? _a : "translateX(100%)";
+    return isClosing || isEntering ? hidden : "translate(0,0)";
+}
+function ModalLayer({ layer, index, theme, entering, }) {
+    var _a, _b;
+    const { close } = useLayer();
+    const opts = layer.modalOptions;
+    const zIndex = theme.zIndexBase + index * 10;
+    const isVisible = !layer.isClosing && !entering;
+    const dur = `${theme.animationDuration}ms`;
+    const size = (_b = MODAL_SIZES[(_a = opts.size) !== null && _a !== void 0 ? _a : "md"]) !== null && _b !== void 0 ? _b : MODAL_SIZES.md;
+    return (React.createElement("div", { style: {
+            position: "fixed",
+            inset: 0,
+            zIndex,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            transition: `opacity ${dur} ease`,
+            opacity: isVisible ? 1 : 0,
+        } },
+        React.createElement("div", { style: {
+                position: "absolute",
+                inset: 0,
+                background: theme.backdropColor,
+                backdropFilter: `blur(${theme.backdropBlur})`,
+            }, onClick: () => opts.closeOnBackdrop !== false && close(layer.id) }),
+        React.createElement("div", { role: "dialog", "aria-modal": "true", style: {
+                position: "relative",
+                width: size === "100vw" ? "100%" : size,
+                maxWidth: "calc(100vw - 32px)",
+                maxHeight: "calc(100vh - 64px)",
+                background: theme.modalBackground,
+                borderRadius: opts.size === "full" ? 0 : theme.modalBorderRadius,
+                boxShadow: theme.modalShadow,
+                padding: theme.modalPadding,
+                overflowY: "auto",
+                transition: `transform ${dur} cubic-bezier(0.34, 1.56, 0.64, 1), opacity ${dur} ease`,
+                transform: isVisible ? "scale(1)" : "scale(0.92)",
+            }, onClick: (e) => e.stopPropagation() },
+            opts.title && (React.createElement("div", { style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: 20,
+                } },
+                React.createElement("h2", { style: { margin: 0, fontSize: 18, fontWeight: 700 } }, opts.title),
+                React.createElement("button", { onClick: () => close(layer.id), "aria-label": "Close", style: {
+                        background: "none",
+                        border: "none",
+                        fontSize: 20,
+                        cursor: "pointer",
+                        opacity: 0.4,
+                        padding: "0 4px",
+                        lineHeight: 1,
+                    } }, "\u2715"))),
+            opts.content)));
+}
+function DrawerLayer({ layer, index, theme, entering, }) {
+    var _a, _b;
+    const { close } = useLayer();
+    const opts = layer.drawerOptions;
+    const placement = (_a = opts.placement) !== null && _a !== void 0 ? _a : "right";
+    const zIndex = theme.zIndexBase + index * 10;
+    const isVisible = !layer.isClosing && !entering;
+    const dur = `${theme.animationDuration}ms`;
+    const isHorizontal = placement === "left" || placement === "right";
+    const defaultSize = isHorizontal ? "380px" : "50vh";
+    const size = (_b = opts.size) !== null && _b !== void 0 ? _b : defaultSize;
+    const axis = DRAWER_AXIS[placement];
+    const sizeStyle = isHorizontal
+        ? { width: size, height: "100%" }
+        : { height: size, width: "100%" };
+    return (React.createElement("div", { style: { position: "fixed", inset: 0, zIndex, pointerEvents: "none" } },
+        React.createElement("div", { style: {
+                position: "absolute",
+                inset: 0,
+                background: theme.backdropColor,
+                backdropFilter: `blur(${theme.backdropBlur})`,
+                pointerEvents: "all",
+                transition: `opacity ${dur} ease`,
+                opacity: isVisible ? 1 : 0,
+            }, onClick: () => opts.closeOnBackdrop !== false && close(layer.id) }),
+        React.createElement("div", { role: "dialog", "aria-modal": "true", style: Object.assign(Object.assign(Object.assign({ position: "absolute" }, axis.inset), sizeStyle), { background: theme.drawerBackground, boxShadow: theme.drawerShadow, padding: theme.drawerPadding, overflowY: "auto", pointerEvents: "all", transition: `transform ${dur} cubic-bezier(0.4, 0, 0.2, 1)`, transform: getDrawerTransform(placement, layer.isClosing, entering) }), onClick: (e) => e.stopPropagation() },
+            React.createElement("div", { style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: opts.title ? 20 : 0,
+                } },
+                opts.title && (React.createElement("h2", { style: { margin: 0, fontSize: 18, fontWeight: 700 } }, opts.title)),
+                React.createElement("button", { onClick: () => close(layer.id), "aria-label": "Close", style: {
+                        background: "none",
+                        border: "none",
+                        fontSize: 20,
+                        cursor: "pointer",
+                        opacity: 0.4,
+                        marginLeft: "auto",
+                        padding: "0 4px",
+                        lineHeight: 1,
+                    } }, "\u2715")),
+            opts.content)));
+}
+function LayerRenderer() {
+    const { layers, theme: userTheme, close, closeTop } = useLayer();
+    const theme = Object.assign(Object.assign({}, defaultTheme), userTheme);
+    const [enteringIds, setEnteringIds] = React.useState(new Set());
+    const prevLayerIds = useRef(new Set());
+    // Track newly added layers for enter animation
+    useEffect(() => {
+        const newIds = new Set();
+        layers.forEach((l) => {
+            if (!prevLayerIds.current.has(l.id))
+                newIds.add(l.id);
+        });
+        if (newIds.size > 0) {
+            setEnteringIds((prev) => new Set([...prev, ...newIds]));
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    setEnteringIds((prev) => {
+                        const next = new Set(prev);
+                        newIds.forEach((id) => next.delete(id));
+                        return next;
+                    });
+                });
+            });
+        }
+        prevLayerIds.current = new Set(layers.map((l) => l.id));
+    }, [layers]);
+    // Keyboard Escape handler
+    useEffect(() => {
+        if (layers.length === 0)
+            return;
+        const handler = (e) => {
+            var _a, _b;
+            if (e.key !== "Escape")
+                return;
+            const top = layers[layers.length - 1];
+            const esc = top.type === "modal"
+                ? ((_a = top.modalOptions) === null || _a === void 0 ? void 0 : _a.closeOnEsc) !== false
+                : ((_b = top.drawerOptions) === null || _b === void 0 ? void 0 : _b.closeOnEsc) !== false;
+            if (esc)
+                closeTop();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+    }, [layers, closeTop]);
+    // Lock body scroll when layers are open
+    useEffect(() => {
+        document.body.style.overflow = layers.length > 0 ? "hidden" : "";
+        return () => { document.body.style.overflow = ""; };
+    }, [layers.length]);
+    if (layers.length === 0)
+        return null;
+    return createPortal(React.createElement(React.Fragment, null, layers.map((layer, index) => layer.type === "modal" ? (React.createElement(ModalLayer, { key: layer.id, layer: layer, index: index, theme: theme, entering: enteringIds.has(layer.id) })) : (React.createElement(DrawerLayer, { key: layer.id, layer: layer, index: index, theme: theme, entering: enteringIds.has(layer.id) })))), document.body);
+}
+
+export { LayerProvider, LayerRenderer, useLayer };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/components/LayerContext.tsx","../src/components/LayerRenderer.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useId,\n} from \"react\";\n\nexport type LayerType = \"modal\" | \"drawer\";\nexport type DrawerPlacement = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nexport interface LayerTheme {\n  backdropColor?: string;\n  backdropBlur?: string;\n  modalBackground?: string;\n  modalBorderRadius?: string;\n  modalShadow?: string;\n  modalPadding?: string;\n  drawerBackground?: string;\n  drawerShadow?: string;\n  drawerPadding?: string;\n  zIndexBase?: number;\n  animationDuration?: number;\n}\n\nexport interface OpenModalOptions {\n  title?: string;\n  content: React.ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n}\n\nexport interface OpenDrawerOptions {\n  title?: string;\n  content: React.ReactNode;\n  placement?: DrawerPlacement;\n  size?: string;\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n}\n\nexport interface LayerEntry {\n  id: string;\n  type: LayerType;\n  modalOptions?: OpenModalOptions;\n  drawerOptions?: OpenDrawerOptions;\n  isClosing: boolean;\n}\n\ninterface LayerContextValue {\n  layers: LayerEntry[];\n  theme: LayerTheme;\n  openModal: (options: OpenModalOptions) => string;\n  openDrawer: (options: OpenDrawerOptions) => string;\n  close: (id: string) => void;\n  closeAll: () => void;\n  closeTop: () => void;\n}\n\nconst LayerContext = createContext<LayerContextValue | null>(null);\n\nexport interface LayerProviderProps {\n  children: React.ReactNode;\n  theme?: LayerTheme;\n}\n\nexport function LayerProvider({ children, theme = {} }: LayerProviderProps) {\n  const [layers, setLayers] = useState<LayerEntry[]>([]);\n\n  const generateId = () =>\n    `layer-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n\n  const openModal = useCallback((options: OpenModalOptions): string => {\n    const id = generateId();\n    setLayers((prev) => [\n      ...prev,\n      { id, type: \"modal\", modalOptions: options, isClosing: false },\n    ]);\n    return id;\n  }, []);\n\n  const openDrawer = useCallback((options: OpenDrawerOptions): string => {\n    const id = generateId();\n    setLayers((prev) => [\n      ...prev,\n      { id, type: \"drawer\", drawerOptions: options, isClosing: false },\n    ]);\n    return id;\n  }, []);\n\n  const close = useCallback((id: string) => {\n    setLayers((prev) =>\n      prev.map((l) => (l.id === id ? { ...l, isClosing: true } : l))\n    );\n    setTimeout(() => {\n      setLayers((prev) => {\n        const layer = prev.find((l) => l.id === id);\n        layer?.modalOptions?.onClose?.();\n        layer?.drawerOptions?.onClose?.();\n        return prev.filter((l) => l.id !== id);\n      });\n    }, (theme.animationDuration ?? 250));\n  }, [theme.animationDuration]);\n\n  const closeAll = useCallback(() => {\n    setLayers((prev) => prev.map((l) => ({ ...l, isClosing: true })));\n    setTimeout(() => setLayers([]), (theme.animationDuration ?? 250));\n  }, [theme.animationDuration]);\n\n  const closeTop = useCallback(() => {\n    setLayers((prev) => {\n      if (prev.length === 0) return prev;\n      const topId = prev[prev.length - 1].id;\n      return prev.map((l) => (l.id === topId ? { ...l, isClosing: true } : l));\n    });\n    setTimeout(() => {\n      setLayers((prev) => {\n        if (prev.length === 0) return prev;\n        const top = prev[prev.length - 1];\n        top?.modalOptions?.onClose?.();\n        top?.drawerOptions?.onClose?.();\n        return prev.slice(0, -1);\n      });\n    }, (theme.animationDuration ?? 250));\n  }, [theme.animationDuration]);\n\n  return (\n    <LayerContext.Provider\n      value={{ layers, theme, openModal, openDrawer, close, closeAll, closeTop }}\n    >\n      {children}\n    </LayerContext.Provider>\n  );\n}\n\nexport function useLayer() {\n  const ctx = useContext(LayerContext);\n  if (!ctx) throw new Error(\"useLayer must be used within a LayerProvider\");\n  return ctx;\n}\n","import React, { useEffect, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useLayer, LayerEntry, LayerTheme } from \"./LayerContext\";\n\nconst defaultTheme: Required<LayerTheme> = {\n  backdropColor: \"rgba(0, 0, 0, 0.5)\",\n  backdropBlur: \"4px\",\n  modalBackground: \"#ffffff\",\n  modalBorderRadius: \"16px\",\n  modalShadow: \"0 25px 60px rgba(0,0,0,0.2)\",\n  modalPadding: \"28px\",\n  drawerBackground: \"#ffffff\",\n  drawerShadow: \"0 8px 40px rgba(0,0,0,0.18)\",\n  drawerPadding: \"28px\",\n  zIndexBase: 1000,\n  animationDuration: 250,\n};\n\nconst MODAL_SIZES: Record<string, string> = {\n  sm: \"360px\",\n  md: \"520px\",\n  lg: \"720px\",\n  xl: \"960px\",\n  full: \"100vw\",\n};\n\nconst DRAWER_AXIS: Record<string, { width?: string; height?: string; inset: React.CSSProperties }> = {\n  right:  { inset: { top: 0, right: 0, bottom: 0 } },\n  left:   { inset: { top: 0, left: 0, bottom: 0 } },\n  bottom: { inset: { left: 0, right: 0, bottom: 0 } },\n  top:    { inset: { left: 0, right: 0, top: 0 } },\n};\n\nfunction getDrawerTransform(placement: string, isClosing: boolean, isEntering: boolean): string {\n  const hidden = {\n    right: \"translateX(100%)\",\n    left: \"translateX(-100%)\",\n    bottom: \"translateY(100%)\",\n    top: \"translateY(-100%)\",\n  }[placement] ?? \"translateX(100%)\";\n  return isClosing || isEntering ? hidden : \"translate(0,0)\";\n}\n\nfunction ModalLayer({\n  layer,\n  index,\n  theme,\n  entering,\n}: {\n  layer: LayerEntry;\n  index: number;\n  theme: Required<LayerTheme>;\n  entering: boolean;\n}) {\n  const { close } = useLayer();\n  const opts = layer.modalOptions!;\n  const zIndex = theme.zIndexBase + index * 10;\n  const isVisible = !layer.isClosing && !entering;\n  const dur = `${theme.animationDuration}ms`;\n  const size = MODAL_SIZES[opts.size ?? \"md\"] ?? MODAL_SIZES.md;\n\n  return (\n    <div\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        zIndex,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        transition: `opacity ${dur} ease`,\n        opacity: isVisible ? 1 : 0,\n      }}\n    >\n      {/* Backdrop */}\n      <div\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: theme.backdropColor,\n          backdropFilter: `blur(${theme.backdropBlur})`,\n        }}\n        onClick={() => opts.closeOnBackdrop !== false && close(layer.id)}\n      />\n\n      {/* Modal box */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        style={{\n          position: \"relative\",\n          width: size === \"100vw\" ? \"100%\" : size,\n          maxWidth: \"calc(100vw - 32px)\",\n          maxHeight: \"calc(100vh - 64px)\",\n          background: theme.modalBackground,\n          borderRadius: opts.size === \"full\" ? 0 : theme.modalBorderRadius,\n          boxShadow: theme.modalShadow,\n          padding: theme.modalPadding,\n          overflowY: \"auto\",\n          transition: `transform ${dur} cubic-bezier(0.34, 1.56, 0.64, 1), opacity ${dur} ease`,\n          transform: isVisible ? \"scale(1)\" : \"scale(0.92)\",\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        {opts.title && (\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginBottom: 20,\n            }}\n          >\n            <h2 style={{ margin: 0, fontSize: 18, fontWeight: 700 }}>{opts.title}</h2>\n            <button\n              onClick={() => close(layer.id)}\n              aria-label=\"Close\"\n              style={{\n                background: \"none\",\n                border: \"none\",\n                fontSize: 20,\n                cursor: \"pointer\",\n                opacity: 0.4,\n                padding: \"0 4px\",\n                lineHeight: 1,\n              }}\n            >\n              ✕\n            </button>\n          </div>\n        )}\n        {opts.content}\n      </div>\n    </div>\n  );\n}\n\nfunction DrawerLayer({\n  layer,\n  index,\n  theme,\n  entering,\n}: {\n  layer: LayerEntry;\n  index: number;\n  theme: Required<LayerTheme>;\n  entering: boolean;\n}) {\n  const { close } = useLayer();\n  const opts = layer.drawerOptions!;\n  const placement = opts.placement ?? \"right\";\n  const zIndex = theme.zIndexBase + index * 10;\n  const isVisible = !layer.isClosing && !entering;\n  const dur = `${theme.animationDuration}ms`;\n  const isHorizontal = placement === \"left\" || placement === \"right\";\n  const defaultSize = isHorizontal ? \"380px\" : \"50vh\";\n  const size = opts.size ?? defaultSize;\n  const axis = DRAWER_AXIS[placement];\n\n  const sizeStyle: React.CSSProperties = isHorizontal\n    ? { width: size, height: \"100%\" }\n    : { height: size, width: \"100%\" };\n\n  return (\n    <div style={{ position: \"fixed\", inset: 0, zIndex, pointerEvents: \"none\" }}>\n      {/* Backdrop */}\n      <div\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: theme.backdropColor,\n          backdropFilter: `blur(${theme.backdropBlur})`,\n          pointerEvents: \"all\",\n          transition: `opacity ${dur} ease`,\n          opacity: isVisible ? 1 : 0,\n        }}\n        onClick={() => opts.closeOnBackdrop !== false && close(layer.id)}\n      />\n\n      {/* Drawer panel */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        style={{\n          position: \"absolute\",\n          ...axis.inset,\n          ...sizeStyle,\n          background: theme.drawerBackground,\n          boxShadow: theme.drawerShadow,\n          padding: theme.drawerPadding,\n          overflowY: \"auto\",\n          pointerEvents: \"all\",\n          transition: `transform ${dur} cubic-bezier(0.4, 0, 0.2, 1)`,\n          transform: getDrawerTransform(placement, layer.isClosing, entering),\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div\n          style={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            marginBottom: opts.title ? 20 : 0,\n          }}\n        >\n          {opts.title && (\n            <h2 style={{ margin: 0, fontSize: 18, fontWeight: 700 }}>{opts.title}</h2>\n          )}\n          <button\n            onClick={() => close(layer.id)}\n            aria-label=\"Close\"\n            style={{\n              background: \"none\",\n              border: \"none\",\n              fontSize: 20,\n              cursor: \"pointer\",\n              opacity: 0.4,\n              marginLeft: \"auto\",\n              padding: \"0 4px\",\n              lineHeight: 1,\n            }}\n          >\n            ✕\n          </button>\n        </div>\n        {opts.content}\n      </div>\n    </div>\n  );\n}\n\nexport function LayerRenderer() {\n  const { layers, theme: userTheme, close, closeTop } = useLayer();\n  const theme = { ...defaultTheme, ...userTheme };\n  const [enteringIds, setEnteringIds] = React.useState<Set<string>>(new Set());\n  const prevLayerIds = useRef<Set<string>>(new Set());\n\n  // Track newly added layers for enter animation\n  useEffect(() => {\n    const newIds = new Set<string>();\n    layers.forEach((l) => {\n      if (!prevLayerIds.current.has(l.id)) newIds.add(l.id);\n    });\n    if (newIds.size > 0) {\n      setEnteringIds((prev) => new Set([...prev, ...newIds]));\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          setEnteringIds((prev) => {\n            const next = new Set(prev);\n            newIds.forEach((id) => next.delete(id));\n            return next;\n          });\n        });\n      });\n    }\n    prevLayerIds.current = new Set(layers.map((l) => l.id));\n  }, [layers]);\n\n  // Keyboard Escape handler\n  useEffect(() => {\n    if (layers.length === 0) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      const top = layers[layers.length - 1];\n      const esc =\n        top.type === \"modal\"\n          ? top.modalOptions?.closeOnEsc !== false\n          : top.drawerOptions?.closeOnEsc !== false;\n      if (esc) closeTop();\n    };\n    window.addEventListener(\"keydown\", handler);\n    return () => window.removeEventListener(\"keydown\", handler);\n  }, [layers, closeTop]);\n\n  // Lock body scroll when layers are open\n  useEffect(() => {\n    document.body.style.overflow = layers.length > 0 ? \"hidden\" : \"\";\n    return () => { document.body.style.overflow = \"\"; };\n  }, [layers.length]);\n\n  if (layers.length === 0) return null;\n\n  return createPortal(\n    <>\n      {layers.map((layer, index) =>\n        layer.type === \"modal\" ? (\n          <ModalLayer\n            key={layer.id}\n            layer={layer}\n            index={index}\n            theme={theme}\n            entering={enteringIds.has(layer.id)}\n          />\n        ) : (\n          <DrawerLayer\n            key={layer.id}\n            layer={layer}\n            index={index}\n            theme={theme}\n            entering={enteringIds.has(layer.id)}\n          />\n        )\n      )}\n    </>,\n    document.body\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,266 @@
+'use strict';
+
+var React = require('react');
+var reactDom = require('react-dom');
+
+const LayerContext = React.createContext(null);
+function LayerProvider({ children, theme = {} }) {
+    const [layers, setLayers] = React.useState([]);
+    const generateId = () => `layer-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;
+    const openModal = React.useCallback((options) => {
+        const id = generateId();
+        setLayers((prev) => [
+            ...prev,
+            { id, type: "modal", modalOptions: options, isClosing: false },
+        ]);
+        return id;
+    }, []);
+    const openDrawer = React.useCallback((options) => {
+        const id = generateId();
+        setLayers((prev) => [
+            ...prev,
+            { id, type: "drawer", drawerOptions: options, isClosing: false },
+        ]);
+        return id;
+    }, []);
+    const close = React.useCallback((id) => {
+        var _a;
+        setLayers((prev) => prev.map((l) => (l.id === id ? Object.assign(Object.assign({}, l), { isClosing: true }) : l)));
+        setTimeout(() => {
+            setLayers((prev) => {
+                var _a, _b, _c, _d;
+                const layer = prev.find((l) => l.id === id);
+                (_b = (_a = layer === null || layer === void 0 ? void 0 : layer.modalOptions) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                (_d = (_c = layer === null || layer === void 0 ? void 0 : layer.drawerOptions) === null || _c === void 0 ? void 0 : _c.onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
+                return prev.filter((l) => l.id !== id);
+            });
+        }, ((_a = theme.animationDuration) !== null && _a !== void 0 ? _a : 250));
+    }, [theme.animationDuration]);
+    const closeAll = React.useCallback(() => {
+        var _a;
+        setLayers((prev) => prev.map((l) => (Object.assign(Object.assign({}, l), { isClosing: true }))));
+        setTimeout(() => setLayers([]), ((_a = theme.animationDuration) !== null && _a !== void 0 ? _a : 250));
+    }, [theme.animationDuration]);
+    const closeTop = React.useCallback(() => {
+        var _a;
+        setLayers((prev) => {
+            if (prev.length === 0)
+                return prev;
+            const topId = prev[prev.length - 1].id;
+            return prev.map((l) => (l.id === topId ? Object.assign(Object.assign({}, l), { isClosing: true }) : l));
+        });
+        setTimeout(() => {
+            setLayers((prev) => {
+                var _a, _b, _c, _d;
+                if (prev.length === 0)
+                    return prev;
+                const top = prev[prev.length - 1];
+                (_b = (_a = top === null || top === void 0 ? void 0 : top.modalOptions) === null || _a === void 0 ? void 0 : _a.onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                (_d = (_c = top === null || top === void 0 ? void 0 : top.drawerOptions) === null || _c === void 0 ? void 0 : _c.onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
+                return prev.slice(0, -1);
+            });
+        }, ((_a = theme.animationDuration) !== null && _a !== void 0 ? _a : 250));
+    }, [theme.animationDuration]);
+    return (React.createElement(LayerContext.Provider, { value: { layers, theme, openModal, openDrawer, close, closeAll, closeTop } }, children));
+}
+function useLayer() {
+    const ctx = React.useContext(LayerContext);
+    if (!ctx)
+        throw new Error("useLayer must be used within a LayerProvider");
+    return ctx;
+}
+
+const defaultTheme = {
+    backdropColor: "rgba(0, 0, 0, 0.5)",
+    backdropBlur: "4px",
+    modalBackground: "#ffffff",
+    modalBorderRadius: "16px",
+    modalShadow: "0 25px 60px rgba(0,0,0,0.2)",
+    modalPadding: "28px",
+    drawerBackground: "#ffffff",
+    drawerShadow: "0 8px 40px rgba(0,0,0,0.18)",
+    drawerPadding: "28px",
+    zIndexBase: 1000,
+    animationDuration: 250,
+};
+const MODAL_SIZES = {
+    sm: "360px",
+    md: "520px",
+    lg: "720px",
+    xl: "960px",
+    full: "100vw",
+};
+const DRAWER_AXIS = {
+    right: { inset: { top: 0, right: 0, bottom: 0 } },
+    left: { inset: { top: 0, left: 0, bottom: 0 } },
+    bottom: { inset: { left: 0, right: 0, bottom: 0 } },
+    top: { inset: { left: 0, right: 0, top: 0 } },
+};
+function getDrawerTransform(placement, isClosing, isEntering) {
+    var _a;
+    const hidden = (_a = {
+        right: "translateX(100%)",
+        left: "translateX(-100%)",
+        bottom: "translateY(100%)",
+        top: "translateY(-100%)",
+    }[placement]) !== null && _a !== void 0 ? _a : "translateX(100%)";
+    return isClosing || isEntering ? hidden : "translate(0,0)";
+}
+function ModalLayer({ layer, index, theme, entering, }) {
+    var _a, _b;
+    const { close } = useLayer();
+    const opts = layer.modalOptions;
+    const zIndex = theme.zIndexBase + index * 10;
+    const isVisible = !layer.isClosing && !entering;
+    const dur = `${theme.animationDuration}ms`;
+    const size = (_b = MODAL_SIZES[(_a = opts.size) !== null && _a !== void 0 ? _a : "md"]) !== null && _b !== void 0 ? _b : MODAL_SIZES.md;
+    return (React.createElement("div", { style: {
+            position: "fixed",
+            inset: 0,
+            zIndex,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            transition: `opacity ${dur} ease`,
+            opacity: isVisible ? 1 : 0,
+        } },
+        React.createElement("div", { style: {
+                position: "absolute",
+                inset: 0,
+                background: theme.backdropColor,
+                backdropFilter: `blur(${theme.backdropBlur})`,
+            }, onClick: () => opts.closeOnBackdrop !== false && close(layer.id) }),
+        React.createElement("div", { role: "dialog", "aria-modal": "true", style: {
+                position: "relative",
+                width: size === "100vw" ? "100%" : size,
+                maxWidth: "calc(100vw - 32px)",
+                maxHeight: "calc(100vh - 64px)",
+                background: theme.modalBackground,
+                borderRadius: opts.size === "full" ? 0 : theme.modalBorderRadius,
+                boxShadow: theme.modalShadow,
+                padding: theme.modalPadding,
+                overflowY: "auto",
+                transition: `transform ${dur} cubic-bezier(0.34, 1.56, 0.64, 1), opacity ${dur} ease`,
+                transform: isVisible ? "scale(1)" : "scale(0.92)",
+            }, onClick: (e) => e.stopPropagation() },
+            opts.title && (React.createElement("div", { style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: 20,
+                } },
+                React.createElement("h2", { style: { margin: 0, fontSize: 18, fontWeight: 700 } }, opts.title),
+                React.createElement("button", { onClick: () => close(layer.id), "aria-label": "Close", style: {
+                        background: "none",
+                        border: "none",
+                        fontSize: 20,
+                        cursor: "pointer",
+                        opacity: 0.4,
+                        padding: "0 4px",
+                        lineHeight: 1,
+                    } }, "\u2715"))),
+            opts.content)));
+}
+function DrawerLayer({ layer, index, theme, entering, }) {
+    var _a, _b;
+    const { close } = useLayer();
+    const opts = layer.drawerOptions;
+    const placement = (_a = opts.placement) !== null && _a !== void 0 ? _a : "right";
+    const zIndex = theme.zIndexBase + index * 10;
+    const isVisible = !layer.isClosing && !entering;
+    const dur = `${theme.animationDuration}ms`;
+    const isHorizontal = placement === "left" || placement === "right";
+    const defaultSize = isHorizontal ? "380px" : "50vh";
+    const size = (_b = opts.size) !== null && _b !== void 0 ? _b : defaultSize;
+    const axis = DRAWER_AXIS[placement];
+    const sizeStyle = isHorizontal
+        ? { width: size, height: "100%" }
+        : { height: size, width: "100%" };
+    return (React.createElement("div", { style: { position: "fixed", inset: 0, zIndex, pointerEvents: "none" } },
+        React.createElement("div", { style: {
+                position: "absolute",
+                inset: 0,
+                background: theme.backdropColor,
+                backdropFilter: `blur(${theme.backdropBlur})`,
+                pointerEvents: "all",
+                transition: `opacity ${dur} ease`,
+                opacity: isVisible ? 1 : 0,
+            }, onClick: () => opts.closeOnBackdrop !== false && close(layer.id) }),
+        React.createElement("div", { role: "dialog", "aria-modal": "true", style: Object.assign(Object.assign(Object.assign({ position: "absolute" }, axis.inset), sizeStyle), { background: theme.drawerBackground, boxShadow: theme.drawerShadow, padding: theme.drawerPadding, overflowY: "auto", pointerEvents: "all", transition: `transform ${dur} cubic-bezier(0.4, 0, 0.2, 1)`, transform: getDrawerTransform(placement, layer.isClosing, entering) }), onClick: (e) => e.stopPropagation() },
+            React.createElement("div", { style: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    marginBottom: opts.title ? 20 : 0,
+                } },
+                opts.title && (React.createElement("h2", { style: { margin: 0, fontSize: 18, fontWeight: 700 } }, opts.title)),
+                React.createElement("button", { onClick: () => close(layer.id), "aria-label": "Close", style: {
+                        background: "none",
+                        border: "none",
+                        fontSize: 20,
+                        cursor: "pointer",
+                        opacity: 0.4,
+                        marginLeft: "auto",
+                        padding: "0 4px",
+                        lineHeight: 1,
+                    } }, "\u2715")),
+            opts.content)));
+}
+function LayerRenderer() {
+    const { layers, theme: userTheme, close, closeTop } = useLayer();
+    const theme = Object.assign(Object.assign({}, defaultTheme), userTheme);
+    const [enteringIds, setEnteringIds] = React.useState(new Set());
+    const prevLayerIds = React.useRef(new Set());
+    // Track newly added layers for enter animation
+    React.useEffect(() => {
+        const newIds = new Set();
+        layers.forEach((l) => {
+            if (!prevLayerIds.current.has(l.id))
+                newIds.add(l.id);
+        });
+        if (newIds.size > 0) {
+            setEnteringIds((prev) => new Set([...prev, ...newIds]));
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    setEnteringIds((prev) => {
+                        const next = new Set(prev);
+                        newIds.forEach((id) => next.delete(id));
+                        return next;
+                    });
+                });
+            });
+        }
+        prevLayerIds.current = new Set(layers.map((l) => l.id));
+    }, [layers]);
+    // Keyboard Escape handler
+    React.useEffect(() => {
+        if (layers.length === 0)
+            return;
+        const handler = (e) => {
+            var _a, _b;
+            if (e.key !== "Escape")
+                return;
+            const top = layers[layers.length - 1];
+            const esc = top.type === "modal"
+                ? ((_a = top.modalOptions) === null || _a === void 0 ? void 0 : _a.closeOnEsc) !== false
+                : ((_b = top.drawerOptions) === null || _b === void 0 ? void 0 : _b.closeOnEsc) !== false;
+            if (esc)
+                closeTop();
+        };
+        window.addEventListener("keydown", handler);
+        return () => window.removeEventListener("keydown", handler);
+    }, [layers, closeTop]);
+    // Lock body scroll when layers are open
+    React.useEffect(() => {
+        document.body.style.overflow = layers.length > 0 ? "hidden" : "";
+        return () => { document.body.style.overflow = ""; };
+    }, [layers.length]);
+    if (layers.length === 0)
+        return null;
+    return reactDom.createPortal(React.createElement(React.Fragment, null, layers.map((layer, index) => layer.type === "modal" ? (React.createElement(ModalLayer, { key: layer.id, layer: layer, index: index, theme: theme, entering: enteringIds.has(layer.id) })) : (React.createElement(DrawerLayer, { key: layer.id, layer: layer, index: index, theme: theme, entering: enteringIds.has(layer.id) })))), document.body);
+}
+
+exports.LayerProvider = LayerProvider;
+exports.LayerRenderer = LayerRenderer;
+exports.useLayer = useLayer;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/LayerContext.tsx","../src/components/LayerRenderer.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useState,\n  useCallback,\n  useId,\n} from \"react\";\n\nexport type LayerType = \"modal\" | \"drawer\";\nexport type DrawerPlacement = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nexport interface LayerTheme {\n  backdropColor?: string;\n  backdropBlur?: string;\n  modalBackground?: string;\n  modalBorderRadius?: string;\n  modalShadow?: string;\n  modalPadding?: string;\n  drawerBackground?: string;\n  drawerShadow?: string;\n  drawerPadding?: string;\n  zIndexBase?: number;\n  animationDuration?: number;\n}\n\nexport interface OpenModalOptions {\n  title?: string;\n  content: React.ReactNode;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n}\n\nexport interface OpenDrawerOptions {\n  title?: string;\n  content: React.ReactNode;\n  placement?: DrawerPlacement;\n  size?: string;\n  closeOnBackdrop?: boolean;\n  closeOnEsc?: boolean;\n  onClose?: () => void;\n}\n\nexport interface LayerEntry {\n  id: string;\n  type: LayerType;\n  modalOptions?: OpenModalOptions;\n  drawerOptions?: OpenDrawerOptions;\n  isClosing: boolean;\n}\n\ninterface LayerContextValue {\n  layers: LayerEntry[];\n  theme: LayerTheme;\n  openModal: (options: OpenModalOptions) => string;\n  openDrawer: (options: OpenDrawerOptions) => string;\n  close: (id: string) => void;\n  closeAll: () => void;\n  closeTop: () => void;\n}\n\nconst LayerContext = createContext<LayerContextValue | null>(null);\n\nexport interface LayerProviderProps {\n  children: React.ReactNode;\n  theme?: LayerTheme;\n}\n\nexport function LayerProvider({ children, theme = {} }: LayerProviderProps) {\n  const [layers, setLayers] = useState<LayerEntry[]>([]);\n\n  const generateId = () =>\n    `layer-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`;\n\n  const openModal = useCallback((options: OpenModalOptions): string => {\n    const id = generateId();\n    setLayers((prev) => [\n      ...prev,\n      { id, type: \"modal\", modalOptions: options, isClosing: false },\n    ]);\n    return id;\n  }, []);\n\n  const openDrawer = useCallback((options: OpenDrawerOptions): string => {\n    const id = generateId();\n    setLayers((prev) => [\n      ...prev,\n      { id, type: \"drawer\", drawerOptions: options, isClosing: false },\n    ]);\n    return id;\n  }, []);\n\n  const close = useCallback((id: string) => {\n    setLayers((prev) =>\n      prev.map((l) => (l.id === id ? { ...l, isClosing: true } : l))\n    );\n    setTimeout(() => {\n      setLayers((prev) => {\n        const layer = prev.find((l) => l.id === id);\n        layer?.modalOptions?.onClose?.();\n        layer?.drawerOptions?.onClose?.();\n        return prev.filter((l) => l.id !== id);\n      });\n    }, (theme.animationDuration ?? 250));\n  }, [theme.animationDuration]);\n\n  const closeAll = useCallback(() => {\n    setLayers((prev) => prev.map((l) => ({ ...l, isClosing: true })));\n    setTimeout(() => setLayers([]), (theme.animationDuration ?? 250));\n  }, [theme.animationDuration]);\n\n  const closeTop = useCallback(() => {\n    setLayers((prev) => {\n      if (prev.length === 0) return prev;\n      const topId = prev[prev.length - 1].id;\n      return prev.map((l) => (l.id === topId ? { ...l, isClosing: true } : l));\n    });\n    setTimeout(() => {\n      setLayers((prev) => {\n        if (prev.length === 0) return prev;\n        const top = prev[prev.length - 1];\n        top?.modalOptions?.onClose?.();\n        top?.drawerOptions?.onClose?.();\n        return prev.slice(0, -1);\n      });\n    }, (theme.animationDuration ?? 250));\n  }, [theme.animationDuration]);\n\n  return (\n    <LayerContext.Provider\n      value={{ layers, theme, openModal, openDrawer, close, closeAll, closeTop }}\n    >\n      {children}\n    </LayerContext.Provider>\n  );\n}\n\nexport function useLayer() {\n  const ctx = useContext(LayerContext);\n  if (!ctx) throw new Error(\"useLayer must be used within a LayerProvider\");\n  return ctx;\n}\n","import React, { useEffect, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useLayer, LayerEntry, LayerTheme } from \"./LayerContext\";\n\nconst defaultTheme: Required<LayerTheme> = {\n  backdropColor: \"rgba(0, 0, 0, 0.5)\",\n  backdropBlur: \"4px\",\n  modalBackground: \"#ffffff\",\n  modalBorderRadius: \"16px\",\n  modalShadow: \"0 25px 60px rgba(0,0,0,0.2)\",\n  modalPadding: \"28px\",\n  drawerBackground: \"#ffffff\",\n  drawerShadow: \"0 8px 40px rgba(0,0,0,0.18)\",\n  drawerPadding: \"28px\",\n  zIndexBase: 1000,\n  animationDuration: 250,\n};\n\nconst MODAL_SIZES: Record<string, string> = {\n  sm: \"360px\",\n  md: \"520px\",\n  lg: \"720px\",\n  xl: \"960px\",\n  full: \"100vw\",\n};\n\nconst DRAWER_AXIS: Record<string, { width?: string; height?: string; inset: React.CSSProperties }> = {\n  right:  { inset: { top: 0, right: 0, bottom: 0 } },\n  left:   { inset: { top: 0, left: 0, bottom: 0 } },\n  bottom: { inset: { left: 0, right: 0, bottom: 0 } },\n  top:    { inset: { left: 0, right: 0, top: 0 } },\n};\n\nfunction getDrawerTransform(placement: string, isClosing: boolean, isEntering: boolean): string {\n  const hidden = {\n    right: \"translateX(100%)\",\n    left: \"translateX(-100%)\",\n    bottom: \"translateY(100%)\",\n    top: \"translateY(-100%)\",\n  }[placement] ?? \"translateX(100%)\";\n  return isClosing || isEntering ? hidden : \"translate(0,0)\";\n}\n\nfunction ModalLayer({\n  layer,\n  index,\n  theme,\n  entering,\n}: {\n  layer: LayerEntry;\n  index: number;\n  theme: Required<LayerTheme>;\n  entering: boolean;\n}) {\n  const { close } = useLayer();\n  const opts = layer.modalOptions!;\n  const zIndex = theme.zIndexBase + index * 10;\n  const isVisible = !layer.isClosing && !entering;\n  const dur = `${theme.animationDuration}ms`;\n  const size = MODAL_SIZES[opts.size ?? \"md\"] ?? MODAL_SIZES.md;\n\n  return (\n    <div\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        zIndex,\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        transition: `opacity ${dur} ease`,\n        opacity: isVisible ? 1 : 0,\n      }}\n    >\n      {/* Backdrop */}\n      <div\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: theme.backdropColor,\n          backdropFilter: `blur(${theme.backdropBlur})`,\n        }}\n        onClick={() => opts.closeOnBackdrop !== false && close(layer.id)}\n      />\n\n      {/* Modal box */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        style={{\n          position: \"relative\",\n          width: size === \"100vw\" ? \"100%\" : size,\n          maxWidth: \"calc(100vw - 32px)\",\n          maxHeight: \"calc(100vh - 64px)\",\n          background: theme.modalBackground,\n          borderRadius: opts.size === \"full\" ? 0 : theme.modalBorderRadius,\n          boxShadow: theme.modalShadow,\n          padding: theme.modalPadding,\n          overflowY: \"auto\",\n          transition: `transform ${dur} cubic-bezier(0.34, 1.56, 0.64, 1), opacity ${dur} ease`,\n          transform: isVisible ? \"scale(1)\" : \"scale(0.92)\",\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        {opts.title && (\n          <div\n            style={{\n              display: \"flex\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginBottom: 20,\n            }}\n          >\n            <h2 style={{ margin: 0, fontSize: 18, fontWeight: 700 }}>{opts.title}</h2>\n            <button\n              onClick={() => close(layer.id)}\n              aria-label=\"Close\"\n              style={{\n                background: \"none\",\n                border: \"none\",\n                fontSize: 20,\n                cursor: \"pointer\",\n                opacity: 0.4,\n                padding: \"0 4px\",\n                lineHeight: 1,\n              }}\n            >\n              ✕\n            </button>\n          </div>\n        )}\n        {opts.content}\n      </div>\n    </div>\n  );\n}\n\nfunction DrawerLayer({\n  layer,\n  index,\n  theme,\n  entering,\n}: {\n  layer: LayerEntry;\n  index: number;\n  theme: Required<LayerTheme>;\n  entering: boolean;\n}) {\n  const { close } = useLayer();\n  const opts = layer.drawerOptions!;\n  const placement = opts.placement ?? \"right\";\n  const zIndex = theme.zIndexBase + index * 10;\n  const isVisible = !layer.isClosing && !entering;\n  const dur = `${theme.animationDuration}ms`;\n  const isHorizontal = placement === \"left\" || placement === \"right\";\n  const defaultSize = isHorizontal ? \"380px\" : \"50vh\";\n  const size = opts.size ?? defaultSize;\n  const axis = DRAWER_AXIS[placement];\n\n  const sizeStyle: React.CSSProperties = isHorizontal\n    ? { width: size, height: \"100%\" }\n    : { height: size, width: \"100%\" };\n\n  return (\n    <div style={{ position: \"fixed\", inset: 0, zIndex, pointerEvents: \"none\" }}>\n      {/* Backdrop */}\n      <div\n        style={{\n          position: \"absolute\",\n          inset: 0,\n          background: theme.backdropColor,\n          backdropFilter: `blur(${theme.backdropBlur})`,\n          pointerEvents: \"all\",\n          transition: `opacity ${dur} ease`,\n          opacity: isVisible ? 1 : 0,\n        }}\n        onClick={() => opts.closeOnBackdrop !== false && close(layer.id)}\n      />\n\n      {/* Drawer panel */}\n      <div\n        role=\"dialog\"\n        aria-modal=\"true\"\n        style={{\n          position: \"absolute\",\n          ...axis.inset,\n          ...sizeStyle,\n          background: theme.drawerBackground,\n          boxShadow: theme.drawerShadow,\n          padding: theme.drawerPadding,\n          overflowY: \"auto\",\n          pointerEvents: \"all\",\n          transition: `transform ${dur} cubic-bezier(0.4, 0, 0.2, 1)`,\n          transform: getDrawerTransform(placement, layer.isClosing, entering),\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {/* Header */}\n        <div\n          style={{\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            marginBottom: opts.title ? 20 : 0,\n          }}\n        >\n          {opts.title && (\n            <h2 style={{ margin: 0, fontSize: 18, fontWeight: 700 }}>{opts.title}</h2>\n          )}\n          <button\n            onClick={() => close(layer.id)}\n            aria-label=\"Close\"\n            style={{\n              background: \"none\",\n              border: \"none\",\n              fontSize: 20,\n              cursor: \"pointer\",\n              opacity: 0.4,\n              marginLeft: \"auto\",\n              padding: \"0 4px\",\n              lineHeight: 1,\n            }}\n          >\n            ✕\n          </button>\n        </div>\n        {opts.content}\n      </div>\n    </div>\n  );\n}\n\nexport function LayerRenderer() {\n  const { layers, theme: userTheme, close, closeTop } = useLayer();\n  const theme = { ...defaultTheme, ...userTheme };\n  const [enteringIds, setEnteringIds] = React.useState<Set<string>>(new Set());\n  const prevLayerIds = useRef<Set<string>>(new Set());\n\n  // Track newly added layers for enter animation\n  useEffect(() => {\n    const newIds = new Set<string>();\n    layers.forEach((l) => {\n      if (!prevLayerIds.current.has(l.id)) newIds.add(l.id);\n    });\n    if (newIds.size > 0) {\n      setEnteringIds((prev) => new Set([...prev, ...newIds]));\n      requestAnimationFrame(() => {\n        requestAnimationFrame(() => {\n          setEnteringIds((prev) => {\n            const next = new Set(prev);\n            newIds.forEach((id) => next.delete(id));\n            return next;\n          });\n        });\n      });\n    }\n    prevLayerIds.current = new Set(layers.map((l) => l.id));\n  }, [layers]);\n\n  // Keyboard Escape handler\n  useEffect(() => {\n    if (layers.length === 0) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      const top = layers[layers.length - 1];\n      const esc =\n        top.type === \"modal\"\n          ? top.modalOptions?.closeOnEsc !== false\n          : top.drawerOptions?.closeOnEsc !== false;\n      if (esc) closeTop();\n    };\n    window.addEventListener(\"keydown\", handler);\n    return () => window.removeEventListener(\"keydown\", handler);\n  }, [layers, closeTop]);\n\n  // Lock body scroll when layers are open\n  useEffect(() => {\n    document.body.style.overflow = layers.length > 0 ? \"hidden\" : \"\";\n    return () => { document.body.style.overflow = \"\"; };\n  }, [layers.length]);\n\n  if (layers.length === 0) return null;\n\n  return createPortal(\n    <>\n      {layers.map((layer, index) =>\n        layer.type === \"modal\" ? (\n          <ModalLayer\n            key={layer.id}\n            layer={layer}\n            index={index}\n            theme={theme}\n            entering={enteringIds.has(layer.id)}\n          />\n        ) : (\n          <DrawerLayer\n            key={layer.id}\n            layer={layer}\n            index={index}\n            theme={theme}\n            entering={enteringIds.has(layer.id)}\n          />\n        )\n      )}\n    </>,\n    document.body\n  );\n}\n"],"names":["createContext","useState","useCallback","useContext","useRef","useEffect","createPortal"],"mappings":"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"}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "react-layer-kit",
+  "version": "1.0.0",
+  "description": "Zero-dependency React library for stacking modals and drawers with animations and full TypeScript support",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": ["react", "modal", "drawer", "dialog", "overlay", "stack", "animation", "typescript"],
+  "author": "Iresh Eranga",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@rollup/plugin-typescript": "^11.0.0",
+    "rollup": "^3.0.0",
+    "rollup-plugin-dts": "^5.0.0",
+    "tslib": "^2.6.0",
+    "typescript": "^5.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/IreshEranga/react-layer-kit.git"
+  }
+}