@nexus-cross/design-system 2.0.3 → 2.0.5

package/dist/hooks/useCheckDevice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckDevice.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckDevice.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAoDjD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,cAAc,IAAI;IAAE,MAAM,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAClF,iBAAS,cAAc,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACjF,iBAAS,cAAc,CAAC,WAAW,EAAE,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAkDlF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useCheckDevice.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckDevice.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAiDhD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,cAAc,IAAI;IACzB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA;AACD,iBAAS,cAAc,CAAC,WAAW,EAAE,WAAW,GAAG,SAAS,GAAG,iBAAiB,CAAA;AAChF,iBAAS,cAAc,CACrB,WAAW,EAAE,kBAAkB,GAC9B,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAmD1B,eAAe,cAAc,CAAA"}

package/dist/hooks/useCheckDevice.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkXEHFB62A_js = require('../chunks/chunk-XEHFB62A.js');
+var chunkNRO7I4EI_js = require('../chunks/chunk-NRO7I4EI.js');
 
 
 
-module.exports = chunkXEHFB62A_js.useCheckDevice_default;
+module.exports = chunkNRO7I4EI_js.useCheckDevice_default;

package/dist/hooks/useCheckDevice.mjs

@@ -1 +1 @@
-export { useCheckDevice_default as default } from '../chunks/chunk-YEWKPWK3.mjs';
+export { useCheckDevice_default as default } from '../chunks/chunk-U6OEUBIF.mjs';

package/dist/hooks/useDraggableBottomSheet.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkHHXDOKXY_js = require('../chunks/chunk-HHXDOKXY.js');
+var chunkF24AY3HI_js = require('../chunks/chunk-F24AY3HI.js');
 
 
 
 Object.defineProperty(exports, "useDraggableBottomSheet", {
   enumerable: true,
-  get: function () { return chunkHHXDOKXY_js.useDraggableBottomSheet; }
+  get: function () { return chunkF24AY3HI_js.useDraggableBottomSheet; }
 });

package/dist/hooks/useDraggableBottomSheet.mjs

@@ -1 +1 @@
-export { useDraggableBottomSheet } from '../chunks/chunk-U56AGSLE.mjs';
+export { useDraggableBottomSheet } from '../chunks/chunk-WBCXHGRL.mjs';

package/dist/hooks/useModal.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkHUPAHDJ7_js = require('../chunks/chunk-HUPAHDJ7.js');
+var chunkTAHDSSA6_js = require('../chunks/chunk-TAHDSSA6.js');
 
 
 
 Object.defineProperty(exports, "useModal", {
   enumerable: true,
-  get: function () { return chunkHUPAHDJ7_js.useModal; }
+  get: function () { return chunkTAHDSSA6_js.useModal; }
 });

package/dist/hooks/useModal.mjs

@@ -1 +1 @@
-export { useModal } from '../chunks/chunk-6H7V2I3X.mjs';
+export { useModal } from '../chunks/chunk-FY2N42XN.mjs';

package/dist/index.js

@@ -44,13 +44,13 @@ var chunkXGIJZ3NZ_js = require('./chunks/chunk-XGIJZ3NZ.js');
 var chunk2BINGHGR_js = require('./chunks/chunk-2BINGHGR.js');
 var chunk4ENXP7WH_js = require('./chunks/chunk-4ENXP7WH.js');
 var chunkMA2VCCIY_js = require('./chunks/chunk-MA2VCCIY.js');
-var chunkU53UA76K_js = require('./chunks/chunk-U53UA76K.js');
-var chunkHHXDOKXY_js = require('./chunks/chunk-HHXDOKXY.js');
+var chunkR744EATX_js = require('./chunks/chunk-R744EATX.js');
+var chunkF24AY3HI_js = require('./chunks/chunk-F24AY3HI.js');
 var chunkNHDGKOAM_js = require('./chunks/chunk-NHDGKOAM.js');
 var chunkT2IY2TSR_js = require('./chunks/chunk-T2IY2TSR.js');
-var chunkXEHFB62A_js = require('./chunks/chunk-XEHFB62A.js');
+var chunkNRO7I4EI_js = require('./chunks/chunk-NRO7I4EI.js');
 var chunkINP2AH3B_js = require('./chunks/chunk-INP2AH3B.js');
