@nexus-cross/design-system 2.0.2 → 2.0.4

package/dist/chunks/{chunk-3VFBPFZF.mjs → chunk-7WWQ5DS3.mjs}

@@ -1,9 +1,9 @@
-import { useDraggableBottomSheet } from './chunk-U56AGSLE.mjs';
+import { useDraggableBottomSheet } from './chunk-WBCXHGRL.mjs';
 import { useDraggableWindow } from './chunk-4J3GCZ7W.mjs';
 import { scrollRelease, scrollFreeze } from './chunk-54IA2P2Z.mjs';
-import { useCheckDevice_default } from './chunk-YEWKPWK3.mjs';
+import { useCheckDevice_default } from './chunk-U6OEUBIF.mjs';
 import { useClickOutside_default } from './chunk-OTGS6BDQ.mjs';
-import { Modal_default } from './chunk-6H7V2I3X.mjs';
+import { Modal_default, defaultBreakPoints } from './chunk-FY2N42XN.mjs';
 import { cn } from './chunk-MCKOWMLS.mjs';
 import React, { forwardRef, useState, useMemo, useCallback, useEffect, useImperativeHandle, useRef, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -184,7 +184,11 @@ var ModalPortal = ({ children, selector }) => {
   return mounted && element && children ? createPortal(children, element) : null;
 };
 var ModalPortal_default = ModalPortal;
-var ModalContainer = ({ className = "", breakPoints, ...defaultOption }) => {
+var ModalContainer = ({
+  className = "",
+  breakPoints = defaultBreakPoints,
+  ...defaultOption
+}) => {
   const [modals, setModals] = useState(Modal_default.modalList);
   const setModalClose = useCallback((params) => {
     if (!params) return;
@@ -408,6 +412,7 @@ var ModalTemplate = forwardRef(
     desc,
     hideHeader = false,
     hideFooter = true,
+    hideCloseBtn = false,
     dimClose,
     footer,
     close,
@@ -562,7 +567,7 @@ var ModalTemplate = forwardRef(
                       ref: modalHeaderRef,
                       onMouseDown: isDraggable && enableDrag ? windowDrag.handleMouseDown : void 0,
                       children: [
-                        /* @__PURE__ */ jsx(
+                        !hideCloseBtn && /* @__PURE__ */ jsx(
                           "button",
                           {
                             type: "button",

package/dist/chunks/{chunk-HHXDOKXY.js → chunk-F24AY3HI.js}

@@ -25,9 +25,9 @@ function useDraggableBottomSheet({
       if (!enabled) return;
       const touch = e.touches[0];
       const target = e.currentTarget;
-      const modalInner = target.querySelector(".modal-inner");
+      const modalInner = target.querySelector(".nexus-modal-inner");
       if (!modalInner) return;
-      const scrollableElement = e.target.closest(".modal-body");
+      const scrollableElement = e.target.closest(".nexus-modal-body");
       if (scrollableElement && scrollableElement.scrollTop > 0) return;
       dragStateRef.current = {
         isDragging: true,

package/dist/chunks/{chunk-6H7V2I3X.mjs → chunk-FY2N42XN.mjs}

@@ -8,6 +8,11 @@ var defaultModalOption = {
   animation: { name: "pop-fade", duration: 300 },
   dimCloseEnable: true
 };
+var defaultBreakPoints = {
+  isDesktop: "(min-width: 1280px)",
+  isTablet: "screen and (min-width: 768px) and (max-width: 1279px)",
+  isMobile: "(max-width: 767px)"
+};
 
 // src/modal/Modal.ts
 var Modal = class {
@@ -267,4 +272,4 @@ function useModal() {
   };
 }
 
-export { Modal_default, useModal };
+export { Modal_default, defaultBreakPoints, useModal };