@nurihaus/web-design-system 3.3.0 → 3.5.0

package/dist/chunk-4560.js

@@ -0,0 +1,77 @@
+"use client";
+export const __webpack_esm_id__ = 4560;
+export const __webpack_esm_ids__ = [4560];
+export const __webpack_esm_modules__ = {
+
+/***/ 4804
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   e: () => (/* binding */ useLogEmitter)
+/* harmony export */ });
+/* unused harmony export LogProvider */
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
+var _a;
+
+
+// 진입점(`/logging`, `/cta-button`, 루트)마다 이 파일이 따로 들어가므로 context 는 전역 키 하나에 둔다.
+var CONTEXT_KEY = Symbol["for"]('@nurihaus/web-design-system/log-provider');
+var registry = globalThis;
+var LogContext = (_a = registry[CONTEXT_KEY]) !== null && _a !== void 0 ? _a : registry[CONTEXT_KEY] = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
+var LogProvider = function LogProvider(props) {
+  var onEvent = props.onEvent,
+    children = props.children;
+  // context 값이 Provider 렌더마다 바뀌면 track 을 단 컴포넌트가 모두 다시 그려진다. 최신 onEvent 는 ref 로 읽는다.
+  var onEventRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(onEvent);
+  onEventRef.current = onEvent;
+  var emit = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (event) {
+    // 로그 수집기가 던져도 클릭·열기 같은 UI 동작은 이어져야 한다.
+    try {
+      onEventRef.current(event);
+    } catch (error) {
+      console.error('[LogProvider] onEvent threw', error);
+    }
+  }, []);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(LogContext.Provider, {
+    value: emit,
+    children: children
+  });
+};
+LogProvider.displayName = 'LogProvider';
+/** LogProvider 가 둔 emit 함수. Provider 밖이면 null 이다. */
+var useLogEmitter = function useLogEmitter() {
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(LogContext);
+};
+
+/***/ },
+
+/***/ 4560
+(__unused_webpack_module, __webpack_exports__, __nuri_require__) {
+
+/* harmony export */ __nuri_require__.d(__webpack_exports__, {
+/* harmony export */   n: () => (/* binding */ useTrack)
+/* harmony export */ });
+/* harmony import */ var _components_logging_log_context__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(4804);
+
+/** 컴포넌트 하나가 쓸 emit 함수. Provider 가 없거나 track 이 없으면 아무것도 보내지 않는다. */
+var useTrack = function useTrack(component, props) {
+  var track = props.track,
+    trackProps = props.trackProps;
+  var emit = (0,_components_logging_log_context__WEBPACK_IMPORTED_MODULE_0__/* .useLogEmitter */ .e)();
+  return function (action, value) {
+    if (!track) return;
+    emit === null || emit === void 0 ? void 0 : emit({
+      component: component,
+      action: action,
+      track: track,
+      value: value,
+      props: trackProps,
+      timestamp: Date.now()
+    });
+  };
+};
+
+/***/ }
+
+};

package/dist/{chunk-917.js → chunk-4917.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 917;
-export const __webpack_esm_ids__ = [298,917];
+export const __webpack_esm_id__ = 4917;
+export const __webpack_esm_ids__ = [4917,7298];
 export const __webpack_esm_modules__ = {
 
 /***/ 7298

package/dist/{chunk-77.js → chunk-5077.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 77;
-export const __webpack_esm_ids__ = [77];
+export const __webpack_esm_id__ = 5077;
+export const __webpack_esm_ids__ = [5077];
 export const __webpack_esm_modules__ = {
 
 /***/ 5077

package/dist/chunk-5226.js

@@ -0,0 +1,79 @@
+"use client";
+export const __webpack_esm_id__ = 5226;
+export const __webpack_esm_ids__ = [5226];
+export const __webpack_esm_modules__ = {
+
+/***/ 9976
+(__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__(7298);
+
+var variant = ['primary', 'secondary', 'ghost', 'neutral', 'confirm', 'outlined', 'social'];
+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')
+};
+
+/***/ },
+
+/***/ 1163
+(__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__(1041);
+/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(7335);
+/* harmony import */ var _base_callout__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(1211);
+/* harmony import */ var _callout_props__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(7810);
+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;
+};
+
+
+
+
+
+/** 대상에 붙어 늘 떠 있는 작은 말풍선 (ADR 0007). 자리는 쓰는 쪽이 정한다 — CTAButton 은 `callout` prop 으로 모서리에 끼운다 */
+var Callout = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_2__/* .getMergedProps */ .p)(props, _callout_props__WEBPACK_IMPORTED_MODULE_4__/* .calloutProps */ .B),
+    text = _a.text,
+    restProps = __rest(_a, ["text"]);
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_base_callout__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, __assign({
+    ref: ref
+  }, restProps, {
+    children: text
+  }));
+});
+Callout.displayName = 'Callout';
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Callout);
+
+/***/ }
+
+};

