@nurihaus/web-design-system 3.0.3 → 3.1.1

package/dist/loading.js

@@ -3,7 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
 /******/ var __webpack_modules__ = ({
 
-/***/ 975
+/***/ 4975
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 
@@ -15,15 +15,15 @@ __nuri_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ./components/loading/spinner/spinner.tsx + 2 modules
-var spinner = __nuri_require__(302);
+var spinner = __nuri_require__(6302);
 // EXTERNAL MODULE: external {"root":"jsx-runtime","commonjs2":"react/jsx-runtime","commonjs":"react/jsx-runtime","amd":"react/jsx-runtime","module":"react/jsx-runtime"}
 var jsx_runtime_ = __nuri_require__(612);
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react","module":"react"}
-var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(41);
+var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(1041);
 // EXTERNAL MODULE: ./helpers/utils/classNames.js
-var classNames = __nuri_require__(274);
+var classNames = __nuri_require__(3274);
 // EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
-var getMergedProps = __nuri_require__(335);
+var getMergedProps = __nuri_require__(7335);
 ;// ./components/loading/inline-loading/base-inline-loading.tsx
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
@@ -104,7 +104,7 @@ var InlineLoading = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs
 InlineLoading.displayName = 'InlineLoading';
 /* harmony default export */ const inline_loading = (InlineLoading);
 // EXTERNAL MODULE: ./components/elements/text/text.tsx
-var text_text = __nuri_require__(739);
+var text_text = __nuri_require__(7739);
 ;// ./components/loading/overlay-loading/base-overlay-loading.tsx
 var base_overlay_loading_assign = undefined && undefined.__assign || function () {
   base_overlay_loading_assign = Object.assign || function (t) {
@@ -210,7 +210,7 @@ OverlayLoading.displayName = 'OverlayLoading';
 
 /***/ },
 
-/***/ 41
+/***/ 1041
 (module, __unused_webpack_exports, __nuri_require__) {
 
 var x = (y) => {
@@ -374,7 +374,7 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ // startup
 /******/ // Load entry module and return exports
 /******/ // This entry module depends on other loaded chunks and execution need to be delayed
-/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,558,302,739], () => (__nuri_require__(975)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,558,302,739], () => (__nuri_require__(4975)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__InlineLoading = __webpack_exports__.Ou;
 /******/ const __webpack_exports__OverlayLoading = __webpack_exports__.$V;

package/dist/modal-with-double-button.js

@@ -4,113 +4,40 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
 /******/ var __webpack_modules__ = ({
 
-/***/ 910
+/***/ 5214
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 /* harmony export */ __nuri_require__.d(__webpack_exports__, {
-/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   r4: () => (/* binding */ modalWithDoubleButtonProps)
 /* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
-/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
-/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(335);
-/* harmony import */ var _loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(302);
-/* harmony import */ var _base_button__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(933);
-/* harmony import */ var _button_props__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(976);
-var __assign = undefined && undefined.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
+/* unused harmony exports sizes, modalProps */
+/* harmony import */ var _helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(7298);
+
+var sizes = ['s', 'm', 'l'];
+var modalWithDoubleButtonProps = {
+  size: (0,_helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__/* .sizeProp */ .lw)(sizes, 'm')
 };
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var modalProps = {
+  size: (0,_helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__/* .sizeProp */ .lw)(sizes, 'm')
 };
 
-
-
-
-
-
-
-var CTAButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
-  var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _button_props__WEBPACK_IMPORTED_MODULE_6__/* .ctaButtonProps */ .Lr),
-    className = _a.className,
-    text = _a.text,
-    leftIcon = _a.leftIcon,
-    rightIcon = _a.rightIcon,
-    restProps = __rest(_a, ["className", "text", "leftIcon", "rightIcon"]);
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, __assign({
-    ref: ref,
-    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(className, 'cta-button'),
-    loadingComponent: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {})
-  }, restProps, {
-    children: [leftIcon, text, rightIcon]
-  }));
-});
-CTAButton.displayName = 'CTAButton';
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CTAButton);
-
 /***/ },
 
-/***/ 21
+/***/ 8949
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
-
-// EXPORTS
-__nuri_require__.d(__webpack_exports__, {
-  A: () => (/* binding */ modal_with_double_button)
-});
-
-// EXTERNAL MODULE: external {"root":"jsx-runtime","commonjs2":"react/jsx-runtime","commonjs":"react/jsx-runtime","amd":"react/jsx-runtime","module":"react/jsx-runtime"}
-var jsx_runtime_ = __nuri_require__(612);
-// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react","module":"react"}
-var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(41);
-;// ./assets/icons/multifly.svg
-var _path, _path2;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-
-var SvgMultifly = function SvgMultifly(props) {
-  return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 20,
-    height: 20,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("path", {
-    fill: "#71717A",
-    fillRule: "evenodd",
-    d: "M4.844 4.844a.625.625 0 0 1 .884 0l9.428 9.428a.625.625 0 0 1-.884.884L4.844 5.728a.625.625 0 0 1 0-.884",
-    clipRule: "evenodd"
-  })), _path2 || (_path2 = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("path", {
-    fill: "#71717A",
-    fillRule: "evenodd",
-    d: "M15.156 4.844a.625.625 0 0 1 0 .884l-9.428 9.428a.625.625 0 1 1-.884-.884l9.428-9.428a.625.625 0 0 1 .884 0",
-    clipRule: "evenodd"
-  })));
-};
-/* harmony default export */ const multifly = (SvgMultifly);
-// EXTERNAL MODULE: ./helpers/utils/classNames.js
-var classNames = __nuri_require__(274);
-// EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
-var getMergedProps = __nuri_require__(335);
-// EXTERNAL MODULE: ./components/button/base-button.tsx
-var base_button = __nuri_require__(933);
-// EXTERNAL MODULE: ./components/button/cta-button.tsx
-var cta_button = __nuri_require__(910);
-// EXTERNAL MODULE: ./components/elements/text/text.tsx
-var text_text = __nuri_require__(739);
-// EXTERNAL MODULE: external {"root":"RadixUI","commonjs2":"radix-ui","commonjs":"radix-ui","amd":"radix-ui","module":"radix-ui"}
-var external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_ = __nuri_require__(0);
-;// ./components/modal/base-modal.tsx
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
+/* harmony import */ var _assets_icons_multifly_svg__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(6713);
+/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
+/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(7335);
+/* harmony import */ var _button_base_button__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(8933);
+/* harmony import */ var _button_cta_button__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(910);
+/* harmony import */ var _base_modal__WEBPACK_IMPORTED_MODULE_7__ = __nuri_require__(1657);
+/* harmony import */ var _modal_props__WEBPACK_IMPORTED_MODULE_8__ = __nuri_require__(5214);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -121,121 +48,6 @@ var __assign = undefined && undefined.__assign || function () {
   };
   return __assign.apply(this, arguments);
 };
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-// Dialog.Root 는 DOM 을 그리지 않아 ref 를 받을 곳이 없다.
-var ModalRootBase = function ModalRootBase(props) {
-  var children = props.children,
-    onOpenChange = props.onOpenChange;
-  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Root, {
-    onOpenChange: onOpenChange,
-    children: children
-  });
-};
-ModalRootBase.displayName = 'ModalRoot';
-var ModalContainer = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    forceMount = props.forceMount;
-  return (0,jsx_runtime_.jsxs)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Portal, {
-    forceMount: forceMount,
-    children: [(0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Overlay, {
-      className: 'nuri-theme base-modal modal-overlay',
-      forceMount: true
-    }), (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Content, {
-      ref: ref,
-      className: (0,classNames/* classNames */.x)('nuri-theme base-modal modal-container', className),
-      children: children
-    })]
-  });
-});
-ModalContainer.displayName = 'ModalContainer';
-var ModalTrigger = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    restProps = __rest(props, ["children", "className"]);
-  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Trigger, __assign({
-    ref: ref,
-    className: (0,classNames/* classNames */.x)('nuri-theme base-modal trigger', className)
-  }, restProps, {
-    children: children
-  }));
-});
-ModalTrigger.displayName = 'ModalTrigger';
-var ModalTitle = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    restProps = __rest(props, ["children", "className"]);
-  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Title, __assign({
-    ref: ref,
-    className: (0,classNames/* classNames */.x)('nuri-theme base-modal title', className)
-  }, restProps, {
-    children: children
-  }));
-});
-ModalTitle.displayName = 'ModalTitle';
-var ModalSubTitle = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    restProps = __rest(props, ["children", "className"]);
-  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Description, __assign({
-    ref: ref,
-    className: (0,classNames/* classNames */.x)('nuri-theme base-modal sub-title', className)
-  }, restProps, {
-    children: children
-  }));
-});
-ModalSubTitle.displayName = 'ModalSubTitle';
-var ModalClose = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  var children = props.children,
-    className = props.className,
-    restProps = __rest(props, ["children", "className"]);
-  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Dialog.Close, __assign({
-    ref: ref,
-    className: (0,classNames/* classNames */.x)('nuri-theme base-modal close', className)
-  }, restProps, {
-    children: children
-  }));
-});
-ModalClose.displayName = 'ModalClose';
-var ModalRoot = Object.assign(ModalRootBase, {
-  Container: ModalContainer,
-  Trigger: ModalTrigger,
-  Title: ModalTitle,
-  SubTitle: ModalSubTitle,
-  Close: ModalClose
-});
-/* harmony default export */ const base_modal = (ModalRoot);
-// EXTERNAL MODULE: ./helpers/props/common-props.ts
-var common_props = __nuri_require__(298);
-;// ./components/modal/modal-props.ts
-
-var sizes = ['s', 'm', 'l'];
-var modalWithDoubleButtonProps = {
-  size: (0,common_props/* sizeProp */.lw)(sizes, 'm')
-};
-;// ./components/modal/modal-with-double-button.tsx
-var modal_with_double_button_assign = undefined && undefined.__assign || function () {
-  modal_with_double_button_assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
-    return t;
-  };
-  return modal_with_double_button_assign.apply(this, arguments);
-};
-
 
 
 
