@una-ui/nuxt 0.53.0 → 0.54.1

package/dist/runtime/components/elements/pagination/PaginationListItem.vue

@@ -1,50 +1,27 @@
-<script setup>
-import { PaginationListItem, useForwardProps } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-import Button from "../../elements/Button.vue";
-const props = defineProps({
-  isSelected: { type: Boolean, required: false },
-  page: { type: Number, required: false },
-  una: { type: Object, required: false },
-  value: { type: Number, required: true },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  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 },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false },
-  square: { type: null, required: false, default: true },
-  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, default: "~" },
-  paginationUnselected: { type: String, required: false, default: "~" },
-  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 }
-});
+<script setup lang="ts">
+import type { NPaginationListItemProps } from '../../../types'
+import { PaginationListItem, useForwardProps } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+import Button from '../../elements/Button.vue'
+
+const props = withDefaults(defineProps<NPaginationListItemProps>(), {
+  paginationSelected: '~',
+  paginationUnselected: '~',
+  square: true,
+})
+
 const delegatedProps = computed(() => {
-  const { value: __, class: _, ...delegated } = props;
-  return delegated;
-});
+  const { value: __, class: _, ...delegated } = props
+
+  return delegated
+})
+
 const label = computed(() => {
-  return props.label || props.value.toString();
-});
-const forwardedProps = useForwardProps(delegatedProps);
+  return props.label || props.value.toString()
+})
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
@@ -57,11 +34,11 @@ const forwardedProps = useForwardProps(delegatedProps);
       v-bind="forwardedProps"
       :label
       :class="cn(
-  'pagination-list-item',
-  props?.una?.pagination,
-  props?.una?.paginationListItem,
-  props.class
-)"
+        'pagination-list-item',
+        props?.una?.pagination,
+        props?.una?.paginationListItem,
+        props.class,
+      )"
     >
       <template v-for="(_, name) in $slots" #[name]="slotData">
         <slot :name="name" v-bind="slotData" />

package/dist/runtime/components/elements/pagination/PaginationNext.vue

@@ -1,44 +1,24 @@
-<script setup>
-import { PaginationNext, useForwardProps } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-import Button from "../../elements/Button.vue";
-const props = defineProps({
-  una: { type: Object, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false },
-  icon: { type: Boolean, required: false, default: true },
-  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, default: "pagination-next-icon" },
-  btn: { type: String, required: false },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false },
-  square: { type: null, required: false, default: true },
-  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, default: "~" },
-  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 }
-});
+<script setup lang="ts">
+import type { NPaginationNextProps } from '../../../types'
+import { PaginationNext, useForwardProps } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+import Button from '../../elements/Button.vue'
+
+const props = withDefaults(defineProps<NPaginationNextProps>(), {
+  paginationUnselected: '~',
+  square: true,
+  icon: true,
+  label: 'pagination-next-icon',
+})
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
-const forwardedProps = useForwardProps(delegatedProps);
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
@@ -48,11 +28,11 @@ const forwardedProps = useForwardProps(delegatedProps);
         :data-selected="false"
         v-bind="forwardedProps"
         :class="cn(
-  'pagination-next',
-  props.una?.pagination,
-  props.una?.paginationNext,
-  props.class
-)"
+          'pagination-next',
+          props.una?.pagination,
+          props.una?.paginationNext,
+          props.class,
+        )"
       />
     </slot>
   </PaginationNext>

package/dist/runtime/components/elements/pagination/PaginationPrev.vue

@@ -1,44 +1,24 @@
-<script setup>
-import { PaginationPrev, useForwardProps } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-import Button from "../../elements/Button.vue";
-const props = defineProps({
-  una: { type: Object, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false },
-  icon: { type: Boolean, required: false, default: true },
-  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, default: "pagination-prev-icon" },
-  btn: { type: String, required: false },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false },
-  square: { type: null, required: false, default: true },
-  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, default: "~" },
-  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 }
-});
+<script setup lang="ts">
+import type { NPaginationPrevProps } from '../../../types'
+import { PaginationPrev, useForwardProps } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+import Button from '../../elements/Button.vue'
+
+const props = withDefaults(defineProps<NPaginationPrevProps>(), {
+  paginationUnselected: '~',
+  square: true,
+  icon: true,
+  label: 'pagination-prev-icon',
+})
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
-const forwardedProps = useForwardProps(delegatedProps);
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwardedProps = useForwardProps(delegatedProps)
 </script>
 
 <template>
