@nurihaus/web-design-system 3.0.0 → 3.0.3

package/dist/chunk-364.js

@@ -0,0 +1,126 @@
+"use client";
+export const __webpack_esm_id__ = 364;
+export const __webpack_esm_ids__ = [364];
+export const __webpack_esm_modules__ = {
+
+/***/ 335
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   p: () => (/* binding */ getMergedProps)
+/* harmony export */ });
+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);
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any -- Record<string, unknown> rejects interface props without an index signature
+function getMergedProps(props, propsWithTypes) {
+  var _a, _b;
+  var className = '';
+  var style = {};
+  var targetProps = __assign({}, props);
+  var prevClassName = props.className;
+  var prevStyle = props.style;
+  var _loop_1 = function _loop_1(key) {
+    var value = (_b = (_a = targetProps[key]) !== null && _a !== void 0 ? _a : propsWithTypes[key]["default"]) !== null && _b !== void 0 ? _b : null;
+    if (value == null) {
+      return "continue";
+    }
+    var propType = propsWithTypes[key];
+    if (propType.type === 'className') {
+      className += propType.className + '-' + value + ' ';
+    }
+    if (propType.type === 'style') {
+      propType.key.forEach(function (key) {
+        style[key] = value;
+      });
+    }
+    if (propType.type === 'css') {
+      style[propType.key] = value;
+    }
+    delete targetProps[key];
+  };
+  for (var key in propsWithTypes) {
+    _loop_1(key);
+  }
+  return __assign(__assign({}, targetProps), {
+    style: __assign(__assign({}, prevStyle), style),
+    className: [prevClassName, className].filter(Boolean).join(' ')
+  });
+}
+
+
+/***/ },
+
+/***/ 274
+(__unused_webpack___webpack_module__, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   x: () => (/* binding */ classNames)
+/* harmony export */ });
+const hasOwn = {}.hasOwnProperty;
+
+function classNames() {
+  let classes = '';
+
+  for (let i = 0; i < arguments.length; i++) {
+    const arg = arguments[i];
+    if (arg) {
+      classes = appendClass(classes, parseValue(arg));
+    }
+  }
+
+  return classes;
+}
+
+function parseValue(arg) {
+  if (typeof arg === 'string') {
+    return arg;
+  }
+
+  if (typeof arg !== 'object') {
+    return '';
+  }
+
+  if (Array.isArray(arg)) {
+    return classNames.apply(null, arg);
+  }
+
+  if (
+    arg.toString !== Object.prototype.toString &&
+    !arg.toString.toString().includes('[native code]')
+  ) {
+    return arg.toString();
+  }
+
+  let classes = '';
+
+  for (const key in arg) {
+    if (hasOwn.call(arg, key) && arg[key]) {
+      classes = appendClass(classes, key);
+    }
+  }
+
+  return classes;
+}
+
+function appendClass(value, newClass) {
+  if (!newClass) {
+    return value;
+  }
+
+  return value ? value + ' ' + newClass : newClass;
+}
+
+
+
+
+/***/ }
+
+};

package/dist/chunk-387.js

@@ -0,0 +1,37 @@
+"use client";
+export const __webpack_esm_id__ = 387;
+export const __webpack_esm_ids__ = [387];
+export const __webpack_esm_modules__ = {
+
+/***/ 387
+(__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);
+
+var useExternalState = function useExternalState(_a) {
+  var prop = _a.prop,
+    handler = _a.handler,
+    defaultProp = _a.defaultProp;
+  var _b = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(prop !== null && prop !== void 0 ? prop : defaultProp),
+    innerState = _b[0],
+    setInnerState = _b[1];
+  var isControlledByExternal = prop !== undefined;
+  var value = isControlledByExternal ? prop : innerState;
+  var setValue = function setValue(handledValue) {
+    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);
+    } else {
+      setInnerState(handledValue);
+    }
+  };
+  return [value, setValue];
+};
+
+/***/ }
+
+};

package/dist/chunk-558.js

