nuance-ui 0.1.4 → 0.1.6

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
@@ -39,7 +49,7 @@ const style = computed(() => ({
 	<div :style :class='$style.root'>
 		<InputLabel
 			:data-v-hidden='!label || !$slots.label || null'
-			:for='id'
+			: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;

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

@@ -1,6 +1,6 @@
-import type { ComboboxData, ComboboxItem, ComboboxItemExt, ComboboxTargetProps } from '../combobox/index.js';
+import type { ComboboxData, ComboboxItem, ComboboxItemExt } from '../combobox/index.js';
 import type { InputProps } from '../input/index.js';
-export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'>, Pick<ComboboxTargetProps, 'autoComplete'> {
+export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'> {
     data: ComboboxData<Value, Ext>;
     /** Determines whether the select should be searchable @default `false` */
     searchable?: boolean;
@@ -14,6 +14,9 @@ export interface SelectProps<Value extends string = string, Ext extends Combobox
     allowDeselect?: boolean;
     /** If set, the clear button is displayed in the right section when the component has value @default `false` */
     limit?: number;
+    /** Props passed down to the underlying `ScrollArea` component in the dropdown */
+    /** Input autocomplete attribute */
+    autoComplete?: string;
 }
 declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<(SelectProps<Value, Ext> & {

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

@@ -27,7 +27,19 @@ const {
   nothingFoundMessage: { type: String, required: false },
   allowDeselect: { type: Boolean, required: false },
   limit: { type: Number, required: false },
-  autoComplete: { type: String, required: false }
+  autoComplete: { type: String, required: false },
+  withAria: { type: Boolean, required: false },
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, 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 },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
 });
 const emit = defineEmits(["clear", "select", "open", "close", "submit"]);
 const opened = defineModel("open", { type: Boolean, ...{ default: false } });

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

@@ -1,6 +1,6 @@
-import type { ComboboxData, ComboboxItem, ComboboxItemExt, ComboboxTargetProps } from '../combobox/index.js';
+import type { ComboboxData, ComboboxItem, ComboboxItemExt } from '../combobox/index.js';
 import type { InputProps } from '../input/index.js';
-export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends /* @vue-ignore */ Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'>, Pick<ComboboxTargetProps, 'autoComplete'> {
+export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<InputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'> {
     data: ComboboxData<Value, Ext>;
     /** Determines whether the select should be searchable @default `false` */
     searchable?: boolean;
@@ -14,6 +14,9 @@ export interface SelectProps<Value extends string = string, Ext extends Combobox
     allowDeselect?: boolean;
     /** If set, the clear button is displayed in the right section when the component has value @default `false` */
     limit?: number;
+    /** Props passed down to the underlying `ScrollArea` component in the dropdown */
+    /** Input autocomplete attribute */
+    autoComplete?: string;
 }
 declare const __VLS_export: <Value extends string = string, Ext extends ComboboxItemExt = object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<(SelectProps<Value, Ext> & {

package/dist/runtime/components/tabs/tabs-list.d.vue.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsListProps extends /* @vue-ignore */ BoxProps {
+export interface TabsListProps extends BoxProps {
     grow?: boolean;
     justify?: CSSProperties['justify-content'];
 }

package/dist/runtime/components/tabs/tabs-list.vue

@@ -5,7 +5,9 @@ import { useTabsState } from "./lib";
 import css from "./tabs.module.css";
 const { is = "header", mod, grow, justify } = defineProps({
   grow: { type: Boolean, required: false },
-  justify: { type: null, required: false }
+  justify: { type: null, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const ctx = useTabsState();
 const style = computed(() => ({ "--tabs-justify": justify }));

package/dist/runtime/components/tabs/tabs-list.vue.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsListProps extends /* @vue-ignore */ BoxProps {
+export interface TabsListProps extends BoxProps {
     grow?: boolean;
     justify?: CSSProperties['justify-content'];
 }

package/dist/runtime/components/tabs/tabs-panel.d.vue.ts

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface TabsPanelProps extends /* @vue-ignore */ BoxProps {
+export interface TabsPanelProps extends BoxProps {
     value: string;
 }
 declare var __VLS_6: {};

package/dist/runtime/components/tabs/tabs-panel.vue

@@ -3,7 +3,9 @@ import Box from "../box.vue";
 import { useTabsState } from "./lib";
 import css from "./tabs.module.css";
 const { is = "section", mod, value } = defineProps({
-  value: { type: String, required: true }
+  value: { type: String, required: true },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const ctx = useTabsState();
 </script>

package/dist/runtime/components/tabs/tabs-panel.vue.d.ts

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface TabsPanelProps extends /* @vue-ignore */ BoxProps {
+export interface TabsPanelProps extends BoxProps {
     value: string;
 }
 declare var __VLS_6: {};

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

@@ -1,6 +1,6 @@
 import type { NuanceColor, NuanceRadius } from '@nui/types';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsRootProps extends /* @vue-ignore */ BoxProps {
+export interface TabsRootProps extends BoxProps {
     defaultTab?: string;
     /** Tabs orientation, `'horizontal'` by default */
     orientation?: 'vertical' | 'horizontal';

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

@@ -28,7 +28,9 @@ const {
   radius: { type: [String, Number], required: false },
   inverted: { type: Boolean, required: false },
   keepMounted: { type: Boolean, required: false },
-  id: { type: String, required: false }
+  id: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const VALUE_ERROR = "component was rendered with invalid value or without value";
 const uid = id ?? useId();

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

@@ -1,6 +1,6 @@
 import type { NuanceColor, NuanceRadius } from '@nui/types';
 import type { BoxProps } from '../box.vue.js';
-export interface TabsRootProps extends /* @vue-ignore */ BoxProps {
+export interface TabsRootProps extends BoxProps {
     defaultTab?: string;
     /** Tabs orientation, `'horizontal'` by default */
     orientation?: 'vertical' | 'horizontal';

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

@@ -3,7 +3,7 @@ import type { CSSProperties } from 'vue';
 import type { BoxProps } from './box.vue.js';
 type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
 type TextTruncate = 'end' | 'start' | boolean;
-export interface TextProps extends /* @vue-ignore */ BoxProps {
+export interface TextProps extends BoxProps {
     /** Controls `font-size` and `line-height`, `'md'` by default */
     size?: NuanceSize | `h${TitleOrder}` | string;
     /** Number of lines after which Text will be truncated */

package/dist/runtime/components/text.vue

@@ -29,7 +29,9 @@ const {
   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 },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const _mod = computed(() => [
   {

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

@@ -3,7 +3,7 @@ import type { CSSProperties } from 'vue';
 import type { BoxProps } from './box.vue.js';
 type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
 type TextTruncate = 'end' | 'start' | boolean;
-export interface TextProps extends /* @vue-ignore */ BoxProps {
+export interface TextProps extends BoxProps {
     /** Controls `font-size` and `line-height`, `'md'` by default */
     size?: NuanceSize | `h${TitleOrder}` | string;
     /** Number of lines after which Text will be truncated */

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

@@ -1,5 +1,5 @@
 import type { InputWrapperProps } from './input/index.js';
-export interface TextareaProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'id'> {
+export interface TextareaProps extends InputWrapperProps {
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {

package/dist/runtime/components/textarea.vue

@@ -3,7 +3,20 @@ import { useTextareaAutosize } from "@vueuse/core";
 import { useId, useTemplateRef } from "vue";
 import InputBase from "./input/ui/input-base.vue";
 import InputWrapper from "./input/ui/input-wrapper.vue";
-const props = defineProps({});
+const { id: uid, ...props } = defineProps({
+  error: { type: String, required: false },
+  description: { type: String, required: false },
+  label: { type: String, required: false },
+  required: { type: Boolean, 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 modelValue = defineModel({ type: String });
 const inputRef = useTemplateRef("inputRef");
 const { input } = useTextareaAutosize({
@@ -11,7 +24,7 @@ const { input } = useTextareaAutosize({
   styleProp: "minHeight",
   element: inputRef.value?.ref
 });
-const id = useId();
+const id = uid ?? useId();
 </script>
 
 <template>

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

@@ -1,5 +1,5 @@
 import type { InputWrapperProps } from './input/index.js';
-export interface TextareaProps extends /* @vue-ignore */ Omit<InputWrapperProps, 'id'> {
+export interface TextareaProps extends InputWrapperProps {
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {

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

@@ -1,5 +1,5 @@
 import type { TextProps } from './text.vue.js';
-export interface TitleProps extends /* @vue-ignore */ Omit<TextProps, 'is'> {
+export interface TitleProps extends Omit<TextProps, 'is'> {
     order?: '1' | '2' | '3' | '4' | '5' | '6';
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }

package/dist/runtime/components/title.vue

@@ -8,7 +8,19 @@ const {
   ...rest
 } = defineProps({
   order: { type: String, required: false },
-  textWrap: { 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 }
 });
 const style = computed(() => ({ "--title-text-wrap": textWrap }));
 </script>

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

@@ -1,5 +1,5 @@
 import type { TextProps } from './text.vue.js';
-export interface TitleProps extends /* @vue-ignore */ Omit<TextProps, 'is'> {
+export interface TitleProps extends Omit<TextProps, 'is'> {
     order?: '1' | '2' | '3' | '4' | '5' | '6';
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }

package/dist/runtime/components/visually-hidden/visually-hidden-input.d.vue.ts

@@ -1,5 +1,5 @@
 import type { VisuallyHiddenProps } from './visually-hidden.vue.js';
-export interface VisuallyHiddenInputProps extends /* @vue-ignore */ VisuallyHiddenProps {
+export interface VisuallyHiddenInputProps extends VisuallyHiddenProps {
     name: string;
     required?: boolean;
     disabled?: boolean;

package/dist/runtime/components/visually-hidden/visually-hidden-input.vue

@@ -3,7 +3,10 @@ import VisuallyHidden from "./visually-hidden.vue";
 const props = defineProps({
   name: { type: String, required: true },
   required: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  feature: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const value = defineModel({ type: null });
 </script>

package/dist/runtime/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -1,5 +1,5 @@
 import type { VisuallyHiddenProps } from './visually-hidden.vue.js';
-export interface VisuallyHiddenInputProps extends /* @vue-ignore */ VisuallyHiddenProps {
+export interface VisuallyHiddenInputProps extends VisuallyHiddenProps {
     name: string;
     required?: boolean;
     disabled?: boolean;