@nurihaus/web-design-system 3.0.3 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/ai/components.md +305 -11
  2. package/dist/ai/tokens.md +38 -13
  3. package/dist/avatar.js +8 -8
  4. package/dist/breadcrumb.js +364 -0
  5. package/dist/check-box.js +16 -35
  6. package/dist/chunk-149.js +4 -4
  7. package/dist/chunk-298.js +1 -1
  8. package/dist/chunk-302.js +4 -4
  9. package/dist/chunk-309.js +1 -1
  10. package/dist/chunk-364.js +2 -2
  11. package/dist/chunk-387.js +23 -4
  12. package/dist/chunk-436.js +33 -0
  13. package/dist/chunk-558.js +6 -6
  14. package/dist/chunk-563.js +7 -7
  15. package/dist/chunk-657.js +143 -0
  16. package/dist/chunk-713.js +38 -0
  17. package/dist/chunk-739.js +6 -6
  18. package/dist/chunk-77.js +34 -0
  19. package/dist/chunk-777.js +2 -2
  20. package/dist/chunk-910.js +64 -0
  21. package/dist/chunk-917.js +1 -1
  22. package/dist/chunk-933.js +4 -4
  23. package/dist/chunk-976.js +2 -2
  24. package/dist/collapsible-menu.js +7 -7
  25. package/dist/components/breadcrumb/base-breadcrumb.d.ts +19 -0
  26. package/dist/components/breadcrumb/breadcrumb-props.d.ts +4 -0
  27. package/dist/components/breadcrumb/breadcrumb-type.d.ts +33 -0
  28. package/dist/components/breadcrumb/breadcrumb.d.ts +4 -0
  29. package/dist/components/breadcrumb/breadcrumb.stories.d.ts +25 -0
  30. package/dist/components/check-box/base-check-box.d.ts +1 -1
  31. package/dist/components/drawer/base-drawer.d.ts +15 -0
  32. package/dist/components/drawer/drawer-props.d.ts +11 -0
  33. package/dist/components/drawer/drawer-type.d.ts +28 -0
  34. package/dist/components/drawer/drawer.d.ts +4 -0
  35. package/dist/components/drawer/drawer.stories.d.ts +34 -0
  36. package/dist/components/drop-down/drop-down-props.d.ts +2 -2
  37. package/dist/components/drop-down/drop-down.stories.d.ts +1 -1
  38. package/dist/components/elements/text/text-props.d.ts +1 -1
  39. package/dist/components/elements/text/text.stories.d.ts +1 -1
  40. package/dist/components/modal/base-modal.d.ts +4 -1
  41. package/dist/components/modal/modal-props.d.ts +3 -0
  42. package/dist/components/modal/modal-type.d.ts +18 -4
  43. package/dist/components/modal/modal-with-double-button.stories.d.ts +22 -0
  44. package/dist/components/modal/modal.d.ts +4 -0
  45. package/dist/components/modal/modal.stories.d.ts +11 -6
  46. package/dist/components/pagination/base-pagination.d.ts +9 -0
  47. package/dist/components/pagination/pagination-props.d.ts +4 -0
  48. package/dist/components/pagination/pagination-type.d.ts +20 -0
  49. package/dist/components/pagination/pagination.d.ts +4 -0
  50. package/dist/components/pagination/pagination.stories.d.ts +25 -0
  51. package/dist/components/skeleton/base-skeleton.d.ts +4 -0
  52. package/dist/components/skeleton/skeleton-props.d.ts +15 -0
  53. package/dist/components/skeleton/skeleton-type.d.ts +12 -0
  54. package/dist/components/skeleton/skeleton.d.ts +4 -0
  55. package/dist/components/skeleton/skeleton.stories.d.ts +327 -0
  56. package/dist/components/switch/base-switch.d.ts +11 -0
  57. package/dist/components/switch/switch-props.d.ts +4 -0
  58. package/dist/components/switch/switch-type.d.ts +19 -0
  59. package/dist/components/switch/switch.d.ts +4 -0
  60. package/dist/components/switch/switch.stories.d.ts +24 -0
  61. package/dist/components/text-area/base-text-area.d.ts +10 -0
  62. package/dist/components/text-area/text-area-props.d.ts +12 -0
  63. package/dist/components/text-area/text-area-type.d.ts +34 -0
  64. package/dist/components/text-area/text-area.d.ts +4 -0
  65. package/dist/components/text-area/text-area.stories.d.ts +32 -0
  66. package/dist/components/text-field/text-field-props.d.ts +2 -2
  67. package/dist/components/text-field/text-field.stories.d.ts +1 -1
  68. package/dist/components/toast/base-toast.d.ts +20 -0
  69. package/dist/components/toast/toast-props.d.ts +18 -0
  70. package/dist/components/toast/toast-type.d.ts +45 -0
  71. package/dist/components/toast/toast.d.ts +5 -0
  72. package/dist/components/toast/toast.stories.d.ts +310 -0
  73. package/dist/components.css +1089 -56
  74. package/dist/cta-button.js +12 -11
  75. package/dist/data-table.js +6 -6
  76. package/dist/drawer.js +390 -0
  77. package/dist/drop-down.js +15 -29
  78. package/dist/helpers/hooks/useExternalState.d.ts +5 -0
  79. package/dist/icon-text-badge.js +11 -11
  80. package/dist/icon-text-option-badge.js +10 -10
  81. package/dist/index.d.ts +16 -0
  82. package/dist/index.js +2090 -475
  83. package/dist/loading.js +8 -8
  84. package/dist/modal-with-double-button.js +60 -255
  85. package/dist/modal.js +288 -0
  86. package/dist/option-badge.js +11 -11
  87. package/dist/pagination.js +412 -0
  88. package/dist/radio.js +10 -10
  89. package/dist/skeleton.js +331 -0
  90. package/dist/styles.css +921 -29
  91. package/dist/switch.js +349 -0
  92. package/dist/tabs.js +6 -6
  93. package/dist/text-area.js +374 -0
  94. package/dist/text-field.js +7 -7
  95. package/dist/text.js +8 -8
  96. package/dist/toast.js +496 -0
  97. package/dist/tokens.css +32 -5
  98. package/dist/tooltip.js +9 -9
  99. package/package.json +33 -1