-var chunkHUPAHDJ7_js = require('./chunks/chunk-HUPAHDJ7.js');
+var chunkTAHDSSA6_js = require('./chunks/chunk-TAHDSSA6.js');
 var chunkP3DZKXG4_js = require('./chunks/chunk-P3DZKXG4.js');
 var chunkWKCXACMZ_js = require('./chunks/chunk-WKCXACMZ.js');
 var chunkS2GMEC43_js = require('./chunks/chunk-S2GMEC43.js');
@@ -794,43 +794,43 @@ Object.defineProperty(exports, "avatarVariants", {
 });
 Object.defineProperty(exports, "ModalContainer", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.ModalContainer_default; }
+  get: function () { return chunkR744EATX_js.ModalContainer_default; }
 });
 Object.defineProperty(exports, "ModalPortalTarget", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.ModalPortalTarget_default; }
+  get: function () { return chunkR744EATX_js.ModalPortalTarget_default; }
 });
 Object.defineProperty(exports, "ModalTemplate", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.ModalTemplate_default; }
+  get: function () { return chunkR744EATX_js.ModalTemplate_default; }
 });
 Object.defineProperty(exports, "checkModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.checkModal; }
+  get: function () { return chunkR744EATX_js.checkModal; }
 });
 Object.defineProperty(exports, "closeModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.closeModal; }
+  get: function () { return chunkR744EATX_js.closeModal; }
 });
 Object.defineProperty(exports, "getModalDefaultOption", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.getModalDefaultOption; }
