@nurihaus/web-design-system 3.7.0 → 3.9.0

package/dist/notice.js

@@ -0,0 +1,346 @@
+"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__ = ({
+
+/***/ 2980
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+
+// EXPORTS
+__nuri_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ notice)
+});
+
+// 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: ./helpers/utils/classNames.js
+var classNames = __nuri_require__(3274);
+// EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
+var getMergedProps = __nuri_require__(7335);
+// EXTERNAL MODULE: ./components/button/cta-button.tsx
+var cta_button = __nuri_require__(910);
+// EXTERNAL MODULE: ./components/icon/icon.tsx
+var icon = __nuri_require__(3547);
+;// ./components/notice/base-notice.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 BaseNotice = /*#__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)("div", __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-notice', className)
+  }, restProps));
+});
+BaseNotice.displayName = 'BaseNotice';
+/* harmony default export */ const base_notice = (BaseNotice);
+;// ./components/notice/notice-props.ts
+var variant = ['neutral', 'success', 'warning', 'danger'];
+/** 나타날 때 모션 세기. 주지 않으면 움직이지 않는다 (ADR 0008) */
+var motion = ['weak', 'strong'];
+var noticeProps = {
+  variant: {
+    type: 'className',
+    className: 'variant',
+    values: variant,
+    "default": 'neutral'
+  },
+  motion: {
+    type: 'className',
+    className: 'motion',
+    values: motion
+  }
+};
+;// ./components/notice/notice.tsx
+var notice_assign = undefined && undefined.__assign || function () {
+  notice_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 notice_assign.apply(this, arguments);
+};
+var notice_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 VARIANT_ICON = {
+  neutral: 'info',
+  success: 'check-circle',
+  warning: 'warning',
+  danger: 'warning'
+};
+/** 카드·시트 안에 머무는 안내. 스스로 사라지는 알림은 Toast 다 */
+var Notice = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var _a;
+  var _b = (0,getMergedProps/* getMergedProps */.p)(props, noticeProps),
+    className = _b.className,
+    title = _b.title,
+    children = _b.children,
+    action = _b.action,
+    restProps = notice_rest(_b, ["className", "title", "children", "action"]);
+  var variant = (_a = props.variant) !== null && _a !== void 0 ? _a : 'neutral';
+  return (0,jsx_runtime_.jsxs)(base_notice, notice_assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)(className, 'notice'),
+    // danger 는 바로 읽어 준다. 쓰는 쪽이 role 을 주면 그 값이 앞선다
+    role: variant === 'danger' ? 'alert' : undefined
+  }, restProps, {
+    children: [(0,jsx_runtime_.jsx)(icon/* default */.A, {
+      className: 'notice-icon',
+      name: VARIANT_ICON[variant],
+      size: 's',
+      weight: 'fill'
+    }), (0,jsx_runtime_.jsxs)("div", {
+      className: 'notice-body',
+      children: [(0,jsx_runtime_.jsxs)("div", {
+        className: 'notice-text',
+        children: [title && (0,jsx_runtime_.jsx)("div", {
+          className: 'notice-title',
+          children: title
+        }), (0,jsx_runtime_.jsx)("div", {
+          className: 'notice-description',
+          children: children
+        })]
+      }), action && (0,jsx_runtime_.jsx)(cta_button/* default */.A, {
+        className: 'notice-action',
+        size: 'xs',
+        variant: 'neutral',
+        text: action.label,
+        // CTAButton 은 loading 중에도 누름을 받으므로 처리 중에는 다시 부르지 않는다
+        onClick: action.loading ? undefined : action.onClick,
+        loading: action.loading,
+        track: action.track,
+        trackProps: action.trackProps
+      })]
+    })]
+  }));
+});
+Notice.displayName = 'Notice';
+/* harmony default export */ const notice = (Notice);
+
+/***/ },
+
+/***/ 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), ["cloneElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.cloneElement), ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["isValidElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.isValidElement), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef) });
+
+/***/ },
+
+/***/ 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({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__.Fragment), ["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 = {
+/******/ 		4595: 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-3274.js";
+/******/ __nuri_require__.C(__webpack_chunk_1__);
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
+/******/ __nuri_require__.C(__webpack_chunk_2__);
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
+/******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-7298.js";
+/******/ __nuri_require__.C(__webpack_chunk_4__);
+/******/ import * as __webpack_chunk_5__ from "./chunk-2777.js";
+/******/ __nuri_require__.C(__webpack_chunk_5__);
+/******/ import * as __webpack_chunk_6__ from "./chunk-7653.js";
+/******/ __nuri_require__.C(__webpack_chunk_6__);
+/******/ import * as __webpack_chunk_7__ from "./chunk-3547.js";
+/******/ __nuri_require__.C(__webpack_chunk_7__);
+/******/ import * as __webpack_chunk_8__ from "./chunk-6302.js";
+/******/ __nuri_require__.C(__webpack_chunk_8__);
+/******/ import * as __webpack_chunk_9__ from "./chunk-8933.js";
+/******/ __nuri_require__.C(__webpack_chunk_9__);
+/******/ import * as __webpack_chunk_10__ from "./chunk-1176.js";
+/******/ __nuri_require__.C(__webpack_chunk_10__);
+/******/ import * as __webpack_chunk_11__ from "./chunk-2496.js";
+/******/ __nuri_require__.C(__webpack_chunk_11__);
+/******/ import * as __webpack_chunk_12__ from "./chunk-5226.js";
+/******/ __nuri_require__.C(__webpack_chunk_12__);
+/******/ import * as __webpack_chunk_13__ from "./chunk-910.js";
+/******/ __nuri_require__.C(__webpack_chunk_13__);
+/******/ 
+/******/ // 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, [3274,7335,4560,7298,2777,7653,3547,6302,8933,1176,2496,5226,910], () => (__nuri_require__(2980)))
+/******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
+/******/ const __webpack_exports__default = __webpack_exports__.A;
+/******/ export { __webpack_exports__default as default };
+/******/ 

package/dist/option-badge.js

@@ -23,7 +23,7 @@ var __assign = undefined && undefined.__assign || function () {
   return __assign.apply(this, arguments);
 };
 
-var variant = ['neutral', 'primary', 'danger', 'outlined'];
+var variant = ['neutral', 'primary', 'danger', 'success', 'warning', 'outlined'];
 var sizes = ['xs', 's', 'm', 'l', 'xl'];
 var commonBadgeProps = {
   variant: {
@@ -270,25 +270,27 @@ module.exports = x({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_ru
 /******/ 
 /************************************************************************/
 /******/ 
-/******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
 /******/ __nuri_require__.C(__webpack_chunk_1__);
-/******/ import * as __webpack_chunk_2__ from "./chunk-4560.js";
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
 /******/ __nuri_require__.C(__webpack_chunk_2__);
-/******/ import * as __webpack_chunk_3__ from "./chunk-2777.js";
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
 /******/ __nuri_require__.C(__webpack_chunk_3__);
-/******/ import * as __webpack_chunk_4__ from "./chunk-4917.js";
+/******/ import * as __webpack_chunk_4__ from "./chunk-2777.js";
 /******/ __nuri_require__.C(__webpack_chunk_4__);
-/******/ import * as __webpack_chunk_5__ from "./chunk-6149.js";
+/******/ import * as __webpack_chunk_5__ from "./chunk-4917.js";
 /******/ __nuri_require__.C(__webpack_chunk_5__);
-/******/ import * as __webpack_chunk_6__ from "./chunk-8690.js";
+/******/ import * as __webpack_chunk_6__ from "./chunk-6149.js";
 /******/ __nuri_require__.C(__webpack_chunk_6__);
-/******/ import * as __webpack_chunk_7__ from "./chunk-1563.js";
+/******/ import * as __webpack_chunk_7__ from "./chunk-8690.js";
 /******/ __nuri_require__.C(__webpack_chunk_7__);
+/******/ import * as __webpack_chunk_8__ from "./chunk-1563.js";
+/******/ __nuri_require__.C(__webpack_chunk_8__);
 /******/ 
 /******/ // 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, [6364,4560,2777,4917,6149,8690,1563], () => (__nuri_require__(9401)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [3274,7335,4560,2777,4917,6149,8690,1563], () => (__nuri_require__(9401)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };

package/dist/pagination.js

@@ -405,21 +405,23 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ 
 /************************************************************************/
 /******/ 
-/******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
 /******/ __nuri_require__.C(__webpack_chunk_1__);
-/******/ import * as __webpack_chunk_2__ from "./chunk-4560.js";
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
 /******/ __nuri_require__.C(__webpack_chunk_2__);
-/******/ import * as __webpack_chunk_3__ from "./chunk-7298.js";
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
 /******/ __nuri_require__.C(__webpack_chunk_3__);
-/******/ import * as __webpack_chunk_4__ from "./chunk-9387.js";
+/******/ import * as __webpack_chunk_4__ from "./chunk-7298.js";
 /******/ __nuri_require__.C(__webpack_chunk_4__);
-/******/ import * as __webpack_chunk_5__ from "./chunk-9436.js";
+/******/ import * as __webpack_chunk_5__ from "./chunk-9387.js";
 /******/ __nuri_require__.C(__webpack_chunk_5__);
+/******/ import * as __webpack_chunk_6__ from "./chunk-9436.js";
+/******/ __nuri_require__.C(__webpack_chunk_6__);
 /******/ 
 /******/ // 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, [6364,4560,7298,9387,9436], () => (__nuri_require__(4879)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [3274,7335,4560,7298,9387,9436], () => (__nuri_require__(4879)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };

package/dist/radio.js

@@ -29,6 +29,24 @@ var base_button = __nuri_require__(8933);
 // EXTERNAL MODULE: ./components/core/composer/index.tsx
 var composer = __nuri_require__(2777);
 ;// ./components/radio/base-radio.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;
+};
 
 
 
@@ -70,13 +88,15 @@ RadioRootBase.displayName = 'RadioRoot';
 var RadioOptionGroup = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
   var children = props.children,
     asChild = props.asChild,
-    className = props.className;
+    className = props.className,
+    restProps = __rest(props, ["children", "asChild", "className"]);
   var Comp = asChild ? composer/* default */.A : 'ul';
-  return (0,jsx_runtime_.jsx)(Comp, {
+  return (0,jsx_runtime_.jsx)(Comp, __assign({
     ref: ref,
-    className: (0,classNames/* classNames */.x)('nuri-theme base-radio option-group', className),
+    className: (0,classNames/* classNames */.x)('nuri-theme base-radio option-group', className)
+  }, restProps, {
     children: children
-  });
+  }));
 });
 RadioOptionGroup.displayName = 'RadioOptionGroup';
 var RadioButton = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
@@ -100,6 +120,31 @@ var RadioButton = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_r
   });
 });
 RadioButton.displayName = 'RadioButton';
