@jbpark/ui-kit 2.2.0 → 2.2.2
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.
- package/README.ko.md +4 -0
- package/README.md +4 -0
- package/dist/Menu.d.mts +1 -1
- package/dist/Menu.mjs +1 -1
- package/dist/Reveals.d.mts +1 -1
- package/dist/Typography.d.mts +1 -1
- package/dist/{index-CKq4NOxI.d.mts → index-BQHdyc27.d.mts} +10 -10
- package/dist/{index-CXT7Z-4F.d.mts → index-BbwB0IAD.d.mts} +4 -4
- package/dist/{index-BpmFT8LS.d.mts → index-D2igfkiF.d.mts} +2 -2
- package/dist/index.d.mts +41 -41
- package/dist/index.mjs +1 -1
- package/dist/{src-BUNbQOql.mjs → src-DZ7IYc6G.mjs} +3 -3
- package/package.json +1 -1
package/README.ko.md
CHANGED
|
@@ -42,9 +42,13 @@ src/
|
|
|
42
42
|
| --------------- | ------------------------- | ------------------------------------ |
|
|
43
43
|
| **Button** | 다양한 스타일의 버튼 | - |
|
|
44
44
|
| **Checkbox** | 체크박스 및 그룹 체크박스 | `Group` |
|
|
45
|
+
| **ColorPicker** | 색상 선택 컴포넌트 | - |
|
|
45
46
|
| **FloatButton** | 플로팅 버튼 | `BackTop` |
|
|
46
47
|
| **Input** | 입력 필드 컴포넌트 | `Search`, `TextArea` |
|
|
48
|
+
| **Popover** | 팝오버 툴팁 컴포넌트 | - |
|
|
47
49
|
| **Progress** | 진행률 표시 컴포넌트 | - |
|
|
50
|
+
| **Radio** | 라디오 버튼 컴포넌트 | - |
|
|
51
|
+
| **Select** | 드롭다운 선택 컴포넌트 | - |
|
|
48
52
|
| **Skeleton** | 로딩 스켈레톤 | `Button`, `Node` |
|
|
49
53
|
| **Spin** | 로딩 스피너 | - |
|
|
50
54
|
| **Switch** | 토글 스위치 | - |
|
package/README.md
CHANGED
|
@@ -42,9 +42,13 @@ Basic UI building blocks
|
|
|
42
42
|
| --------------- | ---------------------------- | ------------------------------------ |
|
|
43
43
|
| **Button** | Various button styles | - |
|
|
44
44
|
| **Checkbox** | Checkbox and checkbox groups | `Group` |
|
|
45
|
+
| **ColorPicker** | Color selection component | - |
|
|
45
46
|
| **FloatButton** | Floating action button | `BackTop` |
|
|
46
47
|
| **Input** | Input field component | `Search`, `TextArea` |
|
|
48
|
+
| **Popover** | Popover tooltip component | - |
|
|
47
49
|
| **Progress** | Progress indicator component | - |
|
|
50
|
+
| **Radio** | Radio button component | - |
|
|
51
|
+
| **Select** | Select dropdown component | - |
|
|
48
52
|
| **Skeleton** | Loading skeleton | `Button`, `Node` |
|
|
49
53
|
| **Spin** | Loading spinner | - |
|
|
50
54
|
| **Switch** | Toggle switch component | - |
|
package/dist/Menu.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as MenuProps, c as buildSelectionMap, i as MenuItem, l as findKey, n as MENU_CLASSNAMES, o as Props, r as Menu, s as SelectionMap, t as ClickEventHandler } from "./index-
|
|
1
|
+
import { a as MenuProps, c as buildSelectionMap, i as MenuItem, l as findKey, n as MENU_CLASSNAMES, o as Props, r as Menu, s as SelectionMap, t as ClickEventHandler } from "./index-D2igfkiF.mjs";
|
|
2
2
|
export { ClickEventHandler, MENU_CLASSNAMES, MenuItem, MenuProps, Props, SelectionMap, buildSelectionMap, Menu as default, findKey };
|
package/dist/Menu.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
-
import { d as buildSelectionMap, f as findKey, l as MENU_CLASSNAMES, u as Menu_default } from "./src-
|
|
3
|
+
import { d as buildSelectionMap, f as findKey, l as MENU_CLASSNAMES, u as Menu_default } from "./src-DZ7IYc6G.mjs";
|
|
4
4
|
import "./utils-CssUrKWE.mjs";
|
|
5
5
|
import "./Typography-GMk9208W.mjs";
|
|
6
6
|
import "./Reveals-mkV9B8lj.mjs";
|
package/dist/Reveals.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as Reveals, i as Props, n as DELAY, o as Item, r as DURATION, s as ItemProps, t as CASCADE } from "./index-
|
|
1
|
+
import { a as Reveals, i as Props, n as DELAY, o as Item, r as DURATION, s as ItemProps, t as CASCADE } from "./index-BbwB0IAD.mjs";
|
|
2
2
|
export { CASCADE, DELAY, DURATION, Item, ItemProps, Props as RevealsProps, Reveals as default };
|
package/dist/Typography.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as Paragraph, i as Text, n as Typography, o as Link, r as Title, t as Props } from "./index-
|
|
1
|
+
import { a as Paragraph, i as Text, n as Typography, o as Link, r as Title, t as Props } from "./index-BQHdyc27.mjs";
|
|
2
2
|
export { Link, Paragraph, Props, Text, Title, Typography as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/atoms/Typography/Link/index.d.ts
|
|
4
4
|
interface Props$4 extends React.ComponentPropsWithoutRef<'a'> {}
|
|
@@ -6,7 +6,7 @@ declare const Link: ({
|
|
|
6
6
|
children,
|
|
7
7
|
className,
|
|
8
8
|
...props
|
|
9
|
-
}: Props$4) =>
|
|
9
|
+
}: Props$4) => react_jsx_runtime8.JSX.Element;
|
|
10
10
|
//#endregion
|
|
11
11
|
//#region src/components/atoms/Typography/Paragraph/index.d.ts
|
|
12
12
|
interface Props$3 extends React.ComponentPropsWithoutRef<'p'> {}
|
|
@@ -14,7 +14,7 @@ declare const Paragraph: ({
|
|
|
14
14
|
children,
|
|
15
15
|
className,
|
|
16
16
|
...props
|
|
17
|
-
}: Props$3) =>
|
|
17
|
+
}: Props$3) => react_jsx_runtime8.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
//#region src/components/atoms/Typography/Text/index.d.ts
|
|
20
20
|
interface Props$2 extends React.ComponentPropsWithoutRef<'span'> {
|
|
@@ -27,7 +27,7 @@ declare const Text: ({
|
|
|
27
27
|
strong,
|
|
28
28
|
className,
|
|
29
29
|
...props
|
|
30
|
-
}: Props$2) =>
|
|
30
|
+
}: Props$2) => react_jsx_runtime8.JSX.Element;
|
|
31
31
|
//#endregion
|
|
32
32
|
//#region src/components/atoms/Typography/Title/index.d.ts
|
|
33
33
|
interface Props$1 extends React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> {
|
|
@@ -38,7 +38,7 @@ declare const Title: ({
|
|
|
38
38
|
level,
|
|
39
39
|
className,
|
|
40
40
|
...props
|
|
41
|
-
}: Props$1) =>
|
|
41
|
+
}: Props$1) => react_jsx_runtime8.JSX.Element;
|
|
42
42
|
//#endregion
|
|
43
43
|
//#region src/components/atoms/Typography/index.d.ts
|
|
44
44
|
interface Props extends React.ComponentPropsWithoutRef<'article'> {}
|
|
@@ -46,30 +46,30 @@ declare const Typography: {
|
|
|
46
46
|
({
|
|
47
47
|
children,
|
|
48
48
|
...props
|
|
49
|
-
}: Props):
|
|
49
|
+
}: Props): react_jsx_runtime8.JSX.Element;
|
|
50
50
|
Link: ({
|
|
51
51
|
children,
|
|
52
52
|
className,
|
|
53
53
|
...props
|
|
54
|
-
}: Props$4) =>
|
|
54
|
+
}: Props$4) => react_jsx_runtime8.JSX.Element;
|
|
55
55
|
Paragraph: ({
|
|
56
56
|
children,
|
|
57
57
|
className,
|
|
58
58
|
...props
|
|
59
|
-
}: Props$3) =>
|
|
59
|
+
}: Props$3) => react_jsx_runtime8.JSX.Element;
|
|
60
60
|
Text: ({
|
|
61
61
|
children,
|
|
62
62
|
underline,
|
|
63
63
|
strong,
|
|
64
64
|
className,
|
|
65
65
|
...props
|
|
66
|
-
}: Props$2) =>
|
|
66
|
+
}: Props$2) => react_jsx_runtime8.JSX.Element;
|
|
67
67
|
Title: ({
|
|
68
68
|
children,
|
|
69
69
|
level,
|
|
70
70
|
className,
|
|
71
71
|
...props
|
|
72
|
-
}: Props$1) =>
|
|
72
|
+
}: Props$1) => react_jsx_runtime8.JSX.Element;
|
|
73
73
|
};
|
|
74
74
|
//#endregion
|
|
75
75
|
export { Paragraph as a, Text as i, Typography as n, Link as o, Title as r, Props as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
2
2
|
import { MotionProps } from "motion/react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/molecules/Reveals/Item/index.d.ts
|
|
@@ -54,7 +54,7 @@ declare const Item: ({
|
|
|
54
54
|
transition,
|
|
55
55
|
className,
|
|
56
56
|
...props
|
|
57
|
-
}: ItemProps) =>
|
|
57
|
+
}: ItemProps) => react_jsx_runtime9.JSX.Element;
|
|
58
58
|
//#endregion
|
|
59
59
|
//#region src/components/molecules/Reveals/index.d.ts
|
|
60
60
|
interface Props extends React.ComponentPropsWithoutRef<'div'>, ItemProps {
|
|
@@ -79,7 +79,7 @@ declare const Reveals: {
|
|
|
79
79
|
duration,
|
|
80
80
|
delay,
|
|
81
81
|
...props
|
|
82
|
-
}: Props):
|
|
82
|
+
}: Props): react_jsx_runtime9.JSX.Element;
|
|
83
83
|
Item: ({
|
|
84
84
|
effect,
|
|
85
85
|
children,
|
|
@@ -91,7 +91,7 @@ declare const Reveals: {
|
|
|
91
91
|
transition,
|
|
92
92
|
className,
|
|
93
93
|
...props
|
|
94
|
-
}: ItemProps) =>
|
|
94
|
+
}: ItemProps) => react_jsx_runtime9.JSX.Element;
|
|
95
95
|
};
|
|
96
96
|
//#endregion
|
|
97
97
|
export { Reveals as a, Props as i, DELAY as n, Item as o, DURATION as r, ItemProps as s, CASCADE as t };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
2
2
|
|
|
3
3
|
//#region src/components/molecules/Menu/index.d.ts
|
|
4
4
|
interface MenuItem {
|
|
@@ -56,6 +56,6 @@ declare const Menu: ({
|
|
|
56
56
|
onClick,
|
|
57
57
|
onSelect: _onSelect,
|
|
58
58
|
...props
|
|
59
|
-
}: MenuProps) =>
|
|
59
|
+
}: MenuProps) => react_jsx_runtime1.JSX.Element;
|
|
60
60
|
//#endregion
|
|
61
61
|
export { MenuProps as a, buildSelectionMap as c, MenuItem as i, findKey as l, MENU_CLASSNAMES as n, Props as o, Menu as r, SelectionMap as s, ClickEventHandler as t };
|
package/dist/index.d.mts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { n as Typography } from "./index-
|
|
2
|
-
import { a as MenuProps, r as Menu } from "./index-
|
|
3
|
-
import { a as Reveals } from "./index-
|
|
1
|
+
import { n as Typography } from "./index-BQHdyc27.mjs";
|
|
2
|
+
import { a as MenuProps, r as Menu } from "./index-D2igfkiF.mjs";
|
|
3
|
+
import { a as Reveals } from "./index-BbwB0IAD.mjs";
|
|
4
4
|
import * as React$2 from "react";
|
|
5
5
|
import React$1, { MouseEvent } from "react";
|
|
6
6
|
import "@radix-ui/react-accordion";
|
|
7
|
-
import * as
|
|
7
|
+
import * as react_jsx_runtime62 from "react/jsx-runtime";
|
|
8
8
|
import { VariantProps } from "class-variance-authority";
|
|
9
9
|
import "@radix-ui/react-checkbox";
|
|
10
10
|
import "@radix-ui/react-dialog";
|
|
@@ -37,12 +37,12 @@ type Props$26 = React$2.ComponentProps<'button'> & VariantProps<typeof buttonVar
|
|
|
37
37
|
declare function RadioGroup$1({
|
|
38
38
|
className,
|
|
39
39
|
...props
|
|
40
|
-
}: React$2.ComponentProps<typeof RadioGroup.Root>):
|
|
40
|
+
}: React$2.ComponentProps<typeof RadioGroup.Root>): react_jsx_runtime62.JSX.Element;
|
|
41
41
|
//#endregion
|
|
42
42
|
//#region src/core/select.d.ts
|
|
43
43
|
declare function Select$2({
|
|
44
44
|
...props
|
|
45
|
-
}: React$2.ComponentProps<typeof Select$1.Root>):
|
|
45
|
+
}: React$2.ComponentProps<typeof Select$1.Root>): react_jsx_runtime62.JSX.Element;
|
|
46
46
|
//#endregion
|
|
47
47
|
//#region src/components/atoms/Button/index.d.ts
|
|
48
48
|
type ButtonProps = Props$26;
|
|
@@ -72,7 +72,7 @@ declare const Button: ({
|
|
|
72
72
|
children,
|
|
73
73
|
onMouseDown,
|
|
74
74
|
...props
|
|
75
|
-
}: Props$25) =>
|
|
75
|
+
}: Props$25) => react_jsx_runtime62.JSX.Element;
|
|
76
76
|
//#endregion
|
|
77
77
|
//#region src/components/atoms/Checkbox/Group/index.d.ts
|
|
78
78
|
type Option$1 = {
|
|
@@ -115,7 +115,7 @@ declare const Checkbox: {
|
|
|
115
115
|
checked: _checked,
|
|
116
116
|
onChange: _onChange,
|
|
117
117
|
...props
|
|
118
|
-
}: Props$23):
|
|
118
|
+
}: Props$23): react_jsx_runtime62.JSX.Element;
|
|
119
119
|
Group: ({
|
|
120
120
|
direction,
|
|
121
121
|
placement,
|
|
@@ -125,7 +125,7 @@ declare const Checkbox: {
|
|
|
125
125
|
defaultValue,
|
|
126
126
|
value: _value,
|
|
127
127
|
onChange: _onChange
|
|
128
|
-
}: Props$24) =>
|
|
128
|
+
}: Props$24) => react_jsx_runtime62.JSX.Element;
|
|
129
129
|
};
|
|
130
130
|
//#endregion
|
|
131
131
|
//#region src/components/atoms/ColorPicker/index.d.ts
|
|
@@ -140,7 +140,7 @@ declare const ColorPicker: ({
|
|
|
140
140
|
value: _value,
|
|
141
141
|
showText,
|
|
142
142
|
onChange: _onChange
|
|
143
|
-
}: Props$22) =>
|
|
143
|
+
}: Props$22) => react_jsx_runtime62.JSX.Element;
|
|
144
144
|
//#endregion
|
|
145
145
|
//#region src/components/atoms/FloatButton/BackTop/index.d.ts
|
|
146
146
|
interface Props$21 extends Props$25 {
|
|
@@ -155,13 +155,13 @@ declare const FloatButton: {
|
|
|
155
155
|
className,
|
|
156
156
|
children,
|
|
157
157
|
...props
|
|
158
|
-
}: Props$20):
|
|
158
|
+
}: Props$20): react_jsx_runtime62.JSX.Element;
|
|
159
159
|
BackTop: ({
|
|
160
160
|
visibilityHeight,
|
|
161
161
|
className,
|
|
162
162
|
onClick,
|
|
163
163
|
...props
|
|
164
|
-
}: Props$21) =>
|
|
164
|
+
}: Props$21) => react_jsx_runtime62.JSX.Element;
|
|
165
165
|
};
|
|
166
166
|
//#endregion
|
|
167
167
|
//#region src/components/atoms/Input/Search/index.d.ts
|
|
@@ -179,7 +179,7 @@ interface Props$19 extends React.ComponentPropsWithRef<'input'> {
|
|
|
179
179
|
declare const Input: {
|
|
180
180
|
({
|
|
181
181
|
...props
|
|
182
|
-
}: React.ComponentPropsWithoutRef<"input">):
|
|
182
|
+
}: React.ComponentPropsWithoutRef<"input">): react_jsx_runtime62.JSX.Element;
|
|
183
183
|
Search: {
|
|
184
184
|
({
|
|
185
185
|
ref,
|
|
@@ -190,14 +190,14 @@ declare const Input: {
|
|
|
190
190
|
onChange,
|
|
191
191
|
onSearch: _onSearch,
|
|
192
192
|
...props
|
|
193
|
-
}: Props$19):
|
|
193
|
+
}: Props$19): react_jsx_runtime62.JSX.Element;
|
|
194
194
|
displayName: string;
|
|
195
195
|
};
|
|
196
196
|
TextArea: ({
|
|
197
197
|
className,
|
|
198
198
|
ref,
|
|
199
199
|
...props
|
|
200
|
-
}: React.ComponentPropsWithRef<"textarea">) =>
|
|
200
|
+
}: React.ComponentPropsWithRef<"textarea">) => react_jsx_runtime62.JSX.Element;
|
|
201
201
|
};
|
|
202
202
|
//#endregion
|
|
203
203
|
//#region src/components/atoms/Popover/index.d.ts
|
|
@@ -213,7 +213,7 @@ declare const Popover: ({
|
|
|
213
213
|
className,
|
|
214
214
|
content,
|
|
215
215
|
children
|
|
216
|
-
}: Props$18) =>
|
|
216
|
+
}: Props$18) => react_jsx_runtime62.JSX.Element;
|
|
217
217
|
//#endregion
|
|
218
218
|
//#region src/components/atoms/Progress/index.d.ts
|
|
219
219
|
interface Props$17 extends React.ComponentPropsWithoutRef<'div'> {
|
|
@@ -229,14 +229,14 @@ declare const Progress: ({
|
|
|
229
229
|
className,
|
|
230
230
|
direction,
|
|
231
231
|
classNames
|
|
232
|
-
}: Props$17) =>
|
|
232
|
+
}: Props$17) => react_jsx_runtime62.JSX.Element;
|
|
233
233
|
//#endregion
|
|
234
234
|
//#region src/components/atoms/Radio/index.d.ts
|
|
235
235
|
declare const Core$1: typeof RadioGroup$1;
|
|
236
236
|
interface Props$16 extends React.ComponentPropsWithoutRef<typeof Core$1> {}
|
|
237
237
|
declare const Radio: ({
|
|
238
238
|
children
|
|
239
|
-
}: Props$16) =>
|
|
239
|
+
}: Props$16) => react_jsx_runtime62.JSX.Element;
|
|
240
240
|
//#endregion
|
|
241
241
|
//#region src/components/atoms/Select/index.d.ts
|
|
242
242
|
declare const Core: typeof Select$2;
|
|
@@ -260,7 +260,7 @@ declare const Select: ({
|
|
|
260
260
|
options,
|
|
261
261
|
onChange,
|
|
262
262
|
...props
|
|
263
|
-
}: Props$15) =>
|
|
263
|
+
}: Props$15) => react_jsx_runtime62.JSX.Element;
|
|
264
264
|
//#endregion
|
|
265
265
|
//#region src/components/atoms/Skeleton/index.d.ts
|
|
266
266
|
interface Props$14 extends React.ComponentPropsWithoutRef<'div'> {
|
|
@@ -295,15 +295,15 @@ declare const Skeleton: {
|
|
|
295
295
|
height,
|
|
296
296
|
children,
|
|
297
297
|
...props
|
|
298
|
-
}: Props$14): string | number | bigint | boolean |
|
|
298
|
+
}: Props$14): string | number | bigint | boolean | Iterable<React$2.ReactNode> | Promise<string | number | bigint | boolean | React$2.ReactPortal | React$2.ReactElement<unknown, string | React$2.JSXElementConstructor<any>> | Iterable<React$2.ReactNode> | null | undefined> | react_jsx_runtime62.JSX.Element | null | undefined;
|
|
299
299
|
Button: ({
|
|
300
300
|
className,
|
|
301
301
|
...props
|
|
302
|
-
}: Props$14) =>
|
|
302
|
+
}: Props$14) => react_jsx_runtime62.JSX.Element;
|
|
303
303
|
Node: ({
|
|
304
304
|
className,
|
|
305
305
|
...props
|
|
306
|
-
}: Props$14) =>
|
|
306
|
+
}: Props$14) => react_jsx_runtime62.JSX.Element;
|
|
307
307
|
};
|
|
308
308
|
//#endregion
|
|
309
309
|
//#region src/components/atoms/Spin/index.d.ts
|
|
@@ -314,7 +314,7 @@ declare const Spin: ({
|
|
|
314
314
|
spinning,
|
|
315
315
|
className,
|
|
316
316
|
...props
|
|
317
|
-
}: Props$13) =>
|
|
317
|
+
}: Props$13) => react_jsx_runtime62.JSX.Element | null;
|
|
318
318
|
//#endregion
|
|
319
319
|
//#region src/components/atoms/Switch/index.d.ts
|
|
320
320
|
interface Props$12 extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange'> {
|
|
@@ -334,7 +334,7 @@ declare const Switch: ({
|
|
|
334
334
|
checked: _checked,
|
|
335
335
|
onChange: _onChange,
|
|
336
336
|
...props
|
|
337
|
-
}: Props$12) =>
|
|
337
|
+
}: Props$12) => react_jsx_runtime62.JSX.Element;
|
|
338
338
|
//#endregion
|
|
339
339
|
//#region src/components/molecules/Card/index.d.ts
|
|
340
340
|
interface Props$11 extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
|
|
@@ -352,7 +352,7 @@ declare const Card: ({
|
|
|
352
352
|
classNames,
|
|
353
353
|
variant,
|
|
354
354
|
...props
|
|
355
|
-
}: Props$11) =>
|
|
355
|
+
}: Props$11) => react_jsx_runtime62.JSX.Element;
|
|
356
356
|
//#endregion
|
|
357
357
|
//#region src/components/molecules/Collapse/index.d.ts
|
|
358
358
|
interface Item {
|
|
@@ -383,7 +383,7 @@ declare const Collapse: ({
|
|
|
383
383
|
defaultActiveKey,
|
|
384
384
|
activeKey: _activeKey,
|
|
385
385
|
onChange: _onChange
|
|
386
|
-
}: Props$10) =>
|
|
386
|
+
}: Props$10) => react_jsx_runtime62.JSX.Element;
|
|
387
387
|
//#endregion
|
|
388
388
|
//#region src/components/molecules/Dropdown/index.d.ts
|
|
389
389
|
type ChangeEventHandler = (open: boolean) => void;
|
|
@@ -401,7 +401,7 @@ declare const Dropdown: ({
|
|
|
401
401
|
open: _open,
|
|
402
402
|
onOpenChange: _onOpenChange,
|
|
403
403
|
...props
|
|
404
|
-
}: Props$9) =>
|
|
404
|
+
}: Props$9) => react_jsx_runtime62.JSX.Element;
|
|
405
405
|
//#endregion
|
|
406
406
|
//#region src/components/molecules/Marquees/Item/index.d.ts
|
|
407
407
|
interface ItemProps {
|
|
@@ -431,7 +431,7 @@ declare const Marquees: {
|
|
|
431
431
|
pauseOnHover,
|
|
432
432
|
autoFill,
|
|
433
433
|
...props
|
|
434
|
-
}: Props$7):
|
|
434
|
+
}: Props$7): react_jsx_runtime62.JSX.Element;
|
|
435
435
|
Item: ({
|
|
436
436
|
width: _width,
|
|
437
437
|
speed,
|
|
@@ -439,7 +439,7 @@ declare const Marquees: {
|
|
|
439
439
|
pause: _pause,
|
|
440
440
|
pauseOnHover,
|
|
441
441
|
children
|
|
442
|
-
}: Props$8) =>
|
|
442
|
+
}: Props$8) => react_jsx_runtime62.JSX.Element;
|
|
443
443
|
};
|
|
444
444
|
//#endregion
|
|
445
445
|
//#region src/components/molecules/Space/index.d.ts
|
|
@@ -470,7 +470,7 @@ declare const Space: ({
|
|
|
470
470
|
hidden,
|
|
471
471
|
style,
|
|
472
472
|
...props
|
|
473
|
-
}: Props$6) =>
|
|
473
|
+
}: Props$6) => react_jsx_runtime62.JSX.Element;
|
|
474
474
|
//#endregion
|
|
475
475
|
//#region src/components/organisms/Drawer/index.d.ts
|
|
476
476
|
interface Props$5 {
|
|
@@ -520,7 +520,7 @@ declare const Drawer: ({
|
|
|
520
520
|
container,
|
|
521
521
|
onClose,
|
|
522
522
|
...props
|
|
523
|
-
}: Props$5) =>
|
|
523
|
+
}: Props$5) => react_jsx_runtime62.JSX.Element | null;
|
|
524
524
|
//#endregion
|
|
525
525
|
//#region src/components/organisms/List/index.d.ts
|
|
526
526
|
interface Props$4<T> extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
@@ -559,12 +559,12 @@ declare const List: {
|
|
|
559
559
|
classNames,
|
|
560
560
|
renderItem,
|
|
561
561
|
...props
|
|
562
|
-
}: Props$4<T>): string | number | bigint | true |
|
|
562
|
+
}: Props$4<T>): string | number | bigint | true | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime62.JSX.Element;
|
|
563
563
|
Item: ({
|
|
564
564
|
children,
|
|
565
565
|
className,
|
|
566
566
|
...props
|
|
567
|
-
}: React$1.ComponentPropsWithoutRef<"div">) =>
|
|
567
|
+
}: React$1.ComponentPropsWithoutRef<"div">) => react_jsx_runtime62.JSX.Element;
|
|
568
568
|
};
|
|
569
569
|
//#endregion
|
|
570
570
|
//#region src/components/organisms/Modal/index.d.ts
|
|
@@ -618,7 +618,7 @@ declare const Modal: {
|
|
|
618
618
|
onOk,
|
|
619
619
|
onCancel,
|
|
620
620
|
...props
|
|
621
|
-
}: Props$3):
|
|
621
|
+
}: Props$3): react_jsx_runtime62.JSX.Element | null;
|
|
622
622
|
destroy(id?: string): void;
|
|
623
623
|
destroyAll(): void;
|
|
624
624
|
info(props: StaticProps): string | undefined;
|
|
@@ -647,13 +647,13 @@ declare const Swiper: {
|
|
|
647
647
|
renderItem,
|
|
648
648
|
loadingClassName,
|
|
649
649
|
...props
|
|
650
|
-
}: Props$2<T>):
|
|
650
|
+
}: Props$2<T>): react_jsx_runtime62.JSX.Element;
|
|
651
651
|
Slide: {
|
|
652
652
|
({
|
|
653
653
|
children,
|
|
654
654
|
className,
|
|
655
655
|
...props
|
|
656
|
-
}: swiper_react0.SwiperSlideProps):
|
|
656
|
+
}: swiper_react0.SwiperSlideProps): react_jsx_runtime62.JSX.Element;
|
|
657
657
|
displayName: string;
|
|
658
658
|
};
|
|
659
659
|
};
|
|
@@ -668,27 +668,27 @@ declare const Layout: {
|
|
|
668
668
|
children,
|
|
669
669
|
className,
|
|
670
670
|
...props
|
|
671
|
-
}: Props):
|
|
671
|
+
}: Props): react_jsx_runtime62.JSX.Element;
|
|
672
672
|
Content: ({
|
|
673
673
|
children,
|
|
674
674
|
className,
|
|
675
675
|
...props
|
|
676
|
-
}: React.ComponentPropsWithoutRef<"div">) =>
|
|
676
|
+
}: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime62.JSX.Element;
|
|
677
677
|
Footer: ({
|
|
678
678
|
children,
|
|
679
679
|
className,
|
|
680
680
|
...props
|
|
681
|
-
}: React.ComponentPropsWithoutRef<"div">) =>
|
|
681
|
+
}: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime62.JSX.Element;
|
|
682
682
|
Header: ({
|
|
683
683
|
children,
|
|
684
684
|
className,
|
|
685
685
|
...props
|
|
686
|
-
}: Props$1) =>
|
|
686
|
+
}: Props$1) => react_jsx_runtime62.JSX.Element;
|
|
687
687
|
Sider: ({
|
|
688
688
|
children,
|
|
689
689
|
className,
|
|
690
690
|
...props
|
|
691
|
-
}: React.ComponentPropsWithoutRef<"div">) =>
|
|
691
|
+
}: React.ComponentPropsWithoutRef<"div">) => react_jsx_runtime62.JSX.Element;
|
|
692
692
|
};
|
|
693
693
|
//#endregion
|
|
694
694
|
export { Button, Card, Checkbox, Collapse, ColorPicker, Drawer, Dropdown, FloatButton, Input, Layout, List, Marquees, Menu, Modal, Popover, Progress, Radio, Reveals, Select, Skeleton, Space, Spin, Swiper, Switch, Typography };
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as ColorPicker_default, E as Button_default, S as FloatButton_default, T as Checkbox_default, _ as Skeleton_default, a as Drawer_default, b as Progress_default, c as Dropdown_default, g as Spin_default, h as Switch_default, i as List_default, m as Card_default, n as Swiper_default, o as Space_default, p as Collapse_default, r as Modal_default, s as Marquees_default, t as Layout_default, u as Menu_default, v as Select_default, w as Popover_default, x as Input_default, y as Radio_default } from "./src-
|
|
1
|
+
import { C as ColorPicker_default, E as Button_default, S as FloatButton_default, T as Checkbox_default, _ as Skeleton_default, a as Drawer_default, b as Progress_default, c as Dropdown_default, g as Spin_default, h as Switch_default, i as List_default, m as Card_default, n as Swiper_default, o as Space_default, p as Collapse_default, r as Modal_default, s as Marquees_default, t as Layout_default, u as Menu_default, v as Select_default, w as Popover_default, x as Input_default, y as Radio_default } from "./src-DZ7IYc6G.mjs";
|
|
2
2
|
import "./utils-CssUrKWE.mjs";
|
|
3
3
|
import { t as Typography_default } from "./Typography-GMk9208W.mjs";
|
|
4
4
|
import { i as Reveals_default } from "./Reveals-mkV9B8lj.mjs";
|
|
@@ -1220,14 +1220,14 @@ const { Progress: Core$4 } = progress_exports;
|
|
|
1220
1220
|
const Progress = ({ value, className, direction = "horizontal", classNames }) => {
|
|
1221
1221
|
const isHorizontal = direction === "horizontal";
|
|
1222
1222
|
const dimension = isHorizontal ? "width" : "height";
|
|
1223
|
-
const
|
|
1223
|
+
const normalizedValue = Number.isFinite(value) ? Math.min(100, Math.max(0, value)) : 0;
|
|
1224
1224
|
return /* @__PURE__ */ jsx(Core$4, {
|
|
1225
|
-
value,
|
|
1225
|
+
value: normalizedValue,
|
|
1226
1226
|
className: cn(isHorizontal ? "h-4 w-full" : "flex h-full w-4 flex-col justify-end", className, classNames?.background),
|
|
1227
1227
|
barClassName: cn("flex-none", classNames?.bar),
|
|
1228
1228
|
barStyle: {
|
|
1229
1229
|
transform: "none",
|
|
1230
|
-
[dimension]: `${
|
|
1230
|
+
[dimension]: `${normalizedValue}%`
|
|
1231
1231
|
}
|
|
1232
1232
|
});
|
|
1233
1233
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbpark/ui-kit",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.2",
|
|
4
4
|
"description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Radix UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|