+  get: function () { return chunkR744EATX_js.getModalDefaultOption; }
 });
 Object.defineProperty(exports, "modal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.openModal; }
+  get: function () { return chunkR744EATX_js.openModal; }
 });
 Object.defineProperty(exports, "openModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.openModal; }
+  get: function () { return chunkR744EATX_js.openModal; }
 });
 Object.defineProperty(exports, "resetModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.resetModal; }
+  get: function () { return chunkR744EATX_js.resetModal; }
 });
 Object.defineProperty(exports, "useDraggableBottomSheet", {
   enumerable: true,
-  get: function () { return chunkHHXDOKXY_js.useDraggableBottomSheet; }
+  get: function () { return chunkF24AY3HI_js.useDraggableBottomSheet; }
 });
 Object.defineProperty(exports, "useDraggableWindow", {
   enumerable: true,
@@ -846,7 +846,7 @@ Object.defineProperty(exports, "scrollRelease", {
 });
 Object.defineProperty(exports, "useCheckDevice", {
   enumerable: true,
-  get: function () { return chunkXEHFB62A_js.useCheckDevice_default; }
+  get: function () { return chunkNRO7I4EI_js.useCheckDevice_default; }
 });
 Object.defineProperty(exports, "useClickOutside", {
   enumerable: true,
@@ -854,7 +854,7 @@ Object.defineProperty(exports, "useClickOutside", {
 });
 Object.defineProperty(exports, "useModal", {
   enumerable: true,
-  get: function () { return chunkHUPAHDJ7_js.useModal; }
+  get: function () { return chunkTAHDSSA6_js.useModal; }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,

package/dist/index.mjs

@@ -42,13 +42,13 @@ export { TextArea, textAreaVariants } from './chunks/chunk-ZU4AWAFT.mjs';
 export { NumberInput, numberInputBind, numberInputVariants } from './chunks/chunk-RL5UAEGQ.mjs';
 export { PriceInput, priceInputVariants } from './chunks/chunk-WGGBE4ZD.mjs';
 export { Avatar, avatarVariants } from './chunks/chunk-YLO4UKSC.mjs';
-export { ModalContainer_default as ModalContainer, ModalPortalTarget_default as ModalPortalTarget, ModalTemplate_default as ModalTemplate, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal } from './chunks/chunk-3VFBPFZF.mjs';
-export { useDraggableBottomSheet } from './chunks/chunk-U56AGSLE.mjs';
+export { ModalContainer_default as ModalContainer, ModalPortalTarget_default as ModalPortalTarget, ModalTemplate_default as ModalTemplate, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal } from './chunks/chunk-7WWQ5DS3.mjs';
+export { useDraggableBottomSheet } from './chunks/chunk-WBCXHGRL.mjs';
 export { useDraggableWindow } from './chunks/chunk-4J3GCZ7W.mjs';
 export { scrollFreeze, scrollRelease } from './chunks/chunk-54IA2P2Z.mjs';
-export { useCheckDevice_default as useCheckDevice } from './chunks/chunk-YEWKPWK3.mjs';
+export { useCheckDevice_default as useCheckDevice } from './chunks/chunk-U6OEUBIF.mjs';
 export { useClickOutside_default as useClickOutside } from './chunks/chunk-OTGS6BDQ.mjs';
-export { useModal } from './chunks/chunk-6H7V2I3X.mjs';
+export { useModal } from './chunks/chunk-FY2N42XN.mjs';
 export { Button, buttonVariants } from './chunks/chunk-VVXQZ4XH.mjs';
 export { Chip, chipVariants } from './chunks/chunk-RX5UKRYK.mjs';
 export { Badge, badgeVariants } from './chunks/chunk-CUTMLBC3.mjs';

package/dist/modal/components/ModalContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../../src/modal/components/ModalContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAa,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9D,KAAK,KAAK,GAAG,kBAAkB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8CAAmD,KAAK,4CA4D/E,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ModalContainer.d.ts","sourceRoot":"","sources":["../../../src/modal/components/ModalContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAa,MAAM,UAAU,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAO9D,KAAK,KAAK,GAAG,kBAAkB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,8CAIrB,KAAK,4CA4DP,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/modal/components/ModalTemplate.d.ts

@@ -5,6 +5,7 @@ interface PropsType extends ModalTemplatePropsType {
     layout?: ModalLayout;
     hideHeader?: boolean;
     hideFooter?: boolean;
+    hideCloseBtn?: boolean;
     footer?: ReactElement | string;
     innerClassName?: string;
     bodyClassName?: string;

package/dist/modal/components/ModalTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTemplate.d.ts","sourceRoot":"","sources":["../../../src/modal/components/ModalTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAKvD,OAAO,EACL,KAAK,WAAW,EASjB,MAAM,0BAA0B,CAAC;AAElC,UAAU,SAAU,SAAQ,sBAAsB;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAkBD,QAAA,MAAM,aAAa,kFA0PlB,CAAC;AAIF,YAAY,EAAE,SAAS,IAAI,kBAAkB,EAAE,CAAC;AAChD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ModalTemplate.d.ts","sourceRoot":"","sources":["../../../src/modal/components/ModalTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAKvD,OAAO,EACL,KAAK,WAAW,EASjB,MAAM,0BAA0B,CAAC;AAElC,UAAU,SAAU,SAAQ,sBAAsB;IAChD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAkBD,QAAA,MAAM,aAAa,kFA6PlB,CAAC;AAIF,YAAY,EAAE,SAAS,IAAI,kBAAkB,EAAE,CAAC;AAChD,eAAe,aAAa,CAAC"}

package/dist/modal/constants.d.ts

@@ -1,3 +1,17 @@
+import type { BreakPoints } from '../hooks/useCheckDevice';
 import type { DefaultModalOption } from './types';
 export declare const defaultModalOption: DefaultModalOption;
+/**
+ * ModalContainer 의 기본 breakPoints.
+ *
+ * useCheckDevice 의 숫자형 default { mobile: 0, tablet: 768, desktop: 1280 } 와
+ * 매칭 영역이 동일하다. ModalComponent 가 `isMobile` 키로 디바이스를 판별하므로,
+ * 키 이름을 legacy 형식 (`isMobile`, `isTablet`, `isDesktop`) 으로 통일하기 위해
+ * 기본값을 별도로 둔다.
+ *
+ * - mobile  : 0 ~ 767px
+ * - tablet  : 768 ~ 1279px
+ * - desktop : 1280px+
+ */
+export declare const defaultBreakPoints: Required<BreakPoints>;
 //# sourceMappingURL=constants.d.ts.map

package/dist/modal/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/modal/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,EAAE,kBAGhC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/modal/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,kBAAkB,EAAE,kBAGhC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAIpD,CAAC"}

package/dist/modal/index.js

@@ -1,53 +1,53 @@
 'use strict';
 
-var chunkU53UA76K_js = require('../chunks/chunk-U53UA76K.js');
-require('../chunks/chunk-HHXDOKXY.js');
+var chunkR744EATX_js = require('../chunks/chunk-R744EATX.js');
+require('../chunks/chunk-F24AY3HI.js');
 require('../chunks/chunk-NHDGKOAM.js');
 require('../chunks/chunk-T2IY2TSR.js');
-require('../chunks/chunk-XEHFB62A.js');
+require('../chunks/chunk-NRO7I4EI.js');
 require('../chunks/chunk-INP2AH3B.js');
-var chunkHUPAHDJ7_js = require('../chunks/chunk-HUPAHDJ7.js');
+var chunkTAHDSSA6_js = require('../chunks/chunk-TAHDSSA6.js');
 require('../chunks/chunk-CZC76ZD5.js');
 
 
 
 Object.defineProperty(exports, "ModalContainer", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.ModalContainer_default; }
+  get: function () { return chunkR744EATX_js.ModalContainer_default; }
 });
 Object.defineProperty(exports, "ModalPortalTarget", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.ModalPortalTarget_default; }
+  get: function () { return chunkR744EATX_js.ModalPortalTarget_default; }
 });
 Object.defineProperty(exports, "ModalTemplate", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.ModalTemplate_default; }
+  get: function () { return chunkR744EATX_js.ModalTemplate_default; }
 });
 Object.defineProperty(exports, "checkModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.checkModal; }
+  get: function () { return chunkR744EATX_js.checkModal; }
 });
 Object.defineProperty(exports, "closeModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.closeModal; }
+  get: function () { return chunkR744EATX_js.closeModal; }
 });
 Object.defineProperty(exports, "getModalDefaultOption", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.getModalDefaultOption; }
