@pantoia/ui 0.3.0 → 0.4.0

package/field/AGENTS.md

@@ -1,92 +0,0 @@
-# Field
-
-```
-받기   npx @pantoia/ui add field
-층     ui
-파일   field/index.tsx, field/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Field` | `FieldProps` |
-| `FieldLabel` | - |
-| `FieldHelp` | - |
-| `FieldError` | `FieldErrorProps` |
-| `FieldPending` | - |
-| `FieldSuccess` | - |
-
-### `FieldLabel`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `FieldHelp`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `FieldPending`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `FieldSuccess`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `FieldContext`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `id` | `string` | 예 |
-| `labelId` | `string` | 예 |
-| `messageId` | `string` | 예 |
-
-### `FieldControl`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `id` | `string` | 예 |
-| `aria-labelledby` | `string` | 예 |
-| `aria-invalid` | `'true' \| undefined` | 예 |
-| `aria-describedby` | `string` | 예 |
-
-### `FieldProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `invalid` | `boolean` |  |
-| `layout` | `'stack' \| 'inline' \| 'split'` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode \| ((args: { control: FieldControl }) => ReactNode)` |  |
-
-### `FieldErrorProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `items` | `string \| string[]` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `field`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `layout` | `stack`, `inline`, `split` | `stack` |
-
-## 함께 받는 것
-
-`label`, `tv`

package/input/AGENTS.md

@@ -1,35 +0,0 @@
-# Input
-
-```
-받기   npx @pantoia/ui add input
-층     ui
-파일   input/index.tsx, input/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Input` | `InputProps` |
-
-## props
-
-### `InputProps`
-
-`Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `surface` | `'bare' \| 'well'` |  |
-| `size` | `'sm' \| 'md' \| 'lg'` |  |
-
-## 변형 - `input`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `surface` | `bare`, `well` | `bare` |
-| `size` | `sm`, `md`, `lg` | `md` |
-
-## 함께 받는 것
-
-`tv`

package/kbd/AGENTS.md

@@ -1,17 +0,0 @@
-# Kbd
-
-```
-받기   npx @pantoia/ui add kbd
-층     ui
-파일   kbd/index.tsx, kbd/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Kbd` | `HTMLAttributes<HTMLElement>` |
-
-## 함께 받는 것
-
-`tv`

package/label/AGENTS.md

@@ -1,21 +0,0 @@
-# Label
-
-```
-받기   npx @pantoia/ui add label
-층     ui
-파일   label/index.tsx, label/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Label` | `ComponentProps<typeof LabelPrimitive.Root>` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/number-field/AGENTS.md

@@ -1,49 +0,0 @@
-# NumberField
-
-```
-받기   npx @pantoia/ui add number-field
-층     ui
-파일   number-field/index.tsx, number-field/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `NumberField` | `NumberFieldProps` |
-
-## props
-
-### `NumberFieldProps`
-
-`Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'min' | 'max' | 'step'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `number \| undefined` |  |
-| `defaultValue` | `number` |  |
-| `onValueChange` | `(value: number \| undefined) => void` |  |
-| `decrementLabel` | `string` | 예 |
-| `incrementLabel` | `string` | 예 |
-| `min` | `number` |  |
-| `max` | `number` |  |
-| `step` | `number` |  |
-| `surface` | `'bare' \| 'well'` |  |
-| `size` | `'sm' \| 'md' \| 'lg'` |  |
-| `disabled` | `boolean` |  |
-| `readOnly` | `boolean` |  |
-| `className` | `string` |  |
-
-## 변형 - `numberField`
-
-슬롯 `root`, `step`, `input`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `surface` | `bare`, `well` | `bare` |
-| `size` | `sm`, `md`, `lg` | `md` |
-| `readonly` | `true` | - |
-
-## 함께 받는 것
-
-`tv`

package/popover/AGENTS.md

@@ -1,64 +0,0 @@
-# Popover
-
-```
-받기   npx @pantoia/ui add popover
-층     ui
-파일   popover/index.tsx, popover/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Popover` | `PopoverProps` |
-| `PopoverTrigger` | - |
-| `PopoverAnchor` | - |
-| `PopoverClose` | - |
-| `PopoverContent` | `PopoverContentProps` |
-
-### `PopoverTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `PopoverAnchor`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `PopoverClose`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-## props
-
-### `PopoverProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `children` | `ReactNode` |  |
-
-### `PopoverContentProps`
-
-`Omit<ComponentProps<typeof PopoverPrimitive.Content>, 'side' | 'align'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `side` | `'top' \| 'right' \| 'bottom' \| 'left'` |  |
-| `align` | `'start' \| 'center' \| 'end'` |  |
-| `arrow` | `boolean` |  |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/radio-group/AGENTS.md

@@ -1,81 +0,0 @@
-# RadioGroup
-
-```
-받기   npx @pantoia/ui add radio-group
-층     ui
-파일   radio-group/index.tsx, radio-group/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `RadioGroup` | `RadioGroupProps` |
-| `RadioGroupItem` | `RadioGroupItemProps` |
-| `RadioGroupItemLabel` | - |
-| `RadioGroupItemDescription` | - |
-
-### `RadioGroupItemLabel`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `RadioGroupItemDescription`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `RadioColor`
-
-`'neutral' | 'info' | 'success' | 'warning' | 'danger'`
-
-### `RadioItemContext`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `id` | `string` | 예 |
-| `labelId` | `string` | 예 |
-| `descriptionId` | `string` | 예 |
-
-### `RadioGroupProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `defaultValue` | `string` |  |
-| `onValueChange` | `(value: string) => void` |  |
-| `color` | `RadioColor` |  |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `RadioGroupItemProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `radioGroupItem`
-
-슬롯 `root`, `control`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `neutral`, `info`, `success`, `warning`, `danger` | `neutral` |
-
-## 함께 받는 것
-
-`label`, `tv`
-
-## npm 의존
-
-`radix-ui`

package/select/AGENTS.md

@@ -1,90 +0,0 @@
-# Select
-
-```
-받기   npx @pantoia/ui add select
-층     ui
-파일   select/index.tsx, select/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Select` | `SelectProps` |
-| `SelectGroup` | - |
-| `SelectItem` | - |
-| `SelectItemText` | - |
-| `SelectItemDescription` | - |
-| `SelectSeparator` | - |
-
-### `SelectGroup`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `SelectItem`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `SelectItemText`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `SelectItemDescription`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `SelectSeparator`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-
-## props
-
-### `SelectProps`
-
-`Omit<ComponentProps<typeof SelectPrimitive.Trigger>, 'value' | 'defaultValue' | 'dir'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `defaultValue` | `string` |  |
-| `onValueChange` | `(value: string) => void` |  |
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `placeholder` | `string` |  |
-| `surface` | `'bare' \| 'well'` |  |
-| `size` | `'sm' \| 'md' \| 'lg'` |  |
-| `arrow` | `boolean` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `selectTrigger`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `surface` | `bare`, `well` | `bare` |
-| `size` | `sm`, `md`, `lg` | `md` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/switch/AGENTS.md

