@pantoia/ui 0.2.0 → 0.4.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 (66) hide show
  1. package/accordion/index.module.css +4 -4
  2. package/accordion/index.tsx +30 -58
  3. package/alert-dialog/index.tsx +38 -44
  4. package/badge/index.tsx +2 -2
  5. package/button/index.tsx +31 -30
  6. package/callout/index.tsx +29 -8
  7. package/checkbox/index.tsx +24 -88
  8. package/combobox/index.tsx +133 -323
  9. package/command-palette/index.tsx +55 -34
  10. package/dialog/index.tsx +30 -26
  11. package/dist/index.js +155 -27
  12. package/drawer/index.module.css +2 -2
  13. package/drawer/index.tsx +54 -132
  14. package/dropdown-menu/index.tsx +95 -100
  15. package/field/index.tsx +43 -94
  16. package/input/index.tsx +13 -9
  17. package/kbd/index.tsx +2 -2
  18. package/label/index.tsx +7 -9
  19. package/number-field/index.tsx +129 -176
  20. package/package.json +12 -15
  21. package/palette.css +114 -0
  22. package/popover/index.tsx +62 -33
  23. package/radio-group/index.tsx +36 -39
  24. package/registry.json +65 -169
  25. package/select/index.tsx +154 -76
  26. package/switch/index.tsx +13 -6
  27. package/table/index.tsx +5 -6
  28. package/tabs/index.module.css +5 -3
  29. package/tabs/index.tsx +26 -77
  30. package/tailwind.css +3 -0
  31. package/textarea/index.tsx +25 -13
  32. package/toast/index.module.css +187 -0
  33. package/toast/index.tsx +141 -46
  34. package/toggle/index.tsx +8 -7
  35. package/{styles.css → tokens.css} +82 -303
  36. package/tooltip/index.tsx +62 -31
  37. package/tv.ts +0 -1
  38. package/utilities.css +124 -0
  39. package/accordion/AGENTS.md +0 -60
  40. package/alert-dialog/AGENTS.md +0 -78
  41. package/badge/AGENTS.md +0 -35
  42. package/button/AGENTS.md +0 -39
  43. package/callout/AGENTS.md +0 -41
  44. package/checkbox/AGENTS.md +0 -54
  45. package/combobox/AGENTS.md +0 -150
  46. package/command-palette/AGENTS.md +0 -45
  47. package/dialog/AGENTS.md +0 -81
  48. package/drawer/AGENTS.md +0 -66
  49. package/dropdown-menu/AGENTS.md +0 -133
  50. package/field/AGENTS.md +0 -96
  51. package/input/AGENTS.md +0 -35
  52. package/kbd/AGENTS.md +0 -17
  53. package/label/AGENTS.md +0 -21
  54. package/number-field/AGENTS.md +0 -53
  55. package/popover/AGENTS.md +0 -64
  56. package/press.css +0 -37
  57. package/radio-group/AGENTS.md +0 -81
  58. package/select/AGENTS.md +0 -90
  59. package/switch/AGENTS.md +0 -37
  60. package/table/AGENTS.md +0 -82
  61. package/tabs/AGENTS.md +0 -60
  62. package/test-utils.ts +0 -10
  63. package/textarea/AGENTS.md +0 -35
  64. package/toast/AGENTS.md +0 -34
  65. package/toggle/AGENTS.md +0 -37
  66. package/tooltip/AGENTS.md +0 -50