+  get: function () { return chunkR744EATX_js.getModalDefaultOption; }
 });
 Object.defineProperty(exports, "modal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.openModal; }
+  get: function () { return chunkR744EATX_js.openModal; }
 });
 Object.defineProperty(exports, "openModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.openModal; }
+  get: function () { return chunkR744EATX_js.openModal; }
 });
 Object.defineProperty(exports, "resetModal", {
   enumerable: true,
-  get: function () { return chunkU53UA76K_js.resetModal; }
+  get: function () { return chunkR744EATX_js.resetModal; }
 });
 Object.defineProperty(exports, "useModal", {
   enumerable: true,
-  get: function () { return chunkHUPAHDJ7_js.useModal; }
+  get: function () { return chunkTAHDSSA6_js.useModal; }
 });

package/dist/modal/index.mjs

@@ -1,8 +1,8 @@
-export { ModalContainer_default as ModalContainer, ModalPortalTarget_default as ModalPortalTarget, ModalTemplate_default as ModalTemplate, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal } from '../chunks/chunk-3VFBPFZF.mjs';
-import '../chunks/chunk-U56AGSLE.mjs';
+export { ModalContainer_default as ModalContainer, ModalPortalTarget_default as ModalPortalTarget, ModalTemplate_default as ModalTemplate, checkModal, closeModal, getModalDefaultOption, openModal as modal, openModal, resetModal } from '../chunks/chunk-7WWQ5DS3.mjs';
+import '../chunks/chunk-WBCXHGRL.mjs';
 import '../chunks/chunk-4J3GCZ7W.mjs';
 import '../chunks/chunk-54IA2P2Z.mjs';
-import '../chunks/chunk-YEWKPWK3.mjs';
+import '../chunks/chunk-U6OEUBIF.mjs';
 import '../chunks/chunk-OTGS6BDQ.mjs';
-export { useModal } from '../chunks/chunk-6H7V2I3X.mjs';
+export { useModal } from '../chunks/chunk-FY2N42XN.mjs';
 import '../chunks/chunk-MCKOWMLS.mjs';

package/dist/schemas/_all.json

@@ -1828,6 +1828,11 @@
               "default": true,
               "description": "Hide footer"
             },
+            "hideCloseBtn": {
+              "type": "boolean",
+              "default": false,
+              "description": "Hide the X close button in the header"
+            },
             "footer": {
               "description": "Custom footer (ReactElement)"
             },
