@una-ui/nuxt 0.54.2 → 0.54.4

package/dist/runtime/components/elements/tooltip/TooltipContent.vue

@@ -1,28 +1,38 @@
-<script setup lang="ts">
-import type { TooltipContentEmits } from 'reka-ui'
-import type { NTooltipContentProps } from '../../../types'
-import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-
+<script setup>
+import { TooltipContent, TooltipPortal, useForwardPropsEmits } from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NTooltipContentProps>(), {
-  sideOffset: 4,
-  tooltip: 'black',
-})
-
-const emits = defineEmits<TooltipContentEmits>()
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  tooltip: { type: null, required: false, default: "black" },
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false },
+  forceMount: { type: Boolean, required: false },
+  ariaLabel: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  side: { type: null, required: false },
+  sideOffset: { type: Number, required: false, default: 4 },
+  align: { type: null, required: false },
+  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 }
+});
+const emits = defineEmits(["escapeKeyDown", "pointerDownOutside"]);
 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>
@@ -30,10 +40,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
     <TooltipContent
       v-bind="{ ...forwarded, ...$attrs }"
       :class="cn(
-        'tooltip-content',
-        props.class,
-        props.una?.tooltipContent,
-      )"
+  'tooltip-content',
+  props.class,
+  props.una?.tooltipContent
+)"
       :tooltip
     >
       <slot />

package/dist/runtime/components/elements/tooltip/TooltipContent.vue.d.ts