@@ -250,8 +62,8 @@ var GHOST_SIDE = {
   row: 'left',
   column: 'right'
 };
-var ModalWithDoubleButtonBody = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  var _a = (0,getMergedProps/* getMergedProps */.p)(props, modalWithDoubleButtonProps),
+var ModalWithDoubleButtonBody = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_4__/* .getMergedProps */ .p)(props, _modal_props__WEBPACK_IMPORTED_MODULE_8__/* .modalWithDoubleButtonProps */ .r4),
     layout = _a.layout,
     content = _a.content,
     title = _a.title,
@@ -262,50 +74,42 @@ var ModalWithDoubleButtonBody = /*#__PURE__*/(0,external_root_React_commonjs2_re
     right = _a.right,
     className = _a.className;
   var ghostSide = GHOST_SIDE[layout];
-  return (0,jsx_runtime_.jsx)(base_modal, {
-    children: (0,jsx_runtime_.jsxs)(base_modal.Container, {
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.Container, {
       ref: ref,
-      className: (0,classNames/* classNames */.x)(className, 'modal-with-double-button-container'),
+      className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)(className, 'modal-with-double-button-container'),
       forceMount: true,
-      children: [showCloseIcon && (0,jsx_runtime_.jsx)(base_button/* default */.A, {
+      children: [showCloseIcon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_base_button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, {
         className: 'modal-with-double-button-close-button',
         asChild: true,
-        children: (0,jsx_runtime_.jsx)(multifly, {})
-      }), titleIcon && (0,jsx_runtime_.jsx)(base_modal.Title, {
+        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets_icons_multifly_svg__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A, {})
+      }), titleIcon && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.Title, {
         className: 'modal-with-double-button-title-icon',
         asChild: true,
         children: titleIcon
-      }), title && (0,jsx_runtime_.jsx)(base_modal.Title, {
+      }), title && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.Title, {
         className: 'modal-with-double-button-title',
+        children: title
+      }), subTitle && (typeof subTitle === 'string' ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.SubTitle, {
+        className: 'modal-with-double-button-sub-title',
+        children: subTitle
+      }) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.SubTitle, {
+        className: 'modal-with-double-button-sub-title',
         asChild: true,
-        children: (0,jsx_runtime_.jsx)(text_text/* default */.A, {
-          text: title,
-          size: 'lg',
-          weight: 'bold',
-          textAlign: 'center'
-        })
-      }), subTitle && (0,jsx_runtime_.jsx)(base_modal.SubTitle, {
-        asChild: true,
-        children: typeof subTitle === 'string' ? (0,jsx_runtime_.jsx)(text_text/* default */.A, {
-          text: subTitle,
-          size: 'sm',
-          weight: 'medium',
-          color: 'grey-scale-600',
-          textAlign: 'center'
-        }) : subTitle
-      }), (layout === 'column' || content) && (0,jsx_runtime_.jsx)("div", {
+        children: subTitle
+      })), (layout === 'column' || content) && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
         className: 'modal-with-double-button-content',
         children: content
-      }), (0,jsx_runtime_.jsxs)("div", {
-        className: (0,classNames/* classNames */.x)('modal-with-double-button-close', layout),
-        children: [(0,jsx_runtime_.jsx)(base_modal.Close, {
+      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('modal-with-double-button-close', layout),
+        children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.Close, {
           asChild: true,
-          children: (0,jsx_runtime_.jsx)(cta_button/* default */.A, modal_with_double_button_assign({
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_cta_button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A, __assign({
             variant: ghostSide === 'left' ? 'ghost' : undefined
           }, left))
-        }), (0,jsx_runtime_.jsx)(base_modal.Close, {
+        }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_modal__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A.Close, {
           asChild: true,
-          children: (0,jsx_runtime_.jsx)(cta_button/* default */.A, modal_with_double_button_assign({
+          children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_button_cta_button__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A, __assign({
             variant: ghostSide === 'right' ? 'ghost' : undefined
           }, right))
         })]
@@ -314,15 +118,15 @@ var ModalWithDoubleButtonBody = /*#__PURE__*/(0,external_root_React_commonjs2_re
   });
 });
 ModalWithDoubleButtonBody.displayName = 'ModalWithDoubleButtonBody';
-var ModalWithDoubleButtonRow = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  return (0,jsx_runtime_.jsx)(ModalWithDoubleButtonBody, modal_with_double_button_assign({
+var ModalWithDoubleButtonRow = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ModalWithDoubleButtonBody, __assign({
     ref: ref,
     layout: 'row'
   }, props));
 });
 ModalWithDoubleButtonRow.displayName = 'ModalWithDoubleButton.Row';
-var ModalWithDoubleButtonColumn = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
-  return (0,jsx_runtime_.jsx)(ModalWithDoubleButtonBody, modal_with_double_button_assign({
+var ModalWithDoubleButtonColumn = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ModalWithDoubleButtonBody, __assign({
     ref: ref,
     layout: 'column'
   }, props));
@@ -332,7 +136,7 @@ var ModalWithDoubleButton = {
   Row: ModalWithDoubleButtonRow,
   Column: ModalWithDoubleButtonColumn
 };
-/* harmony default export */ const modal_with_double_button = (ModalWithDoubleButton);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalWithDoubleButton);
 
 /***/ },
 
@@ -347,7 +151,7 @@ module.exports = x({ ["Dialog"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96
 
 /***/ },
 
-/***/ 41
+/***/ 1041
 (module, __unused_webpack_exports, __nuri_require__) {
 
 var x = (y) => {
@@ -459,7 +263,6 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
 /******/ 	// [resolve, Promise] = chunk loading, 0 = chunk loaded
 /******/ 	var installedChunks = {
-/******/ 		440: 0,
 /******/ 		516: 0
 /******/ 	};
 /******/ 	
@@ -504,23 +307,25 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ __nuri_require__.C(__webpack_chunk_1__);
 /******/ import * as __webpack_chunk_2__ from "./chunk-777.js";
 /******/ __nuri_require__.C(__webpack_chunk_2__);
-/******/ import * as __webpack_chunk_3__ from "./chunk-558.js";
+/******/ import * as __webpack_chunk_3__ from "./chunk-298.js";
 /******/ __nuri_require__.C(__webpack_chunk_3__);
-/******/ import * as __webpack_chunk_4__ from "./chunk-298.js";
+/******/ import * as __webpack_chunk_4__ from "./chunk-933.js";
 /******/ __nuri_require__.C(__webpack_chunk_4__);
 /******/ import * as __webpack_chunk_5__ from "./chunk-302.js";
 /******/ __nuri_require__.C(__webpack_chunk_5__);
-/******/ import * as __webpack_chunk_6__ from "./chunk-933.js";
+/******/ import * as __webpack_chunk_6__ from "./chunk-713.js";
 /******/ __nuri_require__.C(__webpack_chunk_6__);
-/******/ import * as __webpack_chunk_7__ from "./chunk-739.js";
+/******/ import * as __webpack_chunk_7__ from "./chunk-976.js";
 /******/ __nuri_require__.C(__webpack_chunk_7__);
-/******/ import * as __webpack_chunk_8__ from "./chunk-976.js";
+/******/ import * as __webpack_chunk_8__ from "./chunk-657.js";
 /******/ __nuri_require__.C(__webpack_chunk_8__);
+/******/ import * as __webpack_chunk_9__ from "./chunk-910.js";
+/******/ __nuri_require__.C(__webpack_chunk_9__);
 /******/ 
 /******/ // startup
 /******/ // Load entry module and return exports
 /******/ // This entry module depends on other loaded chunks and execution need to be delayed
-/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,777,558,298,302,933,739,976], () => (__nuri_require__(21)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,777,298,933,302,713,976,657,910], () => (__nuri_require__(8949)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };