@una-ui/nuxt 0.52.1 → 0.53.0

package/dist/runtime/components/forms/select/SelectItem.vue

@@ -1,37 +1,43 @@
-<script setup lang="ts">
-import type { NSelectItemProps } from '../../../types'
+<script setup>
 import {
   SelectItem,
-  useForwardProps,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import SelectItemIndicator from './SelectItemIndicator.vue'
-import SelectItemText from './SelectItemText.vue'
-
-const props = withDefaults(defineProps<NSelectItemProps>(), {
-  selectItem: 'gray',
-})
-
+  useForwardProps
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import SelectItemIndicator from "./SelectItemIndicator.vue";
+import SelectItemText from "./SelectItemText.vue";
+const props = defineProps({
+  selectItem: { type: null, required: false, default: "gray" },
+  isSelected: { type: Boolean, required: false },
+  _selectItemText: { type: Object, required: false },
+  _selectItemIndicator: { type: Object, required: false },
+  una: { type: Object, required: false },
+  value: { type: null, required: true },
+  disabled: { type: Boolean, required: false },
+  textValue: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
 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>
   <SelectItem
     v-bind="forwardedProps"
     :class="
-      cn(
-        'select-item',
-        props.una?.selectItem,
-        props.class,
-      )
-    "
+  cn(
+    'select-item',
+    props.una?.selectItem,
+    props.class
+  )
+"
     :select-item
   >
     <SelectItemIndicator

package/dist/runtime/components/forms/select/SelectItem.vue.d.ts

@@ -0,0 +1,17 @@
+import type { NSelectItemProps } from '../../../types/index.js';
+declare var __VLS_9: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    indicator?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectItemProps> & Readonly<{}>, {
+    selectItem: import("vue").HTMLAttributes["class"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectItemIndicator.vue

@@ -1,12 +1,14 @@
-<script setup lang="ts">
-import type { NSelectItemIndicatorProps } from '../../../types'
-import { Primitive } from 'reka-ui'
-import { cn } from '../../../utils'
-import Icon from '../../elements/Icon.vue'
-
-const props = withDefaults(defineProps<NSelectItemIndicatorProps>(), {
-  as: 'span',
-})
+<script setup>
+import { Primitive } from "reka-ui";
+import { cn } from "../../../utils";
+import Icon from "../../elements/Icon.vue";
+const props = defineProps({
+  icon: { type: null, required: false },
+  class: { type: null, required: false },
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: "span" }
+});
 </script>
 
 <template>
@@ -14,17 +16,17 @@ const props = withDefaults(defineProps<NSelectItemIndicatorProps>(), {
     aria-hidden
     v-bind="props"
     :class="cn(
-      'select-item-indicator',
-      props.una?.selectItemIndicator,
-      props.class,
-    )"
+  'select-item-indicator',
+  props.una?.selectItemIndicator,
+  props.class
+)"
   >
     <slot>
       <Icon
         :name="props.icon ?? 'select-item-indicator-icon'"
         :class="cn(
-          props.una?.selectItemIndicatorIcon,
-        )"
+  props.una?.selectItemIndicatorIcon
+)"
       />
     </slot>
   </Primitive>

package/dist/runtime/components/forms/select/SelectItemIndicator.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NSelectItemIndicatorProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectItemIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectItemIndicatorProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectItemText.vue

@@ -1,8 +1,12 @@
-<script setup lang="ts">
-import type { NSelectItemTextProps } from '../../../types'
-import { SelectItemText } from 'reka-ui'
-
-const props = defineProps<NSelectItemTextProps>()
+<script setup>
+import { SelectItemText } from "reka-ui";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/forms/select/SelectItemText.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NSelectItemTextProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectItemTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectLabel.vue

@@ -1,18 +1,23 @@
-<script setup lang="ts">
-import type { NSelectLabelProps } from '../../../types'
-import { SelectLabel } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NSelectLabelProps>()
+<script setup>
+import { SelectLabel } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
 </script>
 
 <template>
   <SelectLabel
     :class="cn(
-      'select-label',
-      props.una?.selectLabel,
-      props.class,
-    )"
+  'select-label',
+  props.una?.selectLabel,
+  props.class
+)"
   >
     <slot />
   </SelectLabel>

package/dist/runtime/components/forms/select/SelectLabel.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NSelectLabelProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectLabelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectScrollDownButton.vue

