nuance-ui 0.1.5 → 0.1.7

package/dist/runtime/components/input/password-input.vue

@@ -7,7 +7,11 @@ const props = defineProps({
   description: { type: String, required: false },
   label: { type: String, required: false },
   required: { type: Boolean, required: false },
-  size: { type: String, required: false }
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false }
 });
 const password = ref(true);
 </script>
@@ -19,10 +23,26 @@ const password = ref(true);
 		right-section-p-e='all'
 	>
 		<template #rightSection>
-			<ActionIcon variant='subtle' @click='password = !password'>
-				<Icon v-if='password' name='gravity-ui:eye' />
-				<Icon v-else name='gravity-ui:eye-slash' />
-			</ActionIcon>
+			<slot name='rightSection'>
+				<ActionIcon variant='subtle' @click='password = !password'>
+					<Icon v-if='password' name='gravity-ui:eye' />
+					<Icon v-else name='gravity-ui:eye-slash' />
+				</ActionIcon>
+			</slot>
+		</template>
+
+		<template v-if='$slots.leftSection' #leftSection>
+			<slot name='leftSection' />
+		</template>
+
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+		<template v-if='$slots.error' #error>
+			<slot name='error' />
+		</template>
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
 		</template>
 	</TextInput>
 </template>

package/dist/runtime/components/input/password-input.vue.d.ts

@@ -1,4 +1,22 @@
 import type { TextInputProps } from './index.js';
-declare const __VLS_export: import("vue").DefineComponent<TextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_7: {}, __VLS_27: {}, __VLS_30: {}, __VLS_33: {}, __VLS_36: {};
+type __VLS_Slots = {} & {
+    rightSection?: (props: typeof __VLS_7) => any;
+} & {
+    leftSection?: (props: typeof __VLS_27) => any;
+} & {
+    label?: (props: typeof __VLS_30) => any;
+} & {
+    error?: (props: typeof __VLS_33) => any;
+} & {
+    description?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TextInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/input/text-input.d.vue.ts

@@ -5,17 +5,17 @@ type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_20: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_6) => any;
+    leftSection?: (props: typeof __VLS_11) => any;
 } & {
-    error?: (props: typeof __VLS_8) => any;
+    rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    description?: (props: typeof __VLS_10) => any;
+    label?: (props: typeof __VLS_17) => any;
 } & {
-    leftSection?: (props: typeof __VLS_17) => any;
+    error?: (props: typeof __VLS_20) => any;
 } & {
-    rightSection?: (props: typeof __VLS_20) => any;
+    description?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;

package/dist/runtime/components/input/text-input.vue

@@ -10,7 +10,11 @@ const { required, ...props } = defineProps({
   description: { type: String, required: false },
   label: { type: String, required: false },
   required: { type: Boolean, required: false },
-  size: { type: String, required: false }
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false }
 });
 const model = defineModel({ type: null });
 const id = useId();
@@ -18,9 +22,6 @@ const id = useId();
 
 <template>
 	<InputWrapper :id v-bind='props' :class='$attrs?.class'>
-		<slot name='label' />
-		<slot name='error' />
-		<slot name='description' />
 		<BaseInput
 			:id
 			v-model='model'
@@ -34,5 +35,14 @@ const id = useId();
 				<slot name='rightSection' />
 			</template>
 		</BaseInput>
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+		<template v-if='$slots.error' #error>
+			<slot name='error' />
+		</template>
+		<template v-if='$slots.description' #description>
+			<slot name='description' />
+		</template>
 	</InputWrapper>
 </template>

package/dist/runtime/components/input/text-input.vue.d.ts

@@ -5,17 +5,17 @@ type __VLS_ModelProps = {
     modelValue?: string | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_20: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_6) => any;
+    leftSection?: (props: typeof __VLS_11) => any;
 } & {
-    error?: (props: typeof __VLS_8) => any;
+    rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    description?: (props: typeof __VLS_10) => any;
+    label?: (props: typeof __VLS_17) => any;
 } & {
-    leftSection?: (props: typeof __VLS_17) => any;
+    error?: (props: typeof __VLS_20) => any;
 } & {
-    rightSection?: (props: typeof __VLS_20) => any;
+    description?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;

package/dist/runtime/components/input/ui/input-base.d.vue.ts

@@ -1,15 +1,16 @@
 import type { Component } from 'vue';
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
 import type { InputBaseProps } from '../types/index.js';
-export interface BaseInputProps extends /* @vue-ignore */ InputBaseProps, Omit<WrapperContext, 'id'>, Required<Pick<WrapperContext, 'id'>> {
+export interface BaseInputProps extends InputBaseProps, Omit<WrapperContext, 'id'> {
+    id: string;
     is?: 'input' | 'textarea' | Component;
     modelValue?: string;
 }
-declare var __VLS_6: {}, __VLS_18: {};
+declare var __VLS_6: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_6) => any;
 } & {
-    rightSection?: (props: typeof __VLS_18) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
     ref: Readonly<import("vue").ShallowRef<any>>;

package/dist/runtime/components/input/ui/input-base.vue

@@ -8,10 +8,13 @@ const {
   modelValue = "",
   readonly,
   disabled,
-  ..._props
+  ...props
 } = defineProps({
+  id: { type: String, required: true },
   is: { type: null, required: false },
   modelValue: { type: String, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
   required: { type: Boolean, required: false },
   radius: { type: String, required: false },
   size: { type: String, required: false },
@@ -19,12 +22,10 @@ const {
   multiline: { type: Boolean, required: false },
   resize: { type: null, required: false },
   leftSectionPE: { type: null, required: false },
-  rightSectionPE: { type: null, required: false },
-  id: { type: [String, null], required: true }
+  rightSectionPE: { type: null, required: false }
 });
 defineEmits(["update:modelValue"]);
-const props = computed(() => _props);
-const api = useInputWrapperState() ?? props;
+const api = useInputWrapperState() ?? computed(() => props);
 const style = computed(() => ({
   "--input-height": getSize(api.value.size, "input-height"),
   "--input-fz": getFontSize(api.value.size),
@@ -43,8 +44,8 @@ defineExpose({ ref });
 		:style
 		:class='[$style.root, $attrs?.class]'
 		:mod='[{
-  "with-left-section": !!$slots?.leftSection,
-  "with-right-section": !!$slots?.rightSection,
+  "with-left-section": !!$slots.leftSection,
+  "with-right-section": !!$slots.rightSection,
   "variant": api.variant
 }]'
 	>
@@ -56,10 +57,10 @@ defineExpose({ ref });
 			<slot name='leftSection' />
 		</span>
 
-		<component
+		<Box
 			:is
 			:id='api.id'
-			v-bind='{ ...$attrs, class: void 0 }'
+			v-bind='{ ...$attrs, disabled, class: void 0 }'
 			ref='input'
 			:class='$style.input'
 			:value='modelValue'

package/dist/runtime/components/input/ui/input-base.vue.d.ts

@@ -1,15 +1,16 @@
 import type { Component } from 'vue';
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
 import type { InputBaseProps } from '../types/index.js';
-export interface BaseInputProps extends /* @vue-ignore */ InputBaseProps, Omit<WrapperContext, 'id'>, Required<Pick<WrapperContext, 'id'>> {
+export interface BaseInputProps extends InputBaseProps, Omit<WrapperContext, 'id'> {
+    id: string;
     is?: 'input' | 'textarea' | Component;
     modelValue?: string;
 }
-declare var __VLS_6: {}, __VLS_18: {};
+declare var __VLS_6: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_6) => any;
 } & {
-    rightSection?: (props: typeof __VLS_18) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
     ref: Readonly<import("vue").ShallowRef<any>>;

package/dist/runtime/components/input/ui/input-inline.d.vue.ts

@@ -1,6 +1,6 @@
 import type { NuanceSize } from '@nui/types';
 import type { BoxProps } from '../../box.vue.js';
-export interface InlineInputProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface InlineInputProps extends BoxProps {
     id: string;
     label?: string;
     description?: string;

package/dist/runtime/components/input/ui/input-inline.vue

@@ -18,7 +18,9 @@ const {
   error: { type: String, required: false },
   disabled: { type: Boolean, required: false, skipCheck: true },
   size: { type: String, required: false },
-  labelPosition: { type: String, required: false }
+  labelPosition: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const style = computed(() => ({
   "--label-fz": getFontSize(size),

package/dist/runtime/components/input/ui/input-inline.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NuanceSize } from '@nui/types';
 import type { BoxProps } from '../../box.vue.js';
-export interface InlineInputProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface InlineInputProps extends BoxProps {
     id: string;
     label?: string;
     description?: string;

package/dist/runtime/components/input/ui/input-wrapper.d.vue.ts

@@ -1,9 +1,9 @@
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
-import type { InputLabelProps } from './input-label.vue.js';
-export interface InputWrapperProps extends /* @vue-ignore */ WrapperContext, InputLabelProps {
+export interface InputWrapperProps extends WrapperContext {
     error?: string;
     description?: string;
     label?: string;
+    required?: boolean;
 }
 declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/input/ui/input-wrapper.vue

@@ -4,7 +4,7 @@ import { computed, useId } from "vue";
 import { useProvideInputWrapper } from "../lib/input-wrapper.context";
 import InputLabel from "./input-label.vue";
 const {
-  id: _id,
+  id,
   error,
   description,
   label,
@@ -18,13 +18,23 @@ const {
   description: { type: String, required: false },
   label: { type: String, required: false },
   required: { type: Boolean, required: false },
-  size: { type: String, required: false }
+  id: { type: [String, null], required: false },
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  multiline: { type: Boolean, required: false },
+  resize: { type: null, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false }
 });
-const id = _id ?? useId();
+const uid = id ?? useId();
 useProvideInputWrapper({
-  id,
-  variant,
+  id: uid,
+  error,
+  description,
+  label,
   required,
+  variant,
   size,
   radius,
   ...props
@@ -38,8 +48,8 @@ const style = computed(() => ({
 <template>
 	<div :style :class='$style.root'>
 		<InputLabel
-			:data-v-hidden='!label || !$slots.label || null'
-			:for='id'
+			:data-v-hidden='!label && !$slots.label || null'
+			:for='uid'
 			:class='$style.label'
 			:size
 			:required

package/dist/runtime/components/input/ui/input-wrapper.vue.d.ts

@@ -1,9 +1,9 @@
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
-import type { InputLabelProps } from './input-label.vue.js';
-export interface InputWrapperProps extends /* @vue-ignore */ WrapperContext, InputLabelProps {
+export interface InputWrapperProps extends WrapperContext {
     error?: string;
     description?: string;
     label?: string;
+    required?: boolean;
 }
 declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/link/link-button.d.vue.ts

@@ -1,6 +1,6 @@
 import type { NuxtLinkProps } from '#app';
 import type { ButtonProps } from '../button/index.js';
-export interface LinkButtonProps extends /* @vue-ignore */ Omit<NuxtLinkProps, 'href' | 'custom'>, ButtonProps {
+export interface LinkButtonProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, ButtonProps {
 }
 declare var __VLS_15: {}, __VLS_17: {}, __VLS_20: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/link/link-button.vue

@@ -2,6 +2,21 @@
 import Button from "../button/button.vue";
 import { extractNuxtLinkProps } from "./lib";
 const props = defineProps({
+  to: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
+  activeClass: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false },
   size: { type: null, required: false },
   variant: { type: String, required: false },
   gradient: { type: Object, required: false },
@@ -12,7 +27,9 @@ const props = defineProps({
   leftSectionPE: { type: null, required: false },
   leftSectionProps: { type: Object, required: false },
   rightSectionPE: { type: null, required: false },
-  rightSectionProps: { type: Object, required: false }
+  rightSectionProps: { type: Object, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const { link, rest } = extractNuxtLinkProps(props);
 </script>

package/dist/runtime/components/link/link-button.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NuxtLinkProps } from '#app';
 import type { ButtonProps } from '../button/index.js';
-export interface LinkButtonProps extends /* @vue-ignore */ Omit<NuxtLinkProps, 'href' | 'custom'>, ButtonProps {
+export interface LinkButtonProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, ButtonProps {
 }
 declare var __VLS_15: {}, __VLS_17: {}, __VLS_20: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/link/link.d.vue.ts

@@ -1,6 +1,6 @@
 import type { NuxtLinkProps } from '#app';
 import type { TextProps } from '../text.vue.js';
-export interface LinkProps extends /* @vue-ignore */ Omit<NuxtLinkProps, 'href' | 'custom'>, Omit<TextProps, 'is'> {
+export interface LinkProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, Omit<TextProps, 'is'> {
     underline?: boolean;
 }
 declare var __VLS_14: {};

package/dist/runtime/components/link/link.vue

@@ -4,6 +4,21 @@ import Text from "../text.vue";
 import { extractNuxtLinkProps } from "./lib";
 const props = defineProps({
   underline: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
+  activeClass: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false },
   size: { type: null, required: false },
   lineClamp: { type: Number, required: false },
   truncate: { type: [String, Boolean], required: false },
@@ -14,7 +29,8 @@ const props = defineProps({
   fz: { type: null, required: false },
   lh: { type: String, required: false },
   fw: { type: null, required: false },
-  c: { type: null, required: false }
+  c: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const { link, rest } = extractNuxtLinkProps(props);
 </script>

package/dist/runtime/components/link/link.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NuxtLinkProps } from '#app';
 import type { TextProps } from '../text.vue.js';
-export interface LinkProps extends /* @vue-ignore */ Omit<NuxtLinkProps, 'href' | 'custom'>, Omit<TextProps, 'is'> {
+export interface LinkProps extends Omit<NuxtLinkProps, 'href' | 'custom'>, Omit<TextProps, 'is'> {
     underline?: boolean;
 }
 declare var __VLS_14: {};

package/dist/runtime/components/modal/modal-header.d.vue.ts

@@ -1,5 +1,5 @@
 import type { DialogHeaderProps } from '../dialog/index.js';
-export interface ModalHeaderProps extends /* @vue-ignore */ DialogHeaderProps {
+export interface ModalHeaderProps extends DialogHeaderProps {
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/modal/modal-header.vue

@@ -1,6 +1,9 @@
 <script setup>
 import DialogHeader from "../dialog/dialog-header.vue";
-const props = defineProps({});
+const props = defineProps({
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/modal/modal-header.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DialogHeaderProps } from '../dialog/index.js';
-export interface ModalHeaderProps extends /* @vue-ignore */ DialogHeaderProps {
+export interface ModalHeaderProps extends DialogHeaderProps {
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/modal/modal-root.d.vue.ts

@@ -1,5 +1,6 @@
 import type { DialogModel, DialogRootProps } from '../dialog/index.js';
-export interface ModalRootProps extends /* @vue-ignore */ Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'withoutOverlay'> {
+type OmittedDialogRootProps = Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'withoutOverlay'>;
+export interface ModalRootProps extends OmittedDialogRootProps {
     /** If set, the modal is centered vertically @default `false` */
     centered?: boolean;
     /** If set, the modal takes the entire screen @default `false` */

package/dist/runtime/components/modal/modal-root.vue

@@ -9,7 +9,17 @@ const {
   ...rest
 } = defineProps({
   centered: { type: Boolean, required: false },
-  fullScreen: { type: Boolean, required: false }
+  fullScreen: { type: Boolean, required: false },
+  withinPortal: { type: Boolean, required: false },
+  yOffset: { type: null, required: false },
+  xOffset: { type: null, required: false },
+  radius: { type: [String, Number], required: false },
+  size: { type: String, required: false },
+  shadow: { type: String, required: false },
+  padding: { type: [String, Number], required: false },
+  transition: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 defineEmits(["open", "close"]);
 const opened = defineModel("open", { type: Boolean, ...{ default: false } });

package/dist/runtime/components/modal/modal-root.vue.d.ts

@@ -1,5 +1,6 @@
 import type { DialogModel, DialogRootProps } from '../dialog/index.js';
-export interface ModalRootProps extends /* @vue-ignore */ Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'withoutOverlay'> {
+type OmittedDialogRootProps = Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'withoutOverlay'>;
+export interface ModalRootProps extends OmittedDialogRootProps {
     /** If set, the modal is centered vertically @default `false` */
     centered?: boolean;
     /** If set, the modal takes the entire screen @default `false` */

package/dist/runtime/components/modal/modal-title.d.vue.ts

@@ -1,5 +1,5 @@
 import type { DialogTitleProps } from '../dialog/index.js';
-export interface ModalTitleProps extends /* @vue-ignore */ DialogTitleProps {
+export interface ModalTitleProps extends DialogTitleProps {
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/modal/modal-title.vue

@@ -1,6 +1,21 @@
 <script setup>
 import DialogTitle from "../dialog/dialog-title.vue";
-const props = defineProps({});
+const props = defineProps({
+  order: { type: String, required: false },
+  textWrap: { type: String, required: false },
+  size: { type: null, required: false },
+  lineClamp: { type: Number, required: false },
+  truncate: { type: [String, Boolean], required: false },
+  inline: { type: Boolean, required: false },
+  inherit: { type: Boolean, required: false },
+  gradient: { type: Object, required: false },
+  variant: { type: String, required: false },
+  fz: { type: null, required: false },
+  lh: { type: String, required: false },
+  fw: { type: null, required: false },
+  c: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/modal/modal-title.vue.d.ts

@@ -1,5 +1,5 @@
 import type { DialogTitleProps } from '../dialog/index.js';
-export interface ModalTitleProps extends /* @vue-ignore */ DialogTitleProps {
+export interface ModalTitleProps extends DialogTitleProps {
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/runtime/components/nav-link/nav-link.d.vue.ts

@@ -1,7 +1,7 @@
 import type { NuanceColor } from '@nui/types';
 import type { NuxtLinkProps } from 'nuxt/app';
 import type { BoxProps } from '../box.vue.js';
-export interface NavLinkProps extends /* @vue-ignore */ BoxProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
+export interface NavLinkProps extends BoxProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
     /** Link description, displayed below the label */
     description?: string;
     /** Determines whether the link should have active styles @default `false` */

package/dist/runtime/components/nav-link/nav-link.vue

@@ -12,6 +12,8 @@ const props = defineProps({
   noWrap: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   variant: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false },
   to: { type: null, required: false },
   external: { type: Boolean, required: false },
   target: { type: [String, Object, null], required: false },

package/dist/runtime/components/nav-link/nav-link.vue.d.ts

@@ -1,7 +1,7 @@
 import type { NuanceColor } from '@nui/types';
 import type { NuxtLinkProps } from 'nuxt/app';
 import type { BoxProps } from '../box.vue.js';
-export interface NavLinkProps extends /* @vue-ignore */ BoxProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
+export interface NavLinkProps extends BoxProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
     /** Link description, displayed below the label */
     description?: string;
     /** Determines whether the link should have active styles @default `false` */

package/dist/runtime/components/paper.d.vue.ts

@@ -1,6 +1,6 @@
 import type { NuanceRadius, NuanceShadow } from '@nui/types';
 import type { BoxProps } from './box.vue.js';
-export interface PaperProps extends /* @vue-ignore */ BoxProps {
+export interface PaperProps extends BoxProps {
     shadow?: NuanceShadow;
     radius?: NuanceRadius;
     withBorder?: boolean;

package/dist/runtime/components/paper.vue

@@ -5,7 +5,9 @@ import Box from "./box.vue";
 const { is, mod, radius, shadow, withBorder } = defineProps({
   shadow: { type: String, required: false },
   radius: { type: [String, Number], required: false },
-  withBorder: { type: Boolean, required: false }
+  withBorder: { type: Boolean, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const style = computed(() => ({
   "--paper-radius": radius && getRadius(radius),

package/dist/runtime/components/paper.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NuanceRadius, NuanceShadow } from '@nui/types';
 import type { BoxProps } from './box.vue.js';
-export interface PaperProps extends /* @vue-ignore */ BoxProps {
+export interface PaperProps extends BoxProps {
     shadow?: NuanceShadow;
     radius?: NuanceRadius;
     withBorder?: boolean;