@nexus-cross/design-system 2.0.3 → 2.0.5

package/dist/chunks/{chunk-XEHFB62A.js → chunk-NRO7I4EI.js}

@@ -3,10 +3,6 @@
 var react = require('react');
 
 // src/hooks/useCheckDevice.ts
-function getMatchMedia(query) {
-  if (typeof window === "undefined") return false;
-  return window.matchMedia(query).matches;
-}
 var DEFAULT_BREAKPOINTS = {
   mobile: 0,
   tablet: 768,
@@ -47,8 +43,8 @@ function useCheckDevice(breakPoints) {
   }, [serialized]);
   const [result, setResult] = react.useState(() => {
     const init = {};
-    for (const [key, query] of Object.entries(queries)) {
-      init[key] = getMatchMedia(query);
+    for (const key of Object.keys(queries)) {
+      init[key] = false;
     }
     return init;
   });

package/dist/chunks/{chunk-U53UA76K.js → chunk-R744EATX.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkHHXDOKXY_js = require('./chunk-HHXDOKXY.js');
+var chunkF24AY3HI_js = require('./chunk-F24AY3HI.js');
 var chunkNHDGKOAM_js = require('./chunk-NHDGKOAM.js');
 var chunkT2IY2TSR_js = require('./chunk-T2IY2TSR.js');
-var chunkXEHFB62A_js = require('./chunk-XEHFB62A.js');
+var chunkNRO7I4EI_js = require('./chunk-NRO7I4EI.js');
 var chunkINP2AH3B_js = require('./chunk-INP2AH3B.js');
-var chunkHUPAHDJ7_js = require('./chunk-HUPAHDJ7.js');
+var chunkTAHDSSA6_js = require('./chunk-TAHDSSA6.js');
 var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -51,7 +51,7 @@ var Component = ({
 };
 var ModalComponent = React.forwardRef(
   ({ className, modal, breakPoints, scrollFreeze: scrollFreeze2, scrollRelease: scrollRelease2, deleteModal, resolveModal }, ref) => {
-    const { isMobile } = chunkXEHFB62A_js.useCheckDevice_default(breakPoints);
+    const { isMobile } = chunkNRO7I4EI_js.useCheckDevice_default(breakPoints);
     const [status, setStatus] = React.useState("");
     const clickOutSideTarget = React.useMemo(() => {
       if (modal.props?.clickOutSideRef) {
@@ -190,21 +190,25 @@ var ModalPortal = ({ children, selector }) => {
   return mounted && element && children ? reactDom.createPortal(children, element) : null;
 };
 var ModalPortal_default = ModalPortal;
-var ModalContainer = ({ className = "", breakPoints, ...defaultOption }) => {
-  const [modals, setModals] = React.useState(chunkHUPAHDJ7_js.Modal_default.modalList);
+var ModalContainer = ({
+  className = "",
+  breakPoints = chunkTAHDSSA6_js.defaultBreakPoints,
+  ...defaultOption
+}) => {
+  const [modals, setModals] = React.useState(chunkTAHDSSA6_js.Modal_default.modalList);
   const setModalClose = React.useCallback((params) => {
     if (!params) return;
     const { modalId, hasClose, close } = params;
     if (!hasClose) {
-      chunkHUPAHDJ7_js.Modal_default.modalList = chunkHUPAHDJ7_js.Modal_default.modalList.map(
+      chunkTAHDSSA6_js.Modal_default.modalList = chunkTAHDSSA6_js.Modal_default.modalList.map(
         (m) => m.id === modalId ? { ...m, close } : m
       );
     }
   }, []);
   React.useEffect(() => {
-    chunkHUPAHDJ7_js.Modal_default.observe({ options: defaultOption, observeFunction: setModals });
+    chunkTAHDSSA6_js.Modal_default.observe({ options: defaultOption, observeFunction: setModals });
     return () => {
-      chunkHUPAHDJ7_js.Modal_default.unobserve();
+      chunkTAHDSSA6_js.Modal_default.unobserve();
     };
   }, [defaultOption]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { id: "modal-wrapper", className, children: modals.map(
@@ -214,8 +218,8 @@ var ModalContainer = ({ className = "", breakPoints, ...defaultOption }) => {
         ref: setModalClose,
         modal: m,
         breakPoints,
-        deleteModal: (id) => chunkHUPAHDJ7_js.Modal_default.deleteModal(id),
-        resolveModal: (params) => chunkHUPAHDJ7_js.Modal_default.resolveModal(params),
+        deleteModal: (id) => chunkTAHDSSA6_js.Modal_default.deleteModal(id),
+        resolveModal: (params) => chunkTAHDSSA6_js.Modal_default.resolveModal(params),
         scrollFreeze: chunkT2IY2TSR_js.scrollFreeze,
         scrollRelease: chunkT2IY2TSR_js.scrollRelease
       },
@@ -226,8 +230,8 @@ var ModalContainer = ({ className = "", breakPoints, ...defaultOption }) => {
         ref: setModalClose,
         modal: m,
         breakPoints,
-        deleteModal: (id) => chunkHUPAHDJ7_js.Modal_default.deleteModal(id),
-        resolveModal: (params) => chunkHUPAHDJ7_js.Modal_default.resolveModal(params),
+        deleteModal: (id) => chunkTAHDSSA6_js.Modal_default.deleteModal(id),
+        resolveModal: (params) => chunkTAHDSSA6_js.Modal_default.resolveModal(params),
         scrollFreeze: chunkT2IY2TSR_js.scrollFreeze,
         scrollRelease: chunkT2IY2TSR_js.scrollRelease
       },
@@ -414,6 +418,7 @@ var ModalTemplate = React.forwardRef(
     desc,
     hideHeader = false,
     hideFooter = true,
+    hideCloseBtn = false,
     dimClose,
     footer,
     close,
@@ -427,7 +432,7 @@ var ModalTemplate = React.forwardRef(
     const { dimCloseEnable } = getModalDefaultOption();
     const isBottomSheet = layout === "bottom-sheet";
     const isDraggable = layout === "draggable";
-    const dragHandlers = chunkHHXDOKXY_js.useDraggableBottomSheet({
+    const dragHandlers = chunkF24AY3HI_js.useDraggableBottomSheet({
       enabled: isBottomSheet && enableDrag,
       onClose: () => close(false),
       threshold: 0.5,
@@ -568,7 +573,7 @@ var ModalTemplate = React.forwardRef(
                       ref: modalHeaderRef,
                       onMouseDown: isDraggable && enableDrag ? windowDrag.handleMouseDown : void 0,
                       children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
+                        !hideCloseBtn && /* @__PURE__ */ jsxRuntime.jsx(
                           "button",
                           {
                             type: "button",
@@ -619,28 +624,28 @@ var ModalTemplate_default = ModalTemplate;
 var openModal = ((arg1, arg2 = {}) => {
   if ("component" in arg1) {
     const { component, props = {}, options = {} } = arg1;
-    return chunkHUPAHDJ7_js.Modal_default.openModal({
+    return chunkTAHDSSA6_js.Modal_default.openModal({
       component,
       props: { ...props, ...options }
     });
   } else {
-    return chunkHUPAHDJ7_js.Modal_default.openModal({
+    return chunkTAHDSSA6_js.Modal_default.openModal({
       component: arg1,
       props: arg2
     });
   }
 });
 var closeModal = (id, isAnimation) => {
-  return chunkHUPAHDJ7_js.Modal_default.closeModal(id, isAnimation);
+  return chunkTAHDSSA6_js.Modal_default.closeModal(id, isAnimation);
 };
 var checkModal = (params) => {
-  return chunkHUPAHDJ7_js.Modal_default.checkModal(params);
+  return chunkTAHDSSA6_js.Modal_default.checkModal(params);
 };
 var resetModal = () => {
-  return chunkHUPAHDJ7_js.Modal_default.resetModal();
+  return chunkTAHDSSA6_js.Modal_default.resetModal();
 };
 var getModalDefaultOption = () => {
-  return chunkHUPAHDJ7_js.Modal_default.getDefaultOption();
+  return chunkTAHDSSA6_js.Modal_default.getDefaultOption();
 };
 
 exports.ModalContainer_default = ModalContainer_default;

package/dist/chunks/{chunk-HUPAHDJ7.js → chunk-TAHDSSA6.js}

@@ -10,6 +10,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 {
@@ -270,4 +275,5 @@ function useModal() {
 }
 
 exports.Modal_default = Modal_default;
+exports.defaultBreakPoints = defaultBreakPoints;
 exports.useModal = useModal;

package/dist/chunks/{chunk-YEWKPWK3.mjs → chunk-U6OEUBIF.mjs}

@@ -1,10 +1,6 @@
 import { useMemo, useState, useEffect } from 'react';
 
 // src/hooks/useCheckDevice.ts
-function getMatchMedia(query) {
-  if (typeof window === "undefined") return false;
-  return window.matchMedia(query).matches;
-}
 var DEFAULT_BREAKPOINTS = {
   mobile: 0,
   tablet: 768,
@@ -45,8 +41,8 @@ function useCheckDevice(breakPoints) {
   }, [serialized]);
   const [result, setResult] = useState(() => {
     const init = {};
-    for (const [key, query] of Object.entries(queries)) {
-      init[key] = getMatchMedia(query);
+    for (const key of Object.keys(queries)) {
+      init[key] = false;
     }
     return init;
   });

package/dist/chunks/{chunk-U56AGSLE.mjs → chunk-WBCXHGRL.mjs}

@@ -23,9 +23,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,