@una-ui/nuxt 0.53.0 → 0.54.1

package/dist/runtime/components/navigation-menu/NavigationMenuTrigger.vue

@@ -1,65 +1,45 @@
-<script setup>
-import { reactiveOmit } from "@vueuse/core";
+<script setup lang="ts">
+import type { NNavigationMenuTriggerProps } from '../../types'
+import { reactiveOmit } from '@vueuse/core'
 import {
   NavigationMenuTrigger,
-  useForwardProps
-} from "reka-ui";
-import { cn } from "../../utils";
-import Button from "../elements/Button.vue";
+  useForwardProps,
+} from 'reka-ui'
+import { cn } from '../../utils'
+import Button from '../elements/Button.vue'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  navigationMenu: { type: String, required: false, default: "ghost-white" },
-  una: { type: Object, required: false },
-  disabled: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: Button },
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false },
-  icon: { type: Boolean, required: false },
-  reverse: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false },
-  block: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  label: { type: String, required: false },
-  btn: { type: String, required: false, default: "~" },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false, default: "navigation-menu-trigger-trailing-icon" },
-  size: { type: String, required: false },
-  square: { type: null, required: false },
-  rounded: { type: null, required: false },
-  class: { type: null, required: false },
-  breadcrumbActive: { type: String, required: false },
-  breadcrumbInactive: { type: String, required: false },
-  paginationSelected: { type: String, required: false },
-  paginationUnselected: { type: String, required: false },
-  dropdownMenu: { type: String, required: false },
-  toggleOn: { type: String, required: false },
-  toggleOff: { type: String, required: false },
-  navigationMenuLink: { type: String, required: false },
-  ariaLabel: { type: String, required: false }
-});
-const delegatedProps = reactiveOmit(props, "class");
-const forwardedProps = useForwardProps(delegatedProps);
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NNavigationMenuTriggerProps>(), {
+  btn: '~',
+  navigationMenu: 'ghost-white',
+  trailing: 'navigation-menu-trigger-trailing-icon',
+  as: Button,
+})
+
+const delegatedProps = reactiveOmit(props, 'class')
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
   <NavigationMenuTrigger
     v-bind="!props.asChild ? {
-  ...$attrs,
-  ...forwardedProps,
-  class: cn(
-    'navigation-menu-trigger group',
-    props.una?.navigationMenuTrigger,
-    props.class
-  ),
-  navigationMenu: btn === '~' ? navigationMenu : void 0,
-  una: {
-    btnTrailing: cn('navigation-menu-trigger-trailing', forwardedProps.una?.btnTrailing),
-    ...props.una
-  }
-} : {}"
+      ...$attrs,
+      ...forwardedProps,
+      class: cn(
+        'navigation-menu-trigger group',
+        props.una?.navigationMenuTrigger,
+        props.class,
+      ),
+      navigationMenu: btn === '~' ? navigationMenu : undefined,
+      una: {
+        btnTrailing: cn('navigation-menu-trigger-trailing', forwardedProps.una?.btnTrailing),
+        ...props.una,
+      },
+    } : {}"
     :as-child="props.asChild"
     :as="props.as"
     :disabled

package/dist/runtime/components/navigation-menu/NavigationMenuViewport.vue

@@ -1,42 +1,39 @@
-<script setup>
-import { reactiveOmit } from "@vueuse/core";
-import { NavigationMenuViewport, useForwardProps } from "reka-ui";
-import { cn } from "../../utils";
+<script setup lang="ts">
+import type { NNavigationMenuViewportProps } from '../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { NavigationMenuViewport, useForwardProps } from 'reka-ui'
+import { cn } from '../../utils'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  una: { type: Object, required: false },
-  forceMount: { type: Boolean, required: false },
-  align: { type: String, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  orientation: { type: String, required: false },
-  class: { type: null, required: false }
-});
-const delegatedProps = reactiveOmit(props, "class");
-const forwardedProps = useForwardProps(delegatedProps);
+  inheritAttrs: false,
+})
+
+const props = defineProps<NNavigationMenuViewportProps>()
+
+const delegatedProps = reactiveOmit(props, 'class')
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
   <div
     :class="cn(