package/switch/AGENTS.md DELETED
@@ -1,37 +0,0 @@
1
- # Switch
2
-
3
- ```
4
- 받기 npx @pantoia/ui add switch
5
- 층 ui
6
- 파일 switch/index.tsx, switch/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Switch` | `SwitchProps` |
14
-
15
- ## props
16
-
17
- ### `SwitchProps`
18
-
19
- `ComponentProps<typeof SwitchPrimitive.Root>` 를 확장한다.
20
-
21
- | 이름 | 타입 | 필수 |
22
- |---|---|---|
23
- | `color` | `'neutral' \| 'info' \| 'success' \| 'warning' \| 'danger'` | |
24
-
25
- ## 변형 - `uiSwitch`
26
-
27
- | 축 | 값 | 기본 |
28
- |---|---|---|
29
- | `color` | `neutral`, `info`, `success`, `warning`, `danger` | `neutral` |
30
-
31
- ## 함께 받는 것
32
-
33
- `tv`
34
-
35
- ## npm 의존
36
-
37
- `radix-ui`
package/table/AGENTS.md DELETED
@@ -1,82 +0,0 @@
1
- # Table
2
-
3
- ```
4
- 받기 npx @pantoia/ui add table
5
- 층 ui
6
- 파일 table/index.tsx, table/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Table` | `TableProps` |
14
- | `TableHeader` | - |
15
- | `TableHeadCell` | - |
16
- | `TableBody` | - |
17
- | `TableRow` | - |
18
- | `TableCell` | `TableCellProps` |
19
-
20
- ### `TableHeader`
21
-
22
- | 이름 | 타입 | 필수 |
23
- |---|---|---|
24
- | `className` | `string` | |
25
- | `children` | `ReactNode` | |
26
-
27
- ### `TableHeadCell`
28
-
29
- | 이름 | 타입 | 필수 |
30
- |---|---|---|
31
- | `className` | `string` | |
32
- | `children` | `ReactNode` | |
33
-
34
- ### `TableBody`
35
-
36
- | 이름 | 타입 | 필수 |
37
- |---|---|---|
38
- | `className` | `string` | |
39
- | `children` | `ReactNode` | |
40
-
41
- ### `TableRow`
42
-
43
- | 이름 | 타입 | 필수 |
44
- |---|---|---|
45
- | `className` | `string` | |
46
- | `children` | `ReactNode` | |
47
-
48
- ## props
49
-
50
- ### `TableProps`
51
-
52
- | 이름 | 타입 | 필수 |
53
- |---|---|---|
54
- | `label` | `string` | 예 |
55
- | `fixed` | `boolean` | |
56
- | `className` | `string` | |
57
- | `children` | `ReactNode` | |
58
-
59
- ### `TableCellProps`
60
-
61
- `TdHTMLAttributes<HTMLTableCellElement>` 를 확장한다.
62
-
63
- | 이름 | 타입 | 필수 |
64
- |---|---|---|
65
- | `mono` | `boolean` | |
66
- | `clamp` | `boolean` | |
67
-
68
- ## 변형 - `table`
69
-
70
- | 축 | 값 | 기본 |
71
- |---|---|---|
72
- | `fixed` | `true` | - |
73
-
74
- ## 변형 - `tableCell`
75
-
76
- | 축 | 값 | 기본 |
77
- |---|---|---|
78
- | `mono` | `true`, `false` | `false` |
79
-
80
- ## 함께 받는 것
81
-
82
- `tv`
package/tabs/AGENTS.md DELETED
@@ -1,60 +0,0 @@
1
- # Tabs
2
-
3
- ```
4
- 받기 npx @pantoia/ui add tabs
5
- 층 ui
6
- 파일 tabs/index.tsx, tabs/index.module.css, tabs/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Tabs` | `TabsProps` |
14
- | `TabsList` | - |
15
- | `TabsTrigger` | - |
16
- | `TabsContent` | - |
17
-
18
- ### `TabsList`
19
-
20
- | 이름 | 타입 | 필수 |
21
- |---|---|---|
22
- | `className` | `string` | |
23
- | `children` | `ReactNode` | |
24
-
25
- ### `TabsTrigger`
26
-
27
- | 이름 | 타입 | 필수 |
28
- |---|---|---|
29
- | `value` | `string` | 예 |
30
- | `disabled` | `boolean` | |
31
- | `className` | `string` | |
32
- | `children` | `ReactNode` | |
33
-
34
- ### `TabsContent`
35
-
36
- | 이름 | 타입 | 필수 |
37
- |---|---|---|
38
- | `value` | `string` | 예 |
39
- | `className` | `string` | |
40
- | `children` | `ReactNode` | |
41
-
42
- ## props
43
-
44
- ### `TabsProps`
45
-
46
- | 이름 | 타입 | 필수 |
47
- |---|---|---|
48
- | `value` | `string` | |
49
- | `defaultValue` | `string` | |
50
- | `onValueChange` | `(value: string) => void` | |
51
- | `className` | `string` | |
52
- | `children` | `ReactNode` | |
53
-
54
- ## 함께 받는 것
55
-
56
- `tv`
57
-
58
- ## npm 의존
59
-
60
- `radix-ui`
package/test-utils.ts DELETED
@@ -1,10 +0,0 @@
1
- export { act, cleanup, fireEvent, render, renderHook, screen, waitFor, within } from '@testing-library/react'
2
- export { default as userEvent } from '@testing-library/user-event'
3
-
4
- export function cls(el: Element | null): string[] {
5
- return (el?.getAttribute('class') ?? '').split(/\s+/).filter(Boolean)
6
- }
7
-
8
- export function has(el: Element | null, needle: string): boolean {
9
- return cls(el).some(part => part.includes(needle))
10
- }
package/textarea/AGENTS.md DELETED
@@ -1,35 +0,0 @@
1
- # Textarea
2
-
3
- ```
4
- 받기 npx @pantoia/ui add textarea
5
- 층 ui
6
- 파일 textarea/index.tsx, textarea/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Textarea` | `TextareaProps` |
14
-
15
- ## props
16
-
17
- ### `TextareaProps`
18
-
19
- `TextareaHTMLAttributes<HTMLTextAreaElement>` 를 확장한다.
20
-
21
- | 이름 | 타입 | 필수 |
22
- |---|---|---|
23
- | `surface` | `'bare' \| 'well'` | |
24
- | `size` | `'sm' \| 'md' \| 'lg'` | |
25
-
26
- ## 변형 - `textarea`
27
-
28
- | 축 | 값 | 기본 |
29
- |---|---|---|
30
- | `surface` | `bare`, `well` | `bare` |
31
- | `size` | `sm`, `md`, `lg` | `md` |
32
-
33
- ## 함께 받는 것
34
-
35
- `tv`
package/toast/AGENTS.md DELETED
@@ -1,34 +0,0 @@
1
- # Toast
2
-
3
- ```
4
- 받기 npx @pantoia/ui add toast
5
- 층 ui
6
- 파일 toast/index.tsx, toast/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Toast` | `ToastProps` |
14
-
15
- ## props
16
-
17
- ### `ToastProps`
18
-
19
- `Omit<ComponentProps<typeof SonnerToaster>, 'id' | 'position' | 'duration' | 'expand'>` 를 확장한다.
20
-
21
- | 이름 | 타입 | 필수 |
22
- |---|---|---|
23
- | `toasterId` | `string` | |
24
- | `position` | `'top-left' \| 'top-center' \| 'top-right' \| 'bottom-left' \| 'bottom-center' \| 'bottom-right'` | |
25
- | `duration` | `number` | |
26
- | `expand` | `boolean` | |
27
-
28
- ## 함께 받는 것
29
-
30
- `tv`
31
-
32
- ## npm 의존
33
-
34
- `sonner`
package/toggle/AGENTS.md DELETED
@@ -1,37 +0,0 @@
1
- # Toggle
2
-
3
- ```
4
- 받기 npx @pantoia/ui add toggle
5
- 층 ui
6
- 파일 toggle/index.tsx, toggle/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Toggle` | `ToggleProps` |
14
-
15
- ## props
16
-
17
- ### `ToggleProps`
18
-
19
- `ComponentProps<typeof TogglePrimitive.Root>` 를 확장한다.
20
-
21
- | 이름 | 타입 | 필수 |
22
- |---|---|---|
23
- | `surface` | `'bare' \| 'well' \| 'panel'` | |
24
-
25
- ## 변형 - `toggle`
26
-
27
- | 축 | 값 | 기본 |
28
- |---|---|---|
29
- | `surface` | `bare`, `well`, `panel` | `bare` |
30
-
31
- ## 함께 받는 것
32
-
33
- `tv`
34
-
35
- ## npm 의존
36
-
37
- `radix-ui`
package/tooltip/AGENTS.md DELETED
@@ -1,50 +0,0 @@
1
- # Tooltip
2
-
3
- ```
4
- 받기 npx @pantoia/ui add tooltip
5
- 층 ui
6
- 파일 tooltip/index.tsx, tooltip/AGENTS.md
7
- ```
8
-
9
- ## 부위
10
-
11
- | 이름 | props |
12
- |---|---|
13
- | `Tooltip` | `TooltipProps` |
14
- | `TooltipTrigger` | - |
15
- | `TooltipContent` | `TooltipContentProps` |
16
-
17
- ### `TooltipTrigger`
18
-
19
- | 이름 | 타입 | 필수 |
20
- |---|---|---|
21
- | `children` | `ReactNode` | 예 |
22
-
23
- ## props
24
-
25
- ### `TooltipProps`
26
-
27
- | 이름 | 타입 | 필수 |
28
- |---|---|---|
29
- | `open` | `boolean` | |
30
- | `defaultOpen` | `boolean` | |
31
- | `onOpenChange` | `(open: boolean) => void` | |
32
- | `delay` | `number` | |
33
- | `children` | `ReactNode` | |
34
-
35
- ### `TooltipContentProps`
36
-
37
- `Omit<ComponentProps<typeof TooltipPrimitive.Content>, 'side'>` 를 확장한다.
38
-
39
- | 이름 | 타입 | 필수 |
40
- |---|---|---|
41
- | `side` | `'top' \| 'right' \| 'bottom' \| 'left'` | |
42
- | `arrow` | `boolean` | |
43
-
44
- ## 함께 받는 것
45
-
46
- `tv`
47
-
48
- ## npm 의존
49
-
50
- `radix-ui`