package/dist/{chunk-149.js → chunk-6149.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 149;
-export const __webpack_esm_ids__ = [149];
+export const __webpack_esm_id__ = 6149;
+export const __webpack_esm_ids__ = [6149];
 export const __webpack_esm_modules__ = {
 
 /***/ 6149

package/dist/{chunk-302.js → chunk-6302.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 302;
-export const __webpack_esm_ids__ = [302];
+export const __webpack_esm_id__ = 6302;
+export const __webpack_esm_ids__ = [6302];
 export const __webpack_esm_modules__ = {
 
 /***/ 6302

package/dist/{chunk-364.js → chunk-6364.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 364;
-export const __webpack_esm_ids__ = [364];
+export const __webpack_esm_id__ = 6364;
+export const __webpack_esm_ids__ = [6364];
 export const __webpack_esm_modules__ = {
 
 /***/ 7335

package/dist/{chunk-713.js → chunk-6713.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 713;
-export const __webpack_esm_ids__ = [713];
+export const __webpack_esm_id__ = 6713;
+export const __webpack_esm_ids__ = [6713];
 export const __webpack_esm_modules__ = {
 
 /***/ 6713

package/dist/{chunk-298.js → chunk-7298.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 298;
-export const __webpack_esm_ids__ = [298,917];
+export const __webpack_esm_id__ = 7298;
+export const __webpack_esm_ids__ = [4917,7298];
 export const __webpack_esm_modules__ = {
 
 /***/ 7298

package/dist/{chunk-653.js → chunk-7653.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 653;
-export const __webpack_esm_ids__ = [653];
+export const __webpack_esm_id__ = 7653;
+export const __webpack_esm_ids__ = [7653];
 export const __webpack_esm_modules__ = {
 
 /***/ 9896

package/dist/{chunk-739.js → chunk-7739.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 739;
-export const __webpack_esm_ids__ = [739];
+export const __webpack_esm_id__ = 7739;
+export const __webpack_esm_ids__ = [7739];
 export const __webpack_esm_modules__ = {
 
 /***/ 7739

package/dist/{chunk-309.js → chunk-8690.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 309;
-export const __webpack_esm_ids__ = [309];
+export const __webpack_esm_id__ = 8690;
+export const __webpack_esm_ids__ = [8690];
 export const __webpack_esm_modules__ = {
 
 /***/ 8690

package/dist/{chunk-933.js → chunk-8933.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 933;
-export const __webpack_esm_ids__ = [933];
+export const __webpack_esm_id__ = 8933;
+export const __webpack_esm_ids__ = [8933];
 export const __webpack_esm_modules__ = {
 
 /***/ 8933

package/dist/chunk-910.js

@@ -11,11 +11,13 @@ export const __webpack_esm_modules__ = {
 /* 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__(1041);
-/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
-/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
-/* harmony import */ var _loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(6302);
-/* harmony import */ var _base_button__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(8933);
-/* harmony import */ var _button_props__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(9976);
+/* harmony import */ var _helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(4560);
+/* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
+/* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(7335);
+/* harmony import */ var _callout_callout__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(1163);
+/* harmony import */ var _loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(6302);
+/* harmony import */ var _base_button__WEBPACK_IMPORTED_MODULE_7__ = __nuri_require__(8933);
+/* harmony import */ var _button_props__WEBPACK_IMPORTED_MODULE_8__ = __nuri_require__(9976);
 var __assign = undefined && undefined.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -41,19 +43,36 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
+
 var CTAButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
-  var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _button_props__WEBPACK_IMPORTED_MODULE_6__/* .ctaButtonProps */ .Lr),
+  var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_4__/* .getMergedProps */ .p)(props, _button_props__WEBPACK_IMPORTED_MODULE_8__/* .ctaButtonProps */ .Lr),
     className = _a.className,
     text = _a.text,
     leftIcon = _a.leftIcon,
     rightIcon = _a.rightIcon,
-    restProps = __rest(_a, ["className", "text", "leftIcon", "rightIcon"]);
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, __assign({
+    callout = _a.callout,
+    _onClick = _a.onClick,
+    track = _a.track,
+    trackProps = _a.trackProps,
+    restProps = __rest(_a, ["className", "text", "leftIcon", "rightIcon", "callout", "onClick", "track", "trackProps"]);
+  var emit = (0,_helpers_hooks_useTrack__WEBPACK_IMPORTED_MODULE_2__/* .useTrack */ .n)('CTAButton', {
+    track: track,
+    trackProps: trackProps
+  });
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_button__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A, __assign({
     ref: ref,
-    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(className, 'cta-button'),
-    loadingComponent: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {})
+    className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)(className, 'cta-button', callout ? 'with-callout' : undefined),
+    loadingComponent: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A, {}),
+    onClick: function onClick(event) {
+      emit('click');
+      _onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
+    }
   }, restProps, {
-    children: [leftIcon, text, rightIcon]
+    children: [leftIcon, text, rightIcon, callout ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_callout_callout__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, {
+      className: 'cta-button-callout',
+      text: callout
+    }) : null]
   }));
 });
 CTAButton.displayName = 'CTAButton';

package/dist/{chunk-387.js → chunk-9387.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 387;
-export const __webpack_esm_ids__ = [387];
+export const __webpack_esm_id__ = 9387;
+export const __webpack_esm_ids__ = [9387];
 export const __webpack_esm_modules__ = {
 
 /***/ 9387

package/dist/{chunk-436.js → chunk-9436.js}

@@ -1,6 +1,6 @@
 "use client";
-export const __webpack_esm_id__ = 436;
-export const __webpack_esm_ids__ = [436];
+export const __webpack_esm_id__ = 9436;
+export const __webpack_esm_ids__ = [9436];
 export const __webpack_esm_modules__ = {
 
 /***/ 9436

package/dist/collapsible-menu.js

@@ -17,6 +17,8 @@ __nuri_require__.d(__webpack_exports__, {
 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/hooks/useTrack.ts
+var useTrack = __nuri_require__(4560);
 // EXTERNAL MODULE: ./helpers/utils/classNames.js
 var classNames = __nuri_require__(3274);
 // EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
@@ -117,6 +119,7 @@ var collapsible_menu_assign = undefined && undefined.__assign || function () {
 
 
 
+
 var Anchor = function Anchor(props) {
   return (0,jsx_runtime_.jsx)("a", collapsible_menu_assign({}, props));
 };
@@ -130,7 +133,13 @@ var CollapsibleMenu = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onActiveKeyChange = _a.onActiveKeyChange,
     _b = _a.indent,
     indent = _b === void 0 ? 12 : _b,
-    linkComponent = _a.linkComponent;
+    linkComponent = _a.linkComponent,
+    track = _a.track,
+    trackProps = _a.trackProps;
+  var emit = (0,useTrack/* useTrack */.n)('CollapsibleMenu', {
+    track: track,
+    trackProps: trackProps
+  });
   var Link = linkComponent !== null && linkComponent !== void 0 ? linkComponent : Anchor;
   var rootClassName = (0,classNames/* classNames */.x)(className, 'collapsible-menu');
   var _hasActiveDescendant = function hasActiveDescendant(item) {
@@ -139,6 +148,12 @@ var CollapsibleMenu = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     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 selectItem = function selectItem(item) {
+    var _a;
+    emit('navigate', item.key);
+    onActiveKeyChange === null || onActiveKeyChange === void 0 ? void 0 : onActiveKeyChange(item.key);
+    (_a = item.onSelect) === null || _a === void 0 ? void 0 : _a.call(item);
+  };
   var _renderItems = function renderItems(targetItems, depth) {
     var indentStyle = {
       paddingLeft: "".concat(depth * indent, "px")
@@ -179,13 +194,11 @@ var CollapsibleMenu = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
           "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);
+            selectItem(item);
           },
           children: left
         }, item.key);
@@ -195,9 +208,7 @@ var CollapsibleMenu = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
         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);
+          return selectItem(item);
         },
         children: left
       }, item.key);
@@ -234,7 +245,7 @@ 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) });
+module.exports = x({ ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef) });
 
 /***/ },
 
@@ -339,7 +350,7 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
 /******/ 	// [resolve, Promise] = chunk loading, 0 = chunk loaded
 /******/ 	var installedChunks = {
-/******/ 		311: 0
+/******/ 		6311: 0
 /******/ 	};
 /******/ 	
 /******/ 	var installChunk = (data) => {
@@ -379,15 +390,17 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
 /******/ 
 /************************************************************************/
 /******/ 
-/******/ import * as __webpack_chunk_1__ from "./chunk-364.js";
+/******/ import * as __webpack_chunk_1__ from "./chunk-6364.js";
 /******/ __nuri_require__.C(__webpack_chunk_1__);
-/******/ import * as __webpack_chunk_2__ from "./chunk-917.js";
+/******/ import * as __webpack_chunk_2__ from "./chunk-4560.js";
 /******/ __nuri_require__.C(__webpack_chunk_2__);
+/******/ import * as __webpack_chunk_3__ from "./chunk-4917.js";
+/******/ __nuri_require__.C(__webpack_chunk_3__);
 /******/ 
 /******/ // 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__(5932)))
+/******/ var __webpack_exports__ = __nuri_require__.O(undefined, [6364,4560,4917], () => (__nuri_require__(5932)))
 /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
 /******/ const __webpack_exports__default = __webpack_exports__.A;
 /******/ export { __webpack_exports__default as default };

package/dist/components/bottom-nav/bottom-nav-type.d.ts

@@ -1,6 +1,7 @@
-import type { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
+import type { ComponentPropsWithRef, ComponentType, MouseEventHandler, ReactNode } from 'react';
 import { StyleProps } from '../../helpers/types/common-props';
 import { IconName } from '../icon/icon-type';
+import { TrackProps } from '../logging/logging-type';
 export interface BottomNavBadge {
     /** 숫자. 없으면 점으로 그린다. 99 를 넘으면 99+ */
     count?: number;
@@ -21,8 +22,10 @@ export interface BottomNavLinkProps {
     className: string;
     children: ReactNode;
     'aria-current'?: 'page';
+    /** `track` 을 주면 누를 때 로그를 보낸다. 직접 만든 `linkComponent` 는 이 값을 `<a>` 에 넘긴다 */
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
 }
-export interface BottomNavProps extends StyleProps {
+export interface BottomNavProps extends StyleProps, TrackProps {
     items: BottomNavItem[];
     /** 지금 화면의 탭 id. 주소에서 정하므로 탭 바가 스스로 바꾸지 않는다 */
     value?: string;

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

@@ -1,5 +1,6 @@
 import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
 import { AsChildProps, StyleProps } from '../../helpers/types/common-props';
+import { TrackProps } from '../logging/logging-type';
 import { sizes } from './breadcrumb-props';
 export type BreadcrumbRootProps = ComponentPropsWithRef<'nav'>;
 export type BreadcrumbListProps = ComponentPropsWithRef<'ol'>;
@@ -17,7 +18,7 @@ export interface BreadcrumbItem {
     /** 없으면 링크가 아닌 글자로 그린다. 마지막 항목은 href 가 있어도 현재 위치로 그린다. */
     href?: string;
 }
-export interface BreadcrumbProps extends StyleProps {
+export interface BreadcrumbProps extends StyleProps, TrackProps {
     items: BreadcrumbItem[];
     size?: (typeof sizes)[number];
     /** 마지막(현재 위치) 항목이 아닌 항목을 클릭하면 그 id 로 불린다. */

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

@@ -1,10 +1,10 @@
-export declare const variant: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined"];
+export declare const variant: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined", "social"];
 export declare const sizes: readonly ["xs", "s", "m", "l", "xl"];
 export declare const ctaButtonProps: {
     variant: {
         type: "className";
         className: string;
-        values: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined"];
+        values: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined", "social"];
         default: "primary";
     };
     size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["xs", "s", "m", "l", "xl"]>;

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

@@ -1,5 +1,6 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { AsChildProps } from '../../helpers/types/common-props';
+import { TrackProps } from '../logging/logging-type';
 import { sizes, variant } from './button-props';
 export interface CommonButtonProps {
     loading?: boolean;
@@ -8,10 +9,12 @@ export interface BaseButtonProps extends ComponentPropsWithRef<'button'>, Common
     children?: ReactNode;
     loadingComponent?: ReactNode;
 }
-export interface CTAButtonProps extends ComponentPropsWithRef<'button'>, CommonButtonProps {
+export interface CTAButtonProps extends ComponentPropsWithRef<'button'>, CommonButtonProps, TrackProps {
     variant?: (typeof variant)[number];
     size?: (typeof sizes)[number];
     text: string | ReactNode;
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
+    /** 버튼 오른쪽 위 모서리에 끼우는 말풍선(Callout) 글자. 글자는 움직이지 않는다. 로딩 중에는 Spinner 와 바뀌어 숨는다 */
+    callout?: ReactNode;
 }

package/dist/components/button/button.stories.d.ts

@@ -7,7 +7,7 @@ declare const meta: {
             control: {
                 type: "select";
             };
-            options: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined"];
+            options: readonly ["primary", "secondary", "ghost", "neutral", "confirm", "outlined", "social"];
         };
         size: {
             control: {

package/dist/components/callout/base-callout.d.ts

@@ -0,0 +1,4 @@
+declare const BaseCallout: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export default BaseCallout;

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

@@ -0,0 +1,10 @@
+/** 꼬리가 나오는 자리. `bottom-start` 는 말풍선 아래 왼쪽에서 아래를 가리킨다 */
+export declare const tail: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+export declare const calloutProps: {
+    tail: {
+        type: "className";
+        className: string;
+        values: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+        default: "bottom-start";
+    };
+};

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

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { tail } from './callout-props';
+export type BaseCalloutProps = ComponentPropsWithRef<'span'>;
+export interface CalloutProps extends Omit<ComponentPropsWithRef<'span'>, 'children'> {
+    text: ReactNode;
+    tail?: (typeof tail)[number];
+}

package/dist/components/callout/callout.d.ts

@@ -0,0 +1,5 @@
+import { CalloutProps } from './callout-type';
+/** 대상에 붙어 늘 떠 있는 작은 말풍선 (ADR 0007). 자리는 쓰는 쪽이 정한다 — CTAButton 은 `callout` prop 으로 모서리에 끼운다 */
+declare const Callout: import("react").ForwardRefExoticComponent<Omit<CalloutProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export default Callout;
+export type { CalloutProps } from './callout-type';

package/dist/components/callout/callout.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react-webpack5';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("./callout-type").CalloutProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+    argTypes: {
+        tail: {
+            control: {
+                type: "select";
+            };
+            options: readonly ["bottom-start", "bottom-end", "top-start", "top-end"];
+        };
+    };
+    args: {
+        text: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Tails: Story;
+/** CTAButton 의 callout prop — 버튼 오른쪽 위 모서리에 끼운다 */
+export declare const OnButton: Story;

package/dist/components/check-box/check-box-type.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { AsChildProps } from '../../helpers/types/common-props';
+import { TrackProps } from '../logging/logging-type';
 import { sizes } from './check-box-props';
 export interface CheckBoxRootProps {
     checked?: boolean;
@@ -15,7 +16,7 @@ export interface CheckBoxLabelProps extends AsChildProps {
     preventChangeOnClick?: boolean;
     className?: string;
 }
-export interface CheckBoxProps extends CheckBoxRootProps {
+export interface CheckBoxProps extends CheckBoxRootProps, TrackProps {
     label: string | ReactNode;
     size?: (typeof sizes)[number];
     className?: string;

package/dist/components/chip-group/chip-group-type.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPropsWithRef, ReactNode } from 'react';
 import { StyleProps } from '../../helpers/types/common-props';
+import { TrackProps } from '../logging/logging-type';
 export interface ChipGroupItem {
     id: string;
     label: ReactNode;
@@ -7,7 +8,7 @@ export interface ChipGroupItem {
     count?: number;
     disabled?: boolean;
 }
-export interface ChipGroupProps extends StyleProps {
+export interface ChipGroupProps extends StyleProps, TrackProps {
     items: ChipGroupItem[];
     value?: string;
     defaultValue?: string;