@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.6 → 1.0.9

package/src/ui/dropdown-menu-sub.vue

@@ -1,8 +1,8 @@
-<script setup lang="ts">
-// Minimal stub for DropdownMenuSub
-</script>
-<template>
-  <div class="relative" data-slot="dropdown-menu-sub">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+// Minimal stub for DropdownMenuSub
+</script>
+<template>
+  <div class="relative" data-slot="dropdown-menu-sub">
+    <slot />
+  </div>
+</template>

package/src/ui/dropdown-menu-trigger.vue

@@ -1,8 +1,8 @@
-<script setup lang="ts">
-import { DropdownMenuTrigger } from '@/shadcn/dropdown-menu';
-</script>
-<template>
-  <DropdownMenuTrigger data-slot="dropdown-menu-trigger" v-bind="$attrs">
-    <slot />
-  </DropdownMenuTrigger>
-</template>
+<script setup lang="ts">
+import { DropdownMenuTrigger } from '@/shadcn/dropdown-menu';
+</script>
+<template>
+  <DropdownMenuTrigger data-slot="dropdown-menu-trigger" v-bind="$attrs">
+    <slot />
+  </DropdownMenuTrigger>
+</template>

package/src/ui/dropdown-menu.vue

@@ -1,9 +1,9 @@
-<script setup lang="ts">
-import { DropdownMenu } from '@/shadcn/dropdown-menu';
-// No props or logic needed for root DropdownMenu
-</script>
-<template>
-  <DropdownMenu data-slot="dropdown-menu">
-    <slot />
-  </DropdownMenu>
-</template>
+<script setup lang="ts">
+import { DropdownMenu } from '@/shadcn/dropdown-menu';
+// No props or logic needed for root DropdownMenu
+</script>
+<template>
+  <DropdownMenu data-slot="dropdown-menu">
+    <slot />
+  </DropdownMenu>
+</template>

package/src/ui/grouped-avatar.vue

@@ -1,19 +1,19 @@
-<template>
-  <Avatar :class="groupedClass" v-bind="$attrs">
-    <slot />
-  </Avatar>
-</template>
-
-<script setup lang="ts">
-import Avatar from './avatar.vue';
-import { cn } from './utils';
-
-const props = defineProps({
-  class: {
-    type: String,
-    default: '',
-  },
-});
-
-const groupedClass = cn('border-2 border-background', props.class);
-</script>
+<template>
+  <Avatar :class="groupedClass" v-bind="$attrs">
+    <slot />
+  </Avatar>
+</template>
+
+<script setup lang="ts">
+import Avatar from './avatar.vue';
+import { cn } from './utils';
+
+const props = defineProps({
+  class: {
+    type: String,
+    default: '',
+  },
+});
+
+const groupedClass = cn('border-2 border-background', props.class);
+</script>

package/src/ui/icons/Accessibility.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <circle cx="12" cy="4" r="2" />
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0l-4 8m4-8l4 8" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <circle cx="12" cy="4" r="2" />
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0l-4 8m4-8l4 8" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/AlignLeft.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h10M4 14h16M4 18h10" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 10h10M4 14h16M4 18h10" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/ArrowDown.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down">
-    <path d="M12 5v14" />
-    <polyline points="19 12 12 19 5 12" />
-  </svg>
-</template>
-<script setup lang="ts"></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down">
+    <path d="M12 5v14" />
+    <polyline points="19 12 12 19 5 12" />
+  </svg>
+</template>
+<script setup lang="ts"></script>

package/src/ui/icons/ArrowUp.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up">
-    <path d="M12 19V5" />
-    <polyline points="5 12 12 5 19 12" />
-  </svg>
-</template>
-<script setup lang="ts"></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up">
+    <path d="M12 19V5" />
+    <polyline points="5 12 12 5 19 12" />
+  </svg>
+</template>
+<script setup lang="ts"></script>

package/src/ui/icons/ArrowUpDown.vue

@@ -1,8 +1,8 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-down">
-    <line x1="12" y1="5" x2="12" y2="19" />
-    <polyline points="19 12 12 19 5 12" />
-    <polyline points="5 12 12 5 19 12" />
-  </svg>
-</template>
-<script setup lang="ts"></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-down">
+    <line x1="12" y1="5" x2="12" y2="19" />
+    <polyline points="19 12 12 19 5 12" />
+    <polyline points="5 12 12 5 19 12" />
+  </svg>
+</template>
+<script setup lang="ts"></script>