@@ -1,29 +1,30 @@
-<script setup lang="ts">
-import type { NSelectScrollDownButtonProps } from '../../../types'
-import { SelectScrollDownButton, useForwardProps } from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import Icon from '../../elements/Icon.vue'
-
-const props = defineProps<NSelectScrollDownButtonProps>()
-
+<script setup>
+import { SelectScrollDownButton, useForwardProps } 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 },
+  size: { type: null, required: false }
+});
 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>
   <SelectScrollDownButton
     v-bind="forwardedProps"
     :class="cn(
-      'select-scroll-down-button',
-      props.una?.selectScrollDownButton,
-      props.class,
-    )"
+  'select-scroll-down-button',
+  props.una?.selectScrollDownButton,
+  props.class
+)"
   >
     <slot>
       <Icon

package/dist/runtime/components/forms/select/SelectScrollDownButton.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NSelectScrollDownButtonProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectScrollDownButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectScrollDownButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectScrollUpButton.vue

@@ -1,29 +1,30 @@
-<script setup lang="ts">
-import type { NSelectScrollUpButtonProps } from '../../../types'
-import { SelectScrollUpButton, useForwardProps } from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import Icon from '../../elements/Icon.vue'
-
-const props = defineProps<NSelectScrollUpButtonProps>()
-
+<script setup>
+import { SelectScrollUpButton, useForwardProps } 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 },
+  size: { type: null, required: false }
+});
 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>
   <SelectScrollUpButton
     v-bind="forwardedProps"
     :class="cn(
-      'select-scroll-up-button',
-      props.una?.selectScrollUpButton,
-      props.class,
-    )"
+  'select-scroll-up-button',
+  props.una?.selectScrollUpButton,
+  props.class
+)"
   >
     <slot>
       <Icon

package/dist/runtime/components/forms/select/SelectScrollUpButton.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NSelectScrollUpButtonProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectScrollUpButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectScrollUpButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectSeparator.vue

@@ -1,25 +1,27 @@
-<script setup lang="ts">
-import type { NSelectSeparator } from '../../../types'
-import { SelectSeparator } from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-
-const props = defineProps<NSelectSeparator>()
-
+<script setup>
+import { SelectSeparator } 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 },
+  size: { type: null, required: false }
+});
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
 </script>
 
 <template>
   <SelectSeparator
     v-bind="delegatedProps"
     :class="cn(
-      'select-separator',
-      props.una?.selectSeparator,
-      props.class,
-    )"
+  'select-separator',
+  props.una?.selectSeparator,
+  props.class
+)"
   />
 </template>

package/dist/runtime/components/forms/select/SelectSeparator.vue.d.ts

@@ -0,0 +1,3 @@
+import type { NSelectSeparator } from '../../../types/index.js';
+declare const _default: import("vue").DefineComponent<NSelectSeparator, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectSeparator> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/forms/select/SelectTrigger.vue