package/dist/chunk-558.js CHANGED
@@ -3,15 +3,15 @@ export const __webpack_esm_id__ = 558;
3
3
  export const __webpack_esm_ids__ = [558];
4
4
  export const __webpack_esm_modules__ = {
5
5
 
6
- /***/ 437
6
+ /***/ 5437
7
7
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
8
 
9
9
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
10
  /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
11
  /* harmony export */ });
12
12
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
13
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
14
- /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
13
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
14
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
15
15
  var __assign = undefined && undefined.__assign || function () {
16
16
  __assign = Object.assign || function (t) {
17
17
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -50,7 +50,7 @@ BaseText.displayName = 'BaseText';
50
50
 
51
51
  /***/ },
52
52
 
53
- /***/ 74
53
+ /***/ 9074
54
54
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
55
55
 
56
56
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
@@ -58,7 +58,7 @@ BaseText.displayName = 'BaseText';
58
58
  /* harmony export */ em: () => (/* binding */ textProps)
59
59
  /* harmony export */ });
60
60
  /* unused harmony exports fontSize, weight, color, textAlign, textDecoration, wordBreak, whiteSpace */
61
- /* harmony import */ var _styles_token_colors__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(232);
61
+ /* harmony import */ var _styles_token_colors__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(7232);
62
62
 
63
63
  // 글자 크기 단계다. 컴포넌트 크기 이름(xs·s·m·l·xl)과 축이 달라 따로 둔다.
