@iqual/nuxt-icms 1.4.9 → 1.5.0

package/components/ui/toast/Toast.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import type { ToastRootEmits } from 'radix-vue'
-import type { ToastProps } from '.'
-import { cn } from '@/lib/utils'
-import { ToastRoot, useForwardPropsEmits } from 'radix-vue'
-import { computed } from 'vue'
-import { toastVariants } from '.'
-
-const props = defineProps<ToastProps>()
-
-const emits = defineEmits<ToastRootEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <ToastRoot
-    v-bind="forwarded"
-    :class="cn(toastVariants({ variant }), props.class)"
-    @update:open="onOpenChange"
-  >
-    <slot />
-  </ToastRoot>
-</template>

package/components/ui/toast/ToastAction.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import type { ToastActionProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { ToastAction } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<ToastActionProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <ToastAction v-bind="delegatedProps" :class="cn('inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive', props.class)">
-    <slot />
-  </ToastAction>
-</template>

package/components/ui/toast/ToastClose.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import type { ToastCloseProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { X } from 'lucide-vue-next'
-import { ToastClose } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<ToastCloseProps & {
-  class?: HTMLAttributes['class']
-}>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <ToastClose v-bind="delegatedProps" :class="cn('absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600', props.class)">
-    <X class="h-4 w-4" />
-  </ToastClose>
-</template>

package/components/ui/toast/ToastDescription.vue

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

package/components/ui/toast/ToastProvider.vue

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

package/components/ui/toast/ToastTitle.vue

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

package/components/ui/toast/ToastViewport.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import type { ToastViewportProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { ToastViewport } from 'radix-vue'
-import { computed } from 'vue'
-
-const props = defineProps<ToastViewportProps & { class?: HTMLAttributes['class'] }>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <ToastViewport v-bind="delegatedProps" :class="cn('fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]', props.class)" />
-</template>

package/components/ui/toast/Toaster.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { isVNode } from 'vue'
-import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from '.'
-import { useToast } from './use-toast'
-
-const { toasts } = useToast()
-</script>
-
-<template>
-  <ToastProvider>
-    <Toast v-for="toast in toasts" :key="toast.id" v-bind="toast">
-      <div class="grid gap-1">
-        <ToastTitle v-if="toast.title">
-          {{ toast.title }}
-        </ToastTitle>
-        <template v-if="toast.description">
-          <ToastDescription v-if="isVNode(toast.description)">
-            <component :is="toast.description" />
-          </ToastDescription>
-          <ToastDescription v-else>
-            {{ toast.description }}
-          </ToastDescription>
-        </template>
-        <ToastClose />
-      </div>
-      <component :is="toast.action" />
-    </Toast>
-    <ToastViewport />
-  </ToastProvider>
-</template>

package/components/ui/toast/index.ts

@@ -1,39 +0,0 @@
-import type { ToastRootProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-
-export { default as Toast } from './Toast.vue'
-export { default as ToastAction } from './ToastAction.vue'
-export { default as ToastClose } from './ToastClose.vue'
-export { default as ToastDescription } from './ToastDescription.vue'
-export { default as Toaster } from './Toaster.vue'
-export { default as ToastProvider } from './ToastProvider.vue'
-export { default as ToastTitle } from './ToastTitle.vue'
-export { default as ToastViewport } from './ToastViewport.vue'
-export { toast, useToast } from './use-toast'
-
-import type { VariantProps } from 'class-variance-authority'
-import { cva } from 'class-variance-authority'
-
-export const toastVariants = cva(
-  'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[--radix-toast-swipe-end-x] data-[swipe=move]:translate-x-[--radix-toast-swipe-move-x] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
-  {
-    variants: {
-      variant: {
-        default: 'border bg-background text-foreground',
-        destructive:
-                    'destructive group border-destructive bg-destructive text-destructive-foreground',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-    },
-  },
-)
-
-type ToastVariants = VariantProps<typeof toastVariants>
-
-export interface ToastProps extends ToastRootProps {
-  class?: HTMLAttributes['class']
-  variant?: ToastVariants['variant']
-  onOpenChange?: ((value: boolean) => void) | undefined
-}

package/components/ui/toast/use-toast.ts

@@ -1,165 +0,0 @@
-import type { Component, VNode } from 'vue'
-import type { ToastProps } from '.'
-import { computed, ref } from 'vue'
-
-const TOAST_LIMIT = 1
-const TOAST_REMOVE_DELAY = 1000000
-
-export type StringOrVNode =
-  | string
-  | VNode
-  | (() => VNode)
-
-type ToasterToast = ToastProps & {
-  id: string
-  title?: string
-  description?: StringOrVNode
-  action?: Component
-}
-
-const actionTypes = {
-  ADD_TOAST: 'ADD_TOAST',
-  UPDATE_TOAST: 'UPDATE_TOAST',
-  DISMISS_TOAST: 'DISMISS_TOAST',
-  REMOVE_TOAST: 'REMOVE_TOAST',
-} as const
-
-let count = 0
-
-function genId() {
-  count = (count + 1) % Number.MAX_VALUE
-  return count.toString()
-}
-
-type ActionType = typeof actionTypes
-
-type Action =
-  | {
-    type: ActionType['ADD_TOAST']
-    toast: ToasterToast
-  }
-  | {
-    type: ActionType['UPDATE_TOAST']
-    toast: Partial<ToasterToast>
-  }
-  | {
-    type: ActionType['DISMISS_TOAST']
-    toastId?: ToasterToast['id']
-  }
-  | {
-    type: ActionType['REMOVE_TOAST']
-    toastId?: ToasterToast['id']
-  }
-
-interface State {
-  toasts: ToasterToast[]
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
-
-function addToRemoveQueue(toastId: string) {
-  if (toastTimeouts.has(toastId))
-    return
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId)
-    dispatch({
-      type: actionTypes.REMOVE_TOAST,
-      toastId,
-    })
-  }, TOAST_REMOVE_DELAY)
-
-  toastTimeouts.set(toastId, timeout)
-}
-
-const state = ref<State>({
-  toasts: [],
-})
-
-function dispatch(action: Action) {
-  switch (action.type) {
-    case actionTypes.ADD_TOAST:
-      state.value.toasts = [action.toast, ...state.value.toasts].slice(0, TOAST_LIMIT)
-      break
-
-    case actionTypes.UPDATE_TOAST:
-      state.value.toasts = state.value.toasts.map(t =>
-        t.id === action.toast.id ? { ...t, ...action.toast } : t,
-      )
-      break
-
-    case actionTypes.DISMISS_TOAST: {
-      const { toastId } = action
-
-      if (toastId) {
-        addToRemoveQueue(toastId)
-      }
-      else {
-        state.value.toasts.forEach((toast) => {
-          addToRemoveQueue(toast.id)
-        })
-      }
-
-      state.value.toasts = state.value.toasts.map(t =>
-        t.id === toastId || toastId === undefined
-          ? {
-              ...t,
-              open: false,
-            }
-          : t,
-      )
-      break
-    }
-
-    case actionTypes.REMOVE_TOAST:
-      if (action.toastId === undefined)
-        state.value.toasts = []
-      else
-        state.value.toasts = state.value.toasts.filter(t => t.id !== action.toastId)
-
-      break
-  }
-}
-
-function useToast() {
-  return {
-    toasts: computed(() => state.value.toasts),
-    toast,
-    dismiss: (toastId?: string) => dispatch({ type: actionTypes.DISMISS_TOAST, toastId }),
-  }
-}
-
-type Toast = Omit<ToasterToast, 'id'>
-
-function toast(props: Toast) {
-  const id = genId()
-
-  const update = (props: ToasterToast) =>
-    dispatch({
-      type: actionTypes.UPDATE_TOAST,
-      toast: { ...props, id },
-    })
-
-  const dismiss = () => dispatch({ type: actionTypes.DISMISS_TOAST, toastId: id })
-
-  dispatch({
-    type: actionTypes.ADD_TOAST,
-    toast: {
-      ...props,
-      id,
-      open: true,
-      onOpenChange: (open: boolean) => {
-        if (!open)
-          dismiss()
-      },
-    },
-  })
-
-  return {
-    id,
-    dismiss,
-    update,
-  }
-}
-
-export { toast, useToast }

package/components/ui/toggle/Toggle.vue

@@ -1,38 +0,0 @@
-<script setup lang="ts">
-import type { ToggleEmits, ToggleProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import type { ToggleVariants } from '.'
-import { cn } from '@/lib/utils'
-import { Toggle, useForwardPropsEmits } from 'radix-vue'
-import { computed } from 'vue'
-import { toggleVariants } from '.'
-
-const props = withDefaults(defineProps<ToggleProps & {
-  class?: HTMLAttributes['class']
-  variant?: ToggleVariants['variant']
-  size?: ToggleVariants['size']
-}>(), {
-  variant: 'default',
-  size: 'default',
-  disabled: false,
-})
-
-const emits = defineEmits<ToggleEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, size, variant, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <Toggle
-    v-bind="forwarded"
-    :class="cn(toggleVariants({ variant, size }), props.class)"
-  >
-    <slot />
-  </Toggle>
-</template>

package/components/ui/toggle/index.ts

@@ -1,28 +0,0 @@
-import type { VariantProps } from 'class-variance-authority'
-import { cva } from 'class-variance-authority'
-
-export { default as Toggle } from './Toggle.vue'
-
-export const toggleVariants = cva(
-  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
-  {
-    variants: {
-      variant: {
-        default: 'bg-transparent',
-        outline:
-          'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',
-      },
-      size: {
-        default: 'h-10 px-3',
-        sm: 'h-9 px-2.5',
-        lg: 'h-11 px-5',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-)
-
-export type ToggleVariants = VariantProps<typeof toggleVariants>

package/components/ui/toggle-group/ToggleGroup.vue

@@ -1,36 +0,0 @@
-<script setup lang="ts">
-import type { toggleVariants } from '@/lib/registry/default/ui/toggle'
-import type { VariantProps } from 'class-variance-authority'
-import type { ToggleGroupRootEmits, ToggleGroupRootProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { ToggleGroupRoot, useForwardPropsEmits } from 'radix-vue'
-import { computed, provide } from 'vue'
-
-type ToggleGroupVariants = VariantProps<typeof toggleVariants>
-
-const props = defineProps<ToggleGroupRootProps & {
-  class?: HTMLAttributes['class']
-  variant?: ToggleGroupVariants['variant']
-  size?: ToggleGroupVariants['size']
-}>()
-const emits = defineEmits<ToggleGroupRootEmits>()
-
-provide('toggleGroup', {
-  variant: props.variant,
-  size: props.size,
-})
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <ToggleGroupRoot v-bind="forwarded" :class="cn('flex items-center justify-center gap-1', props.class)">
-    <slot />
-  </ToggleGroupRoot>
-</template>

package/components/ui/toggle-group/ToggleGroupItem.vue

@@ -1,37 +0,0 @@
-<script setup lang="ts">
-import type { VariantProps } from 'class-variance-authority'
-import type { ToggleGroupItemProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { toggleVariants } from '@/lib/registry/default/ui/toggle'
-import { cn } from '@/lib/utils'
-import { ToggleGroupItem, useForwardProps } from 'radix-vue'
-import { computed, inject } from 'vue'
-
-type ToggleGroupVariants = VariantProps<typeof toggleVariants>
-
-const props = defineProps<ToggleGroupItemProps & {
-  class?: HTMLAttributes['class']
-  variant?: ToggleGroupVariants['variant']
-  size?: ToggleGroupVariants['size']
-}>()
-
-const context = inject<ToggleGroupVariants>('toggleGroup')
-
-const delegatedProps = computed(() => {
-  const { class: _, variant, size, ...delegated } = props
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <ToggleGroupItem
-    v-bind="forwardedProps" :class="cn(toggleVariants({
-      variant: context?.variant || variant,
-      size: context?.size || size,
-    }), props.class)"
-  >
-    <slot />
-  </ToggleGroupItem>
-</template>

package/components/ui/toggle-group/index.ts

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

package/components/ui/tooltip/Tooltip.vue

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

package/components/ui/tooltip/TooltipContent.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import type { TooltipContentEmits, TooltipContentProps } from 'radix-vue'
-import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
-import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'radix-vue'
-import { computed } from 'vue'
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(), {
-  sideOffset: 4,
-})
-
-const emits = defineEmits<TooltipContentEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <TooltipPortal>
-    <TooltipContent v-bind="{ ...forwarded, ...$attrs }" :class="cn('z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 />
-    </TooltipContent>
-  </TooltipPortal>
-</template>

package/components/ui/tooltip/TooltipProvider.vue

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

package/components/ui/tooltip/TooltipTrigger.vue

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

package/components/ui/tooltip/index.ts

@@ -1,4 +0,0 @@
-export { default as Tooltip } from './Tooltip.vue'
-export { default as TooltipContent } from './TooltipContent.vue'
-export { default as TooltipProvider } from './TooltipProvider.vue'
-export { default as TooltipTrigger } from './TooltipTrigger.vue'