@ivex0002/stack-modal-presets 1.0.0 → 1.0.3

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@ivex0002/stack-modal-presets",
-  "version": "1.0.0",
+  "version": "1.0.3",
   "description": "Preset layouts for @ivex0002/stack-modal library",
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -45,10 +45,10 @@
     "react": "^18.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@ivex0002/stack-modal": "1.0.0"
+    "@ivex0002/stack-modal": "1.0.3"
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
     "pack:test": "npm run build && npm pack"
   }
 }

package/dist/index.d.mts

@@ -1,9 +0,0 @@
-import { ModalLayout } from '@ivex0002/stack-modal';
-
-declare const defaultPreset: ModalLayout;
-
-declare const minimalPreset: ModalLayout;
-
-declare const drawerPreset: ModalLayout;
-
-export { defaultPreset, drawerPreset, minimalPreset };

package/dist/index.mjs

@@ -1,211 +0,0 @@
-// src/defaultPreset.tsx
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var STACK_OFFSET = 100;
-var SCALE_STEP = 0.08;
-var defaultPreset = {
-  Background: ({
-    children,
-    onClose
-  }) => {
-    React.useEffect(() => {
-      const handleKeyUp = (e) => {
-        if (e.key === "Escape") onClose();
-      };
-      window.addEventListener("keyup", handleKeyUp);
-      return () => window.removeEventListener("keyup", handleKeyUp);
-    }, [onClose]);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        onClick: onClose,
-        style: {
-          zIndex: 1e3,
-          backgroundColor: "#00000020",
-          backdropFilter: "blur(2px)",
-          position: "fixed",
-          inset: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children })
-      }
-    );
-  },
-  ModalWrap: ({
-    children,
-    depth,
-    isTop
-  }) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          left: "50%",
-          top: "50%",
-          transform: `
-          translate(-50%, -50%)
-          translateX(-${depth * STACK_OFFSET}px)
-          scale(${1 - depth * SCALE_STEP})
-        `,
-          transition: "transform 0.25s ease",
-          backgroundColor: "#fff",
-          borderRadius: "16px",
-          padding: "20px",
-          boxShadow: "0 10px 30px rgba(0,0,0,0.15)",
-          pointerEvents: isTop ? "auto" : "none"
-        },
-        children
-      }
-    );
-  }
-};
-
-// src/minimalPreset.tsx
-import React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var minimalPreset = {
-  Background: ({
-    children,
-    onClose
-  }) => {
-    React2.useEffect(() => {
-      const handleKeyUp = (e) => {
-        if (e.key === "Escape") onClose();
-      };
-      window.addEventListener("keyup", handleKeyUp);
-      return () => window.removeEventListener("keyup", handleKeyUp);
-    }, [onClose]);
-    return /* @__PURE__ */ jsx2(
-      "div",
-      {
-        onClick: onClose,
-        style: {
-          position: "fixed",
-          inset: 0,
-          zIndex: 1e3,
-          backgroundColor: "rgba(0, 0, 0, 0.5)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: /* @__PURE__ */ jsx2("div", { onClick: (e) => e.stopPropagation(), children })
-      }
-    );
-  },
-  ModalWrap: ({
-    children,
-    isTop
-  }) => {
-    return /* @__PURE__ */ jsx2(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          left: "50%",
-          top: "50%",
-          transform: "translate(-50%, -50%)",
-          backgroundColor: "#fff",
-          borderRadius: "8px",
-          padding: "24px",
-          boxShadow: "0 4px 12px rgba(0, 0, 0, 0.15)",
-          maxWidth: "90vw",
-          maxHeight: "90vh",
-          overflow: "hidden",
-          opacity: isTop ? 1 : 0,
-          pointerEvents: isTop ? "auto" : "none",
-          transition: "opacity 0.2s ease"
-        },
-        children
-      }
-    );
-  }
-};
-
-// src/drawerPreset.tsx
-import React3 from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var drawerPreset = {
-  Background: ({
-    children,
-    onClose
-  }) => {
-    React3.useEffect(() => {
-      const handleKeyUp = (e) => {
-        if (e.key === "Escape") onClose();
-      };
-      window.addEventListener("keyup", handleKeyUp);
-      return () => window.removeEventListener("keyup", handleKeyUp);
-    }, [onClose]);
-    return /* @__PURE__ */ jsx3(
-      "div",
-      {
-        onClick: onClose,
-        style: {
-          position: "fixed",
-          inset: 0,
-          zIndex: 1e3,
-          backgroundColor: "rgba(0, 0, 0, 0.4)",
-          display: "flex",
-          alignItems: "flex-end",
-          justifyContent: "center",
-          transition: "background-color 0.3s ease"
-        },
-        children: /* @__PURE__ */ jsx3("div", { onClick: (e) => e.stopPropagation(), children })
-      }
-    );
-  },
-  ModalWrap: ({
-    children,
-    depth,
-    isTop
-  }) => {
-    const translateY = depth * 50;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        style: {
-          position: "absolute",
-          left: "50%",
-          bottom: 0,
-          transform: `
-          translate(-50%, 0)
-          translateY(-${translateY}px)
-        `,
-          backgroundColor: "#fff",
-          borderTopLeftRadius: "20px",
-          borderTopRightRadius: "20px",
-          padding: "20px",
-          paddingTop: "12px",
-          maxHeight: "85vh",
-          overflow: "auto",
-          boxShadow: "0 -4px 20px rgba(0, 0, 0, 0.15)",
-          transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-          pointerEvents: isTop ? "auto" : "none"
-        },
-        children: [
-          /* @__PURE__ */ jsx3(
-            "div",
-            {
-              style: {
-                width: "40px",
-                height: "4px",
-                backgroundColor: "#e0e0e0",
-                borderRadius: "2px",
-                margin: "0 auto 16px"
-              }
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-};
-export {
-  defaultPreset,
-  drawerPreset,
-  minimalPreset
-};