@dasidev/dasi-ui 1.0.19 → 1.0.21

package/template/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import {
-  DropdownMenuSubTrigger,
-  type DropdownMenuSubTriggerProps,
-  useForwardProps,
-} from 'radix-vue'
-import { ChevronRightIcon } from '@radix-icons/vue'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuSubTrigger
-    v-bind="forwardedProps"
-    :class="cn(
-      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
-      props.class,
-    )"
-  >
-    <slot />
-    <ChevronRightIcon class="ml-auto h-4 w-4" />
-  </DropdownMenuSubTrigger>
-</template>

package/template/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,13 +0,0 @@
-<script setup lang="ts">
-import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from 'radix-vue'
-
-const props = defineProps<DropdownMenuTriggerProps>()
-
-const forwardedProps = useForwardProps(props)
-</script>
-
-<template>
-  <DropdownMenuTrigger class="outline-none" v-bind="forwardedProps">
-    <slot />
-  </DropdownMenuTrigger>
-</template>

package/template/src/components/ui/dropdown-menu/index.ts

@@ -1,16 +0,0 @@
-export { DropdownMenuPortal } from 'radix-vue'
-
-export { default as DropdownMenu } from './DropdownMenu.vue'
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
-export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
-export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
-export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
-export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
-export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'

package/template/src/components/ui/form/FormControl.vue

@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-import { Slot } from 'radix-vue'
-import { useFormField } from './useFormField'
-
-const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
-</script>
-
-<template>
-  <Slot
-    :id="formItemId"
-    :aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
-    :aria-invalid="!!error"
-  >
-    <slot />
-  </Slot>
-</template>

package/template/src/components/ui/form/FormDescription.vue

@@ -1,20 +0,0 @@
-<script lang="ts" setup>
-import type { HTMLAttributes } from 'vue'
-import { useFormField } from './useFormField'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-
-const { formDescriptionId } = useFormField()
-</script>
-
-<template>
-  <p
-    :id="formDescriptionId"
-    :class="cn('text-sm text-muted-foreground', props.class)"
-  >
-    <slot />
-  </p>
-</template>

package/template/src/components/ui/form/FormItem.vue

@@ -1,25 +0,0 @@
-<script lang="ts">
-import type { HTMLAttributes, InjectionKey } from 'vue'
-
-export const FORM_ITEM_INJECTION_KEY
-  = Symbol() as InjectionKey<string>
-</script>
-
-<script lang="ts" setup>
-import { provide } from 'vue'
-import { useId } from 'radix-vue'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-
-const id = useId()
-provide(FORM_ITEM_INJECTION_KEY, id)
-</script>
-
-<template>
-  <div :class="cn('space-y-2', props.class)">
-    <slot />
-  </div>
-</template>

package/template/src/components/ui/form/FormLabel.vue

@@ -1,23 +0,0 @@
-<script lang="ts" setup>
-import type { HTMLAttributes } from 'vue'
-import type { LabelProps } from 'radix-vue'
-import { useFormField } from './useFormField'
-import { cn } from '../../../lib/utils'
-import { Label } from '../../../components/ui/label'
-
-const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
-
-const { error, formItemId } = useFormField()
-</script>
-
-<template>
-  <Label
-    :class="cn(
-      error && 'text-destructive',
-      props.class,
-    )"
-    :for="formItemId"
-  >
-    <slot />
-  </Label>
-</template>

package/template/src/components/ui/form/FormMessage.vue

@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-import { ErrorMessage } from 'vee-validate'
-import { toValue } from 'vue'
-import { useFormField } from './useFormField'
-
-const { name, formMessageId } = useFormField()
-</script>
-
-<template>
-  <ErrorMessage
-    :id="formMessageId"
-    as="p"
-    :name="toValue(name)"
-    class="text-[0.8rem] font-medium text-destructive"
-  />
-</template>

package/template/src/components/ui/form/index.ts

@@ -1,6 +0,0 @@
-export { Form, Field as FormField } from 'vee-validate'
-export { default as FormItem } from './FormItem.vue'
-export { default as FormLabel } from './FormLabel.vue'
-export { default as FormControl } from './FormControl.vue'
-export { default as FormMessage } from './FormMessage.vue'
-export { default as FormDescription } from './FormDescription.vue'

package/template/src/components/ui/form/useFormField.ts