+// 칩 전체가 라디오 하나다. 점 없이 라벨만 그리고 role·aria-checked 로 선택을 알린다.
+var RadioChip = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var className = props.className,
+    id = props.id,
+    disabled = props.disabled,
+    restProps = __rest(props, ["className", "id", "disabled"]);
+  var _a = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.useContext)(RadioContext),
+    selected = _a.selected,
+    onChange = _a.onChange;
+  var checked = id === selected;
+  return (0,jsx_runtime_.jsx)(base_button/* default */.A, __assign({
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-radio chip', className),
+    type: 'button',
+    role: 'radio',
+    "aria-checked": checked,
+    "data-state": checked ? 'checked' : 'unchecked',
+    disabled: disabled,
+    "data-disabled": disabled || undefined,
+    onClick: function onClick() {
+      return onChange(id);
+    }
+  }, restProps));
+});
+RadioChip.displayName = 'RadioChip';
 var RadioIndicator = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
   var children = props.children,
     asChild = props.asChild,
@@ -138,13 +183,21 @@ RadioLabel.displayName = 'RadioLabel';
 var RadioRoot = Object.assign(RadioRootBase, {
   OptionGroup: RadioOptionGroup,
   Button: RadioButton,
+  Chip: RadioChip,
   Indicator: RadioIndicator,
   Label: RadioLabel
 });
 /* harmony default export */ const base_radio = (RadioRoot);
 ;// ./components/radio/radio-props.ts
