docs(v4): input sync shadcn-ui

Author: jevin98

apps/v4/components/demo/InputFile.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import { Input } from '@/registry/new-york-v4/ui/input'
+import { Label } from '@/registry/new-york-v4/ui/label'
+</script>
+
+<template>
+  <div class="grid w-full max-w-sm items-center gap-1.5">
+    <Label for="picture">Picture</Label>
+    <Input id="picture" type="file" />
+  </div>
+</template>

apps/v4/content/docs/components/input.md

@@ -61,3 +61,52 @@ import { Input } from '@/components/ui/input'
   <Input />
 </template>
 ```
+
+## Examples
+
+### Default
+
+::component-preview
+---
+name: InputDemo
+class: '[&_input]:max-w-xs'
+description: A default input component.
+---
+::
+
+### File
+
+::component-preview
+---
+name: InputFile
+description: An input with a file upload field.
+---
+::
+
+### Disabled
+
+::component-preview
+---
+name: InputDisabled
+class: '[&_input]:max-w-xs'
+description: A disabled input component.
+---
+::
+
+### With Label
+
+::component-preview
+---
+name: InputWithLabel
+description: An input with a label.
+---
+::
+
+### With Button
+
+::component-preview
+---
+name: InputWithButton
+description: An input with a button.
+---
+::