package/src/ui/icons/BookOpen.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v15l9-2z" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v15l9-2z" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Calendar.vue

@@ -1,9 +1,9 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <rect x="3" y="4" width="18" height="18" rx="2" />
-    <line x1="16" y1="2" x2="16" y2="6" stroke-width="2" stroke-linecap="round" />
-    <line x1="8" y1="2" x2="8" y2="6" stroke-width="2" stroke-linecap="round" />
-    <line x1="3" y1="10" x2="21" y2="10" stroke-width="2" stroke-linecap="round" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <rect x="3" y="4" width="18" height="18" rx="2" />
+    <line x1="16" y1="2" x2="16" y2="6" stroke-width="2" stroke-linecap="round" />
+    <line x1="8" y1="2" x2="8" y2="6" stroke-width="2" stroke-linecap="round" />
+    <line x1="3" y1="10" x2="21" y2="10" stroke-width="2" stroke-linecap="round" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Check.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/ChevronRight.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Circle.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="currentColor" viewBox="0 0 24 24">
-    <circle cx="12" cy="12" r="8" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="currentColor" viewBox="0 0 24 24">
+    <circle cx="12" cy="12" r="8" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Copy.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <rect x="9" y="9" width="13" height="13" rx="2" />
-    <rect x="3" y="3" width="13" height="13" rx="2" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <rect x="9" y="9" width="13" height="13" rx="2" />
+    <rect x="3" y="3" width="13" height="13" rx="2" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Dot.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
-    <circle cx="12" cy="12" r="2" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24">
+    <circle cx="12" cy="12" r="2" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Edit.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536M9 13l6-6m2 2l-6 6m-2 2h2v2h-2v-2z" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536M9 13l6-6m2 2l-6 6m-2 2h2v2h-2v-2z" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/FileText.vue

@@ -1,9 +1,9 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <rect x="4" y="4" width="16" height="16" rx="2" />
-    <line x1="8" y1="8" x2="16" y2="8" stroke-width="2" stroke-linecap="round" />
-    <line x1="8" y1="12" x2="16" y2="12" stroke-width="2" stroke-linecap="round" />
-    <line x1="8" y1="16" x2="16" y2="16" stroke-width="2" stroke-linecap="round" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <rect x="4" y="4" width="16" height="16" rx="2" />
+    <line x1="8" y1="8" x2="16" y2="8" stroke-width="2" stroke-linecap="round" />
+    <line x1="8" y1="12" x2="16" y2="12" stroke-width="2" stroke-linecap="round" />
+    <line x1="8" y1="16" x2="16" y2="16" stroke-width="2" stroke-linecap="round" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Folder.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7a2 2 0 012-2h4l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7a2 2 0 012-2h4l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/FolderOpen.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7a2 2 0 012-2h4l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" />
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13h18" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7a2 2 0 012-2h4l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2V7z" />
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13h18" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Hash.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10h16M4 14h16M10 4l-2 16m8-16l-2 16" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 10h16M4 14h16M10 4l-2 16m8-16l-2 16" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Home.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l9-9 9 9M4 10v10a1 1 0 001 1h3m10-11v10a1 1 0 01-1 1h-3m-6 0h6" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l9-9 9 9M4 10v10a1 1 0 001 1h3m10-11v10a1 1 0 01-1 1h-3m-6 0h6" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Minus.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <line x1="5" y1="12" x2="19" y2="12" stroke-width="2" stroke-linecap="round" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <line x1="5" y1="12" x2="19" y2="12" stroke-width="2" stroke-linecap="round" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/MoreHorizontal.vue

@@ -1,8 +1,8 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <circle cx="6" cy="12" r="2" />
-    <circle cx="12" cy="12" r="2" />
-    <circle cx="18" cy="12" r="2" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <circle cx="6" cy="12" r="2" />
+    <circle cx="12" cy="12" r="2" />
+    <circle cx="18" cy="12" r="2" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Settings.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <circle cx="12" cy="12" r="3" />
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06A1.65 1.65 0 0015 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.6 15a1.65 1.65 0 00-1.82-.33l-.06.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.6a1.65 1.65 0 00.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 0015 4.6a1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 15z" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <circle cx="12" cy="12" r="3" />
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 01-2.83 2.83l-.06-.06A1.65 1.65 0 0015 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.6 15a1.65 1.65 0 00-1.82-.33l-.06.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.6a1.65 1.65 0 00.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 0015 4.6a1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 15z" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Slash.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <line x1="4" y1="20" x2="20" y2="4" stroke-width="2" stroke-linecap="round" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <line x1="4" y1="20" x2="20" y2="4" stroke-width="2" stroke-linecap="round" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Trash2.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6h18M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2m2 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14z" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 6h18M9 6V4a1 1 0 011-1h4a1 1 0 011 1v2m2 0v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6h14z" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/Type.vue