@@ -1,37 +0,0 @@
-# Switch
-
-```
-받기   npx @pantoia/ui add switch
-층     ui
-파일   switch/index.tsx, switch/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Switch` | `SwitchProps` |
-
-## props
-
-### `SwitchProps`
-
-`ComponentProps<typeof SwitchPrimitive.Root>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `color` | `'neutral' \| 'info' \| 'success' \| 'warning' \| 'danger'` |  |
-
-## 변형 - `uiSwitch`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `neutral`, `info`, `success`, `warning`, `danger` | `neutral` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/table/AGENTS.md

@@ -1,82 +0,0 @@
-# Table
-
-```
-받기   npx @pantoia/ui add table
-층     ui
-파일   table/index.tsx, table/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Table` | `TableProps` |
-| `TableHeader` | - |
-| `TableHeadCell` | - |
-| `TableBody` | - |
-| `TableRow` | - |
-| `TableCell` | `TableCellProps` |
-
-### `TableHeader`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `TableHeadCell`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `TableBody`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `TableRow`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `TableProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` | 예 |
-| `fixed` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `TableCellProps`
-
-`TdHTMLAttributes<HTMLTableCellElement>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `mono` | `boolean` |  |
-| `clamp` | `boolean` |  |
-
-## 변형 - `table`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `fixed` | `true` | - |
-
-## 변형 - `tableCell`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `mono` | `true`, `false` | `false` |
-
-## 함께 받는 것
-
-`tv`

package/tabs/AGENTS.md

@@ -1,61 +0,0 @@
-# Tabs
-
-```
-받기   npx @pantoia/ui add tabs
-층     ui
-파일   tabs/index.tsx, tabs/index.module.css, tabs/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Tabs` | `TabsProps` |
-| `TabsList` | - |
-| `TabsTrigger` | - |
-| `TabsContent` | - |
-
-### `TabsList`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `TabsTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `TabsContent`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `forceMount` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `TabsProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `defaultValue` | `string` |  |
-| `onValueChange` | `(value: string) => void` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/test-utils.ts

@@ -1,10 +0,0 @@
-export { act, cleanup, fireEvent, render, renderHook, screen, waitFor, within } from '@testing-library/react'
-export { default as userEvent } from '@testing-library/user-event'
-
-export function cls(el: Element | null): string[] {
-  return (el?.getAttribute('class') ?? '').split(/\s+/).filter(Boolean)
-}
-
-export function has(el: Element | null, needle: string): boolean {
-  return cls(el).some(part => part.includes(needle))
-}

package/textarea/AGENTS.md

@@ -1,35 +0,0 @@
-# Textarea
-
-```
-받기   npx @pantoia/ui add textarea
-층     ui
-파일   textarea/index.tsx, textarea/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Textarea` | `TextareaProps` |
-
-## props
-
-### `TextareaProps`
-
-`TextareaHTMLAttributes<HTMLTextAreaElement>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `surface` | `'bare' \| 'well'` |  |
-| `size` | `'sm' \| 'md' \| 'lg'` |  |
-
-## 변형 - `textarea`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `surface` | `bare`, `well` | `bare` |
-| `size` | `sm`, `md`, `lg` | `md` |
-
-## 함께 받는 것
-
-`tv`

package/toast/AGENTS.md

@@ -1,34 +0,0 @@
-# Toast
-
-```
-받기   npx @pantoia/ui add toast
-층     ui
-파일   toast/index.tsx, toast/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Toast` | `ToastProps` |
-
-## props
-
-### `ToastProps`
-
-`Omit<ComponentProps<typeof SonnerToaster>, 'id' | 'position' | 'duration' | 'expand'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `toasterId` | `string` |  |
-| `position` | `'top-left' \| 'top-center' \| 'top-right' \| 'bottom-left' \| 'bottom-center' \| 'bottom-right'` |  |
-| `duration` | `number` |  |
-| `expand` | `boolean` |  |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`sonner`