@@ -1879,15 +1884,15 @@
             },
             "className": {
               "type": "string",
-              "description": "Root wrapper style"
+              "description": "Root wrapper style — applied to the full-screen `position: fixed; inset: 0` flex container that centers the modal. NOTE: width / max-width / height utilities (`w-[400px]`, `max-w-[92vw]`, `h-*`) MUST NOT go here — they will resize the wrap layer, not the panel. Put sizing on `innerClassName` instead."
             },
             "innerClassName": {
               "type": "string",
-              "description": "Modal body style"
+              "description": "Modal panel (the actual dialog box) style — apply ALL sizing utilities here: `w-[400px]`, `max-w-[92vw]`, `min-h-*`, `max-h-[80vh]`, `rounded-*`, panel background, etc. This is the most common override point."
             },
             "bodyClassName": {
               "type": "string",
-              "description": "Body area style"
+              "description": "Body area style (inside the panel, between header and footer)"
             },
             "footerClassName": {
               "type": "string",
@@ -1903,7 +1908,7 @@
             }
           },
           "additionalProperties": false,
-          "description": "Modal template. All modal components must be wrapped with ModalTemplate.\n\nWHEN TO USE:\n  • Force user decision (delete confirm, submit confirm, blocking dialog)\n  • Long form/flow that needs full attention\n  • Side panel that doesn't block main flow → Drawer instead\n  • Inline contextual UI → Popover instead\n  • Short hint → Tooltip instead\n\nPREFERRED API: use modal() / useModal() imperative API rather than mounting <ModalTemplate> directly. modal() handles stacking, focus return, ESC, and background scroll automatically.\n\nANTI-PATTERNS:\n  ✗ Custom <div className=\"fixed inset-0\"> → modal() (loses focus trap, a11y)\n  ✗ Direct <ModalTemplate> mount in render tree → wrap with modal()\n  ✗ Modal with no title for screen readers → always pass title prop\n  ✗ Multiple modals stacking confusingly → use isAlone:true to close prior modals"
+          "description": "Modal template. All modal components must be wrapped with ModalTemplate.\n\nWHEN TO USE:\n  • Force user decision (delete confirm, submit confirm, blocking dialog)\n  • Long form/flow that needs full attention\n  • Side panel that doesn't block main flow → Drawer instead\n  • Inline contextual UI → Popover instead\n  • Short hint → Tooltip instead\n\nPREFERRED API: use modal() / useModal() imperative API rather than mounting <ModalTemplate> directly. modal() handles stacking, focus return, ESC, and background scroll automatically.\n\nSIZING (must read — most common AI mistake):\n  • The modal has TWO layers:\n      1. wrap   = full-screen `position: fixed; inset: 0` flex container → controlled by `className`\n      2. panel  = the actual dialog box rendered at the center → controlled by `innerClassName`\n  • Sizing utilities (`w-*`, `max-w-*`, `min-w-*`, `h-*`, `max-h-*`) MUST go on `innerClassName`.\n  • Putting `w-[400px] max-w-[92vw]` on `className` shrinks the wrap (the centering layer), NOT the panel — the panel keeps its default width and the modal looks broken.\n\nANTI-PATTERNS:\n  ✗ Custom <div className=\"fixed inset-0\"> → modal() (loses focus trap, a11y)\n  ✗ Direct <ModalTemplate> mount in render tree → wrap with modal()\n  ✗ Modal with no title for screen readers → always pass title prop\n  ✗ Multiple modals stacking confusingly → use isAlone:true to close prior modals\n  ✗ <ModalTemplate className=\"w-[400px] max-w-[92vw]\"> → put sizing on `innerClassName` instead"
         }
       },
       "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas/modal.d.ts