@@ -1,6 +1,6 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 18h16M9 6v12" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 18h16M9 6v12" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/icons/User.vue

@@ -1,7 +1,7 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-    <circle cx="12" cy="8" r="4" />
-    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 20v-2a4 4 0 014-4h0a4 4 0 014 4v2" />
-  </svg>
-</template>
-<script setup></script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+    <circle cx="12" cy="8" r="4" />
+    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 20v-2a4 4 0 014-4h0a4 4 0 014 4v2" />
+  </svg>
+</template>
+<script setup></script>

package/src/ui/input-otp.vue

@@ -1,52 +1,52 @@
-<script setup lang="ts">
-import { computed, provide, defineAsyncComponent, useSlots } from 'vue';
-import { cn } from '@/lib/utils';
-// These would be your context keys (provide/inject)
-const InputOTPMaskContext = Symbol('InputOTPMaskContext');
-const FallbackInputOTPContext = Symbol('FallbackInputOTPContext');
-
-const props = defineProps({
-	class: String,
-	containerClass: String,
-	maxLength: { type: Number, required: true },
-	modelValue: { type: String, default: '' },
-	disabled: { type: Boolean, default: false },
-	masked: { type: Boolean, default: false },
-});
-const emit = defineEmits(['update:modelValue']);
-const slots = useSlots();
-
-const handleChange = (newValue: string) => {
-	if (newValue.length <= props.maxLength) {
-		emit('update:modelValue', newValue);
-	}
-};
-
-import { OTPInput } from "input-otp";
-
-const contextValue = computed(() => ({
-	value: props.modelValue,
-	onChange: handleChange,
-	maxLength: props.maxLength,
-	disabled: props.disabled,
-	masked: props.masked,
-}));
-
-</script>
-<template>
-    <OTPInput
-      data-slot="input-otp"
-      :container-class="cn('flex items-center gap-2 has-disabled:opacity-50', props.containerClass)"
-      :class-name="cn('disabled:cursor-not-allowed', props.class)"
-      :maxlength="props.maxLength"
-      :value="props.modelValue"
-      :on-change="(val) => emit('update:modelValue', val)"
-      :disabled="props.disabled"
-      v-bind="props"
-      style="display: flex;"
-    >
-      <div class="flex items-center gap-2">
-        <slot />
-      </div>
-    </OTPInput>
-</template>
+<script setup lang="ts">
+import { computed, provide, defineAsyncComponent, useSlots } from 'vue';
+import { cn } from '@/lib/utils';
+// These would be your context keys (provide/inject)
+const InputOTPMaskContext = Symbol('InputOTPMaskContext');
+const FallbackInputOTPContext = Symbol('FallbackInputOTPContext');
+
+const props = defineProps({
+	class: String,
+	containerClass: String,
+	maxLength: { type: Number, required: true },
+	modelValue: { type: String, default: '' },
+	disabled: { type: Boolean, default: false },
+	masked: { type: Boolean, default: false },
+});
+const emit = defineEmits(['update:modelValue']);
+const slots = useSlots();
+
+const handleChange = (newValue: string) => {
+	if (newValue.length <= props.maxLength) {
+		emit('update:modelValue', newValue);
+	}
+};
+
+import { OTPInput } from "input-otp";
+
+const contextValue = computed(() => ({
+	value: props.modelValue,
+	onChange: handleChange,
+	maxLength: props.maxLength,
+	disabled: props.disabled,
+	masked: props.masked,
+}));
+
+</script>
+<template>
+    <OTPInput
+      data-slot="input-otp"
+      :container-class="cn('flex items-center gap-2 has-disabled:opacity-50', props.containerClass)"
+      :class-name="cn('disabled:cursor-not-allowed', props.class)"
+      :maxlength="props.maxLength"
+      :value="props.modelValue"
+      :on-change="(val) => emit('update:modelValue', val)"
+      :disabled="props.disabled"
+      v-bind="props"
+      style="display: flex;"
+    >
+      <div class="flex items-center gap-2">
+        <slot />
+      </div>
+    </OTPInput>
+</template>