@@ -1,43 +1,68 @@
-<script setup lang="ts">
-import type { NSelectTriggerProps } from '../../../types'
-import { reactiveOmit } from '@vueuse/core'
-import { SelectIcon, SelectTrigger, useForwardProps } from 'reka-ui'
-import { computed } from 'vue'
-import { cn, randomId } from '../../../utils'
-import Button from '../../elements/Button.vue'
-import Icon from '../../elements/Icon.vue'
-
-const props = withDefaults(defineProps<NSelectTriggerProps>(), {
-  select: 'solid-white',
-})
-
-const forwardedProps = useForwardProps(reactiveOmit(props, 'class', 'status', 'una', 'select'))
-
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { SelectIcon, SelectTrigger, useForwardProps } from "reka-ui";
+import { computed } from "vue";
+import { cn, randomId } from "../../../utils";
+import Button from "../../elements/Button.vue";
+import Icon from "../../elements/Icon.vue";
+const props = defineProps({
+  id: { type: String, required: false },
+  select: { type: String, required: false, default: "solid-white" },
+  status: { type: String, required: false },
+  una: { type: Object, required: false },
+  disabled: { type: Boolean, required: false },
+  reference: { type: null, 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 },
+  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 },
+  rounded: { type: null, required: false },
+  class: { type: void 0, 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 }
+});
+const forwardedProps = useForwardProps(reactiveOmit(props, "class", "status", "una", "select"));
 const statusClassVariants = computed(() => {
   const btn = {
-    info: 'btn-outline-info',
-    success: 'btn-outline-success',
-    warning: 'btn-outline-warning',
-    error: 'btn-outline-error',
-    default: '',
-  }
-
+    info: "btn-outline-info",
+    success: "btn-outline-success",
+    warning: "btn-outline-warning",
+    error: "btn-outline-error",
+    default: ""
+  };
   const icon = {
-    info: props.una?.selectTriggerInfoIcon ?? 'select-trigger-info-icon',
-    success: props.una?.selectTriggerSuccessIcon ?? 'select-trigger-success-icon',
-    warning: props.una?.selectTriggerWarningIcon ?? 'select-trigger-warning-icon',
-    error: props.una?.selectTriggerErrorIcon ?? 'select-trigger-error-icon',
-    default: props?.trailing ?? props.una?.selectTriggerTrailingIcon ?? 'select-trigger-trailing-icon',
-  }
-
+    info: props.una?.selectTriggerInfoIcon ?? "select-trigger-info-icon",
+    success: props.una?.selectTriggerSuccessIcon ?? "select-trigger-success-icon",
+    warning: props.una?.selectTriggerWarningIcon ?? "select-trigger-warning-icon",
+    error: props.una?.selectTriggerErrorIcon ?? "select-trigger-error-icon",
+    default: props?.trailing ?? props.una?.selectTriggerTrailingIcon ?? "select-trigger-trailing-icon"
+  };
   return {
-    btn: btn[props.status ?? 'default'],
-    icon: icon[props.status ?? 'default'],
-  }
-})
-
-const id = computed(() => props.id ?? randomId('select-trigger'))
-const status = computed(() => props.status ?? 'default')
+    btn: btn[props.status ?? "default"],
+    icon: icon[props.status ?? "default"]
+  };
+});
+const id = computed(() => props.id ?? randomId("select-trigger"));
+const status = computed(() => props.status ?? "default");
 </script>
 
 <template>
@@ -47,22 +72,22 @@ const status = computed(() => props.status ?? 'default')
     <Button
       v-bind="forwardedProps"
       :id
-      :select="statusClassVariants.btn ? undefined : props.select"
+      :select="statusClassVariants.btn ? void 0 : props.select"
       :data-status="status"
       :class="cn(
-        'select-trigger justify-between font-normal',
-        props.class,
-      )"
+  'select-trigger justify-between font-normal',
+  props.class
+)"
       :una="{
-        ...props.una,
-        btn: props.una?.selectTrigger,
-        btnLeading: cn(
-          'select-trigger-leading',
-          props.una?.btnLeading,
-          props.una?.selectTriggerLeading,
-        ),
-        btnDefaultVariant: statusClassVariants.btn,
-      }"
+  ...props.una,
+  btn: props.una?.selectTrigger,
+  btnLeading: cn(
+    'select-trigger-leading',
+    props.una?.btnLeading,
+    props.una?.selectTriggerLeading
+  ),
+  btnDefaultVariant: statusClassVariants.btn
+}"
     >
       <slot />
 
@@ -74,10 +99,10 @@ const status = computed(() => props.status ?? 'default')
             :data-status="status"
             :name="statusClassVariants.icon"
             :class="cn(
-              'select-trigger-trailing rtl:mr-auto ltr:ml-auto',
-              props.una?.btnTrailing,
-              props.una?.selectTriggerTrailing,
-            )"
+  'select-trigger-trailing rtl:mr-auto ltr:ml-auto',
+  props.una?.btnTrailing,
+  props.una?.selectTriggerTrailing
+)"
           />
         </SelectIcon>
       </template>

package/dist/runtime/components/forms/select/SelectTrigger.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NSelectTriggerProps } from '../../../types/index.js';
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectTriggerProps> & Readonly<{}>, {
+    select: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/forms/select/SelectValue.vue

@@ -1,18 +1,23 @@
-<script setup lang="ts">
-import type { NSelectValueProps } from '../../../types'
-import { SelectValue } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NSelectValueProps>()
+<script setup>
+import { SelectValue } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  placeholder: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
 </script>
 
 <template>
   <SelectValue
     :class="cn(
-      'select-value',
-      props.una?.selectValue,
-      props.class,
-    )"
+  'select-value',
+  props.una?.selectValue,
+  props.class
+)"
     v-bind="props"
   >
     <slot />

package/dist/runtime/components/forms/select/SelectValue.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NSelectValueProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NSelectValueProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSelectValueProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};