@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.6 → 1.0.7

package/src/ui/drawer-footer.vue

@@ -1,22 +1,22 @@
-<script setup>
-// DrawerFooter.vue - Vue migration of DrawerFooter from drawer.tsx
-import { computed } from 'vue';
-
-defineProps({
-  class: String,
-});
-
-const footerClass = computed(() => {
-  return ['mt-auto flex flex-col gap-2 p-4', $props.class].join(' ');
-});
-</script>
-
-<template>
-  <div :class="footerClass" data-slot="drawer-footer">
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-/* Add any necessary styles for drawer footer here */
-</style>
+<script setup>
+// DrawerFooter.vue - Vue migration of DrawerFooter from drawer.tsx
+import { computed } from 'vue';
+
+defineProps({
+  class: String,
+});
+
+const footerClass = computed(() => {
+  return ['mt-auto flex flex-col gap-2 p-4', $props.class].join(' ');
+});
+</script>
+
+<template>
+  <div :class="footerClass" data-slot="drawer-footer">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+/* Add any necessary styles for drawer footer here */
+</style>

package/src/ui/drawer-header.vue

@@ -1,22 +1,22 @@
-<script setup>
-// DrawerHeader.vue - Vue migration of DrawerHeader from drawer.tsx
-import { computed } from 'vue';
-
-defineProps({
-  class: String,
-});
-
-const headerClass = computed(() => {
-  return ['flex flex-col gap-1.5 p-4', $props.class].join(' ');
-});
-</script>
-
-<template>
-  <div :class="headerClass" data-slot="drawer-header">
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-/* Add any necessary styles for drawer header here */
-</style>
+<script setup>
+// DrawerHeader.vue - Vue migration of DrawerHeader from drawer.tsx
+import { computed } from 'vue';
+
+defineProps({
+  class: String,
+});
+
+const headerClass = computed(() => {
+  return ['flex flex-col gap-1.5 p-4', $props.class].join(' ');
+});
+</script>
+
+<template>
+  <div :class="headerClass" data-slot="drawer-header">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+/* Add any necessary styles for drawer header here */
+</style>

package/src/ui/drawer-title.vue

@@ -1,23 +1,23 @@
-<script setup>
-// DrawerTitle.vue - Vue migration of DrawerTitle from drawer.tsx
-import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue'
-import { computed } from 'vue';
-
-defineProps({
-  class: String,
-});
-
-const titleClass = computed(() => {
-  return ['text-foreground font-semibold', $props.class].join(' ');
-});
-</script>
-
-<template>
-  <VaulDrawerTitle v-bind="$attrs" :class="titleClass" data-slot="drawer-title">
-    <slot />
-  </VaulDrawerTitle>
-</template>
-
-<style scoped>
-/* Add any necessary styles for drawer title here */
-</style>
+<script setup>
+// DrawerTitle.vue - Vue migration of DrawerTitle from drawer.tsx
+import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue'
+import { computed } from 'vue';
+
+defineProps({
+  class: String,
+});
+
+const titleClass = computed(() => {
+  return ['text-foreground font-semibold', $props.class].join(' ');
+});
+</script>
+
+<template>
+  <VaulDrawerTitle v-bind="$attrs" :class="titleClass" data-slot="drawer-title">
+    <slot />
+  </VaulDrawerTitle>
+</template>
+
+<style scoped>
+/* Add any necessary styles for drawer title here */
+</style>

package/src/ui/drawer-trigger.vue

