@iqual/nuxt-icms 1.4.10 → 1.5.0

package/components/ui/range-calendar/RangeCalendarCell.vue

@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarCellProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { RangeCalendarCell, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarCellProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarCell
-    :class="cn('relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-view])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </RangeCalendarCell>
-</template>

package/components/ui/range-calendar/RangeCalendarCellTrigger.vue

@@ -1,42 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarCellTriggerProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { buttonVariants } from '@/lib/registry/default/ui/button'
-import { cn } from '@/lib/utils'
-import { RangeCalendarCellTrigger, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarCellTriggerProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarCellTrigger
-    :class="cn(
-      buttonVariants({ variant: 'ghost' }),
-      'h-9 w-9 p-0 font-normal data-[selected]:opacity-100',
-      '[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground',
-      // Selection Start
-      'data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground data-[selection-start]:hover:bg-primary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus:bg-primary data-[selection-start]:focus:text-primary-foreground',
-      // Selection End
-      'data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground data-[selection-end]:hover:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus:bg-primary data-[selection-end]:focus:text-primary-foreground',
-      // Outside months
-      'data-[outside-view]:text-muted-foreground data-[outside-view]:opacity-50 [&[data-outside-view][data-selected]]:bg-accent/50 [&[data-outside-view][data-selected]]:text-muted-foreground [&[data-outside-view][data-selected]]:opacity-30',
-      // Disabled
-      'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
-      // Unavailable
-      'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </RangeCalendarCellTrigger>
-</template>

package/components/ui/range-calendar/RangeCalendarGrid.vue

@@ -1,26 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { RangeCalendarGrid, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarGridProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarGrid
-    :class="cn('w-full border-collapse space-y-1', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </RangeCalendarGrid>
-</template>

package/components/ui/range-calendar/RangeCalendarGridBody.vue

@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridBodyProps } from 'radix-vue'
-import { RangeCalendarGridBody } from 'radix-vue'
-
-const props = defineProps<RangeCalendarGridBodyProps>()
-</script>
-
-<template>
-  <RangeCalendarGridBody v-bind="props">
-    <slot />
-  </RangeCalendarGridBody>
-</template>

package/components/ui/range-calendar/RangeCalendarGridHead.vue

@@ -1,12 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridHeadProps } from 'radix-vue'
-import { RangeCalendarGridHead } from 'radix-vue'
-
-const props = defineProps<RangeCalendarGridHeadProps>()
-</script>
-
-<template>
-  <RangeCalendarGridHead v-bind="props">
-    <slot />
-  </RangeCalendarGridHead>
-</template>

package/components/ui/range-calendar/RangeCalendarGridRow.vue

@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarGridRowProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { RangeCalendarGridRow, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarGridRowProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarGridRow :class="cn('flex mt-2 w-full', props.class)" v-bind="forwardedProps">
-    <slot />
-  </RangeCalendarGridRow>
-</template>

package/components/ui/range-calendar/RangeCalendarHeadCell.vue

@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarHeadCellProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { RangeCalendarHeadCell, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarHeadCellProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarHeadCell :class="cn('w-9 rounded-md text-[0.8rem] font-normal text-muted-foreground', props.class)" v-bind="forwardedProps">
-    <slot />
-  </RangeCalendarHeadCell>
-</template>

package/components/ui/range-calendar/RangeCalendarHeader.vue

@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarHeaderProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { RangeCalendarHeader, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarHeaderProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarHeader :class="cn('relative flex w-full items-center justify-between pt-1', props.class)" v-bind="forwardedProps">
-    <slot />
-  </RangeCalendarHeader>
-</template>

package/components/ui/range-calendar/RangeCalendarHeading.vue

@@ -1,33 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarHeadingProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { RangeCalendarHeading, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarHeadingProps & { class?: HTMLAttributes['class'] }>()
-
-defineSlots<{
-  default: (props: { headingValue: string }) => any
-}>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarHeading
-    v-slot="{ headingValue }"
-    :class="cn('text-sm font-medium', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot :heading-value>
-      {{ headingValue }}
-    </slot>
-  </RangeCalendarHeading>
-</template>

package/components/ui/range-calendar/RangeCalendarNextButton.vue

@@ -1,34 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarNextProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { buttonVariants } from '@/lib/registry/default/ui/button'
-import { cn } from '@/lib/utils'
-import { ChevronRight } from 'lucide-vue-next'
-import { RangeCalendarNext, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarNextProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarNext
-    :class="cn(
-      buttonVariants({ variant: 'outline' }),
-      'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot>
-      <ChevronRight class="h-4 w-4" />
-    </slot>
-  </RangeCalendarNext>
-</template>

package/components/ui/range-calendar/RangeCalendarPrevButton.vue

@@ -1,34 +0,0 @@
-<script lang="ts" setup>
-import type { RangeCalendarPrevProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { buttonVariants } from '@/lib/registry/default/ui/button'
-import { cn } from '@/lib/utils'
-import { ChevronLeft } from 'lucide-vue-next'
-import { RangeCalendarPrev, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<RangeCalendarPrevProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <RangeCalendarPrev
-    :class="cn(
-      buttonVariants({ variant: 'outline' }),
-      'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
-      props.class,
-    )"
-    v-bind="forwardedProps"
-  >
-    <slot>
-      <ChevronLeft class="h-4 w-4" />
-    </slot>
-  </RangeCalendarPrev>
-</template>

package/components/ui/range-calendar/index.ts

@@ -1,12 +0,0 @@
-export { default as RangeCalendar } from './RangeCalendar.vue'
-export { default as RangeCalendarCell } from './RangeCalendarCell.vue'
-export { default as RangeCalendarCellTrigger } from './RangeCalendarCellTrigger.vue'
-export { default as RangeCalendarGrid } from './RangeCalendarGrid.vue'
-export { default as RangeCalendarGridBody } from './RangeCalendarGridBody.vue'
-export { default as RangeCalendarGridHead } from './RangeCalendarGridHead.vue'
-export { default as RangeCalendarGridRow } from './RangeCalendarGridRow.vue'
-export { default as RangeCalendarHeadCell } from './RangeCalendarHeadCell.vue'
-export { default as RangeCalendarHeader } from './RangeCalendarHeader.vue'
-export { default as RangeCalendarHeading } from './RangeCalendarHeading.vue'
-export { default as RangeCalendarNextButton } from './RangeCalendarNextButton.vue'
-export { default as RangeCalendarPrevButton } from './RangeCalendarPrevButton.vue'

package/components/ui/resizable/ResizableHandle.vue

@@ -1,28 +0,0 @@
-<script setup lang="ts">
-import type { SplitterResizeHandleEmits, SplitterResizeHandleProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { GripVertical } from 'lucide-vue-next'
-import { SplitterResizeHandle, useForwardPropsEmits } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<SplitterResizeHandleProps & { class?: HTMLAttributes['class'], withHandle?: boolean }>()
-const emits = defineEmits<SplitterResizeHandleEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <SplitterResizeHandle v-bind="forwarded" :class="cn('relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 [&[data-orientation=vertical]]:h-px [&[data-orientation=vertical]]:w-full [&[data-orientation=vertical]]:after:left-0 [&[data-orientation=vertical]]:after:h-1 [&[data-orientation=vertical]]:after:w-full [&[data-orientation=vertical]]:after:-translate-y-1/2 [&[data-orientation=vertical]]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90', props.class)">
-    <template v-if="props.withHandle">
-      <div class="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
-        <GripVertical class="h-2.5 w-2.5" />
-      </div>
-    </template>
-  </SplitterResizeHandle>
-</template>

package/components/ui/resizable/ResizablePanelGroup.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import type { SplitterGroupEmits, SplitterGroupProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { SplitterGroup, useForwardPropsEmits } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<SplitterGroupProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<SplitterGroupEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <SplitterGroup v-bind="forwarded" :class="cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', props.class)">
-    <slot />
-  </SplitterGroup>
-</template>

package/components/ui/resizable/index.ts

@@ -1,3 +0,0 @@
-export { default as ResizableHandle } from './ResizableHandle.vue'
-export { default as ResizablePanelGroup } from './ResizablePanelGroup.vue'
-export { SplitterPanel as ResizablePanel } from 'radix-vue'

package/components/ui/scroll-area/ScrollArea.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import type { ScrollAreaRootProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import {
-  ScrollAreaCorner,
-  ScrollAreaRoot,
-
-  ScrollAreaViewport,
-} from 'radix-vue'
-import { computed } from 'vue'
-import ScrollBar from './ScrollBar.vue'
-
-const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <ScrollAreaRoot v-bind="delegatedProps" :class="cn('relative overflow-hidden', props.class)">
-    <ScrollAreaViewport class="h-full w-full rounded-[inherit]">
-      <slot />
-    </ScrollAreaViewport>
-    <ScrollBar />
-    <ScrollAreaCorner />
-  </ScrollAreaRoot>
-</template>

package/components/ui/scroll-area/ScrollBar.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import type { ScrollAreaScrollbarProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { ScrollAreaScrollbar, ScrollAreaThumb } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
-  orientation: 'vertical',
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <ScrollAreaScrollbar
-    v-bind="delegatedProps"
-    :class="
-      cn('flex touch-none select-none transition-colors',
-         orientation === 'vertical'
-           && 'h-full w-2.5 border-l border-l-transparent p-px',
-         orientation === 'horizontal'
-           && 'h-2.5 flex-col border-t border-t-transparent p-px',
-         props.class)"
-  >
-    <ScrollAreaThumb class="relative flex-1 rounded-full bg-border" />
-  </ScrollAreaScrollbar>
-</template>

package/components/ui/scroll-area/index.ts

@@ -1,2 +0,0 @@
-export { default as ScrollArea } from './ScrollArea.vue'
-export { default as ScrollBar } from './ScrollBar.vue'

package/components/ui/select/Select.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import type { SelectRootEmits, SelectRootProps } from 'radix-vue'
-import { SelectRoot, useForwardPropsEmits } from 'radix-vue'
-
-const props = defineProps<SelectRootProps>()
-const emits = defineEmits<SelectRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <SelectRoot v-bind="forwarded">
-    <slot />
-  </SelectRoot>
-</template>

package/components/ui/select/SelectContent.vue

@@ -1,54 +0,0 @@
-<script setup lang="ts">
-import type { SelectContentEmits, SelectContentProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import {
-  SelectContent,
-
-  SelectPortal,
-  SelectViewport,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { computed } from 'vue'
-import { SelectScrollDownButton, SelectScrollUpButton } from '.'
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(
-  defineProps<SelectContentProps & { class?: HTMLAttributes['class'] }>(),
-  {
-    position: 'popper',
-  },
-)
-const emits = defineEmits<SelectContentEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <SelectPortal>
-    <SelectContent
-      v-bind="{ ...forwarded, ...$attrs }" :class="cn(
-        'relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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',
-        position === 'popper'
-          && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-        props.class,
-      )
-      "
-    >
-      <SelectScrollUpButton />
-      <SelectViewport :class="cn('p-1', position === 'popper' && 'h-[--radix-select-trigger-height] w-full min-w-[--radix-select-trigger-width]')">
-        <slot />
-      </SelectViewport>
-      <SelectScrollDownButton />
-    </SelectContent>
-  </SelectPortal>
-</template>

package/components/ui/select/SelectGroup.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import type { SelectGroupProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { SelectGroup } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <SelectGroup :class="cn('p-1 w-full', props.class)" v-bind="delegatedProps">
-    <slot />
-  </SelectGroup>
-</template>

package/components/ui/select/SelectItem.vue

@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import type { SelectItemProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { Check } from 'lucide-vue-next'
-import {
-  SelectItem,
-  SelectItemIndicator,
-
-  SelectItemText,
-  useForwardProps,
-} from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <SelectItem
-    v-bind="forwardedProps"
-    :class="
-      cn(
-        'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-        props.class,
-      )
-    "
-  >
-    <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <SelectItemIndicator>
-        <Check class="h-4 w-4" />
-      </SelectItemIndicator>
-    </span>
-
-    <SelectItemText>
-      <slot />
-    </SelectItemText>
-  </SelectItem>
-</template>

package/components/ui/select/SelectItemText.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-import type { SelectItemTextProps } from 'radix-vue'
-import { SelectItemText } from 'radix-vue'
-
-const props = defineProps<SelectItemTextProps>()
-</script>
-
-<template>
-  <SelectItemText v-bind="props">
-    <slot />
-  </SelectItemText>
-</template>

package/components/ui/select/SelectLabel.vue

@@ -1,14 +0,0 @@
-<script setup lang="ts">
-import type { SelectLabelProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { SelectLabel } from 'radix-vue'
-
-const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
-</script>
-
-<template>
-  <SelectLabel :class="cn('py-1.5 pl-8 pr-2 text-sm font-semibold', props.class)">
-    <slot />
-  </SelectLabel>
-</template>

package/components/ui/select/SelectScrollDownButton.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import type { SelectScrollDownButtonProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { ChevronDown } from 'lucide-vue-next'
-import { SelectScrollDownButton, useForwardProps } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <SelectScrollDownButton v-bind="forwardedProps" :class="cn('flex cursor-default items-center justify-center py-1', props.class)">
-    <slot>
-      <ChevronDown class="h-4 w-4" />
-    </slot>
-  </SelectScrollDownButton>
-</template>