-  'navigation-menu-viewport-wrapper',
-  props.orientation === 'horizontal' && 'navigation-menu-viewport-wrapper-horizontal',
-  props.orientation === 'vertical' && 'navigation-menu-viewport-wrapper-vertical',
-  props.una?.navigationMenuViewportWrapper,
-  props.class
-)"
+      'navigation-menu-viewport-wrapper',
+      props.orientation === 'horizontal' && 'navigation-menu-viewport-wrapper-horizontal',
+      props.orientation === 'vertical' && 'navigation-menu-viewport-wrapper-vertical',
+      props.una?.navigationMenuViewportWrapper,
+      props.class,
+    )"
   >
     <NavigationMenuViewport
       v-bind="{ ...forwardedProps, ...$attrs }"
       :class="
-  cn(
-    'navigation-menu-viewport',
-    'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90',
-    props.una?.navigationMenuViewport
-  )
-"
+        cn(
+          'navigation-menu-viewport',
+          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90',
+          props.una?.navigationMenuViewport,
+        )
+      "
     />
   </div>
 </template>

package/dist/runtime/components/overlays/Toaster.vue

@@ -1,23 +1,20 @@
-<script setup>
-import { reactivePick } from "@vueuse/core";
-import { useToast } from "../../composables/useToast";
-import Toast from "./toast/Toast.vue";
-import ToastProvider from "./toast/ToastProvider.vue";
-import ToastViewport from "./toast/ToastViewport.vue";
+<script setup lang="ts">
+import type { NToasterProps } from '../../types'
+import { reactivePick } from '@vueuse/core'
+import { useToast } from '../../composables/useToast'
+import Toast from './toast/Toast.vue'
+import ToastProvider from './toast/ToastProvider.vue'
+import ToastViewport from './toast/ToastViewport.vue'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  _toastViewport: { type: Object, required: false },
-  _toast: { type: Object, required: false },
-  class: { type: null, required: false },
-  label: { type: String, required: false },
-  duration: { type: Number, required: false },
-  swipeDirection: { type: String, required: false },
-  swipeThreshold: { type: Number, required: false }
-});
-const rootProps = reactivePick(props, ["duration", "label", "swipeDirection", "swipeThreshold"]);
-const { toasts } = useToast();
+  inheritAttrs: false,
+})
+
+const props = defineProps<NToasterProps>()
+
+const rootProps = reactivePick(props, ['duration', 'label', 'swipeDirection', 'swipeThreshold'])
+
+const { toasts } = useToast()
 </script>
 
 <template>

package/dist/runtime/components/overlays/toast/Toast.vue

@@ -1,59 +1,39 @@
-<script setup>
-import { reactivePick } from "@vueuse/core";
-import { ToastRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "../../../utils";
-import Icon from "../../elements/Icon.vue";
-import Progress from "../../elements/Progress.vue";
-import ToastAction from "./ToastAction.vue";
-import ToastClose from "./ToastClose.vue";
-import ToastDescription from "./ToastDescription.vue";
-import ToastInfo from "./ToastInfo.vue";
-import ToastTitle from "./ToastTitle.vue";
+<script setup lang="ts">
+import type { ToastRootEmits } from 'reka-ui'
+import type { NToastProps } from '../../../types'
+import { reactivePick } from '@vueuse/core'
+import { ToastRoot, useForwardPropsEmits } from 'reka-ui'
+
+import { cn } from '../../../utils'
+import Icon from '../../elements/Icon.vue'
+import Progress from '../../elements/Progress.vue'
+import ToastAction from './ToastAction.vue'
+import ToastClose from './ToastClose.vue'
+import ToastDescription from './ToastDescription.vue'
+import ToastInfo from './ToastInfo.vue'
+import ToastTitle from './ToastTitle.vue'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  toast: { type: null, required: false, default: "solid-white" },
-  leading: { type: null, required: false },
-  title: { type: String, required: false },
-  description: { type: String, required: false },
-  closable: { type: Boolean, required: false, default: true },
-  actions: { type: Array, required: false },
-  toasts: { type: Array, required: false },
-  size: { type: String, required: false },
-  showProgress: { type: Boolean, required: false },
-  _toastProvider: { type: Object, required: false },
-  _toastTitle: { type: Object, required: false },
-  _toastDescription: { type: Object, required: false },
-  _toastViewport: { type: Object, required: false },
-  _toastAction: { type: Object, required: false },
-  _toastClose: { type: Object, required: false },
-  _toastInfo: { type: Object, required: false },
-  _progress: { type: Object, required: false },
-  una: { type: Object, required: false },
-  onOpenChange: { type: Function, required: false, skipCheck: true },
-  class: { type: null, required: false },
-  progress: { type: null, required: false },
-  defaultOpen: { type: Boolean, required: false },
-  forceMount: { type: Boolean, required: false },
-  type: { type: String, required: false },
-  open: { type: Boolean, required: false },
-  duration: { type: Number, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
-});
-const emits = defineEmits(["escapeKeyDown", "pause", "resume", "swipeStart", "swipeMove", "swipeCancel", "swipeEnd", "update:open"]);
-const rootProps = useForwardPropsEmits(reactivePick(props, "as", "asChild", "defaultOpen", "open", "duration", "type", "forceMount"), emits);
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NToastProps>(), {
+  toast: 'solid-white',
+  closable: true,
+})
+
+const emits = defineEmits<ToastRootEmits>()
+const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'asChild', 'defaultOpen', 'open', 'duration', 'type', 'forceMount'), emits)
 </script>
 
 <template>
   <ToastRoot
     v-slot="{ remaining, duration }"
     :class="cn(
