@nurihaus/web-design-system 3.0.1 → 3.0.3

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__ = {
+
+/***/ 777
+(__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__(41);
+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-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__ = {
+
+/***/ 298
+(__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__ = {
+
+/***/ 933
+(__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);
+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__ = {
+
+/***/ 976
+(__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__(298);
+
+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')
+};
+
+/***/ }
+
+};

package/dist/collapsible-menu.js

@@ -0,0 +1,394 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__ from "radix-ui";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
+/******/ var __webpack_modules__ = ({
+
+/***/ 932
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+
+// EXPORTS
+__nuri_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ collapsible_menu)
+});
+
+// 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);
+// EXTERNAL MODULE: ./helpers/utils/classNames.js
+var classNames = __nuri_require__(274);
+// EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
+var getMergedProps = __nuri_require__(335);
+// EXTERNAL MODULE: external {"root":"RadixUI","commonjs2":"radix-ui","commonjs":"radix-ui","amd":"radix-ui","module":"radix-ui"}
+var external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_ = __nuri_require__(0);
+;// ./components/collapsible-menu/base-collapsible-menu.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 CollapsibleMenuRootBase = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var children = props.children,
+    restProps = __rest(props, ["children"]);
+  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Collapsible.Root, __assign({
+    ref: ref
+  }, restProps, {
+    children: children
+  }));
+});
+CollapsibleMenuRootBase.displayName = 'CollapsibleMenuRoot';
+var CollapsibleMenuTrigger = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    asChild = props.asChild,
+    disabled = props.disabled,
+    style = props.style;
+  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Collapsible.Trigger, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-collapsible-menu trigger', className),
+    asChild: asChild,
+    disabled: disabled,
+    style: style,
+    children: children
+  });
+});
+CollapsibleMenuTrigger.displayName = 'CollapsibleMenuTrigger';
+var CollapsibleMenuContent = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    asChild = props.asChild,
+    style = props.style;
+  return (0,jsx_runtime_.jsx)(external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_.Collapsible.Content, {
+    ref: ref,
+    className: (0,classNames/* classNames */.x)('nuri-theme base-collapsible-menu content', className),
+    asChild: asChild,
+    style: style,
+    children: children
+  });
+});
+CollapsibleMenuContent.displayName = 'CollapsibleMenuContent';
+var CollapsibleMenuRoot = Object.assign(CollapsibleMenuRootBase, {
+  Trigger: CollapsibleMenuTrigger,
+  Content: CollapsibleMenuContent
+});
+/* harmony default export */ const base_collapsible_menu = (CollapsibleMenuRoot);
+// EXTERNAL MODULE: ./helpers/props/common-props.ts
+var common_props = __nuri_require__(298);
+;// ./components/collapsible-menu/collapsible-menu-props.ts
+
+var sizes = ['s', 'm'];
+var collapsibleMenuProps = {
+  size: (0,common_props/* sizeProp */.lw)(sizes, 's'),
+  width: (0,common_props/* widthProp */.Iw)('240px')
+};
+;// ./components/collapsible-menu/collapsible-menu.tsx
+var collapsible_menu_assign = undefined && undefined.__assign || function () {
+  collapsible_menu_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 collapsible_menu_assign.apply(this, arguments);
+};
+
+
+
+
+
+
+var Anchor = function Anchor(props) {
+  return (0,jsx_runtime_.jsx)("a", collapsible_menu_assign({}, props));
+};
+Anchor.displayName = 'CollapsibleMenuAnchor';
+var CollapsibleMenu = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_.forwardRef)(function (props, ref) {
+  var _a = (0,getMergedProps/* getMergedProps */.p)(props, collapsibleMenuProps),
+    className = _a.className,
+    style = _a.style,
+    items = _a.items,
+    activeKey = _a.activeKey,
+    onActiveKeyChange = _a.onActiveKeyChange,
+    _b = _a.indent,
+    indent = _b === void 0 ? 12 : _b,
+    linkComponent = _a.linkComponent;
+  var Link = linkComponent !== null && linkComponent !== void 0 ? linkComponent : Anchor;
+  var rootClassName = (0,classNames/* classNames */.x)(className, 'collapsible-menu');
+  var _hasActiveDescendant = function hasActiveDescendant(item) {
+    var _a, _b;
+    if (!activeKey) return false;
+    if (item.key === activeKey) return true;
+    return (_b = (_a = item.children) === null || _a === void 0 ? void 0 : _a.some(_hasActiveDescendant)) !== null && _b !== void 0 ? _b : false;
+  };
+  var _renderItems = function renderItems(targetItems, depth) {
+    var indentStyle = {
+      paddingLeft: "".concat(depth * indent, "px")
+    };
+    return targetItems.map(function (item) {
+      var _a;
+      var hasChildren = !!((_a = item.children) === null || _a === void 0 ? void 0 : _a.length);
+      var isActive = activeKey === item.key;
+      if (hasChildren) {
+        var triggerClassName = (0,classNames/* classNames */.x)('collapsible-menu-trigger', 'collapsible-menu-row', _hasActiveDescendant(item) && 'is-active');
+        return (0,jsx_runtime_.jsxs)(base_collapsible_menu, {
+          defaultOpen: item.defaultOpen,
+          disabled: item.disabled,
+          children: [(0,jsx_runtime_.jsx)(base_collapsible_menu.Trigger, {
+            className: triggerClassName,
+            disabled: item.disabled,
+            children: (0,jsx_runtime_.jsx)("span", {
+              className: 'collapsible-menu-left',
+              style: indentStyle,
+              children: item.item
+            })
+          }), (0,jsx_runtime_.jsx)(base_collapsible_menu.Content, {
+            className: 'collapsible-menu-content',
+            children: item.children ? _renderItems(item.children, depth + 1) : null
+          })]
+        }, item.key);
+      }
+      var itemClassName = (0,classNames/* classNames */.x)('collapsible-menu-item', 'collapsible-menu-row', isActive && 'is-active');
+      var left = (0,jsx_runtime_.jsx)("span", {
+        className: 'collapsible-menu-left',
+        style: indentStyle,
+        children: item.item
+      });
+      if (item.href) {
+        return (0,jsx_runtime_.jsx)(Link, {
+          className: itemClassName,
+          href: item.href,
+          "aria-current": isActive ? 'page' : undefined,
+          "aria-disabled": item.disabled ? 'true' : undefined,
+          onClick: function onClick(e) {
+            var _a;
+            if (item.disabled) {
+              e.preventDefault();
+              return;
+            }
+            onActiveKeyChange === null || onActiveKeyChange === void 0 ? void 0 : onActiveKeyChange(item.key);
+            (_a = item.onSelect) === null || _a === void 0 ? void 0 : _a.call(item);
+          },
+          children: left
+        }, item.key);
+      }
+      return (0,jsx_runtime_.jsx)("button", {
+        type: 'button',
+        className: itemClassName,
+        disabled: item.disabled,
+        onClick: function onClick() {
+          var _a;
+          onActiveKeyChange === null || onActiveKeyChange === void 0 ? void 0 : onActiveKeyChange(item.key);
+          (_a = item.onSelect) === null || _a === void 0 ? void 0 : _a.call(item);
+        },
+        children: left
+      }, item.key);
+    });
+  };
+  return (0,jsx_runtime_.jsx)("nav", {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    "aria-label": 'Collapsible menu',
+    children: _renderItems(items, 0)
+  });
+});
+CollapsibleMenu.displayName = 'CollapsibleMenu';
+/* harmony default export */ const collapsible_menu = (CollapsibleMenu);
+
+/***/ },
+
+/***/ 0
+(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({ ["Collapsible"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_3bc96d1b__.Collapsible) });
+
+/***/ },
+
+/***/ 41
+(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({ ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef) });
+
+/***/ },
+
+/***/ 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 = {
+/******/ 		311: 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-917.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, [364,917], () => (__nuri_require__(932)))
+/******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
+/******/ const __webpack_exports__default = __webpack_exports__.A;
+/******/ export { __webpack_exports__default as default };
+/******/ 