@@ -7,6 +7,7 @@ export declare const modalTemplatePropsSchema: z.ZodObject<{
     dimClose: z.ZodDefault<z.ZodBoolean>;
     hideHeader: z.ZodDefault<z.ZodBoolean>;
     hideFooter: z.ZodDefault<z.ZodBoolean>;
+    hideCloseBtn: z.ZodDefault<z.ZodBoolean>;
     footer: z.ZodOptional<z.ZodAny>;
     animation: z.ZodOptional<z.ZodObject<{
         name: z.ZodOptional<z.ZodString>;
@@ -44,6 +45,7 @@ export declare const modalTemplatePropsSchema: z.ZodObject<{
     layout: "draggable" | "default" | "bottom-sheet" | "slide-left" | "slide-right" | "full-page" | "full-page-reverse";
     hideHeader: boolean;
     hideFooter: boolean;
+    hideCloseBtn: boolean;
     enableDrag: boolean;
     showDim: boolean;
     dimClose: boolean;
@@ -85,6 +87,7 @@ export declare const modalTemplatePropsSchema: z.ZodObject<{
     desc?: any;
     hideHeader?: boolean | undefined;
     hideFooter?: boolean | undefined;
+    hideCloseBtn?: boolean | undefined;
     innerClassName?: string | undefined;
     bodyClassName?: string | undefined;
     footerClassName?: string | undefined;

package/dist/schemas/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/schemas/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DlC,CAAC;AAEJ,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BzB,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/schemas/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAaxB,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFlC,CAAC;AAEJ,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BzB,CAAC"}

package/dist/schemas/modalTemplate.json

@@ -44,6 +44,11 @@
           "default": true,
           "description": "Hide footer"
         },
+        "hideCloseBtn": {
+          "type": "boolean",
+          "default": false,
+          "description": "Hide the X close button in the header"
+        },
         "footer": {
           "description": "Custom footer (ReactElement)"
         },
@@ -95,15 +100,15 @@
         },
         "className": {
           "type": "string",
-          "description": "Root wrapper style"
+          "description": "Root wrapper style — applied to the full-screen `position: fixed; inset: 0` flex container that centers the modal. NOTE: width / max-width / height utilities (`w-[400px]`, `max-w-[92vw]`, `h-*`) MUST NOT go here — they will resize the wrap layer, not the panel. Put sizing on `innerClassName` instead."
         },
         "innerClassName": {
           "type": "string",
-          "description": "Modal body style"
+          "description": "Modal panel (the actual dialog box) style — apply ALL sizing utilities here: `w-[400px]`, `max-w-[92vw]`, `min-h-*`, `max-h-[80vh]`, `rounded-*`, panel background, etc. This is the most common override point."
         },
         "bodyClassName": {
           "type": "string",
-          "description": "Body area style"
+          "description": "Body area style (inside the panel, between header and footer)"
         },
         "footerClassName": {
           "type": "string",
@@ -119,7 +124,7 @@
         }
       },
       "additionalProperties": false,
-      "description": "Modal template. All modal components must be wrapped with ModalTemplate.\n\nWHEN TO USE:\n  • Force user decision (delete confirm, submit confirm, blocking dialog)\n  • Long form/flow that needs full attention\n  • Side panel that doesn't block main flow → Drawer instead\n  • Inline contextual UI → Popover instead\n  • Short hint → Tooltip instead\n\nPREFERRED API: use modal() / useModal() imperative API rather than mounting <ModalTemplate> directly. modal() handles stacking, focus return, ESC, and background scroll automatically.\n\nANTI-PATTERNS:\n  ✗ Custom <div className=\"fixed inset-0\"> → modal() (loses focus trap, a11y)\n  ✗ Direct <ModalTemplate> mount in render tree → wrap with modal()\n  ✗ Modal with no title for screen readers → always pass title prop\n  ✗ Multiple modals stacking confusingly → use isAlone:true to close prior modals"
+      "description": "Modal template. All modal components must be wrapped with ModalTemplate.\n\nWHEN TO USE:\n  • Force user decision (delete confirm, submit confirm, blocking dialog)\n  • Long form/flow that needs full attention\n  • Side panel that doesn't block main flow → Drawer instead\n  • Inline contextual UI → Popover instead\n  • Short hint → Tooltip instead\n\nPREFERRED API: use modal() / useModal() imperative API rather than mounting <ModalTemplate> directly. modal() handles stacking, focus return, ESC, and background scroll automatically.\n\nSIZING (must read — most common AI mistake):\n  • The modal has TWO layers:\n      1. wrap   = full-screen `position: fixed; inset: 0` flex container → controlled by `className`\n      2. panel  = the actual dialog box rendered at the center → controlled by `innerClassName`\n  • Sizing utilities (`w-*`, `max-w-*`, `min-w-*`, `h-*`, `max-h-*`) MUST go on `innerClassName`.\n  • Putting `w-[400px] max-w-[92vw]` on `className` shrinks the wrap (the centering layer), NOT the panel — the panel keeps its default width and the modal looks broken.\n\nANTI-PATTERNS:\n  ✗ Custom <div className=\"fixed inset-0\"> → modal() (loses focus trap, a11y)\n  ✗ Direct <ModalTemplate> mount in render tree → wrap with modal()\n  ✗ Modal with no title for screen readers → always pass title prop\n  ✗ Multiple modals stacking confusingly → use isAlone:true to close prior modals\n  ✗ <ModalTemplate className=\"w-[400px] max-w-[92vw]\"> → put sizing on `innerClassName` instead"
     }
   },
   "$schema": "http://json-schema.org/draft-07/schema#"