@@ -1,30 +0,0 @@
-import { FieldContextKey, useFieldError, useIsFieldDirty, useIsFieldTouched, useIsFieldValid } from 'vee-validate'
-import { inject } from 'vue'
-import { FORM_ITEM_INJECTION_KEY } from './FormItem.vue'
-
-export function useFormField() {
-  const fieldContext = inject(FieldContextKey)
-  const fieldItemContext = inject(FORM_ITEM_INJECTION_KEY)
-
-  const fieldState = {
-    valid: useIsFieldValid(),
-    isDirty: useIsFieldDirty(),
-    isTouched: useIsFieldTouched(),
-    error: useFieldError(),
-  }
-
-  if (!fieldContext)
-    throw new Error('useFormField should be used within <FormField>')
-
-  const { name } = fieldContext
-  const id = fieldItemContext
-
-  return {
-    id,
-    name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState,
-  }
-}

package/template/src/components/ui/hover-card/HoverCard.vue

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

package/template/src/components/ui/hover-card/HoverCardContent.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import {
-  HoverCardContent,
-  type HoverCardContentProps,
-  HoverCardPortal,
-  useForwardProps,
-} from 'radix-vue'
-import { cn } from '../../../lib/utils'
-
-const props = withDefaults(
-  defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),
-  {
-    sideOffset: 4,
-  },
-)
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <HoverCardPortal>
-    <HoverCardContent
-      v-bind="forwardedProps"
-      :class="
-        cn(
-          'z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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',
-          props.class,
-        )
-      "
-    >
-      <slot />
-    </HoverCardContent>
-  </HoverCardPortal>
-</template>

package/template/src/components/ui/hover-card/HoverCardTrigger.vue

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

package/template/src/components/ui/hover-card/index.ts

@@ -1,3 +0,0 @@
-export { default as HoverCard } from './HoverCard.vue'
-export { default as HoverCardTrigger } from './HoverCardTrigger.vue'
-export { default as HoverCardContent } from './HoverCardContent.vue'

package/template/src/components/ui/input/Input.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { useVModel } from '@vueuse/core'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<{
-  defaultValue?: string | number
-  modelValue?: string | number
-  class?: HTMLAttributes['class']
-}>()
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', payload: string | number): void
-}>()
-
-const modelValue = useVModel(props, 'modelValue', emits, {
-  passive: true,
-  defaultValue: props.defaultValue,
-})
-</script>
-
-<template>
-  <input v-model="modelValue" :class="cn('flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', props.class)">
-</template>

package/template/src/components/ui/input/index.ts

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

package/template/src/components/ui/label/Label.vue

@@ -1,27 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { Label, type LabelProps } from 'radix-vue'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <Label
-    v-bind="delegatedProps"
-    :class="
-      cn(
-        'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
-        props.class,
-      )
-    "
-  >
-    <slot />
-  </Label>
-</template>

package/template/src/components/ui/label/index.ts

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

package/template/src/components/ui/pagination/PaginationEllipsis.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationEllipsis, type PaginationEllipsisProps } from 'radix-vue'
-import { DotsHorizontalIcon } from '@radix-icons/vue'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<PaginationEllipsisProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <PaginationEllipsis v-bind="delegatedProps" :class="cn('w-9 h-9 flex items-center justify-center', props.class)">
-    <slot>
-      <DotsHorizontalIcon />
-    </slot>
-  </PaginationEllipsis>
-</template>