@@ -48,11 +28,11 @@ const forwardedProps = useForwardProps(delegatedProps);
         :data-selected="false"
         v-bind="forwardedProps"
         :class="cn(
-  'pagination-prev',
-  props.una?.pagination,
-  props.una?.paginationPrev,
-  props.class
-)"
+          'pagination-prev',
+          props.una?.pagination,
+          props.una?.paginationPrev,
+          props.class,
+        )"
       />
     </slot>
   </PaginationPrev>

package/dist/runtime/components/elements/popover/Popover.vue

@@ -1,19 +1,20 @@
-<script setup>
-import { PopoverRoot, PopoverTrigger, useForwardPropsEmits } from "reka-ui";
-import { computed } from "vue";
-import NPopoverContent from "./PopoverContent.vue";
-const props = defineProps({
-  _popoverContent: { type: Object, required: false },
-  defaultOpen: { type: Boolean, required: false },
-  open: { type: Boolean, required: false },
-  modal: { type: Boolean, required: false }
-});
-const emits = defineEmits(["update:open"]);
+<script setup lang="ts">
+import type { PopoverRootEmits } from 'reka-ui'
+import type { NPopoverProps } from '../../../types'
+import { PopoverRoot, PopoverTrigger, useForwardPropsEmits } from 'reka-ui'
+import { computed } from 'vue'
+import NPopoverContent from './PopoverContent.vue'
+
+const props = defineProps<NPopoverProps>()
+const emits = defineEmits<PopoverRootEmits>()
+
 const delegatedProps = computed(() => {
-  const { _popoverContent, ...delegated } = props;
-  return delegated;
-});
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+  const { _popoverContent, ...delegated } = props
+
+  return delegated
+})
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>

package/dist/runtime/components/elements/popover/PopoverContent.vue

@@ -1,42 +1,34 @@
-<script setup>
+<script setup lang="ts">
+import type { PopoverContentEmits } from 'reka-ui'
+import type { NPopoverContentProps } from '../../../types'
 import {
   PopoverContent,
   PopoverPortal,
-  useForwardPropsEmits
-} from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
+  useForwardPropsEmits,
+} from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  forceMount: { type: Boolean, required: false },
-  side: { type: null, required: false },
-  sideOffset: { type: Number, required: false, default: 4 },
-  align: { type: null, required: false, default: "center" },
-  alignOffset: { type: Number, required: false },
-  avoidCollisions: { type: Boolean, required: false },
-  collisionBoundary: { type: null, required: false },
-  collisionPadding: { type: [Number, Object], required: false },
-  arrowPadding: { type: Number, required: false },
-  sticky: { type: String, required: false },
-  hideWhenDetached: { type: Boolean, required: false },
-  positionStrategy: { type: String, required: false },
-  updatePositionStrategy: { type: String, required: false },
-  disableUpdateOnLayoutShift: { type: Boolean, required: false },
-  prioritizePosition: { type: Boolean, required: false },
-  reference: { type: null, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  disableOutsidePointerEvents: { type: Boolean, required: false },
-  class: { type: null, required: false }
-});
-const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
+  inheritAttrs: false,
+})
+
+const props = withDefaults(
+  defineProps<NPopoverContentProps>(),
+  {
+    align: 'center',
+    sideOffset: 4,
+  },
+)
+const emits = defineEmits<PopoverContentEmits>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
@@ -44,11 +36,11 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <PopoverContent
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
-  cn(
-    'popover-content',
-    props.class
-  )
-"
+        cn(
+          'popover-content',
+          props.class,
+        )
+      "
     >
       <slot />
     </PopoverContent>

package/dist/runtime/components/elements/tabs/Tabs.vue

@@ -1,35 +1,24 @@
-<script setup>
-import { useForwardPropsEmits } from "reka-ui";
-import { computed } from "vue";
-import { omitProps } from "../../../utils";
-import TabsContent from "./TabsContent.vue";
-import TabsList from "./TabsList.vue";
-import TabsRoot from "./TabsRoot.vue";
-import TabsTrigger from "./TabsTrigger.vue";
-const props = defineProps({
-  items: { type: Array, required: true },
-  _tabsContent: { type: Object, required: false },
-  _tabsTrigger: { type: Object, required: false },
-  _tabsList: { type: Object, required: false },
-  defaultValue: { type: null, required: false },
-  orientation: { type: String, required: false },
-  dir: { type: String, required: false },
-  activationMode: { type: String, required: false },
-  modelValue: { type: null, required: false },
-  unmountOnHide: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false },
-  tabs: { type: String, required: false },
-  disabled: { type: Boolean, required: false }
-});
-const emits = defineEmits(["update:modelValue"]);
+<script setup lang="ts">
+import type { TabsRootEmits } from 'reka-ui'
+import type { NTabsProps } from '../../../types/tabs'
+import { useForwardPropsEmits } from 'reka-ui'
+import { computed } from 'vue'
+import { omitProps } from '../../../utils'
+import TabsContent from './TabsContent.vue'
+import TabsList from './TabsList.vue'
+import TabsRoot from './TabsRoot.vue'
+import TabsTrigger from './TabsTrigger.vue'
+
+const props = defineProps<NTabsProps>()
+const emits = defineEmits<TabsRootEmits>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
-const forwarded = useForwardPropsEmits(delegatedProps, emits);
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
 </script>
 
 <template>
