Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2,257 changes: 1,643 additions & 614 deletions demo/public/llms.txt

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/components/aspect-ratio.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import {AspectRatio} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| AspectRatio | Ratio container | `<div k="aspect-ratio">` |
| AspectRatio | Ratio container | |

## Props

Expand Down
2 changes: 1 addition & 1 deletion docs/components/avatar.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import {Avatar} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| Avatar | User profile image | `<img k="avatar">` |
| Avatar | User profile image | |

## Props

Expand Down
2 changes: 1 addition & 1 deletion docs/components/button.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import {Button} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| Button | Interactive action control | `k="button"` |
| Button | Interactive action control | `p="button"` |

## Props

Expand Down
4 changes: 2 additions & 2 deletions docs/components/carousel.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@ import {Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious}
| Carousel | Image slider | — |
| CarouselContent | Slider content | — |
| CarouselItem | Slide item | `<div k="carousel-item">` |
| CarouselPrevious | Previous button | `<button k="carousel-previous">` |
| CarouselNext | Next button | `<button k="carousel-next">` |
| CarouselPrevious | Previous button | |
| CarouselNext | Next button | |

## Props

Expand Down
4 changes: 2 additions & 2 deletions docs/components/color-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@ import {ColorPicker} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| ColorPicker | Color input | `<input k="color-picker">` |
| ColorPicker | Component | `<input k="color-picker">` |

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| value | `string` | — | Current color as a hex string (e.g. `"#ff0000"`). |
| value | `string | number | readonly string[] | undefined` | — | Current color value as a hex string (e.g. "#ff0000"). |
| onChange | `(event: Event) => void` | — | Change handler for the color input. |
| disabled | `boolean` | — | Disable the input. |
| name | `string` | — | Input name used for form submissions. |
Expand Down
2 changes: 1 addition & 1 deletion docs/components/context-menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ import {ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger} fr
| --- | --- | --- |
| ContextMenuTrigger | Menu trigger | — |
| ContextMenu | Right-click menu | — |
| ContextMenuContent | Menu content | `<dialog k="context-menu">` |
| ContextMenuContent | Menu content | |
| ContextMenuItem | Menu item | `<button k="context-menu-item">` |

## Props
Expand Down
2 changes: 1 addition & 1 deletion docs/components/dialog.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import {Dialog, DialogClose, DialogContent, DialogTrigger} from 'kinu';
| --- | --- | --- |
| Dialog | Modal overlay | — |
| DialogTrigger | Dialog trigger | — |
| DialogContent | Dialog content | `<dialog k="dialog-content">` |
| DialogContent | Dialog content | |
| DialogClose | Close button | — |

## Props
Expand Down
4 changes: 2 additions & 2 deletions docs/components/drawer.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,9 @@ import {Drawer, DrawerClose, DrawerContent, DrawerTrigger} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| Drawer | Slide-out panel | `<div k="drawer">` |
| Drawer | Slide-out panel | |
| DrawerTrigger | Drawer trigger | — |
| DrawerContent | Drawer content | `<dialog k="drawer-content">` |
| DrawerContent | Drawer content | |
| DrawerClose | Close button | — |

## Props
Expand Down
6 changes: 3 additions & 3 deletions docs/components/dropdown-menu.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,10 @@ import {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger

| Name | Description | Rendered HTML |
| --- | --- | --- |
| DropdownMenu | Dropdown menu | `<span k="dropdown">` |
| DropdownMenu | Dropdown menu | |
| DropdownMenuTrigger | Menu trigger | — |
| DropdownMenuContent | Menu content | `<dialog k="dropdown-content">` |
| DropdownMenuItem | Menu item | `k="dropdown-menu-item"` |
| DropdownMenuContent | Menu content | |
| DropdownMenuItem | Menu item | `p="dropdown-menu-item"` |

## Props

Expand Down
12 changes: 6 additions & 6 deletions docs/components/file-upload.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,30 +7,30 @@ Native file input with a styled button for selecting local files.
```tsx
import {FileUpload} from 'kinu';

<FileUpload />
<FileUpload accept="image/*" />
```

## Exports

| Name | Description | Rendered HTML |
| --- | --- | --- |
| FileUpload | File input | `<input k="file-upload">` |
| FileUpload | Component | `<input k="file-upload">` |

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| onChange | `(event: Event) => void` | — | Called when the user selects files. Access selected files via `event.target.files`. |
| accept | `string` | — | Allowed file types as MIME types or extensions (e.g. `"image/*"` or `".pdf,.docx"`). |
| onChange | `(event: Event) => void` | — | Change handler called when the user selects files. |
| accept | `string` | — | Allowed file types as MIME types or extensions (e.g. "image/*" or ".pdf"). |
| multiple | `boolean` | — | Allow selecting multiple files. |
| disabled | `boolean` | — | Disable the input. |
| name | `string` | — | Input name used for form submissions. |

## Notes

- Sets type="file" for you and forwards all native input props.
- Use `accept` to restrict selectable file types.
- Use `capture="user"` or `capture="environment"` to invoke the camera on mobile.
- Use the accept prop to restrict selectable file types.
- Use capture="user" or capture="environment" to invoke the camera on mobile.

---

Expand Down
4 changes: 2 additions & 2 deletions docs/components/popover.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,9 @@ import {Popover, PopoverClose, PopoverContent, PopoverTrigger} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| Popover | Floating content | `<span k="popover">` |
| Popover | Floating content | |
| PopoverTrigger | Popover trigger | — |
| PopoverContent | Popover content | `<dialog k="popover-content">` |
| PopoverContent | Popover content | |
| PopoverClose | Component | — |

## Props
Expand Down
4 changes: 2 additions & 2 deletions docs/components/sheet.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,9 @@ import {Sheet, SheetClose, SheetContent, SheetTrigger} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| Sheet | Overlay panel | `<div k="sheet">` |
| Sheet | Overlay panel | |
| SheetTrigger | Sheet trigger | — |
| SheetContent | Sheet content | `<dialog k="sheet-content">` |
| SheetContent | Sheet content | |
| SheetClose | Close button | — |

## Props
Expand Down
9 changes: 5 additions & 4 deletions docs/components/time-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,23 @@ import {TimePicker} from 'kinu';

| Name | Description | Rendered HTML |
| --- | --- | --- |
| TimePicker | Time input | `<input k="time-picker">` |
| TimePicker | Component | `<input k="time-picker">` |

## Props

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| value | `string \| number \| readonly string[] \| undefined` | — | Current time value in HH:MM or HH:MM:SS format. |
| value | `string | number | readonly string[] | undefined` | — | Current time value in HH:MM or HH:MM:SS format. |
| onChange | `(event: Event) => void` | — | Change handler for time input. |
| disabled | `boolean` | — | Disable the input. |
| name | `string` | — | Input name used for form submissions. |
| step | `number` | — | Granularity in seconds. Common values: 60 (1 min), 900 (15 min), 1800 (30 min). |
| step | `number` | 60 | Granularity of the time value in seconds.
Common values: 60 (1 min), 900 (15 min), 1800 (30 min). |

## Notes

- Sets type="time" for you and forwards all native input props.
- Use `step` to constrain selectable intervals, e.g. `step={1800}` for 30-minute increments.
- Use the step prop to constrain selectable intervals, e.g. step={1800} for 30-minute increments.

---

Expand Down
Loading