@@ -0,0 +1,200 @@
+"use client";
+export const __webpack_esm_id__ = 558;
+export const __webpack_esm_ids__ = [558];
+export const __webpack_esm_modules__ = {
+
+/***/ 437
+(__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);
+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 BaseText = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var _a = props.as,
+    as = _a === void 0 ? 'p' : _a,
+    className = props.className,
+    restProps = __rest(props, ["as", "className"]);
+  // 태그마다 ref 요소 타입이 달라 합집합으로는 ref 를 넘길 수 없다.
+  var Comp = as;
+  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-text', className)
+  }, restProps));
+});
+BaseText.displayName = 'BaseText';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BaseText);
+
+/***/ },
+
+/***/ 74
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   Oc: () => (/* binding */ styleClassProps),
+/* harmony export */   em: () => (/* binding */ textProps)
+/* harmony export */ });
+/* unused harmony exports fontSize, weight, color, textAlign, textDecoration, wordBreak, whiteSpace */
+/* harmony import */ var _styles_token_colors__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(232);
+
+// 글자 크기 단계다. 컴포넌트 크기 이름(xs·s·m·l·xl)과 축이 달라 따로 둔다.
+var fontSize = (/* unused pure expression or super */ null && (['xsm', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl']));
+var weight = (/* unused pure expression or super */ null && (['regular', 'medium', 'semibold', 'bold', 'extrabold']));
+var color = Object.keys(_styles_token_colors__WEBPACK_IMPORTED_MODULE_0__/* .colors */ .T);
+// 아래 값은 CSS 표기(`pre-line`)로 받고 클래스는 camelCase(`whiteSpace-preLine`)다.
+// getMergedProps 는 값을 그대로 붙이므로 이 변환은 text.tsx 의 styleClass 가 한다.
+var textAlign = (/* unused pure expression or super */ null && (['left', 'center']));
+var textDecoration = (/* unused pure expression or super */ null && (['underline', 'none', 'line-through', 'overline', 'blink']));
+var wordBreak = (/* unused pure expression or super */ null && (['normal', 'break-all', 'break-word', 'keep-all']));
+var whiteSpace = (/* unused pure expression or super */ null && (['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap']));
+var styleClassProps = ['textAlign', 'textDecoration', 'wordBreak', 'whiteSpace'];
+var textProps = {
+  color: {
+    type: 'className',
+    className: 'color',
+    values: color
+  }
+};
+
+/***/ },
+
+/***/ 232
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   T: () => (/* binding */ colors)
+/* harmony export */ });
+// tokens/figma.json 에서 생성됨 — 손으로 고치지 않는다. `npm run tokens`
+/** @deprecated `primitive` 를 쓴다. 2.x 호환으로 남겨둔 평평한 색상 맵. */
+var colors = {
+  "transparent": "transparent",
+  "purple-50": "#F4EFFA",
+  "purple-100": "#E9E0F5",
+  "purple-200": "#DDD1F0",
+  "purple-300": "#C3B4DD",
+  "purple-400": "#A894C7",
+  "purple-500": "#957EB4",
+  "purple-600": "#6F56A3",
+  "purple-700": "#4C277C",
+  "purple-800": "#4C1D88",
+  "purple-900": "#391D5D",
+  "grey-scale-50": "#FAFAFA",
+  "grey-scale-100": "#F4F4F5",
+  "grey-scale-200": "#E4E4E7",
+  "grey-scale-300": "#D4D4D8",
+  "grey-scale-400": "#A1A1AA",
+  "grey-scale-500": "#71717A",
+  "grey-scale-600": "#52525B",
+  "grey-scale-700": "#3F3F46",
+  "grey-scale-800": "#27272A",
+  "grey-scale-900": "#18181B",
+  "accent-red-50": "#FFF5F6",
+  "accent-red-100": "#FFE8E9",
+  "accent-red-200": "#FBCFD2",
+  "accent-red-300": "#F39AA0",
+  "accent-red-400": "#E86F77",
+  "accent-red-500": "#DF535C",
+  "accent-red-600": "#C94751",
+  "accent-red-700": "#B02E4C",
+  "accent-red-800": "#8F243A",
+  "accent-red-900": "#6E1A2C",
+  "accent-pink-50": "#FFF1F6",
+  "accent-pink-100": "#FFE4EE",
+  "accent-pink-200": "#FECFE3",
+  "accent-pink-300": "#FDA4CC",
+  "accent-pink-400": "#F472B6",
+  "accent-pink-500": "#EC6FAE",
+  "accent-pink-600": "#D95D9A",
+  "accent-pink-700": "#B94A7E",
+  "accent-pink-800": "#93385F",
+  "accent-pink-900": "#6E2644",
+  "accent-magenta-50": "#FEF0FF",
+  "accent-magenta-100": "#FEF0FF",
+  "accent-magenta-200": "#F8C6FF",
+  "accent-magenta-300": "#F29BFF",
+  "accent-magenta-400": "#EC5CEF",
+  "accent-magenta-500": "#E13BE7",
+  "accent-magenta-600": "#C82FCC",
+  "accent-magenta-700": "#A923A8",
+  "accent-magenta-800": "#831C83",
+  "accent-magenta-900": "#5E145E",
+  "accent-blue-50": "#F1F4FF",
+  "accent-blue-100": "#E3E8FF",
+  "accent-blue-200": "#C7D2FE",
+  "accent-blue-300": "#A5B4FC",
+  "accent-blue-400": "#818CF8",
+  "accent-blue-500": "#2563EB",
+  "accent-blue-600": "#1F52C9",
+  "accent-blue-700": "#1E40AF",
+  "accent-blue-800": "#1C348A",
+  "accent-blue-900": "#162763",
+  "accent-mint-50": "#ECFEFD",
+  "accent-mint-100": "#D1FAF7",
+  "accent-mint-200": "#A7F3EE",
+  "accent-mint-300": "#6EE7E0",
+  "accent-mint-400": "#2DD4CB",
+  "accent-mint-500": "#01ECE1",
+  "accent-mint-600": "#0BC5BC",
+  "accent-mint-700": "#0F9F99",
+  "accent-mint-800": "#117D78",
+  "accent-mint-900": "#135C58",
+  "accent-green-50": "#ECFDF3",
+  "accent-green-100": "#D1FAE1",
+  "accent-green-200": "#A7F3C8",
+  "accent-green-300": "#6EE7A3",
+  "accent-green-400": "#41E176",
+  "accent-green-500": "#22C55E",
+  "accent-green-600": "#16A34A",
+  "accent-green-700": "#289A3A",
+  "accent-green-800": "#166534",
+  "accent-green-900": "#14532D",
+  "accent-yellow-50": "#FFFBEB",
+  "accent-yellow-100": "#FEF3C7",
+  "accent-yellow-200": "#FDE68A",
+  "accent-yellow-300": "#FCD34D",
+  "accent-yellow-400": "#FBBF24",
+  "accent-yellow-500": "#FFB800",
+  "accent-yellow-600": "#E0A106",
+  "accent-yellow-700": "#B58105",
+  "accent-yellow-800": "#8A6404",
+  "accent-yellow-900": "#5F4703",
+  "accent-orange-50": "#FFF7ED",
+  "accent-orange-100": "#FFEDD5",
+  "accent-orange-200": "#FED7AA",
+  "accent-orange-300": "#FDBA74",
+  "accent-orange-400": "#FB923C",
+  "accent-orange-500": "#F97316",
+  "accent-orange-600": "#EA580C",
+  "accent-orange-700": "#C2410C",
+  "accent-orange-800": "#9A3412",
+  "accent-orange-900": "#7C2D12",
+  "black": "#000000",
+  "white": "#FFFFFF"
+};
+
+/***/ }
+
+};

