@pantoia/ui 0.3.0 → 0.4.0

package/alert-dialog/AGENTS.md

@@ -1,78 +0,0 @@
-# AlertDialog
-
-```
-받기   npx @pantoia/ui add alert-dialog
-층     ui
-파일   alert-dialog/index.tsx, alert-dialog/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `AlertDialog` | `AlertDialogProps` |
-| `AlertDialogTrigger` | - |
-| `AlertDialogContent` | `ComponentProps<typeof AlertDialogPrimitive.Content>` |
-| `AlertDialogTitle` | `ComponentProps<typeof AlertDialogPrimitive.Title>` |
-| `AlertDialogDescription` | `ComponentProps<typeof AlertDialogPrimitive.Description>` |
-| `AlertDialogHeader` | `AlertDialogHeaderProps` |
-| `AlertDialogFooter` | - |
-| `AlertDialogAction` | - |
-| `AlertDialogCancel` | - |
-
-### `AlertDialogTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `AlertDialogFooter`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `AlertDialogAction`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `color` | `'neutral' \| 'brand' \| 'danger'` |  |
-| `onClick` | `() => void` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `AlertDialogCancel`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `AlertDialogProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `children` | `ReactNode` |  |
-
-### `AlertDialogHeaderProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `lead` | `ReactNode` |  |
-| `trail` | `ReactNode` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 함께 받는 것
-
-`button`, `tv`
-
-## npm 의존
-
-`radix-ui`

package/badge/AGENTS.md

@@ -1,35 +0,0 @@
-# Badge
-
-```
-받기   npx @pantoia/ui add badge
-층     ui
-파일   badge/index.tsx, badge/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Badge` | `BadgeProps` |
-
-## props
-
-### `BadgeProps`
-
-`Omit<HTMLAttributes<HTMLSpanElement>, 'color'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `color` | `'neutral' \| 'brand' \| 'info' \| 'success' \| 'warning' \| 'danger'` |  |
-| `shape` | `'square' \| 'pill'` |  |
-
-## 변형 - `badge`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `neutral`, `brand`, `info`, `success`, `warning`, `danger` | `neutral` |
-| `shape` | `square`, `pill` | `square` |
-
-## 함께 받는 것
-
-`tv`

package/button/AGENTS.md

@@ -1,39 +0,0 @@
-# Button
-
-```
-받기   npx @pantoia/ui add button
-층     ui
-파일   button/index.tsx, button/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Button` | `ButtonProps` |
-
-## props
-
-### `ButtonProps`
-
-`Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `color` | `'brand' \| 'neutral' \| 'danger'` | 예 |
-| `emphasis` | `'solid' \| 'weak' \| 'outline' \| 'ghost'` | 예 |
-| `size` | `'sm' \| 'md' \| 'lg'` |  |
-| `shape` | `'rect' \| 'square' \| 'pill' \| 'circle'` |  |
-
-## 변형 - `button`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `brand`, `neutral`, `danger` | - |
-| `emphasis` | `solid`, `weak`, `outline`, `ghost` | - |
-| `size` | `sm`, `md`, `lg` | `md` |
-| `shape` | `rect`, `square`, `pill`, `circle` | `rect` |
-
-## 함께 받는 것
-
-`tv`

package/callout/AGENTS.md

@@ -1,37 +0,0 @@
-# Callout
-
-```
-받기   npx @pantoia/ui add callout
-층     ui
-파일   callout/index.tsx, callout/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Callout` | `CalloutProps` |
-
-## props
-
-### `CalloutProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `color` | `'info' \| 'success' \| 'warning' \| 'danger'` |  |
-| `icon` | `ReactNode` |  |
-| `title` | `ReactNode` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `callout`
-
-슬롯 `root`, `icon`, `title`, `body`, `text`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `info`, `success`, `warning`, `danger` | `info` |
-
-## 함께 받는 것
-
-`tv`

package/checkbox/AGENTS.md

@@ -1,54 +0,0 @@
-# Checkbox
-
-```
-받기   npx @pantoia/ui add checkbox
-층     ui
-파일   checkbox/index.tsx, checkbox/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `CheckboxGroup` | `CheckboxGroupProps` |
-| `Checkbox` | `CheckboxProps` |
-
-## props
-
-### `CheckboxGroupProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string[]` |  |
-| `defaultValue` | `string[]` |  |
-| `onValueChange` | `(value: string[]) => void` |  |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `CheckboxProps`
-
-`Omit<ComponentProps<typeof CheckboxPrimitive.Root>, 'checked' | 'onCheckedChange' | 'value'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `checked` | `boolean` |  |
-| `onCheckedChange` | `(checked: boolean) => void` |  |
-| `indeterminate` | `boolean` |  |
-| `onIndeterminateChange` | `(indeterminate: boolean) => void` |  |
-| `color` | `'neutral' \| 'info' \| 'success' \| 'warning' \| 'danger'` |  |
-
-## 변형 - `checkbox`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `neutral`, `info`, `success`, `warning`, `danger` | `neutral` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/combobox/AGENTS.md

@@ -1,150 +0,0 @@
-# Combobox
-
-```
-받기   npx @pantoia/ui add combobox
-층     ui
-파일   combobox/index.tsx, combobox/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Combobox` | `ComboboxProps` |
-| `ComboboxAnchor` | `ComboboxAnchorProps` |
-| `ComboboxInput` | `ComboboxInputProps` |
-| `ComboboxTrigger` | - |
-| `ComboboxCancel` | - |
-| `ComboboxContent` | `ComboboxContentProps` |
-| `ComboboxViewport` | - |
-| `ComboboxItem` | `ComboboxItemProps` |
-| `ComboboxItemText` | - |
-| `ComboboxItemDescription` | - |
-| `ComboboxGroup` | - |
-| `ComboboxEmpty` | - |
-| `ComboboxSeparator` | - |
-
-### `ComboboxTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` |  |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-
-### `ComboboxCancel`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` |  |
-| `className` | `string` |  |
-
-### `ComboboxViewport`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxItemText`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxItemDescription`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxGroup`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxEmpty`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxSeparator`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-
-## 도우미
-
-`contains(text: string, search: string)`
-
-## props
-
-### `ComboboxProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `defaultValue` | `string` |  |
-| `onValueChange` | `(value: string) => void` |  |
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `ignoreFilter` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxAnchorProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `surface` | `'bare' \| 'well'` |  |
-| `size` | `'sm' \| 'md' \| 'lg'` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `ComboboxInputProps`
-
-`Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `onValueChange` | `(value: string) => void` |  |
-
-### `ComboboxContentProps`
-
-`Omit<ComponentProps<typeof PopoverPrimitive.Content>, 'align' | 'sideOffset' | 'onOpenAutoFocus'>`
-
-### `ComboboxItemProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `textValue` | `string` |  |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `comboboxAnchor`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `surface` | `bare`, `well` | `bare` |
-| `size` | `sm`, `md`, `lg` | `md` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/command-palette/AGENTS.md

@@ -1,41 +0,0 @@
-# CommandPalette
-
-```
-받기   npx @pantoia/ui add command-palette
-층     derived
-파일   command-palette/index.tsx, command-palette/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `CommandPalette` | `CommandPaletteProps` |
-
-## props
-
-### `CommandPaletteItem`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `label` | `string` | 예 |
-| `group` | `string` |  |
-
-### `CommandPaletteProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `items` | `CommandPaletteItem[]` | 예 |
-| `title` | `string` | 예 |
-| `placeholder` | `string` | 예 |
-| `emptyText` | `string` | 예 |
-| `onSelect` | `(value: string) => void` |  |
-| `className` | `string` |  |
-
-## 함께 받는 것
-
-`combobox`, `dialog`, `kbd`

package/dialog/AGENTS.md

@@ -1,81 +0,0 @@
-# Dialog
-
-```
-받기   npx @pantoia/ui add dialog
-층     ui
-파일   dialog/index.tsx, dialog/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Dialog` | `DialogProps` |
-| `DialogTrigger` | - |
-| `DialogClose` | - |
-| `DialogContent` | `DialogContentProps` |
-| `DialogTitle` | `ComponentProps<typeof DialogPrimitive.Title>` |
-| `DialogDescription` | `ComponentProps<typeof DialogPrimitive.Description>` |
-| `DialogHeader` | `DialogHeaderProps` |
-| `DialogFooter` | - |
-
-### `DialogTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `DialogClose`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `DialogFooter`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `DialogProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `children` | `ReactNode` |  |
-
-### `DialogContentProps`
-
-`ComponentProps<typeof DialogPrimitive.Content>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `size` | `'md' \| 'full' \| 'top'` |  |
-
-### `DialogHeaderProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `lead` | `ReactNode` |  |
-| `trail` | `ReactNode` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `dialog`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `size` | `md`, `full`, `top` | `md` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/drawer/AGENTS.md

@@ -1,66 +0,0 @@
-# Drawer
-
-```
-받기   npx @pantoia/ui add drawer
-층     ui
-파일   drawer/index.tsx, drawer/index.module.css, drawer/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `Drawer` | `DrawerProps` |
-| `DrawerTrigger` | - |
-| `DrawerClose` | - |
-| `DrawerContent` | `ComponentProps<typeof Dialog.Content>` |
-| `DrawerHeader` | `DrawerHeaderProps` |
-| `DrawerTitle` | `ComponentProps<typeof Dialog.Title>` |
-| `DrawerDescription` | `ComponentProps<typeof Dialog.Description>` |
-
-### `DrawerTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `DrawerClose`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-## props
-
-### `DrawerProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `side` | `Side` |  |
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `children` | `ReactNode` | 예 |
-
-### `DrawerHeaderProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `lead` | `ReactNode` |  |
-| `trail` | `ReactNode` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## 변형 - `drawerContent`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `side` | `left`, `right` | - |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`

package/dropdown-menu/AGENTS.md

@@ -1,133 +0,0 @@
-# DropdownMenu
-
-```
-받기   npx @pantoia/ui add dropdown-menu
-층     ui
-파일   dropdown-menu/index.tsx, dropdown-menu/AGENTS.md
-```
-
-## 부위
-
-| 이름 | props |
-|---|---|
-| `DropdownMenu` | `DropdownMenuProps` |
-| `DropdownMenuTrigger` | - |
-| `DropdownMenuContent` | `DropdownMenuContentProps` |
-| `DropdownMenuGroup` | - |
-| `DropdownMenuItem` | `DropdownMenuItemProps` |
-| `DropdownMenuCheckboxItem` | - |
-| `DropdownMenuRadioGroup` | - |
-| `DropdownMenuRadioItem` | - |
-| `DropdownMenuSeparator` | - |
-| `DropdownMenuSub` | - |
-| `DropdownMenuSubTrigger` | - |
-| `DropdownMenuSubContent` | `ComponentProps<typeof MenuPrimitive.SubContent>` |
-
-### `DropdownMenuTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `children` | `ReactNode` | 예 |
-
-### `DropdownMenuGroup`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `label` | `string` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `DropdownMenuCheckboxItem`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `checked` | `boolean` |  |
-| `onCheckedChange` | `(checked: boolean) => void` |  |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `DropdownMenuRadioGroup`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` |  |
-| `onValueChange` | `(value: string) => void` |  |
-| `children` | `ReactNode` |  |
-
-### `DropdownMenuRadioItem`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `value` | `string` | 예 |
-| `disabled` | `boolean` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-### `DropdownMenuSeparator`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `className` | `string` |  |
-
-### `DropdownMenuSub`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `children` | `ReactNode` |  |
-
-### `DropdownMenuSubTrigger`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `disabled` | `boolean` |  |
-| `lead` | `ReactNode` |  |
-| `className` | `string` |  |
-| `children` | `ReactNode` |  |
-
-## props
-
-### `DropdownMenuProps`
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `open` | `boolean` |  |
-| `defaultOpen` | `boolean` |  |
-| `onOpenChange` | `(open: boolean) => void` |  |
-| `children` | `ReactNode` |  |
-
-### `DropdownMenuContentProps`
-
-`Omit<ComponentProps<typeof MenuPrimitive.Content>, 'align'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `align` | `'start' \| 'center' \| 'end'` |  |
-| `arrow` | `boolean` |  |
-
-### `DropdownMenuItemProps`
-
-`Omit<ComponentProps<typeof MenuPrimitive.Item>, 'color'>` 를 확장한다.
-
-| 이름 | 타입 | 필수 |
-|---|---|---|
-| `color` | `'neutral' \| 'danger'` |  |
-| `lead` | `ReactNode` |  |
-| `trail` | `ReactNode` |  |
-
-## 변형 - `menuItem`
-
-| 축 | 값 | 기본 |
-|---|---|---|
-| `color` | `neutral`, `danger` | `neutral` |
-
-## 함께 받는 것
-
-`tv`
-
-## npm 의존
-
-`radix-ui`