@@ -0,0 +1,22 @@
+import type { NTooltipContentProps } from '../../../types/index.js';
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NTooltipContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<NTooltipContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: Event) => any) | undefined;
+}>, {
+    sideOffset: number;
+    tooltip: 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/elements/tooltip/TooltipProvider.vue

@@ -1,10 +1,13 @@
-<script setup lang="ts">
-import type { NTooltipProviderProps } from '../../../types'
-import { TooltipProvider } from 'reka-ui'
-
-const props = withDefaults(defineProps<NTooltipProviderProps>(), {
-  delayDuration: 600,
-})
+<script setup>
+import { TooltipProvider } from "reka-ui";
+const props = defineProps({
+  delayDuration: { type: Number, required: false, default: 600 },
+  skipDelayDuration: { type: Number, required: false },
+  disableHoverableContent: { type: Boolean, required: false },
+  disableClosingTrigger: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/elements/tooltip/TooltipProvider.vue.d.ts

@@ -0,0 +1,15 @@
+import type { NTooltipProviderProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NTooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NTooltipProviderProps> & Readonly<{}>, {
+    delayDuration: number;
+}, {}, {}, {}, 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/elements/tooltip/TooltipRoot.vue

@@ -1,12 +1,16 @@
-<script setup lang="ts">
-import type { TooltipRootEmits } from 'reka-ui'
-import type { NTooltipRootProps } from '../../../types'
-import { TooltipRoot, useForwardPropsEmits } from 'reka-ui'
-
-const props = defineProps<NTooltipRootProps>()
-const emits = defineEmits<TooltipRootEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
+<script setup>
+import { TooltipRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  delayDuration: { type: Number, required: false },
+  disableHoverableContent: { type: Boolean, required: false },
+  disableClosingTrigger: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  ignoreNonKeyboardFocus: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>

package/dist/runtime/components/elements/tooltip/TooltipRoot.vue.d.ts

@@ -0,0 +1,17 @@
+import type { NTooltipRootProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NTooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<NTooltipRootProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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/elements/tooltip/TooltipTrigger.vue

@@ -1,8 +1,37 @@
-<script setup lang="ts">
-import type { NTooltipTriggerProps } from '../../../types'
-import { TooltipTrigger } from 'reka-ui'
-
-const props = defineProps<NTooltipTriggerProps>()
+<script setup>
+import { TooltipTrigger } from "reka-ui";
+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 },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  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 },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/elements/tooltip/TooltipTrigger.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NTooltipTriggerProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NTooltipTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NTooltipTriggerProps> & 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/Checkbox.vue

@@ -1,53 +1,64 @@
-<script setup lang="ts">
-import type { CheckboxRootEmits } from 'reka-ui'
-import type { NCheckboxProps } from '../../types'
-import { reactivePick } from '@vueuse/core'
-import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'reka-ui'
-import { computed } from 'vue'
-import { cn, randomId } from '../../utils'
-import Icon from '../elements/Icon.vue'
-import Label from '../elements/Label.vue'
-
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from "reka-ui";
+import { computed } from "vue";
+import { cn, randomId } from "../../utils";
+import Icon from "../elements/Icon.vue";
+import Label from "../elements/Label.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NCheckboxProps>(), {
-  forceMount: true,
-})
-
-const emits = defineEmits<CheckboxRootEmits>()
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  checkbox: { type: String, required: false },
+  label: { type: String, required: false },
+  size: { type: String, required: false },
+  reverse: { type: Boolean, required: false },
+  forceMount: { type: Boolean, required: false, default: true },
+  _checkboxIndicator: { type: Object, required: false },
+  _label: { type: Object, required: false },
+  una: { type: Object, required: false },
+  defaultValue: { type: [Boolean, String], required: false },
+  modelValue: { type: [Boolean, String, null], required: false },
+  disabled: { type: Boolean, required: false },
+  value: { type: [String, Number, Object, null], required: false },
+  id: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  for: { type: String, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
 const rootProps = reactivePick(props, [
-  'required',
-  'disabled',
-  'value',
-  'modelValue',
-  'defaultValue',
-])
-
-const forwarded = useForwardPropsEmits(rootProps, emits)
-
-const id = computed(() => props.id ?? randomId('checkbox'))
+  "required",
+  "disabled",
+  "value",
+  "modelValue",
+  "defaultValue"
+]);
+const forwarded = useForwardPropsEmits(rootProps, emits);
+const id = computed(() => props.id ?? randomId("checkbox"));
 </script>
 
 <template>
   <div
     :class="cn(
-      'checkbox-wrapper flex',
-      una?.checkboxWrapper,
-      reverse && 'checkbox-reverse',
-    )"
+  'checkbox-wrapper flex',
+  una?.checkboxWrapper,
+  reverse && 'checkbox-reverse'
+)"
   >
     <CheckboxRoot
       v-bind="{ ...forwarded, ...$attrs }"
       :id="id"
       v-slot="{ ...slotProps }"
       :class="
-        cn(
-          'peer checkbox',
-          props.class,
-        )"
+  cn(
+    'peer checkbox',
+    props.class
+  )
+"
       :size
       :checkbox
     >
@@ -59,11 +70,7 @@ const id = computed(() => props.id ?? randomId('checkbox'))
       >
         <slot name="icon">
           <Icon
-            :name="slotProps.modelValue === 'indeterminate'
-              ? props.una?.checkboxIndeterminateIcon ?? 'checkbox-indeterminate-icon'
-              : slotProps.modelValue
-                ? props.una?.checkboxCheckedIcon ?? 'checkbox-checked-icon'
-                : props.una?.checkboxUncheckedIcon ?? 'checkbox-unchecked-icon'"
+            :name="slotProps.modelValue === 'indeterminate' ? props.una?.checkboxIndeterminateIcon ?? 'checkbox-indeterminate-icon' : slotProps.modelValue ? props.una?.checkboxCheckedIcon ?? 'checkbox-checked-icon' : props.una?.checkboxUncheckedIcon ?? 'checkbox-unchecked-icon'"
             :class="cn('checkbox-icon-base', una?.checkboxIconBase)"
           />
         </slot>

package/dist/runtime/components/forms/Checkbox.vue.d.ts