package/dist/chunk-563.js

@@ -0,0 +1,181 @@
+"use client";
+export const __webpack_esm_id__ = 563;
+export const __webpack_esm_ids__ = [563];
+export const __webpack_esm_modules__ = {
+
+/***/ 909
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* unused harmony export TooltipProvider */
+/* 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 radix_ui__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(0);
+/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(274);
+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 _a;
+
+
+
+
+// 바깥에 TooltipProvider 가 있으면 Root 마다 Provider 를 새로 만들지 않는다.
+// 하나를 공유해야 skipDelayDuration 이 툴팁 사이에서 동작한다.
+// 진입점(`/tooltip`, `/option-badge`, 루트)마다 이 파일이 따로 들어가므로 context 는 전역 키 하나에 둔다.
+var CONTEXT_KEY = Symbol["for"]('@nurihaus/web-design-system/tooltip-provider');
+var registry = globalThis;
+var TooltipProviderContext = (_a = registry[CONTEXT_KEY]) !== null && _a !== void 0 ? _a : registry[CONTEXT_KEY] = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(false);
+var TooltipProvider = function TooltipProvider(props) {
+  var children = props.children,
+    _a = props.delayDuration,
+    delayDuration = _a === void 0 ? 100 : _a,
+    restProps = __rest(props, ["children", "delayDuration"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip.Provider, __assign({
+    delayDuration: delayDuration
+  }, restProps, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(TooltipProviderContext.Provider, {
+      value: true,
+      children: children
+    })
+  }));
+};
+TooltipProvider.displayName = 'TooltipProvider';
+// Tooltip.Root 는 DOM 을 그리지 않아 ref 를 받을 곳이 없다.
+var TooltipRootBase = function TooltipRootBase(props) {
+  var children = props.children,
+    restProps = __rest(props, ["children"]);
+  var root = (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip.Root, __assign({}, restProps, {
+    children: children
+  }));
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(TooltipProviderContext) ? root : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(TooltipProvider, {
+    children: root
+  });
+};
+TooltipRootBase.displayName = 'TooltipRoot';
+var TooltipTrigger = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    restProps = __rest(props, ["children", "className"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip.Trigger, __assign({
+    ref: ref,
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-tooltip trigger', className)
+  }, restProps, {
+    children: children
+  }));
+});
+TooltipTrigger.displayName = 'TooltipTrigger';
+var TooltipContent = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var children = props.children,
+    className = props.className,
+    _a = props.direction,
+    direction = _a === void 0 ? 'bottom' : _a,
+    restProps = __rest(props, ["children", "className", "direction"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip.Portal, {
+    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Tooltip.Content, __assign({
+      ref: ref,
+      className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-tooltip content', className),
+      side: direction
+    }, restProps, {
+      children: children
+    }))
+  });
+});
+TooltipContent.displayName = 'TooltipContent';
+var TooltipRoot = Object.assign(TooltipRootBase, {
+  Trigger: TooltipTrigger,
+  Content: TooltipContent
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TooltipRoot);
+
+/***/ },
+
+/***/ 563
+(__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 _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(335);
+/* harmony import */ var _base_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(909);
+/* harmony import */ var _tooltip_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(690);
+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;
+};
+
+
+
+
+
+
+
+// ref 는 Trigger 를 거쳐 trigger 로 넘긴 요소에 붙는다.
+var Tooltip = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var trigger = props.trigger,
+    content = props.content,
+    _a = props.direction,
+    direction = _a === void 0 ? 'bottom' : _a,
+    _b = props.disabled,
+    disabled = _b === void 0 ? false : _b,
+    restProps = __rest(props, ["trigger", "content", "direction", "disabled"]);
+  var contentClassName = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _tooltip_props__WEBPACK_IMPORTED_MODULE_5__/* .tooltipContentProps */ .bZ).className;
+  // radix 트리를 아예 그리지 않는다. open 으로 막으면 열린 채 남는 경우가 있다.
+  if (disabled) return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+    children: trigger
+  });
+  // delayDuration 을 넘기지 않으면 Provider 의 값(기본 100ms)을 따른다.
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_tooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, __assign({
+    disableHoverableContent: true
+  }, restProps, {
+    children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_tooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.Trigger, {
+      ref: ref,
+      asChild: true,
+      children: trigger
+    }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_tooltip__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.Content, {
+      className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(contentClassName, 'tooltip-content'),
+      direction: direction,
+      children: content
+    })]
+  }));
+});
+Tooltip.displayName = 'Tooltip';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Tooltip);
+
+/***/ }
+
+};

package/dist/chunk-739.js

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