@@ -63,7 +52,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       <TabsContent v-bind="forwarded._tabsContent" :value="item.value">
         <slot name="content" :item="item">
           <component :is="typeof item.content === 'string' ? 'span' : item.content">
-            {{ typeof item.content === "string" ? item.content : "" }}
+            {{ typeof item.content === 'string' ? item.content : '' }}
           </component>
         </slot>
       </TabsContent>

package/dist/runtime/components/elements/tabs/TabsContent.vue

@@ -1,33 +1,29 @@
-<script setup>
-import { TabsContent } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
+<script setup lang="ts">
+import type { NTabsContentProps } from '../../../types/tabs'
+import { TabsContent } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+
 defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  una: { type: Object, required: false },
-  value: { type: [String, Number], required: true },
-  forceMount: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false }
-});
+  inheritAttrs: false,
+})
+
+const props = defineProps<NTabsContentProps>()
+
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+  return delegated
+})
 </script>
 
 <template>
   <TabsContent
     v-bind="{ ...delegatedProps, ...$attrs }"
     :class="cn(
-  'tabs-content',
-  props.class,
-  props.una?.tabsContent
-)"
+      'tabs-content',
+      props.class,
+      props.una?.tabsContent,
+    )"
   >
     <slot />
   </TabsContent>

package/dist/runtime/components/elements/tabs/TabsList.vue

@@ -1,29 +1,24 @@
-<script setup>
-import { TabsList } from "reka-ui";
-import { computed } from "vue";
-import { cn } from "../../../utils";
-const props = defineProps({
-  una: { type: Object, required: false },
-  loop: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false }
-});
+<script setup lang="ts">
+import type { NTabsListProps } from '../../../types/tabs'
+import { TabsList } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../../utils'
+
+const props = defineProps<NTabsListProps>()
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+  const { class: _, ...delegated } = props
+  return delegated
+})
 </script>
 
 <template>
   <TabsList
     v-bind="delegatedProps"
     :class="cn(
-  'tabs-list',
-  props.class,
-  props.una?.tabsList
-)"
+      'tabs-list',
+      props.class,
+      props.una?.tabsList,
+    )"
   >
     <slot />
   </TabsList>

package/dist/runtime/components/elements/tabs/TabsRoot.vue

@@ -1,31 +1,22 @@
-<script setup>
-import { TabsRoot, useForwardPropsEmits } from "reka-ui";
-import { cn } from "../../../utils";
-const props = defineProps({
-  una: { type: Object, required: false },
-  defaultValue: { type: null, required: false },
-  orientation: { type: String, required: false },
-  dir: { type: String, required: false },
-  activationMode: { type: String, required: false },
-  modelValue: { type: null, required: false },
-  unmountOnHide: { type: Boolean, required: false },
-  asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
-  class: { type: null, required: false },
-  size: { type: null, required: false }
-});
-const emits = defineEmits(["update:modelValue"]);
-const forwarded = useForwardPropsEmits(props, emits);
+<script setup lang="ts">
+import type { TabsRootEmits } from 'reka-ui'
+import type { NTabsRootProps } from '../../../types/tabs'
+import { TabsRoot, useForwardPropsEmits } from 'reka-ui'
+import { cn } from '../../../utils'
+
+const props = defineProps<NTabsRootProps>()
+const emits = defineEmits<TabsRootEmits>()
+const forwarded = useForwardPropsEmits(props, emits)
 </script>
 
 <template>
   <TabsRoot
     v-bind="forwarded"
     :class="cn(
-  'tabs-root',
-  props.class,
-  props.una?.tabsRoot
-)"
+      'tabs-root',
+      props.class,
+      props.una?.tabsRoot,
+    )"
   >
     <slot />
   </TabsRoot>