package/template/src/components/ui/pagination/PaginationFirst.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationFirst, type PaginationFirstProps } from 'radix-vue'
-import { DoubleArrowLeftIcon } from '@radix-icons/vue'
-import {
-  Button,
-} from '../../../components/ui/button'
-import { cn } from '../../../lib/utils'
-
-const props = withDefaults(defineProps<PaginationFirstProps & { class?: HTMLAttributes['class'] }>(), {
-  asChild: true,
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <PaginationFirst v-bind="delegatedProps">
-    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
-      <slot>
-        <DoubleArrowLeftIcon />
-      </slot>
-    </Button>
-  </PaginationFirst>
-</template>

package/template/src/components/ui/pagination/PaginationLast.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationLast, type PaginationLastProps } from 'radix-vue'
-import { DoubleArrowRightIcon } from '@radix-icons/vue'
-import {
-  Button,
-} from '../../../components/ui/button'
-import { cn } from '../../../lib/utils'
-
-const props = withDefaults(defineProps<PaginationLastProps & { class?: HTMLAttributes['class'] }>(), {
-  asChild: true,
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <PaginationLast v-bind="delegatedProps">
-    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="outline">
-      <slot>
-        <DoubleArrowRightIcon />
-      </slot>
-    </Button>
-  </PaginationLast>
-</template>

package/template/src/components/ui/pagination/PaginationNext.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationNext, type PaginationNextProps } from 'radix-vue'
-import { ChevronRightIcon } from '@radix-icons/vue'
-import {
-  Button,
-} from '../../../components/ui/button'
-import { cn } from '../../../lib/utils'
-
-const props = withDefaults(defineProps<PaginationNextProps & { class?: HTMLAttributes['class'] }>(), {
-  asChild: true,
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <PaginationNext v-bind="delegatedProps">
-    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="ghost">
-      <slot>
-        <ChevronRightIcon />
-      </slot>
-    </Button>
-  </PaginationNext>
-</template>

package/template/src/components/ui/pagination/PaginationPrev.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PaginationPrev, type PaginationPrevProps } from 'radix-vue'
-import { ChevronLeftIcon } from '@radix-icons/vue'
-import {
-  Button,
-} from '../../../components/ui/button'
-import { cn } from '../../../lib/utils'
-
-const props = withDefaults(defineProps<PaginationPrevProps & { class?: HTMLAttributes['class'] }>(), {
-  asChild: true,
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <PaginationPrev v-bind="delegatedProps">
-    <Button :class="cn('w-9 h-9 p-0', props.class)" variant="ghost">
-      <slot>
-        <ChevronLeftIcon />
-      </slot>
-    </Button>
-  </PaginationPrev>
-</template>

package/template/src/components/ui/pagination/index.ts

@@ -1,10 +0,0 @@
-export {
-  PaginationRoot as Pagination,
-  PaginationList,
-  PaginationListItem,
-} from 'radix-vue'
-export { default as PaginationEllipsis } from './PaginationEllipsis.vue'
-export { default as PaginationFirst } from './PaginationFirst.vue'
-export { default as PaginationLast } from './PaginationLast.vue'
-export { default as PaginationNext } from './PaginationNext.vue'
-export { default as PaginationPrev } from './PaginationPrev.vue'

package/template/src/components/ui/pin-input/PinInput.vue

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PinInputRoot, type PinInputRootEmits, type PinInputRootProps, useForwardPropsEmits } from 'radix-vue'
-import { cn } from '../../../lib/utils'
-
-const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes['class'] }>(), {
-  modelValue: () => [],
-})
-const emits = defineEmits<PinInputRootEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <PinInputRoot v-bind="forwarded" :class="cn('flex gap-2 items-center', props.class)">
-    <slot />
-  </PinInputRoot>
-</template>

package/template/src/components/ui/pin-input/PinInputGroup.vue

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

package/template/src/components/ui/pin-input/PinInputInput.vue

@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import { PinInputInput, type PinInputInputProps, useForwardProps } from 'radix-vue'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<PinInputInputProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <PinInputInput v-bind="forwardedProps" :class="cn('relative text-center focus:outline-none focus:ring-2 focus:ring-ring focus:relative focus:z-10 flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md', props.class)" />
-</template>

package/template/src/components/ui/pin-input/PinInputSeparator.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import { Primitive, type PrimitiveProps, useForwardProps } from 'radix-vue'
-import { DashIcon } from '@radix-icons/vue'
-
-const props = defineProps<PrimitiveProps>()
-const forwardedProps = useForwardProps(props)
-</script>
-
-<template>
-  <Primitive v-bind="forwardedProps">
-    <slot>
-      <DashIcon />
-    </slot>
-  </primitive>
-</template>

package/template/src/components/ui/pin-input/index.ts

@@ -1,4 +0,0 @@
-export { default as PinInput } from './PinInput.vue'
-export { default as PinInputGroup } from './PinInputGroup.vue'
-export { default as PinInputSeparator } from './PinInputSeparator.vue'
-export { default as PinInputInput } from './PinInputInput.vue'

package/template/src/components/ui/popover/Popover.vue

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

package/template/src/components/ui/popover/PopoverContent.vue

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-import { type HTMLAttributes, computed } from 'vue'
-import {
-  PopoverContent,
-  type PopoverContentEmits,
-  type PopoverContentProps,
-  PopoverPortal,
-  useForwardPropsEmits,
-} from 'radix-vue'
-import { cn } from '../../../lib/utils'
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(
-  defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),
-  {
-    align: 'center',
-    sideOffset: 4,
-  },
-)
-const emits = defineEmits<PopoverContentEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <PopoverPortal>
-    <PopoverContent
-      v-bind="{ ...forwarded, ...$attrs }"
-      :class="
-        cn(
-          'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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',
-          props.class,
-        )
-      "
-    >
-      <slot />
-    </PopoverContent>
-  </PopoverPortal>
-</template>