64
64
  var fontSize = (/* unused pure expression or super */ null && (['xsm', 'sm', 'base', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl']));
@@ -81,7 +81,7 @@ var textProps = {
81
81
 
82
82
  /***/ },
83
83
 
84
- /***/ 232
84
+ /***/ 7232
85
85
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
86
86
 
87
87
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
package/dist/chunk-563.js CHANGED
@@ -11,9 +11,9 @@ export const __webpack_esm_modules__ = {
11
11
  /* harmony export */ });
12
12
  /* unused harmony export TooltipProvider */
13
13
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
14
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
14
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
15
15
  /* harmony import */ var radix_ui__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(0);
16
- /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(274);
16
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
17
17
  var __assign = undefined && undefined.__assign || function () {
18
18
  __assign = Object.assign || function (t) {
19
19
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -107,18 +107,18 @@ var TooltipRoot = Object.assign(TooltipRootBase, {
107
107
 
108
108
  /***/ },
109
109
 
110
- /***/ 563
110
+ /***/ 1563
111
111
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
112
112
 
113
113
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
114
114
  /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
115
115
  /* harmony export */ });
116
116
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
117
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
118
- /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
119
- /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(335);
117
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
118
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
119
+ /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
120
120
  /* harmony import */ var _base_tooltip__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(909);
121
- /* harmony import */ var _tooltip_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(690);
121
+ /* harmony import */ var _tooltip_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(8690);
122
122
  var __assign = undefined && undefined.__assign || function () {
123
123
  __assign = Object.assign || function (t) {
124
124
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -0,0 +1,143 @@
1
+ "use client";
2
+ export const __webpack_esm_id__ = 657;
3
+ export const __webpack_esm_ids__ = [657];
4
+ export const __webpack_esm_modules__ = {
5
+
6
+ /***/ 1657
7
+ (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
+
9
+ /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
+ /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
+ /* harmony export */ });
12
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
13
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
14
+ /* harmony import */ var radix_ui__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(0);
15
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(3274);
16
+ var __assign = undefined && undefined.__assign || function () {
17
+ __assign = Object.assign || function (t) {
18
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
19
+ s = arguments[i];
20
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
21
+ }
22
+ return t;
23
+ };
24
+ return __assign.apply(this, arguments);
25
+ };
26
+ var __rest = undefined && undefined.__rest || function (s, e) {
27
+ var t = {};
28
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
29
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
30
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
31
+ }
32
+ return t;
33
+ };
34
+
35
+
36
+
37
+
38
+ // Dialog.Root 는 DOM 을 그리지 않아 ref 를 받을 곳이 없다.
39
+ var ModalRootBase = function ModalRootBase(props) {
40
+ var children = props.children,
41
+ open = props.open,
42
+ defaultOpen = props.defaultOpen,
43
+ onOpenChange = props.onOpenChange;
44
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Root, {
45
+ open: open,
46
+ defaultOpen: defaultOpen,
47
+ onOpenChange: onOpenChange,
48
+ children: children
49
+ });
50
+ };
51
+ ModalRootBase.displayName = 'ModalRoot';
52
+ var ModalContainer = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
53
+ var children = props.children,
54
+ className = props.className,
55
+ forceMount = props.forceMount,
56
+ restProps = __rest(props, ["children", "className", "forceMount"]);
57
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Portal, {
58
+ forceMount: forceMount,
59
+ children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Overlay, {
60
+ className: 'nuri-theme base-modal modal-overlay',
61
+ forceMount: true
62
+ }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Content, __assign({
63
+ ref: ref,
64
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal modal-container', className)
65
+ }, restProps, {
66
+ children: children
67
+ }))]
68
+ });
69
+ });
70
+ ModalContainer.displayName = 'ModalContainer';
71
+ var ModalTrigger = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
72
+ var children = props.children,
73
+ className = props.className,
74
+ restProps = __rest(props, ["children", "className"]);
75
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Trigger, __assign({
76
+ ref: ref,
77
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal trigger', className)
78
+ }, restProps, {
79
+ children: children
80
+ }));
81
+ });
82
+ ModalTrigger.displayName = 'ModalTrigger';
83
+ var ModalTitle = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
84
+ var children = props.children,
85
+ className = props.className,
86
+ restProps = __rest(props, ["children", "className"]);
87
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Title, __assign({
88
+ ref: ref,
89
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal title', className)
90
+ }, restProps, {
91
+ children: children
92
+ }));
93
+ });
94
+ ModalTitle.displayName = 'ModalTitle';
95
+ var ModalSubTitle = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
96
+ var children = props.children,
97
+ className = props.className,
98
+ restProps = __rest(props, ["children", "className"]);
99
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Description, __assign({
100
+ ref: ref,
101
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal sub-title', className)
102
+ }, restProps, {
103
+ children: children
104
+ }));
105
+ });
106
+ ModalSubTitle.displayName = 'ModalSubTitle';
107
+ var ModalDescription = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
108
+ var children = props.children,
109
+ className = props.className,
110
+ restProps = __rest(props, ["children", "className"]);
111
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Description, __assign({
112
+ ref: ref,
113
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal description', className)
114
+ }, restProps, {
115
+ children: children
116
+ }));
117
+ });
118
+ ModalDescription.displayName = 'ModalDescription';
119
+ var ModalClose = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
120
+ var children = props.children,
121
+ className = props.className,
122
+ restProps = __rest(props, ["children", "className"]);
123
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(radix_ui__WEBPACK_IMPORTED_MODULE_2__.Dialog.Close, __assign({
124
+ ref: ref,
125
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_3__/* .classNames */ .x)('nuri-theme base-modal close', className)
126
+ }, restProps, {
127
+ children: children
128
+ }));
129
+ });
130
+ ModalClose.displayName = 'ModalClose';
131
+ var ModalRoot = Object.assign(ModalRootBase, {
132
+ Container: ModalContainer,
133
+ Trigger: ModalTrigger,
134
+ Title: ModalTitle,
135
+ SubTitle: ModalSubTitle,
136
+ Description: ModalDescription,
137
+ Close: ModalClose
138
+ });
139
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModalRoot);
140
+
141
+ /***/ }
142
+
143
+ };
@@ -0,0 +1,38 @@
1
+ "use client";
2
+ export const __webpack_esm_id__ = 713;
3
+ export const __webpack_esm_ids__ = [713];
4
+ export const __webpack_esm_modules__ = {
5
+
6
+ /***/ 6713
7
+ (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
+
9
+ /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
+ /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
+ /* harmony export */ });
12
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
13
+ var _path, _path2;
14
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
+
16
+ var SvgMultifly = function SvgMultifly(props) {
17
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
18
+ xmlns: "http://www.w3.org/2000/svg",
19
+ width: 20,
20
+ height: 20,
21
+ fill: "none"
22
+ }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
23
+ fill: "#71717A",
24
+ fillRule: "evenodd",
25
+ d: "M4.844 4.844a.625.625 0 0 1 .884 0l9.428 9.428a.625.625 0 0 1-.884.884L4.844 5.728a.625.625 0 0 1 0-.884",
26
+ clipRule: "evenodd"
27
+ })), _path2 || (_path2 = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
28
+ fill: "#71717A",
29
+ fillRule: "evenodd",
30
+ d: "M15.156 4.844a.625.625 0 0 1 0 .884l-9.428 9.428a.625.625 0 1 1-.884-.884l9.428-9.428a.625.625 0 0 1 .884 0",
31
+ clipRule: "evenodd"
32
+ })));
33
+ };
34
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgMultifly);
35
+
36
+ /***/ }
37
+
38
+ };
package/dist/chunk-739.js CHANGED
@@ -3,18 +3,18 @@ export const __webpack_esm_id__ = 739;
3
3
  export const __webpack_esm_ids__ = [739];