@@ -0,0 +1,21 @@
+import type { NCheckboxProps } from '../../types/index.js';
+declare var __VLS_9: {}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate") => any;
+}, string, import("vue").PublicProps, Readonly<NCheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
+}>, {
+    forceMount: boolean;
+}, {}, {}, {}, 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/FormGroup.vue

@@ -1,34 +1,43 @@
-<script setup lang="ts">
-import type { NFormGroupProps } from '../../types'
-import { computed } from 'vue'
-import { cn, randomId } from '../../utils'
-import Label from '../elements/Label.vue'
-import NFormGroupDefaultSlot from '../slots/FormGroupDefault'
-
-const props = defineProps<NFormGroupProps>()
-
-const id = computed(() => props.id ?? randomId('form-group'))
-
+<script setup>
+import { computed } from "vue";
+import { cn, randomId } from "../../utils";
+import Label from "../elements/Label.vue";
+import NFormGroupDefaultSlot from "../slots/FormGroupDefault";
+const props = defineProps({
+  class: { type: null, required: false },
+  status: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  label: { type: String, required: false },
+  hint: { type: null, required: false },
+  description: { type: null, required: false },
+  message: { type: null, required: false },
+  counter: { type: Object, required: false },
+  una: { type: Object, required: false },
+  for: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const id = computed(() => props.id ?? randomId("form-group"));
 const statusClassVariants = computed(() => {
   const text = {
-    info: 'text-info',
-    success: 'text-success',
-    warning: 'text-warning',
-    error: 'text-error',
-    default: 'text-muted',
-  }
-
-  return text[props.status ?? 'default']
-})
+    info: "text-info",
+    success: "text-success",
+    warning: "text-warning",
+    error: "text-error",
+    default: "text-muted"
+  };
+  return text[props.status ?? "default"];
+});
 </script>
 
 <template>
   <div
     :class="cn(
-      'form-group',
-      props.class,
-      una?.formGroup,
-    )"
+  'form-group',
+  props.class,
+  una?.formGroup
+)"
   >
     <slot name="top">
       <div
@@ -104,9 +113,9 @@ const statusClassVariants = computed(() => {
         v-if="message || counter"
         form-group="bottom-wrapper"
         :class="[
-          { 'justify-end': !message && counter },
-          una?.formGroupBottomWrapper,
-        ]"
+  { 'justify-end': !message && counter },
+  una?.formGroupBottomWrapper
+]"
       >
         <slot name="message">
           <div
@@ -117,9 +126,9 @@ const statusClassVariants = computed(() => {
             <p
               form-group="message"
               :class="[
-                una?.formGroupMessage,
-                statusClassVariants,
-              ]"
+  una?.formGroupMessage,
+  statusClassVariants
+]"
             >
               {{ message }}
             </p>
@@ -133,9 +142,7 @@ const statusClassVariants = computed(() => {
             :class="una?.formGroupCounterWrapper"
           >
             <span
-              :class="`${counter?.value >= (counter?.max || 0) && counter?.max
-                ? 'form-group-counter-error'
-                : 'form-group-counter-current'}`"
+              :class="`${counter?.value >= (counter?.max || 0) && counter?.max ? 'form-group-counter-error' : 'form-group-counter-current'}`"
             >
               {{ counter?.value }}
             </span>

package/dist/runtime/components/forms/FormGroup.vue.d.ts

@@ -0,0 +1,27 @@
+import type { NFormGroupProps } from '../../types/index.js';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_8: {}, __VLS_10: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {}, __VLS_22: {};
+type __VLS_Slots = {} & {
+    top?: (props: typeof __VLS_1) => any;
+} & {
+    label?: (props: typeof __VLS_3) => any;
+} & {
+    hint?: (props: typeof __VLS_8) => any;
+} & {
+    description?: (props: typeof __VLS_10) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    bottom?: (props: typeof __VLS_18) => any;
+} & {
+    message?: (props: typeof __VLS_20) => any;
+} & {
+    counter?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NFormGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NFormGroupProps> & 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;
+    };
+};