-  'group toast data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--reka-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',
-  props.una?.toast,
-  props.class
-)"
+      'group toast data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--reka-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',
+      props.una?.toast,
+      props.class,
+    )"
     v-bind="{ ...rootProps, ...$attrs }"
     :toast
     @update:open="onOpenChange"
@@ -63,17 +43,17 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "as", "asChild", "def
         v-if="leading"
         :name="leading"
         :class="cn(
-  'toast-leading',
-  props.una?.toastLeading
-)"
+          'toast-leading',
+          props.una?.toastLeading,
+        )"
       />
     </slot>
 
     <div
       :class="cn(
-  'toast-wrapper',
-  props.una?.toastWrapper
-)"
+        'toast-wrapper',
+        props.una?.toastWrapper,
+      )"
     >
       <slot>
         <ToastInfo
@@ -135,9 +115,9 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "as", "asChild", "def
         :progress
         v-bind="_progress"
         :class="cn(
-  'toast-progress bg-transparent',
-  props.una?.toastProgress
-)"
+          'toast-progress bg-transparent',
+          props.una?.toastProgress,
+        )"
         :model-value="remaining / duration * 100"
       />
     </div>

package/dist/runtime/components/overlays/toast/ToastAction.vue

@@ -1,47 +1,24 @@
-<script setup>
-import { ToastAction } from "reka-ui";
-import { computed } from "vue";
-import { cn, omitProps, randomId } from "../../../utils";
-import Button from "../../elements/Button.vue";
+<script setup lang="ts">
+import type { NToastActionProps } from '../../../types'
+import { ToastAction } from 'reka-ui'
+import { computed } from 'vue'
+import { cn, omitProps, randomId } from '../../../utils'
+import Button from '../../elements/Button.vue'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false },
-  icon: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false },
-  reverse: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false },
-  block: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  label: { type: String, required: false },
-  btn: { type: String, required: false, default: "solid-white" },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false, default: "xs" },
-  una: { type: Object, required: false },
-  square: { type: null, required: false },
-  rounded: { type: null, required: false },
-  class: { type: null, required: false },
-  breadcrumbActive: { type: String, required: false },
-  breadcrumbInactive: { type: String, required: false },
-  paginationSelected: { type: String, required: false },
-  paginationUnselected: { type: String, required: false },
-  dropdownMenu: { type: String, required: false },
-  toggleOn: { type: String, required: false },
-  toggleOff: { type: String, required: false },
-  navigationMenu: { type: String, required: false },
-  navigationMenuLink: { type: String, required: false },
-  ariaLabel: { type: String, required: false },
-  altText: { type: String, required: true },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
-});
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NToastActionProps>(), {
+  btn: 'solid-white',
+  size: 'xs',
+})
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>

package/dist/runtime/components/overlays/toast/ToastClose.vue