4
4
  export const __webpack_esm_modules__ = {
5
5
 
6
- /***/ 739
6
+ /***/ 7739
7
7
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
8
 
9
9
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
10
  /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
11
  /* harmony export */ });
12
12
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
13
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
14
- /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
15
- /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(335);
16
- /* harmony import */ var _base_text__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(437);
17
- /* harmony import */ var _text_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(74);
13
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
14
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
15
+ /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
16
+ /* harmony import */ var _base_text__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(5437);
17
+ /* harmony import */ var _text_props__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(9074);
18
18
  var __rest = undefined && undefined.__rest || function (s, e) {
19
19
  var t = {};
20
20
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
@@ -0,0 +1,34 @@
1
+ "use client";
2
+ export const __webpack_esm_id__ = 77;
3
+ export const __webpack_esm_ids__ = [77];
4
+ export const __webpack_esm_modules__ = {
5
+
6
+ /***/ 5077
7
+ (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
+
9
+ /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
+ /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
+ /* harmony export */ });
12
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
13
+ var _path;
14
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
+
16
+ var SvgCheck = function SvgCheck(props) {
17
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
18
+ xmlns: "http://www.w3.org/2000/svg",
19
+ width: 16,
20
+ height: 16,
21
+ fill: "none"
22
+ }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
23
+ stroke: "#fff",
24
+ strokeLinecap: "round",
25
+ strokeLinejoin: "round",
26
+ strokeWidth: 1.5,
27
+ d: "M2.667 8.8 5.714 12l7.62-8"
28
+ })));
29
+ };
30
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgCheck);
31
+
32
+ /***/ }
33
+
34
+ };
package/dist/chunk-777.js CHANGED
@@ -3,13 +3,13 @@ export const __webpack_esm_id__ = 777;
3
3
  export const __webpack_esm_ids__ = [777];