package/dist/schemas.js

@@ -1331,15 +1331,20 @@ var modalTemplatePropsSchema = zod.z.object({
   dimClose: zod.z.boolean().default(true).describe("Close on dim click"),
   hideHeader: zod.z.boolean().default(false).describe("Hide header"),
   hideFooter: zod.z.boolean().default(true).describe("Hide footer"),
+  hideCloseBtn: zod.z.boolean().default(false).describe("Hide the X close button in the header"),
   footer: zod.z.any().optional().describe("Custom footer (ReactElement)"),
   animation: animationOptionsSchema.optional().describe("Modal animation"),
   enableDrag: zod.z.boolean().default(true).describe("Enable drag (bottom-sheet/draggable layouts)"),
   dragPersistKey: zod.z.string().optional().describe("Drag position persistence key"),
   close: zod.z.any().describe("Modal close function (isAnimation?: boolean) => void (auto-injected)"),
   children: zod.z.any().describe("Modal body (ReactNode, required)"),
-  className: zod.z.string().optional().describe("Root wrapper style"),
-  innerClassName: zod.z.string().optional().describe("Modal body style"),
-  bodyClassName: zod.z.string().optional().describe("Body area style"),
+  className: zod.z.string().optional().describe(
+    "Root wrapper style \u2014 applied to the full-screen `position: fixed; inset: 0` flex container that centers the modal. NOTE: width / max-width / height utilities (`w-[400px]`, `max-w-[92vw]`, `h-*`) MUST NOT go here \u2014 they will resize the wrap layer, not the panel. Put sizing on `innerClassName` instead."
+  ),
+  innerClassName: zod.z.string().optional().describe(
+    "Modal panel (the actual dialog box) style \u2014 apply ALL sizing utilities here: `w-[400px]`, `max-w-[92vw]`, `min-h-*`, `max-h-[80vh]`, `rounded-*`, panel background, etc. This is the most common override point."
+  ),
+  bodyClassName: zod.z.string().optional().describe("Body area style (inside the panel, between header and footer)"),
   footerClassName: zod.z.string().optional().describe("Footer area style"),
   dimClassName: zod.z.string().optional().describe("Dim overlay style"),
   headerClassName: zod.z.string().optional().describe("Header area style")
@@ -1355,11 +1360,19 @@ WHEN TO USE:
 
 PREFERRED API: use modal() / useModal() imperative API rather than mounting <ModalTemplate> directly. modal() handles stacking, focus return, ESC, and background scroll automatically.
 
+SIZING (must read \u2014 most common AI mistake):
+  \u2022 The modal has TWO layers:
+      1. wrap   = full-screen \`position: fixed; inset: 0\` flex container \u2192 controlled by \`className\`
+      2. panel  = the actual dialog box rendered at the center \u2192 controlled by \`innerClassName\`
+  \u2022 Sizing utilities (\`w-*\`, \`max-w-*\`, \`min-w-*\`, \`h-*\`, \`max-h-*\`) MUST go on \`innerClassName\`.
+  \u2022 Putting \`w-[400px] max-w-[92vw]\` on \`className\` shrinks the wrap (the centering layer), NOT the panel \u2014 the panel keeps its default width and the modal looks broken.
+
 ANTI-PATTERNS:
   \u2717 Custom <div className="fixed inset-0"> \u2192 modal() (loses focus trap, a11y)
   \u2717 Direct <ModalTemplate> mount in render tree \u2192 wrap with modal()
   \u2717 Modal with no title for screen readers \u2192 always pass title prop
-  \u2717 Multiple modals stacking confusingly \u2192 use isAlone:true to close prior modals`
+  \u2717 Multiple modals stacking confusingly \u2192 use isAlone:true to close prior modals
+  \u2717 <ModalTemplate className="w-[400px] max-w-[92vw]"> \u2192 put sizing on \`innerClassName\` instead`
 );
 var modalCallSchema = zod.z.object({
   component: zod.z.any().describe("Modal component (required). Automatically receives close/resolve as props"),

package/dist/schemas.mjs

@@ -1329,15 +1329,20 @@ var modalTemplatePropsSchema = z.object({
   dimClose: z.boolean().default(true).describe("Close on dim click"),
   hideHeader: z.boolean().default(false).describe("Hide header"),
   hideFooter: z.boolean().default(true).describe("Hide footer"),
+  hideCloseBtn: z.boolean().default(false).describe("Hide the X close button in the header"),
   footer: z.any().optional().describe("Custom footer (ReactElement)"),
   animation: animationOptionsSchema.optional().describe("Modal animation"),
   enableDrag: z.boolean().default(true).describe("Enable drag (bottom-sheet/draggable layouts)"),
   dragPersistKey: z.string().optional().describe("Drag position persistence key"),
   close: z.any().describe("Modal close function (isAnimation?: boolean) => void (auto-injected)"),
   children: z.any().describe("Modal body (ReactNode, required)"),
-  className: z.string().optional().describe("Root wrapper style"),
-  innerClassName: z.string().optional().describe("Modal body style"),
-  bodyClassName: z.string().optional().describe("Body area style"),
+  className: z.string().optional().describe(
+    "Root wrapper style \u2014 applied to the full-screen `position: fixed; inset: 0` flex container that centers the modal. NOTE: width / max-width / height utilities (`w-[400px]`, `max-w-[92vw]`, `h-*`) MUST NOT go here \u2014 they will resize the wrap layer, not the panel. Put sizing on `innerClassName` instead."
+  ),
+  innerClassName: z.string().optional().describe(
+    "Modal panel (the actual dialog box) style \u2014 apply ALL sizing utilities here: `w-[400px]`, `max-w-[92vw]`, `min-h-*`, `max-h-[80vh]`, `rounded-*`, panel background, etc. This is the most common override point."
+  ),
+  bodyClassName: z.string().optional().describe("Body area style (inside the panel, between header and footer)"),
   footerClassName: z.string().optional().describe("Footer area style"),
   dimClassName: z.string().optional().describe("Dim overlay style"),
   headerClassName: z.string().optional().describe("Header area style")
@@ -1353,11 +1358,19 @@ WHEN TO USE:
 
 PREFERRED API: use modal() / useModal() imperative API rather than mounting <ModalTemplate> directly. modal() handles stacking, focus return, ESC, and background scroll automatically.
 
+SIZING (must read \u2014 most common AI mistake):
+  \u2022 The modal has TWO layers:
+      1. wrap   = full-screen \`position: fixed; inset: 0\` flex container \u2192 controlled by \`className\`
+      2. panel  = the actual dialog box rendered at the center \u2192 controlled by \`innerClassName\`
+  \u2022 Sizing utilities (\`w-*\`, \`max-w-*\`, \`min-w-*\`, \`h-*\`, \`max-h-*\`) MUST go on \`innerClassName\`.
+  \u2022 Putting \`w-[400px] max-w-[92vw]\` on \`className\` shrinks the wrap (the centering layer), NOT the panel \u2014 the panel keeps its default width and the modal looks broken.
+
 ANTI-PATTERNS:
   \u2717 Custom <div className="fixed inset-0"> \u2192 modal() (loses focus trap, a11y)
   \u2717 Direct <ModalTemplate> mount in render tree \u2192 wrap with modal()
   \u2717 Modal with no title for screen readers \u2192 always pass title prop
-  \u2717 Multiple modals stacking confusingly \u2192 use isAlone:true to close prior modals`
+  \u2717 Multiple modals stacking confusingly \u2192 use isAlone:true to close prior modals
+  \u2717 <ModalTemplate className="w-[400px] max-w-[92vw]"> \u2192 put sizing on \`innerClassName\` instead`
 );
 var modalCallSchema = z.object({
   component: z.any().describe("Modal component (required). Automatically receives close/resolve as props"),