@@ -1,23 +1,23 @@
-<script setup>
-// DrawerTrigger.vue - Vue migration of DrawerTrigger from drawer.tsx
-import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue';
-// Replace with the correct vaul-vue trigger import if needed
-
-defineProps({
-  asChild: {
-    type: Boolean,
-    default: false,
-  },
-});
-</script>
-
-<template>
-  <slot v-if="asChild" />
-  <DrawerTrigger v-bind="$attrs" v-else data-slot="drawer-trigger">
-    <slot />
-  </DrawerTrigger>
-</template>
-
-<style scoped>
-/* Add any necessary styles for the trigger here */
-</style>
+<script setup>
+// DrawerTrigger.vue - Vue migration of DrawerTrigger from drawer.tsx
+import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue';
+// Replace with the correct vaul-vue trigger import if needed
+
+defineProps({
+  asChild: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
+
+<template>
+  <slot v-if="asChild" />
+  <DrawerTrigger v-bind="$attrs" v-else data-slot="drawer-trigger">
+    <slot />
+  </DrawerTrigger>
+</template>
+
+<style scoped>
+/* Add any necessary styles for the trigger here */
+</style>

package/src/ui/drawer.vue

@@ -1,34 +1,34 @@
-<script setup>
-import { ref } from 'vue';
-import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue'
-// VaulDrawer is a placeholder for the actual vaul-vue drawer primitive
-// Replace with the correct import if needed
-
-defineProps({
-  open: Boolean,
-  size: {
-    type: String,
-    default: 'md',
-  },
-  direction: {
-    type: String,
-    default: 'right',
-  },
-});
-</script>
-
-<template>
-  <DrawerRoot
-    v-bind="$attrs"
-    :open="open"
-    :size="size"
-    :direction="direction"
-    data-slot="drawer"
-  >
-    <slot />
-  </DrawerRoot>
-</template>
-
-<style scoped>
-/* Add any necessary styles for drawer variants here */
-</style>
+<script setup>
+import { ref } from 'vue';
+import { DrawerContent, DrawerOverlay, DrawerPortal, DrawerRoot, DrawerTrigger } from 'vaul-vue'
+// VaulDrawer is a placeholder for the actual vaul-vue drawer primitive
+// Replace with the correct import if needed
+
+defineProps({
+  open: Boolean,
+  size: {
+    type: String,
+    default: 'md',
+  },
+  direction: {
+    type: String,
+    default: 'right',
+  },
+});
+</script>
+
+<template>
+  <DrawerRoot
+    v-bind="$attrs"
+    :open="open"
+    :size="size"
+    :direction="direction"
+    data-slot="drawer"
+  >
+    <slot />
+  </DrawerRoot>
+</template>
+
+<style scoped>
+/* Add any necessary styles for drawer variants here */
+</style>

package/src/ui/dropdown-menu-checkbox-item.vue

@@ -1,27 +1,27 @@
-<script setup lang="ts">
-// Minimal stub for DropdownMenuCheckboxItem
-import { defineProps, defineEmits } from 'vue';
-const props = defineProps({
-  checked: Boolean,
-  disabled: Boolean,
-  class: { type: String, default: '' },
-});
-const emit = defineEmits(['update:checked', 'change']);
-function onClick() {
-  if (!props.disabled) emit('update:checked', !props.checked);
-}
-</script>
-<template>
-  <div
-    :class="['flex items-center px-2 py-1.5 text-sm cursor-pointer select-none', props.class, { 'opacity-50 pointer-events-none': props.disabled }]"
-    @click="onClick"
-    role="menuitemcheckbox"
-    :aria-checked="props.checked"
-    tabindex="0"
-  >
-    <span class="mr-2 w-4 h-4 flex items-center justify-center">
-      <span v-if="props.checked" class="block w-3 h-3 bg-primary rounded"></span>
-    </span>
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+// Minimal stub for DropdownMenuCheckboxItem
+import { defineProps, defineEmits } from 'vue';
+const props = defineProps({
+  checked: Boolean,
+  disabled: Boolean,
+  class: { type: String, default: '' },
+});
+const emit = defineEmits(['update:checked', 'change']);
+function onClick() {
+  if (!props.disabled) emit('update:checked', !props.checked);
+}
+</script>
+<template>
+  <div
+    :class="['flex items-center px-2 py-1.5 text-sm cursor-pointer select-none', props.class, { 'opacity-50 pointer-events-none': props.disabled }]"
+    @click="onClick"
+    role="menuitemcheckbox"
+    :aria-checked="props.checked"
+    tabindex="0"
+  >
+    <span class="mr-2 w-4 h-4 flex items-center justify-center">
+      <span v-if="props.checked" class="block w-3 h-3 bg-primary rounded"></span>
+    </span>
+    <slot />
+  </div>
+</template>

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

@@ -1,23 +1,23 @@
-
-<script setup lang="ts">
-import { DropdownMenuContent, DropdownMenuPortal } from '@/shadcn/dropdown-menu';
-import { cn } from './utils';
-import { computed } from 'vue';
-const props = defineProps({
-  class: { type: String, default: '' },
-  sideOffset: { type: Number, default: 4 },
-});
-</script>
-
-<template>
-  <DropdownMenuPortal>
-    <DropdownMenuContent
-      data-slot="dropdown-menu-content"
-      :sideOffset="props.sideOffset"
-      v-bind="$attrs"
-      :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[--reka-dropdown-menu-content-available-height] min-w-[8rem] origin-[--reka-dropdown-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
-    >
-      <slot />
-    </DropdownMenuContent>
-  </DropdownMenuPortal>
-</template>
+
+<script setup lang="ts">
+import { DropdownMenuContent, DropdownMenuPortal } from '@/shadcn/dropdown-menu';
+import { cn } from './utils';
+import { computed } from 'vue';
+const props = defineProps({
+  class: { type: String, default: '' },
+  sideOffset: { type: Number, default: 4 },
+});
+</script>
+
+<template>
+  <DropdownMenuPortal>
+    <DropdownMenuContent
+      data-slot="dropdown-menu-content"
+      :sideOffset="props.sideOffset"
+      v-bind="$attrs"
+      :class="cn('bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[--reka-dropdown-menu-content-available-height] min-w-[8rem] origin-[--reka-dropdown-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md', props.class)"
+    >
+      <slot />
+    </DropdownMenuContent>
+  </DropdownMenuPortal>
+</template>

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

@@ -1,7 +1,7 @@
-<script setup lang="ts">
-</script>
-<template>
-  <div data-slot="dropdown-menu-group">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+</script>
+<template>
+  <div data-slot="dropdown-menu-group">
+    <slot />
+  </div>
+</template>

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

@@ -1,19 +1,19 @@
-<script setup lang="ts">
-import { cn } from './utils';
-defineProps({
-  class: { type: String, default: '' },
-  inset: { type: Boolean, default: false },
-  variant: { type: String, default: 'default' },
-});
-</script>
-<template>
-  <div
-    data-slot="dropdown-menu-item"
-    :data-inset="inset"
-    :data-variant="variant"
-    :class="cn('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none', { 'pl-8': inset }, $attrs.class)"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+defineProps({
+  class: { type: String, default: '' },
+  inset: { type: Boolean, default: false },
+  variant: { type: String, default: 'default' },
+});
+</script>
+<template>
+  <div
+    data-slot="dropdown-menu-item"
+    :data-inset="inset"
+    :data-variant="variant"
+    :class="cn('focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none', { 'pl-8': inset }, $attrs.class)"
+    v-bind="$attrs"
+  >
+    <slot />
+  </div>
+</template>

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

@@ -1,17 +1,17 @@
-<script setup lang="ts">
-import { cn } from './utils';
-defineProps({
-  class: { type: String, default: '' },
-  inset: { type: Boolean, default: false },
-});
-</script>
-<template>
-  <div
-    data-slot="dropdown-menu-label"
-    :data-inset="inset"
-    :class="cn('px-2 py-1.5 text-sm font-medium', { 'pl-8': inset }, $attrs.class)"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+defineProps({
+  class: { type: String, default: '' },
+  inset: { type: Boolean, default: false },
+});
+</script>
+<template>
+  <div
+    data-slot="dropdown-menu-label"
+    :data-inset="inset"
+    :class="cn('px-2 py-1.5 text-sm font-medium', { 'pl-8': inset }, $attrs.class)"
+    v-bind="$attrs"
+  >
+    <slot />
+  </div>
+</template>

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

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

package/src/ui/dropdown-menu-radio-group.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-import { ref, provide, watch, defineProps } from 'vue';
-const props = defineProps({
-  modelValue: String,
-});
-const value = ref(props.modelValue);
-provide('dropdownMenuRadioGroupValue', value);
-watch(() => props.modelValue, v => value.value = v);
-</script>
-<template>
-  <div role="radiogroup">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { ref, provide, watch, defineProps } from 'vue';
+const props = defineProps({
+  modelValue: String,
+});
+const value = ref(props.modelValue);
+provide('dropdownMenuRadioGroupValue', value);
+watch(() => props.modelValue, v => value.value = v);
+</script>
+<template>
+  <div role="radiogroup">
+    <slot />
+  </div>
+</template>

package/src/ui/dropdown-menu-radio-item.vue

@@ -1,30 +1,30 @@
-<script setup lang="ts">
-import { inject, defineProps, defineEmits } from 'vue';
-const props = defineProps({
-  value: String,
-  disabled: Boolean,
-  class: { type: String, default: '' },
-});
-const emit = defineEmits(['update:modelValue']);
-const groupValue = inject('dropdownMenuRadioGroupValue', null);
-function onClick() {
-  if (!props.disabled && groupValue) {
-    groupValue.value = props.value;
-    emit('update:modelValue', props.value);
-  }
-}
-</script>
-<template>
-  <div
-    :class="['flex items-center px-2 py-1.5 text-sm cursor-pointer select-none', props.class, { 'opacity-50 pointer-events-none': props.disabled }]"
-    @click="onClick"
-    role="menuitemradio"
-    :aria-checked="groupValue && groupValue.value === props.value"
-    tabindex="0"
-  >
-    <span class="mr-2 w-4 h-4 flex items-center justify-center">
-      <span v-if="groupValue && groupValue.value === props.value" class="block w-3 h-3 bg-primary rounded-full"></span>
-    </span>
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+import { inject, defineProps, defineEmits } from 'vue';
+const props = defineProps({
+  value: String,
+  disabled: Boolean,
+  class: { type: String, default: '' },
+});
+const emit = defineEmits(['update:modelValue']);
+const groupValue = inject('dropdownMenuRadioGroupValue', null);
+function onClick() {
+  if (!props.disabled && groupValue) {
+    groupValue.value = props.value;
+    emit('update:modelValue', props.value);
+  }
+}
+</script>
+<template>
+  <div
+    :class="['flex items-center px-2 py-1.5 text-sm cursor-pointer select-none', props.class, { 'opacity-50 pointer-events-none': props.disabled }]"
+    @click="onClick"
+    role="menuitemradio"
+    :aria-checked="groupValue && groupValue.value === props.value"
+    tabindex="0"
+  >
+    <span class="mr-2 w-4 h-4 flex items-center justify-center">
+      <span v-if="groupValue && groupValue.value === props.value" class="block w-3 h-3 bg-primary rounded-full"></span>
+    </span>
+    <slot />
+  </div>
+</template>

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

@@ -1,13 +1,13 @@
-<script setup lang="ts">
-import { cn } from './utils';
-defineProps({
-  class: { type: String, default: '' },
-});
-</script>
-<template>
-  <div
-    data-slot="dropdown-menu-separator"
-    :class="cn('bg-border -mx-1 my-1 h-px', $attrs.class)"
-    v-bind="$attrs"
-  />
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+defineProps({
+  class: { type: String, default: '' },
+});
+</script>
+<template>
+  <div
+    data-slot="dropdown-menu-separator"
+    :class="cn('bg-border -mx-1 my-1 h-px', $attrs.class)"
+    v-bind="$attrs"
+  />
+</template>

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

@@ -1,15 +1,15 @@
-<script setup lang="ts">
-import { cn } from './utils';
-defineProps({
-  class: { type: String, default: '' },
-});
-</script>
-<template>
-  <span
-    data-slot="dropdown-menu-shortcut"
-    :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', $attrs.class)"
-    v-bind="$attrs"
-  >
-    <slot />
-  </span>
-</template>
+<script setup lang="ts">
+import { cn } from './utils';
+defineProps({
+  class: { type: String, default: '' },
+});
+</script>
+<template>
+  <span
+    data-slot="dropdown-menu-shortcut"
+    :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', $attrs.class)"
+    v-bind="$attrs"
+  >
+    <slot />
+  </span>
+</template>

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

@@ -1,8 +1,8 @@
-<script setup lang="ts">
-// Minimal stub for DropdownMenuSubContent
-</script>
-<template>
-  <div class="absolute left-full top-0 mt-0 ml-2 min-w-[8rem] bg-popover border rounded-md shadow-md z-50" data-slot="dropdown-menu-sub-content">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+// Minimal stub for DropdownMenuSubContent
+</script>
+<template>
+  <div class="absolute left-full top-0 mt-0 ml-2 min-w-[8rem] bg-popover border rounded-md shadow-md z-50" data-slot="dropdown-menu-sub-content">
+    <slot />
+  </div>
+</template>

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

@@ -1,8 +1,8 @@
-<script setup lang="ts">
-// Minimal stub for DropdownMenuSubTrigger
-</script>
-<template>
-  <div class="flex items-center cursor-pointer select-none" data-slot="dropdown-menu-sub-trigger">
-    <slot />
-  </div>
-</template>
+<script setup lang="ts">
+// Minimal stub for DropdownMenuSubTrigger
+</script>
+<template>
+  <div class="flex items-center cursor-pointer select-none" data-slot="dropdown-menu-sub-trigger">
+    <slot />
+  </div>
+</template>