package/dist/components/avatar/avatar-props.d.ts

@@ -1,8 +1,4 @@
+export declare const sizes: readonly ["s", "m", "l", "xl"];
 export declare const avatarProps: {
-    size: {
-        type: "className";
-        className: string;
-        values: readonly ["xl", "l", "m", "s"];
-        default: "m";
-    };
+    size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["s", "m", "l", "xl"]>;
 };

package/dist/components/avatar/avatar-type.d.ts

@@ -1,12 +1,11 @@
 import { ReactNode } from 'react';
-export interface BaseAvatarProps {
+import { AsChildProps, StyleProps } from '../../helpers/types/common-props';
+import { sizes } from './avatar-props';
+export interface BaseAvatarProps extends AsChildProps, StyleProps {
     src?: string;
     alt?: string;
-    style?: React.CSSProperties;
-    className?: string;
-    asChild?: boolean;
 }
 export interface AvatarProps extends Omit<BaseAvatarProps, 'asChild'> {
-    size: 'xl' | 'l' | 'm' | 's';
+    size: (typeof sizes)[number];
     badgeOption?: ReactNode | string;
 }

package/dist/components/avatar/avatar.d.ts

@@ -1,3 +1,4 @@
 import { AvatarProps } from './avatar-type';
 declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Avatar;
+export type { AvatarProps } from './avatar-type';