@nurihaus/web-design-system 3.0.1 → 3.1.0

package/dist/chunk-657.js

@@ -0,0 +1,143 @@
+"use client";
+export const __webpack_esm_id__ = 657;
+export const __webpack_esm_ids__ = [657];
+export const __webpack_esm_modules__ = {
+
+/***/ 1657
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* 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 radix_ui__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(0);
+/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
+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);
+};
+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,
+    open = props.open,
+    defaultOpen = props.defaultOpen,
+    onOpenChange = props.onOpenChange;
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Root, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    children: children
+  });
+};
+ModalRootBase.displayName = 'ModalRoot';
+var ModalContainer = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    forceMount = props.forceMount,
+    restProps = __rest(props, ["children", "className", "forceMount"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Portal, {
+    forceMount: forceMount,
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Overlay, {
+      className: 'nuri-theme base-modal modal-overlay',
+      forceMount: true
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Content, __assign({
+      ref: ref,
+      className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal modal-container', className)
+    }, restProps, {
+      children: children
+    }))]
+  });
+});
+ModalContainer.displayName = 'ModalContainer';
+var ModalTrigger = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["children", "className"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Trigger, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal trigger', className)
+  }, restProps, {
+    children: children
+  }));
+});
+ModalTrigger.displayName = 'ModalTrigger';
+var ModalTitle = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["children", "className"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Title, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal title', className)
+  }, restProps, {
+    children: children
+  }));
+});
+ModalTitle.displayName = 'ModalTitle';
+var ModalSubTitle = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["children", "className"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Description, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal sub-title', className)
+  }, restProps, {
+    children: children
+  }));
+});
+ModalSubTitle.displayName = 'ModalSubTitle';
+var ModalDescription = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["children", "className"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Description, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal description', className)
+  }, restProps, {
+    children: children
+  }));
+});
+ModalDescription.displayName = 'ModalDescription';
+var ModalClose = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["children", "className"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Close, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .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,
+  Description: ModalDescription,
+  Close: ModalClose
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalRoot);
+
+/***/ }
+
+};

package/dist/chunk-713.js

@@ -0,0 +1,38 @@
+"use client";
+export const __webpack_esm_id__ = 713;
+export const __webpack_esm_ids__ = [713];
+export const __webpack_esm_modules__ = {
+
+/***/ 6713
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
+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__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 20,
+    height: 20,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.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__*/react__WEBPACK_IMPORTED_MODULE_0__.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 __WEBPACK_DEFAULT_EXPORT__ = (SvgMultifly);
+
+/***/ }
+
+};

package/dist/chunk-739.js

@@ -0,0 +1,68 @@
+"use client";
+export const __webpack_esm_id__ = 739;
+export const __webpack_esm_ids__ = [739];
+export const __webpack_esm_modules__ = {
+
+/***/ 7739
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* 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 _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
+/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
+/* harmony import */ var _base_text__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(5437);
+/* harmony import */ var _text_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(9074);
+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;
+};
+
+
+
+
+
+
+// CSS 클래스는 camelCase(`whiteSpace-preLine`)인데 prop 값은 CSS 표기(`pre-line`)라 변환해서 붙인다.
+var styleClass = function styleClass(prefix, value) {
+  return value ? "".concat(prefix, "-").concat(String(value).replace(/-(\w)/g, function (_, c) {
+    return c.toUpperCase();
+  })) : '';
+};
+// `2xl` 처럼 숫자로 시작하는 클래스는 선택자로 쓸 수 없어 `t-` 를 붙인다.
+var sizeClass = function sizeClass(size) {
+  return /^\d+xl$/.test(size) ? "t-".concat(size) : size;
+};
+// onClick·id 같은 HTML 속성은 넘기지 않는다. className 과 style 만 요소에 간다.
+var Text = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _text_props__WEBPACK_IMPORTED_MODULE_5__/* .textProps */ .em),
+    text = _a.text,
+    size = _a.size,
+    weight = _a.weight,
+    as = _a.as,
+    className = _a.className,
+    style = _a.style,
+    restProps = __rest(_a, ["text", "size", "weight", "as", "className", "style"]);
+  var textClassName = (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(className, sizeClass(size), weight, _text_props__WEBPACK_IMPORTED_MODULE_5__/* .styleClassProps */ .Oc.map(function (key) {
+    return styleClass(key, restProps[key]);
+  }));
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_text__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {
+    ref: ref,
+    className: textClassName,
+    as: as,
+    style: style,
+    children: text
+  });
+});
+Text.displayName = 'Text';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Text);
+
+/***/ }
+
+};

package/dist/chunk-77.js

@@ -0,0 +1,34 @@
+"use client";
+export const __webpack_esm_id__ = 77;
+export const __webpack_esm_ids__ = [77];
+export const __webpack_esm_modules__ = {
+
+/***/ 5077
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
+var _path;
+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 SvgCheck = function SvgCheck(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    stroke: "#fff",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M2.667 8.8 5.714 12l7.62-8"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCheck);
+
+/***/ }
+
+};

package/dist/chunk-777.js

@@ -0,0 +1,117 @@
+"use client";
+export const __webpack_esm_id__ = 777;
+export const __webpack_esm_ids__ = [777];
+export const __webpack_esm_modules__ = {
+
+/***/ 2777
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
+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);
+};
+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 Composer = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_a, ref) {
+  var children = _a.children,
+    composerProps = __rest(_a, ["children"]);
+  var childArray = react__WEBPACK_IMPORTED_MODULE_0__.Children.toArray(children);
+  if (childArray.length > 1) {
+    throw new Error('Composer can only have one child');
+  }
+  var isValidChild = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.isValidElement)(childArray[0]);
+  if (!isValidChild) {
+    throw new Error('child should be React node!');
+  }
+  var child = childArray[0];
+  var childRef = getElementRef(child);
+  var mergedProps = mergeProps(composerProps, child.props);
+  return /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(child, __assign(__assign({}, mergedProps), {
+    ref: ref ? composeRefs(ref, childRef) : childRef
+  }));
+});
+Composer.displayName = 'Composer';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- props are called and spread with arbitrary shapes
+function mergeProps(composerProps, childProps) {
+  var overrideProps = __assign({}, childProps);
+  var _loop_1 = function _loop_1(propName) {
+    var composerPropValue = composerProps[propName];
+    var childPropValue = childProps[propName];
+    var isHandler = /^on[A-Z]/.test(propName);
+    if (isHandler) {
+      if (composerPropValue && childPropValue) {
+        overrideProps[propName] = function () {
+          var args = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+          }
+          childPropValue.apply(void 0, args);
+          composerPropValue.apply(void 0, args);
+        };
+      } else if (composerPropValue) {
+        overrideProps[propName] = composerPropValue;
+      }
+    } else if (propName === 'style') {
+      overrideProps[propName] = __assign(__assign({}, composerPropValue), childPropValue);
+    } else if (propName === 'className') {
+      overrideProps[propName] = [composerPropValue, childPropValue].filter(Boolean).join(' ');
+    }
+  };
+  for (var propName in composerProps) {
+    _loop_1(propName);
+  }
+  return __assign(__assign({}, composerProps), overrideProps);
+}
+function getElementRef(element) {
+  var _a, _b;
+  var childGetter = (_a = Object.getOwnPropertyDescriptor(element.props, 'ref')) === null || _a === void 0 ? void 0 : _a.get;
+  var mayWarnInChild = childGetter && 'isReactWarning' in childGetter && childGetter.isReactWarning;
+  if (mayWarnInChild) {
+    return element.ref;
+  }
+  var getter = (_b = Object.getOwnPropertyDescriptor(element, 'ref')) === null || _b === void 0 ? void 0 : _b.get;
+  var mayWarn = getter && 'isReactWarning' in getter && getter.isReactWarning;
+  if (mayWarn) {
+    return element.props.ref;
+  }
+  return element.props.ref || element.ref;
+}
+var composeRefs = function composeRefs() {
+  var refs = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    refs[_i] = arguments[_i];
+  }
+  return function (node) {
+    refs.forEach(function (ref) {
+      if (ref) {
+        if (typeof ref === 'function') {
+          ref(node);
+        } else {
+          ref.current = node;
+        }
+      }
+    });
+  };
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Composer);
+
+/***/ }
+
+};

package/dist/chunk-910.js

@@ -0,0 +1,64 @@
+"use client";
+export const __webpack_esm_id__ = 910;
+export const __webpack_esm_ids__ = [910];
+export const __webpack_esm_modules__ = {
+
+/***/ 910
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* 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 _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
+/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
+/* harmony import */ var _loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(6302);
+/* harmony import */ var _base_button__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(8933);
+/* harmony import */ var _button_props__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(9976);
+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);
+};
+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 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);
+
+/***/ }
+
+};

package/dist/chunk-917.js

@@ -0,0 +1,35 @@
+"use client";
+export const __webpack_esm_id__ = 917;
+export const __webpack_esm_ids__ = [298,917];
+export const __webpack_esm_modules__ = {
+
+/***/ 7298
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   Iw: () => (/* binding */ widthProp),
+/* harmony export */   lw: () => (/* binding */ sizeProp)
+/* harmony export */ });
+/* unused harmony export size */
+/** 모든 컴포넌트가 함께 쓰는 크기 이름. px 은 styles/token/size.css 에 있다. */
+var size = (/* unused pure expression or super */ null && (['xs', 's', 'm', 'l', 'xl']));
+/** 컴포넌트는 다섯 이름 중 지원하는 것만 고른다. `size-{값}` 클래스가 붙는다. */
+var sizeProp = function sizeProp(values, defaultValue) {
+  return {
+    type: 'className',
+    className: 'size',
+    values: values,
+    "default": defaultValue
+  };
+};
+var widthProp = function widthProp(defaultValue) {
+  return {
+    type: 'css',
+    key: 'width',
+    "default": defaultValue
+  };
+};
+
+/***/ }
+
+};

package/dist/chunk-933.js

@@ -0,0 +1,70 @@
+"use client";
+export const __webpack_esm_id__ = 933;
+export const __webpack_esm_ids__ = [933];
+export const __webpack_esm_modules__ = {
+
+/***/ 8933
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* 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 _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
+/* harmony import */ var _core_composer__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(2777);
+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);
+};
+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 BaseButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    _a = props.asChild,
+    asChild = _a === void 0 ? false : _a,
+    className = props.className,
+    disabled = props.disabled,
+    loading = props.loading,
+    loadingComponent = props.loadingComponent,
+    _onMouseDown = props.onMouseDown,
+    restProps = __rest(props, ["children", "asChild", "className", "disabled", "loading", "loadingComponent", "onMouseDown"]);
+  var Comp = asChild ? _core_composer__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A : 'button';
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Comp, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)('nuri-theme base-button', className),
+    "aria-disabled": disabled,
+    "aria-busy": loading,
+    disabled: disabled,
+    "data-disabled": disabled || undefined
+  }, restProps, {
+    // 클릭해도 포커스를 옮기지 않는다. 넘겨받은 onMouseDown 이 이 동작을 덮지 않게 spread 뒤에 둔다.
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      _onMouseDown === null || _onMouseDown === void 0 ? void 0 : _onMouseDown(e);
+    },
+    children: loading ? loadingComponent : children
+  }));
+});
+BaseButton.displayName = 'BaseButton';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseButton);
+
+/***/ }
+
+};

package/dist/chunk-976.js

@@ -0,0 +1,29 @@
+"use client";
+export const __webpack_esm_id__ = 976;
+export const __webpack_esm_ids__ = [976];
+export const __webpack_esm_modules__ = {
+
+/***/ 9976
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   Lr: () => (/* binding */ ctaButtonProps)
+/* harmony export */ });
+/* unused harmony exports variant, sizes */
+/* harmony import */ var _helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(7298);
+
+var variant = ['primary', 'secondary', 'ghost', 'neutral', 'confirm', 'outlined'];
+var sizes = ['xs', 's', 'm', 'l', 'xl'];
+var ctaButtonProps = {
+  variant: {
+    type: 'className',
+    className: 'variant',
+    values: variant,
+    "default": 'primary'
+  },
+  size: (0,_helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__/* .sizeProp */ .lw)(sizes, 'm')
+};
+
+/***/ }
+
+};