@@ -1,35 +1,34 @@
-<script setup>
-import { ToastClose } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-import Icon from "../../elements/Icon.vue";
-const props = defineProps({
-  una: { type: Object, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NToastCloseProps } from '../../../types'
+import { ToastClose } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+import Icon from '../../elements/Icon.vue'
+
+const props = defineProps<NToastCloseProps>()
+
 const delegatedProps = computed(() => {
-  const { ...delegated } = props;
-  return delegated;
-});
+  const { ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>
   <ToastClose
     v-bind="delegatedProps"
     :class="cn(
-  'toast-close',
-  props.una?.toastClose,
-  props.class
-)"
+      'toast-close',
+      props.una?.toastClose,
+      props.class,
+    )"
   >
     <Icon
       :name="una?.toastCloseIcon ?? 'toast-close-icon'"
       :class="cn(
-  'toast-close-icon-base',
-  una?.toastCloseIconBase
-)"
+        'toast-close-icon-base',
+        una?.toastCloseIconBase,
+      )"
       aria-hidden="true"
     />
   </ToastClose>

package/dist/runtime/components/overlays/toast/ToastDescription.vue

@@ -1,27 +1,26 @@
-<script setup>
-import { ToastDescription } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-const props = defineProps({
-  una: { type: Object, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NToastDescriptionProps } from '../../../types'
+import { ToastDescription } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+
+const props = defineProps<NToastDescriptionProps>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>
   <ToastDescription
     v-bind="delegatedProps"
     :class="cn(
-  'toast-description',
-  props.una?.toastDescription,
-  props.class
-)"
+      'toast-description',
+      props.una?.toastDescription,
+      props.class,
+    )"
   >
     <slot />
   </ToastDescription>

package/dist/runtime/components/overlays/toast/ToastInfo.vue

@@ -1,18 +1,17 @@
-<script setup>
-import { cn } from "../../../utils";
-const props = defineProps({
-  una: { type: Object, required: false },
-  class: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NToastInfoProps } from '../../../types'
+import { cn } from '../../../utils'
+
+const props = defineProps<NToastInfoProps>()
 </script>
 
 <template>
   <div
     :class="cn(
-  'toast-info',
-  props.una?.toastInfo,
-  props.class
-)"
+      'toast-info',
+      props.una?.toastInfo,
+      props.class,
+    )"
   >
     <slot />
   </div>

package/dist/runtime/components/overlays/toast/ToastProvider.vue

@@ -1,11 +1,10 @@
-<script setup>
-import { ToastProvider } from "reka-ui";
-const props = defineProps({
-  label: { type: String, required: false },
-  duration: { type: Number, required: false, default: 5e3 },
-  swipeDirection: { type: String, required: false },
-  swipeThreshold: { type: Number, required: false }
-});
+<script setup lang="ts">
+import type { NToastProviderProps } from '../../../types'
+import { ToastProvider } from 'reka-ui'
+
+const props = withDefaults(defineProps<NToastProviderProps>(), {
+  duration: 5000,
+})
 </script>
 
 <template>

package/dist/runtime/components/overlays/toast/ToastTitle.vue

@@ -1,27 +1,26 @@
-<script setup>
-import { ToastTitle } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-const props = defineProps({
-  una: { type: Object, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NToastTitleProps } from '../../../types'
+import { ToastTitle } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+
+const props = defineProps<NToastTitleProps>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>
   <ToastTitle
     v-bind="delegatedProps"
     :class="cn(
-  'toast-title',
-  props.una?.toastTitle,
-  props.class
-)"
+      'toast-title',
+      props.una?.toastTitle,
+      props.class,
+    )"
   >
     <slot />
   </ToastTitle>

package/dist/runtime/components/overlays/toast/ToastViewport.vue

@@ -1,28 +1,25 @@
-<script setup>
-import { ToastViewport } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-const props = defineProps({
-  una: { type: Object, required: false },
-  hotkey: { type: Array, required: false },
-  label: { type: [String, Function], required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NToastViewportProps } from '../../../types'
+import { ToastViewport } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+
+const props = defineProps<NToastViewportProps>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
 </script>
 
 <template>
   <ToastViewport
     v-bind="delegatedProps"
     :class="cn(
-  'toast-viewport',
-  props.una?.toastViewport,
-  props.class
-)"
+      'toast-viewport',
+      props.una?.toastViewport,
+      props.class,
+    )"
   />
 </template>