-// CSS 가 아직 크기·방향을 나누지 않아 className 으로 바뀌는 prop 이 없다.
-var radioProps = {};
+var variant = ['default', 'chip'];
+var radioProps = {
+  variant: {
+    type: 'className',
+    className: 'variant',
+    values: variant,
+    "default": 'default'
+  }
+};
 ;// ./components/radio/radio.tsx
 
 
@@ -153,18 +206,60 @@ var radioProps = {};
 
 
 
+// 칩은 버튼 자체가 role='radio' 라 li 는 목록 의미를 빼고 자리만 잡는다.
+var ChipOption = function ChipOption(props) {
+  var option = props.option;
+  return (0,jsx_runtime_.jsx)("li", {
+    className: 'radio radio-option',
+    role: 'none',
+    children: (0,jsx_runtime_.jsx)(base_radio.Chip, {
+      className: 'radio radio-chip',
+      id: option.id,
+      disabled: option.disabled,
+      children: option.label
+    })
+  });
+};
+ChipOption.displayName = 'RadioChipOption';
+var DefaultOption = function DefaultOption(props) {
+  var option = props.option;
+  return (0,jsx_runtime_.jsxs)("li", {
+    className: 'radio radio-option',
+    children: [(0,jsx_runtime_.jsx)(base_radio.Button, {
+      className: 'radio radio-button',
+      id: option.id,
+      disabled: option.disabled,
+      children: (0,jsx_runtime_.jsx)(base_radio.Indicator, {
+        className: 'radio radio-indicator',
+        id: option.id,
+        asChild: true,
+        children: (0,jsx_runtime_.jsx)("div", {})
+      })
+    }), (0,jsx_runtime_.jsx)(base_radio.Label, {
+      className: 'radio radio-label',
+      id: option.id,
+      disabled: option.disabled,
+      children: option.label
+    })]
+  });
+};
+DefaultOption.displayName = 'RadioDefaultOption';
 var Radio = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
   var _a = (0,getMergedProps/* getMergedProps */.p)(props, radioProps),
     className = _a.className,
     selected = _a.selected,
     _onChange = _a.onChange,
     options = _a.options,
