@pantoia/ui 0.2.0 → 0.4.0

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 의존
-
-`lucide-react`, `radix-ui`

package/field/AGENTS.md

@@ -1,96 +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`
-
-## npm 의존
-
-`lucide-react`

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,53 +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`
-
-## npm 의존
-
-`lucide-react`

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/press.css

@@ -1,37 +0,0 @@
-:root, .light { --pds-pressed-dim: rgba(0,23,51,0.12); }
-.dark         { --pds-pressed-dim: rgba(209,209,253,0.14); }
-
-:root { --scale-press: 0.97; }
-
-@media (prefers-reduced-motion: reduce) {
-  :root { --scale-press: 1; }
-}
-
-@utility press {
-  position: relative;
-
-  &::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    background: var(--pds-pressed-dim);
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity var(--dur-state) var(--ease-state);
-  }
-
-  &:active:not(:disabled):not([aria-disabled="true"])::after,
-  &[data-pressed]:not(:disabled):not([aria-disabled="true"])::after {
-    opacity: 1;
-    transition-duration: 0s;
-  }
-}
-
-@utility press-shrink {
-  &:active:not(:disabled):not([aria-disabled="true"]),
-  &[data-pressed]:not(:disabled):not([aria-disabled="true"]) {
-    scale: var(--scale-press);
-    transition-duration: 0s;
-  }
-}

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 의존
-
-`lucide-react`, `radix-ui`