4
4
  export const __webpack_esm_modules__ = {
5
5
 
6
- /***/ 777
6
+ /***/ 2777
7
7
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
8
 
9
9
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
10
  /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
11
  /* harmony export */ });
12
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(41);
12
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(1041);
13
13
  var __assign = undefined && undefined.__assign || function () {
14
14
  __assign = Object.assign || function (t) {
15
15
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -0,0 +1,64 @@
1
+ "use client";
2
+ export const __webpack_esm_id__ = 910;
3
+ export const __webpack_esm_ids__ = [910];
4
+ export const __webpack_esm_modules__ = {
5
+
6
+ /***/ 910
7
+ (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
+
9
+ /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
+ /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
+ /* harmony export */ });
12
+ /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
13
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
14
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
15
+ /* harmony import */ var _helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(7335);
16
+ /* harmony import */ var _loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__ = __nuri_require__(6302);
17
+ /* harmony import */ var _base_button__WEBPACK_IMPORTED_MODULE_5__ = __nuri_require__(8933);
18
+ /* harmony import */ var _button_props__WEBPACK_IMPORTED_MODULE_6__ = __nuri_require__(9976);
19
+ var __assign = undefined && undefined.__assign || function () {
20
+ __assign = Object.assign || function (t) {
21
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
22
+ s = arguments[i];
23
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
24
+ }
25
+ return t;
26
+ };
27
+ return __assign.apply(this, arguments);
28
+ };
29
+ var __rest = undefined && undefined.__rest || function (s, e) {
30
+ var t = {};
31
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
32
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
33
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
34
+ }
35
+ return t;
36
+ };
37
+
38
+
39
+
40
+
41
+
42
+
43
+
44
+ var CTAButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
45
+ var _a = (0,_helpers_utils_getMergedProps__WEBPACK_IMPORTED_MODULE_3__/* .getMergedProps */ .p)(props, _button_props__WEBPACK_IMPORTED_MODULE_6__/* .ctaButtonProps */ .Lr),
46
+ className = _a.className,
47
+ text = _a.text,
48
+ leftIcon = _a.leftIcon,
49
+ rightIcon = _a.rightIcon,
50
+ restProps = __rest(_a, ["className", "text", "leftIcon", "rightIcon"]);
51
+ return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_base_button__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A, __assign({
52
+ ref: ref,
53
+ className: (0,_helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__/* .classNames */ .x)(className, 'cta-button'),
54
+ loadingComponent: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_loading_spinner_spinner__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A, {})
55
+ }, restProps, {
56
+ children: [leftIcon, text, rightIcon]
57
+ }));
58
+ });
59
+ CTAButton.displayName = 'CTAButton';
60
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CTAButton);
61
+
62
+ /***/ }
63
+
64
+ };
package/dist/chunk-917.js CHANGED
@@ -3,7 +3,7 @@ export const __webpack_esm_id__ = 917;
3
3
  export const __webpack_esm_ids__ = [298,917];
4
4
  export const __webpack_esm_modules__ = {
5
5
 
6
- /***/ 298
6
+ /***/ 7298
7
7
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
8
 
9
9
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
package/dist/chunk-933.js CHANGED
@@ -3,16 +3,16 @@ export const __webpack_esm_id__ = 933;
3
3
  export const __webpack_esm_ids__ = [933];
4
4
  export const __webpack_esm_modules__ = {
5
5
 
6
- /***/ 933
6
+ /***/ 8933
7
7
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
8
 
9
9
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
10
  /* harmony export */ A: () => (__WEBPACK_DEFAULT_EXPORT__)
11
11
  /* harmony export */ });
12
12
  /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(612);
13
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(41);
14
- /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(274);
15
- /* harmony import */ var _core_composer__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(777);
13
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __nuri_require__(1041);
14
+ /* harmony import */ var _helpers_utils_classNames__WEBPACK_IMPORTED_MODULE_2__ = __nuri_require__(3274);
15
+ /* harmony import */ var _core_composer__WEBPACK_IMPORTED_MODULE_3__ = __nuri_require__(2777);
16
16
  var __assign = undefined && undefined.__assign || function () {
17
17
  __assign = Object.assign || function (t) {
18
18
  for (var s, i = 1, n = arguments.length; i < n; i++) {
package/dist/chunk-976.js CHANGED
@@ -3,14 +3,14 @@ export const __webpack_esm_id__ = 976;
3
3
  export const __webpack_esm_ids__ = [976];
4
4
  export const __webpack_esm_modules__ = {
5
5
 
6
- /***/ 976
6
+ /***/ 9976
7
7
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
8
8
 
9
9
  /* harmony export */ __nuri_require__.d(__webpack_exports__, {
10
10
  /* harmony export */ Lr: () => (/* binding */ ctaButtonProps)
11
11
  /* harmony export */ });
12
12
  /* unused harmony exports variant, sizes */
13
- /* harmony import */ var _helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(298);
13
+ /* harmony import */ var _helpers_props_common_props__WEBPACK_IMPORTED_MODULE_0__ = __nuri_require__(7298);
14
14
 
15
15
  var variant = ['primary', 'secondary', 'ghost', 'neutral', 'confirm', 'outlined'];
16
16
  var sizes = ['xs', 's', 'm', 'l', 'xl'];
@@ -4,7 +4,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
4
4
  import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
5
5
  /******/ var __webpack_modules__ = ({
6
6
 
7
- /***/ 932
7
+ /***/ 5932
8
8
  (__unused_webpack_module, __webpack_exports__, __nuri_require__) {
9
9
 
10
10
 
@@ -16,11 +16,11 @@ __nuri_require__.d(__webpack_exports__, {
16
16
  // EXTERNAL MODULE: external {"root":"jsx-runtime","commonjs2":"react/jsx-runtime","commonjs":"react/jsx-runtime","amd":"react/jsx-runtime","module":"react/jsx-runtime"}
17
17
  var jsx_runtime_ = __nuri_require__(612);
18
18
  // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react","module":"react"}
19
- var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(41);
19
+ var external_root_React_commonjs2_react_commonjs_react_amd_react_module_react_ = __nuri_require__(1041);
20
20
  // EXTERNAL MODULE: ./helpers/utils/classNames.js
21
- var classNames = __nuri_require__(274);
21
+ var classNames = __nuri_require__(3274);
22
22
  // EXTERNAL MODULE: ./helpers/utils/getMergedProps.ts
23
- var getMergedProps = __nuri_require__(335);
23
+ var getMergedProps = __nuri_require__(7335);
24
24
  // EXTERNAL MODULE: external {"root":"RadixUI","commonjs2":"radix-ui","commonjs":"radix-ui","amd":"radix-ui","module":"radix-ui"}
25
25
  var external_root_RadixUI_commonjs2_radix_ui_commonjs_radix_ui_amd_radix_ui_module_radix_ui_ = __nuri_require__(0);
26
26
  ;// ./components/collapsible-menu/base-collapsible-menu.tsx
@@ -92,7 +92,7 @@ var CollapsibleMenuRoot = Object.assign(CollapsibleMenuRootBase, {
92
92
  });
93
93
  /* harmony default export */ const base_collapsible_menu = (CollapsibleMenuRoot);
94
94
  // EXTERNAL MODULE: ./helpers/props/common-props.ts
95
- var common_props = __nuri_require__(298);
95
+ var common_props = __nuri_require__(7298);
96
96
  ;// ./components/collapsible-menu/collapsible-menu-props.ts
97
97
 
98
98
  var sizes = ['s', 'm'];
@@ -227,7 +227,7 @@ module.exports = x({ ["Collapsible"]: () => (__WEBPACK_EXTERNAL_MODULE_radix_ui_
227
227
 
228
228
  /***/ },
229
229
 
230
- /***/ 41
230
+ /***/ 1041
231
231
  (module, __unused_webpack_exports, __nuri_require__) {
232
232
 
233
233
  var x = (y) => {
@@ -387,7 +387,7 @@ module.exports = x({ ["jsx"]: () => (__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime
387
387
  /******/ // startup
388
388
  /******/ // Load entry module and return exports
389
389
  /******/ // This entry module depends on other loaded chunks and execution need to be delayed
390
- /******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,917], () => (__nuri_require__(932)))
390
+ /******/ var __webpack_exports__ = __nuri_require__.O(undefined, [364,917], () => (__nuri_require__(5932)))
391
391
  /******/ __webpack_exports__ = __nuri_require__.O(__webpack_exports__);
392
392
  /******/ const __webpack_exports__default = __webpack_exports__.A;
393
393
  /******/ export { __webpack_exports__default as default };
@@ -0,0 +1,19 @@
1
+ import { BreadcrumbLinkProps } from './breadcrumb-type';
2
+ declare const BreadcrumbRoot: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
3
+ ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
4
+ }, "ref"> & import("react").RefAttributes<HTMLElement>> & {
5
+ List: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
6
+ ref?: ((instance: HTMLOListElement | 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<HTMLOListElement> | null | undefined;
7
+ }, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
8
+ Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
9
+ ref?: ((instance: HTMLLIElement | 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<HTMLLIElement> | null | undefined;
10
+ }, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
11
+ Link: import("react").ForwardRefExoticComponent<Omit<BreadcrumbLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
12
+ Page: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
13
+ 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;
14
+ }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
15
+ Separator: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
16
+ ref?: ((instance: HTMLLIElement | 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<HTMLLIElement> | null | undefined;
17
+ }, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
18
+ };
19
+ export default BreadcrumbRoot;
@@ -0,0 +1,4 @@
1
+ export declare const sizes: readonly ["xs", "s", "m", "l", "xl"];
2
+ export declare const breadcrumbProps: {
3
+ size: import("../../helpers/types/propsDef").ClassNamePropsType<readonly ["xs", "s", "m", "l", "xl"]>;
4
+ };
@@ -0,0 +1,33 @@
1
+ import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
2
+ import { AsChildProps, StyleProps } from '../../helpers/types/common-props';
3
+ import { sizes } from './breadcrumb-props';
4
+ export type BreadcrumbRootProps = ComponentPropsWithRef<'nav'>;
5
+ export type BreadcrumbListProps = ComponentPropsWithRef<'ol'>;
6
+ export type BreadcrumbItemProps = ComponentPropsWithRef<'li'>;
7
+ /** `asChild` 로 next/link 같은 라우터 Link 와 합성할 수 있다. */
8
+ export interface BreadcrumbLinkProps extends ComponentPropsWithRef<'a'>, AsChildProps {
9
+ }
10
+ /** 현재 위치. 링크가 아니고 `aria-current="page"` 가 붙는다. */
11
+ export type BreadcrumbPageProps = ComponentPropsWithRef<'span'>;
12
+ /** 항목 사이 구분자. `aria-hidden` 이라 보조 기술에는 읽히지 않는다. */
13
+ export type BreadcrumbSeparatorProps = ComponentPropsWithRef<'li'>;
14
+ export interface BreadcrumbItem {
15
+ id: string;
16
+ label: ReactNode;
17
+ /** 없으면 링크가 아닌 글자로 그린다. 마지막 항목은 href 가 있어도 현재 위치로 그린다. */
18
+ href?: string;
19
+ }
20
+ export interface BreadcrumbProps extends StyleProps {
21
+ items: BreadcrumbItem[];
22
+ size?: (typeof sizes)[number];
23
+ /** 마지막(현재 위치) 항목이 아닌 항목을 클릭하면 그 id 로 불린다. */
24
+ onItemClick?: (id: string) => void;
25
+ /** 항목 사이 구분자. 기본은 오른쪽 화살표 아이콘이다. */
26
+ separator?: ReactNode;
27
+ /**
28
+ * href 가 있는 항목을 그릴 링크 컴포넌트. next/link 같은 라우터 Link 를 넘기면 `<a>` 대신 그것으로 그린다.
29
+ * `href`·`className`·`onClick`·`children` 을 받고 ref 를 `<a>` 에 넘기는 컴포넌트여야 한다.
30
+ * next/link 의 href 타입(Url)과 맞추려고 props 를 제한하지 않는다.
31
+ */
32
+ linkComponent?: ElementType;
33
+ }
@@ -0,0 +1,4 @@
1
+ import { BreadcrumbProps } from './breadcrumb-type';
2
+ declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
3
+ export default Breadcrumb;
4
+ export type { BreadcrumbProps, BreadcrumbItem } from './breadcrumb-type';
@@ -0,0 +1,25 @@
1
+ import type { StoryObj } from '@storybook/react-webpack5';
2
+ import { BreadcrumbItem } from './breadcrumb-type';
3
+ declare const meta: {
4
+ title: string;
5
+ component: import("react").ForwardRefExoticComponent<import("./breadcrumb-type").BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
6
+ argTypes: {
7
+ size: {
8
+ control: {
9
+ type: "select";
10
+ };
11
+ options: readonly ["xs", "s", "m", "l", "xl"];
12
+ };
13
+ };
14
+ args: {
15
+ items: BreadcrumbItem[];
16
+ };
17
+ };
18
+ export default meta;
19
+ type Story = StoryObj<typeof meta>;
20
+ export declare const Default: Story;
21
+ export declare const Sizes: Story;
22
+ export declare const CustomSeparator: Story;
23
+ export declare const WithoutHref: Story;
24
+ export declare const Single: Story;
25
+ export declare const LongLabels: Story;
@@ -4,7 +4,7 @@ declare const CheckBoxRoot: import("react").ForwardRefExoticComponent<CheckBoxRo
4
4
  } & import("react").RefAttributes<HTMLButtonElement>> & {
5
5
  Label: import("react").ForwardRefExoticComponent<CheckBoxLabelProps & {
6
6
  children?: import("react").ReactNode | undefined;
7
- } & import("react").RefAttributes<HTMLLabelElement>>;
7
+ } & import("react").RefAttributes<HTMLSpanElement>>;
8
8
  Indicator: import("react").ForwardRefExoticComponent<CheckBoxIndicatorProps & {
9
9
  children?: import("react").ReactNode | undefined;
10
10
  } & import("react").RefAttributes<HTMLSpanElement>>;
@@ -0,0 +1,15 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { DrawerCloseProps, DrawerDescriptionProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps } from './drawer-type';
3
+ declare const DrawerRoot: {
4
+ (props: PropsWithChildren<DrawerRootProps>): import("react/jsx-runtime").JSX.Element;
5
+ displayName: string;
6
+ } & {
7
+ Trigger: import("react").ForwardRefExoticComponent<Omit<DrawerTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
8
+ Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
+ ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
10
+ }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
11
+ Title: import("react").ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
12
+ Description: import("react").ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
13
+ Close: import("react").ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
14
+ };
15
+ export default DrawerRoot;