+    label = _a.label,
     track = _a.track,
     trackProps = _a.trackProps;
+  // getMergedProps 가 variant 를 클래스로 바꾸며 지우므로 원래 props 에서 읽는다.
+  var isChip = props.variant === 'chip';
   var emit = (0,useTrack/* useTrack */.n)('Radio', {
     track: track,
     trackProps: trackProps
   });
+  var Option = isChip ? ChipOption : DefaultOption;
   return (0,jsx_runtime_.jsx)(base_radio, {
     options: options,
     selected: selected,
@@ -175,25 +270,12 @@ var Radio = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_a
     children: (0,jsx_runtime_.jsx)(base_radio.OptionGroup, {
       ref: ref,
       className: (0,classNames/* classNames */.x)(className, 'radio radio-group'),
+      // 칩은 버튼마다 role='radio' 라 묶음도 radiogroup 이다. 기본형은 목록 그대로 둔다.
+      role: isChip ? 'radiogroup' : undefined,
+      "aria-label": label,
       children: options.map(function (option) {
-        return (0,jsx_runtime_.jsxs)("li", {
-          className: 'radio radio-option',
-          children: [(0,jsx_runtime_.jsx)(base_radio.Button, {
-            className: 'radio radio-button',
-            id: option.id,
-            disabled: option.disabled,
-            children: (0,jsx_runtime_.jsx)(base_radio.Indicator, {
-              className: 'radio radio-indicator',
-              id: option.id,
-              asChild: true,
-              children: (0,jsx_runtime_.jsx)("div", {})
-            })
-          }), (0,jsx_runtime_.jsx)(base_radio.Label, {
-            className: 'radio radio-label',
-            id: option.id,
-            disabled: option.disabled,
-            children: option.label
-          })]
+        return (0,jsx_runtime_.jsx)(Option, {
+          option: option
         }, option.id);
       })
     })
@@ -356,21 +438,23 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ 
 /************************************************************************/
 /******/ 
-/******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
 /******/ __nuri_require__.C(__webpack_chunk_1__);
-/******/ import * as __webpack_chunk_2__ from "./chunk-4560.js";
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
 /******/ __nuri_require__.C(__webpack_chunk_2__);
-/******/ import * as __webpack_chunk_3__ from "./chunk-2777.js";
+/******/ import * as __webpack_chunk_3__ from "./chunk-4560.js";
 /******/ __nuri_require__.C(__webpack_chunk_3__);
-/******/ import * as __webpack_chunk_4__ from "./chunk-8933.js";
+/******/ import * as __webpack_chunk_4__ from "./chunk-2777.js";
 /******/ __nuri_require__.C(__webpack_chunk_4__);
-/******/ import * as __webpack_chunk_5__ from "./chunk-9387.js";
+/******/ import * as __webpack_chunk_5__ from "./chunk-8933.js";
 /******/ __nuri_require__.C(__webpack_chunk_5__);
+/******/ import * as __webpack_chunk_6__ from "./chunk-9387.js";
+/******/ __nuri_require__.C(__webpack_chunk_6__);
 /******/ 
 /******/ // 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, [6364,4560,2777,8933,9387], () => (__nuri_require__(7392)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [3274,7335,4560,2777,8933,9387], () => (__nuri_require__(7392)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };

package/dist/skeleton.js

@@ -318,13 +318,15 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ 
 /************************************************************************/
 /******/ 
-/******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
+/******/ import * as __webpack_chunk_1__ from "./chunk-3274.js";
 /******/ __nuri_require__.C(__webpack_chunk_1__);
+/******/ import * as __webpack_chunk_2__ from "./chunk-7335.js";
+/******/ __nuri_require__.C(__webpack_chunk_2__);
 /******/ 
 /******/ // 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, [6364], () => (__nuri_require__(1144)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [3274,7335], () => (__nuri_require__(1144)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };