@nurihaus/web-design-system 3.0.1 → 3.1.0

package/dist/radio.js

@@ -0,0 +1,363 @@
+"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__ = ({
+
+/***/ 7392
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+
+// EXPORTS
+__nuri_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ radio_radio)
+});
+
+// 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: ./helpers/hooks/useExternalState.ts
+var useExternalState = __nuri_require__(9387);
+// EXTERNAL MODULE: ./components/button/base-button.tsx
+var base_button = __nuri_require__(8933);
+// EXTERNAL MODULE: ./components/core/composer/index.tsx
+var composer = __nuri_require__(2777);
+;// ./components/radio/base-radio.tsx
+
+
+
+
+
+
+var RadioContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.createContext)({
+  options: [],
+  selected: null,
+  onChange: function onChange() {}
+});
+// context 만 내려주고 DOM 을 그리지 않아 ref 를 받을 곳이 없다. DOM 루트는 OptionGroup 이다.
+var RadioRootBase = function RadioRootBase(props) {
+  var children = props.children,
+    options = props.options,
+    _a = props.selected,
+    selected = _a === void 0 ? null : _a,
+    externalOnChange = props.onChange;
+  var _b = (0,useExternalState/* useExternalState */.C)({
+      prop: selected,
+      handler: externalOnChange,
+      defaultProp: selected
+    }),
+    selectedId = _b[0],
+    setSelectedId = _b[1];
+  var onChange = function onChange(id) {
+    setSelectedId(id);
+  };
+  return (0,jsx_runtime_.jsx)(RadioContext.Provider, {
+    value: {
+      selected: selectedId,
+      onChange: onChange,
+      options: options
+    },
+    children: children
+  });
+};
+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;
+  var Comp = asChild ? composer/* default */.A : 'ul';
+  return (0,jsx_runtime_.jsx)(Comp, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-radio option-group', className),
+    children: children
+  });
+});
+RadioOptionGroup.displayName = 'RadioOptionGroup';
+var RadioButton = /*#__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,
+    id = props.id,
+    disabled = props.disabled;
+  var _a = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.useContext)(RadioContext),
+    selected = _a.selected,
+    onChange = _a.onChange;
+  var Comp = asChild ? composer/* default */.A : base_button/* default */.A;
+  return (0,jsx_runtime_.jsx)(Comp, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-radio button', className),
+    disabled: disabled,
+    onClick: function onClick() {
+      return onChange(id);
+    },
+    children: id === selected ? children : null
+  });
+});
+RadioButton.displayName = 'RadioButton';
+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,
+    id = props.id,
+    className = props.className;
+  var selected = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.useContext)(RadioContext).selected;
+  var Comp = asChild ? composer/* default */.A : 'input';
+  return (0,jsx_runtime_.jsx)(Comp, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-radio indicator', selected === id && 'selected', className),
+    type: 'radio',
+    checked: selected === id,
+    children: children
+  });
+});
+RadioIndicator.displayName = 'RadioIndicator';
+var RadioLabel = /*#__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,
+    id = props.id,
+    disabled = props.disabled;
+  var onChange = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.useContext)(RadioContext).onChange;
+  var Comp = asChild ? composer/* default */.A : 'label';
+  return (0,jsx_runtime_.jsx)(Comp, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-radio label', className),
+    "data-disabled": disabled || undefined,
+    onClick: function onClick() {
+      return !disabled && onChange(id);
+    },
+    children: children
+  });
+});
+RadioLabel.displayName = 'RadioLabel';
+var RadioRoot = Object.assign(RadioRootBase, {
+  OptionGroup: RadioOptionGroup,
+  Button: RadioButton,
+  Indicator: RadioIndicator,
+  Label: RadioLabel
+});
+/* harmony default export */ const base_radio = (RadioRoot);
+;// ./components/radio/radio-props.ts
+// CSS 가 아직 크기·방향을 나누지 않아 className 으로 바뀌는 prop 이 없다.
+var radioProps = {};
+;// ./components/radio/radio.tsx
+
+
+
+
+
+
+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;
+  return (0,jsx_runtime_.jsx)(base_radio, {
+    options: options,
+    selected: selected,
+    onChange: onChange,
+    children: (0,jsx_runtime_.jsx)(base_radio.OptionGroup, {
+      ref: ref,
+      className: (0,classNames/* classNames */.x)(className, 'radio radio-group'),
+      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
+          })]
+        }, option.id);
+      })
+    })
+  });
+});
+Radio.displayName = 'Radio';
+/* harmony default export */ const radio_radio = (Radio);
+
+/***/ },
+
+/***/ 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), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useEffect"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useEffect), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef), ["useState"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useState) });
+
+/***/ },
+
+/***/ 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 = {
+/******/ 		860: 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-933.js";
+/******/ __nuri_require__.C(__webpack_chunk_3__);
+/******/ import * as __webpack_chunk_4__ from "./chunk-387.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,933,387], () => (__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/reset.css

@@ -0,0 +1,45 @@
+/* 모든 요소의 마진과 패딩 제거 */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+/* 기본 폰트 설정 및 텍스트 렌더링 최적화 */
+html {
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* 리스트 스타일 제거 */
+ul,
+ol {
+  list-style: none;
+}
+/* 링크 스타일 초기화 */
+a {
+  text-decoration: none;
+  color: inherit;
+}
+/* 버튼 스타일 초기화 */
+button {
+  border: none;
+  background: none;
+  cursor: pointer;
+}
+/* 이미지 관련 설정 */
+img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+/* 폼 요소 스타일 초기화 */
+input,
+textarea,
+select {
+  font-family: inherit;
+  font-size: inherit;
+}
+p {
+  margin-top: 0;
+  margin-bottom: 0;
+}