@nurihaus/web-design-system 3.0.3 → 3.1.1

package/dist/breadcrumb.js

@@ -0,0 +1,364 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
+/******/ var __webpack_modules__ = ({
+
+/***/ 1986
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+
+// EXPORTS
+__nuri_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ breadcrumb)
+});
+
+// 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__(1041);
+// EXTERNAL MODULE: ./assets/icons/chevronDown.svg
+var chevronDown = __nuri_require__(9436);
+// EXTERNAL MODULE: ./helpers/utils/classNames.js
+var classNames = __nuri_require__(3274);
+// EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
+var getMergedProps = __nuri_require__(7335);
+// EXTERNAL MODULE: ./components/core/composer/index.tsx
+var composer = __nuri_require__(2777);
+;// ./components/breadcrumb/base-breadcrumb.tsx
+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 BreadcrumbRootBase = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var className = props.className,
+    restProps = __rest(props, ["className"]);
+  return (0,jsx_runtime_.jsx)("nav", __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-breadcrumb', className),
+    "aria-label": 'breadcrumb'
+  }, restProps));
+});
+BreadcrumbRootBase.displayName = 'BreadcrumbRoot';
+var BreadcrumbList = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var className = props.className,
+    restProps = __rest(props, ["className"]);
+  return (0,jsx_runtime_.jsx)("ol", __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-breadcrumb list', className)
+  }, restProps));
+});
+BreadcrumbList.displayName = 'BreadcrumbList';
+var BreadcrumbItem = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var className = props.className,
+    restProps = __rest(props, ["className"]);
+  return (0,jsx_runtime_.jsx)("li", __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-breadcrumb item', className)
+  }, restProps));
+});
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+var BreadcrumbLink = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var _a = props.asChild,
+    asChild = _a === void 0 ? false : _a,
+    className = props.className,
+    restProps = __rest(props, ["asChild", "className"]);
+  var Comp = asChild ? composer/* default */.A : 'a';
+  return (0,jsx_runtime_.jsx)(Comp, __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-breadcrumb link', className)
+  }, restProps));
+});
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+var BreadcrumbPage = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var className = props.className,
+    restProps = __rest(props, ["className"]);
+  return (0,jsx_runtime_.jsx)("span", __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-breadcrumb page', className),
+    "aria-current": 'page'
+  }, restProps));
+});
+BreadcrumbPage.displayName = 'BreadcrumbPage';
+var BreadcrumbSeparator = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var className = props.className,
+    restProps = __rest(props, ["className"]);
+  return (0,jsx_runtime_.jsx)("li", __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-breadcrumb separator', className),
+    role: 'presentation',
+    "aria-hidden": 'true'
+  }, restProps));
+});
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+var BreadcrumbRoot = Object.assign(BreadcrumbRootBase, {
+  List: BreadcrumbList,
+  Item: BreadcrumbItem,
+  Link: BreadcrumbLink,
+  Page: BreadcrumbPage,
+  Separator: BreadcrumbSeparator
+});
+/* harmony default export */ const base_breadcrumb = (BreadcrumbRoot);
+// EXTERNAL MODULE: ./helpers/props/common-props.ts
+var common_props = __nuri_require__(7298);
+;// ./components/breadcrumb/breadcrumb-props.ts
+
+var sizes = ['xs', 's', 'm', 'l', 'xl'];
+var breadcrumbProps = {
+  size: (0,common_props/* sizeProp */.lw)(sizes, 'm')
+};
+;// ./components/breadcrumb/breadcrumb.tsx
+
+
+
+
+
+
+
+var Breadcrumb = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var _a = (0,getMergedProps/* getMergedProps */.p)(props, breadcrumbProps),
+    className = _a.className,
+    style = _a.style,
+    items = _a.items,
+    onItemClick = _a.onItemClick,
+    separator = _a.separator,
+    LinkComponent = _a.linkComponent;
+  var lastIndex = items.length - 1;
+  var separatorNode = separator !== null && separator !== void 0 ? separator : (0,jsx_runtime_.jsx)(chevronDown/* default */.A, {
+    className: 'breadcrumb-chevron'
+  });
+  return (0,jsx_runtime_.jsx)(base_breadcrumb, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)(className, 'breadcrumb'),
+    style: style,
+    children: (0,jsx_runtime_.jsx)(base_breadcrumb.List, {
+      className: 'breadcrumb-list',
+      children: items.map(function (item, index) {
+        var isLast = index === lastIndex;
+        return (0,jsx_runtime_.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.Fragment, {
+          children: [(0,jsx_runtime_.jsx)(base_breadcrumb.Item, {
+            className: 'breadcrumb-item',
+            children: isLast ? (0,jsx_runtime_.jsx)(base_breadcrumb.Page, {
+              className: 'breadcrumb-page',
+              children: item.label
+            }) : item.href && LinkComponent ? (0,jsx_runtime_.jsx)(base_breadcrumb.Link, {
+              asChild: true,
+              className: 'breadcrumb-link',
+              onClick: function onClick() {
+                return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.id);
+              },
+              children: (0,jsx_runtime_.jsx)(LinkComponent, {
+                href: item.href,
+                children: item.label
+              })
+            }) : item.href ? (0,jsx_runtime_.jsx)(base_breadcrumb.Link, {
+              className: 'breadcrumb-link',
+              href: item.href,
+              onClick: function onClick() {
+                return onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item.id);
+              },
+              children: item.label
+            }) : (0,jsx_runtime_.jsx)("span", {
+              className: 'breadcrumb-text',
+              children: item.label
+            })
+          }), !isLast && (0,jsx_runtime_.jsx)(base_breadcrumb.Separator, {
+            className: 'breadcrumb-separator',
+            children: separatorNode
+          })]
+        }, item.id);
+      })
+    })
+  });
+});
+Breadcrumb.displayName = 'Breadcrumb';
+/* harmony default export */ const breadcrumb = (Breadcrumb);
+
+/***/ },
+
+/***/ 1041
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["Children"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Children), ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Fragment), ["cloneElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.cloneElement), ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["isValidElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.isValidElement) });
+
+/***/ },
+
+/***/ 612
+(module, __unused_webpack_exports, __nuri_require__) {
+
+var x = (y) => {
+	var x = {}; __nuri_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsx), ["jsxs"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.jsxs) });
+
+/***/ }
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __nuri_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __nuri_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __nuri_require__.m = __webpack_modules__;
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/chunk loaded */
+/******/ (() => {
+/******/ 	var deferred = [];
+/******/ 	__nuri_require__.O = (result, chunkIds, fn, priority) => {
+/******/ 		if(chunkIds) {
+/******/ 			priority = priority || 0;
+/******/ 			for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ 			deferred[i] = [chunkIds, fn, priority];
+/******/ 			return;
+/******/ 		}
+/******/ 		var notFulfilled = Infinity;
+/******/ 		for (var i = 0; i < deferred.length; i++) {
+/******/ 			var [chunkIds, fn, priority] = deferred[i];
+/******/ 			var fulfilled = true;
+/******/ 			for (var j = 0; j < chunkIds.length; j++) {
+/******/ 				if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__nuri_require__.O).every((key) => (__nuri_require__.O[key](chunkIds[j])))) {
+/******/ 					chunkIds.splice(j--, 1);
+/******/ 				} else {
+/******/ 					fulfilled = false;
+/******/ 					if(priority < notFulfilled) notFulfilled = priority;
+/******/ 				}
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferred.splice(i--, 1)
+/******/ 				var r = fn();
+/******/ 				if (r !== undefined) result = r;
+/******/ 			}
+/******/ 		}
+/******/ 		return result;
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__nuri_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__nuri_require__.o(definition, key) && !__nuri_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__nuri_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/export webpack runtime */
+/******/ export { __nuri_require__ };
+/******/ 
+/******/ /* webpack/runtime/import chunk loading */
+/******/ (() => {
+/******/ 	// no baseURI
+/******/ 	
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// [resolve, Promise] = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		476: 0
+/******/ 	};
+/******/ 	
+/******/ 	var installChunk = (data) => {
+/******/ 		var {__webpack_esm_ids__, __webpack_esm_modules__, __webpack_esm_runtime__} = data;
+/******/ 		// add "modules" to the modules object,
+/******/ 		// then flag all "ids" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0;
+/******/ 		for(moduleId in __webpack_esm_modules__) {
+/******/ 			if(__nuri_require__.o(__webpack_esm_modules__, moduleId)) {
+/******/ 				__nuri_require__.m[moduleId] = __webpack_esm_modules__[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(__webpack_esm_runtime__) __webpack_esm_runtime__(__nuri_require__);
+/******/ 		for(;i < __webpack_esm_ids__.length; i++) {
+/******/ 			chunkId = __webpack_esm_ids__[i];
+/******/ 			if(__nuri_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 				installedChunks[chunkId][0]();
+/******/ 			}
+/******/ 			installedChunks[__webpack_esm_ids__[i]] = 0;
+/******/ 		}
+/******/ 		__nuri_require__.O();
+/******/ 	}
+/******/ 	
+/******/ 	// no chunk on demand loading
+/******/ 	
+/******/ 	// no prefetching
+/******/ 	
+/******/ 	// no preloaded
+/******/ 	
+/******/ 	__nuri_require__.C = installChunk;
+/******/ 	
+/******/ 	__nuri_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/ 	// no HMR
+/******/ 	
+/******/ 	// no HMR manifest
+/******/ })();
+/******/ 
+/************************************************************************/
+/******/ 
+/******/ import * as __webpack_chunk_1__ from "./chunk-364.js";
+/******/ __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-298.js";
+/******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-436.js";
+/******/ __nuri_require__.C(__webpack_chunk_4__);
+/******/ 
+/******/ // 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,298,436], () => (__nuri_require__(1986)))
+/******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
+/******/ const __webpack_exports__default = __webpack_exports__.A;
+/******/ export { __webpack_exports__default as default };
+/******/ 

package/dist/check-box.js

@@ -4,7 +4,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__ = ({
 
-/***/ 393
+/***/ 445
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 
@@ -16,34 +16,17 @@ __nuri_require__.d(__webpack_exports__, {
 // 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/check.svg
-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__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.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 check = (SvgCheck);
+var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(1041);
+// EXTERNAL MODULE: ./assets/icons/check.svg
+var check = __nuri_require__(5077);
 // 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);
 // 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);
 // EXTERNAL MODULE: ./components/core/composer/index.tsx
-var composer = __nuri_require__(777);
+var composer = __nuri_require__(2777);
 ;// ./components/check-box/base-check-box.tsx
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
@@ -69,7 +52,6 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 var CheckBoxContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createContext)({
-  id: '',
   disabled: false
 });
 var CheckBoxRootBase = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
@@ -88,7 +70,6 @@ var CheckBoxRootBase = /*#__PURE__*/(0,external_root_React_commonjs2_react_commo
     onCheckedChange: onChange,
     children: (0,jsx_runtime_.jsx)(CheckBoxContext.Provider, {
       value: {
-        id: id,
         disabled: disabled
       },
       children: children
@@ -96,19 +77,17 @@ var CheckBoxRootBase = /*#__PURE__*/(0,external_root_React_commonjs2_react_commo
   });
 });
 CheckBoxRootBase.displayName = 'CheckBoxRoot';
+// 라벨은 버튼 안에 있어 클릭이 버튼으로 전파된다. label 요소(htmlFor)로 두면 라벨 활성화가 버튼을 한 번 더 눌러 되돌리므로 span 이다
 var CheckBoxLabel = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
   var children = props.children,
     asChild = props.asChild,
     preventChangeOnClick = props.preventChangeOnClick,
     className = props.className;
-  var _a = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.useContext)(CheckBoxContext),
-    id = _a.id,
-    disabled = _a.disabled;
-  var Comp = asChild ? composer/* default */.A : 'label';
+  var disabled = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.useContext)(CheckBoxContext).disabled;
+  var Comp = asChild ? composer/* default */.A : 'span';
   return (0,jsx_runtime_.jsx)(Comp, {
     ref: ref,
     className: (0,classNames/* classNames */.x)('nuri-theme base-check-box label', className),
-    htmlFor: id,
     "data-disabled": disabled || undefined,
     onClick: function onClick(e) {
       if (preventChangeOnClick) {
@@ -139,7 +118,7 @@ var CheckBoxRoot = Object.assign(CheckBoxRootBase, {
 });
 /* harmony default export */ const base_check_box = (CheckBoxRoot);
 // EXTERNAL MODULE: ./helpers/props/common-props.ts
-var common_props = __nuri_require__(298);
+var common_props = __nuri_require__(7298);
 ;// ./components/check-box/check-box-props.ts
 
 var sizes = ['s', 'm', 'l'];
@@ -187,7 +166,7 @@ var CheckBox = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
       "data-disabled": restProps.disabled,
       children: (0,jsx_runtime_.jsx)(base_check_box.Indicator, {
         className: 'check-box-indicator',
-        children: (0,jsx_runtime_.jsx)(check, {})
+        children: (0,jsx_runtime_.jsx)(check/* default */.A, {})
       })
     }), label && (0,jsx_runtime_.jsx)(base_check_box.Label, {
       children: label
@@ -210,7 +189,7 @@ module.exports = x({ ["Checkbox"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc
 
 /***/ },
 
-/***/ 41
+/***/ 1041
 (module, __unused_webpack_exports, __nuri_require__) {
 
 var x = (y) => {
@@ -368,11 +347,13 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ __nuri_require__.C(__webpack_chunk_2__);
 /******/ import * as __webpack_chunk_3__ from "./chunk-298.js";
 /******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-77.js";
+/******/ __nuri_require__.C(__webpack_chunk_4__);
 /******/ 
 /******/ // 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,298], () => (__nuri_require__(393)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,777,298,77], () => (__nuri_require__(445)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };

package/dist/chunk-149.js

@@ -3,16 +3,16 @@ export const __webpack_esm_id__ = 149;
 export const __webpack_esm_ids__ = [149];
 export const __webpack_esm_modules__ = {
 
-/***/ 149
+/***/ 6149
 (__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__(41);
-/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
-/* harmony import */ var _core_composer__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(777);
+/* 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++) {

package/dist/chunk-298.js

@@ -3,7 +3,7 @@ export const __webpack_esm_id__ = 298;
 export const __webpack_esm_ids__ = [298,917];
 export const __webpack_esm_modules__ = {
 
-/***/ 298
+/***/ 7298
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 /* harmony export */ __nuri_require__.d(__webpack_exports__, {

package/dist/chunk-302.js

@@ -3,7 +3,7 @@ export const __webpack_esm_id__ = 302;
 export const __webpack_esm_ids__ = [302];
 export const __webpack_esm_modules__ = {
 
-/***/ 302
+/***/ 6302
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 
@@ -15,11 +15,11 @@ __nuri_require__.d(__webpack_exports__, {
 // 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/spinner/base-spinner.tsx
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {

package/dist/chunk-309.js

@@ -3,7 +3,7 @@ export const __webpack_esm_id__ = 309;
 export const __webpack_esm_ids__ = [309];
 export const __webpack_esm_modules__ = {
 
-/***/ 690
+/***/ 8690
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 /* harmony export */ __nuri_require__.d(__webpack_exports__, {

package/dist/chunk-364.js

@@ -3,7 +3,7 @@ export const __webpack_esm_id__ = 364;
 export const __webpack_esm_ids__ = [364];
 export const __webpack_esm_modules__ = {
 
-/***/ 335
+/***/ 7335
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 /* harmony export */ __nuri_require__.d(__webpack_exports__, {
@@ -58,7 +58,7 @@ function getMergedProps(props, propsWithTypes) {
 
 /***/ },
 
-/***/ 274
+/***/ 3274
 (__unused_webpack___webpack_module__, __webpack_exports__, __nuri_require__) {
 
 /* harmony export */ __nuri_require__.d(__webpack_exports__, {

package/dist/chunk-387.js

@@ -3,14 +3,19 @@ export const __webpack_esm_id__ = 387;
 export const __webpack_esm_ids__ = [387];
 export const __webpack_esm_modules__ = {
 
-/***/ 387
+/***/ 9387
 (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
 
 /* harmony export */ __nuri_require__.d(__webpack_exports__, {
 /* harmony export */   C: () => (/* binding */ useExternalState)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(41);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
 
+/**
+ * Radix 의 useControllableState 를 옮긴 것. prop 이 있으면 controlled(값은 밖에서, 바뀌면 handler 만 부른다),
+ * 없으면 uncontrolled(안에서 들고 있고, 실제로 바뀐 뒤 useEffect 에서 handler 를 부른다).
+ * 어느 쪽이든 같은 값으로 다시 설정하면 handler 는 불리지 않는다.
+ */
 var useExternalState = function useExternalState(_a) {
   var prop = _a.prop,
     handler = _a.handler,
@@ -20,11 +25,25 @@ var useExternalState = function useExternalState(_a) {
     setInnerState = _b[1];
   var isControlledByExternal = prop !== undefined;
   var value = isControlledByExternal ? prop : innerState;
+  // handler 가 렌더마다 새 함수여도 effect 가 다시 돌지 않게 ref 로 든다
+  var handlerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(handler);
+  handlerRef.current = handler;
+  var prevInnerStateRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(innerState);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var _a;
+    if (prevInnerStateRef.current !== innerState) {
+      prevInnerStateRef.current = innerState;
+      (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef, innerState);
+    }
+  }, [innerState]);
   var setValue = function setValue(handledValue) {
+    var _a;
     if (isControlledByExternal) {
       var setter = handledValue;
-      var value_1 = typeof handledValue === 'function' ? setter(prop !== null && prop !== void 0 ? prop : defaultProp) : handledValue;
-      handler === null || handler === void 0 ? void 0 : handler(value_1);
+      var next = typeof handledValue === 'function' ? setter(prop) : handledValue;
+      if (next !== prop) {
+        (_a = handlerRef.current) === null || _a === void 0 ? void 0 : _a.call(handlerRef, next);
+      }
     } else {
       setInnerState(handledValue);
     }

package/dist/chunk-436.js

@@ -0,0 +1,34 @@
+"use client";
+export const __webpack_esm_id__ = 436;
+export const __webpack_esm_ids__ = [436];
+export const __webpack_esm_modules__ = {
+
+/***/ 9436
+(__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 SvgChevronDown = function SvgChevronDown(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18,
+    fill: "none",
+    viewBox: "0 0 18 18"
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M9.398 12.398a.56.56 0 0 1-.796 0l-6-6a.563.563 0 0 1 .796-.796L9 11.204l5.602-5.602a.562.562 0 1 1 .796.796z",
+    clipRule: "evenodd"
+  })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgChevronDown);
+
+/***/ }
+
+};