nuance-ui 0.2.7 → 0.2.8

package/dist/runtime/components/select.vue

@@ -103,73 +103,73 @@ function onSubmit(val) {
 </script>
 
 <template>
-	<ComboboxRoot
-		v-model:open='opened'
-		width='target'
-		:store
+	<ComboboxRoot
+		v-model:open='opened'
+		width='target'
+		:store
 		@submit='(val, option) => {
   $emit("submit", val, option);
   onSubmit(val);
-}'
-	>
-		<ComboboxTarget :target-type='searchable ? "input" : "button"' :auto-complete>
-			<component
-				:is='searchable ? TextInput : ButtonInput'
-				:id='store.listId'
-				v-bind='{ ...rest, ...$attrs }'
-				v-model='inputValue'
-				:disabled
-				:right-section-p-e
-				:readonly='readonly || !searchable'
-				:class='$style.input'
-				@focus='focused = true'
-				@blur='focused = false'
-				@click.prevent.stop='() => searchable ? store.openDropdown() : store.toggleDropdown()'
-			>
-				<slot v-if='display' name='selection' :value='value' :display='display'>
-					{{ display }}
-				</slot>
-
-				<template v-if='$slots?.label' #label>
-					<slot name='label' />
-				</template>
-				<template v-if='$slots?.description' #description>
-					<slot name='description' />
-				</template>
-				<template v-if='$slots?.error' #error>
-					<slot name='error' />
-				</template>
-
-				<template v-if='$slots.leftSection || icon' #leftSection>
-					<slot name='leftSection'>
-						<Icon v-if='icon' :name='icon' />
-					</slot>
-				</template>
-				<template #rightSection>
-					<slot name='rightSection'>
-						<Icon name='gravity-ui:chevrons-expand-vertical' />
-					</slot>
-				</template>
-			</component>
-		</ComboboxTarget>
-		<ComboboxOptionsDropdown
-			v-model='value'
-			v-model:search='search'
-			:data='parsed'
-			:limit
-			:with-check-icon
-			:icon-position
-			:nothing-found-message
-			:aria-label='store.listId'
-			:label-id='store.listId'
-		/>
-	</ComboboxRoot>
+}'
+	>
+		<ComboboxTarget :target-type='searchable ? "input" : "button"' :auto-complete>
+			<component
+				:is='searchable ? TextInput : ButtonInput'
+				:id='store.listId'
+				v-bind='{ ...rest, ...$attrs }'
+				v-model='inputValue'
+				:disabled
+				:right-section-p-e
+				:readonly='readonly || !searchable'
+				:class='$style.input'
+				@focus='focused = true'
+				@blur='focused = false'
+				@click.prevent.stop='() => searchable ? store.openDropdown() : store.toggleDropdown()'
+			>
+				<slot v-if='display' name='selection' :value='value' :display='display'>
+					{{ display }}
+				</slot>
+
+				<template v-if='$slots?.label' #label>
+					<slot name='label' />
+				</template>
+				<template v-if='$slots?.description' #description>
+					<slot name='description' />
+				</template>
+				<template v-if='$slots?.error' #error>
+					<slot name='error' />
+				</template>
+
+				<template v-if='$slots.leftSection || icon' #leftSection>
+					<slot name='leftSection'>
+						<Icon v-if='icon' :name='icon' />
+					</slot>
+				</template>
+				<template #rightSection>
+					<slot name='rightSection'>
+						<Icon name='gravity-ui:chevrons-expand-vertical' />
+					</slot>
+				</template>
+			</component>
+		</ComboboxTarget>
+		<ComboboxOptionsDropdown
+			v-model='value'
+			v-model:search='search'
+			:data='parsed'
+			:limit
+			:with-check-icon
+			:icon-position
+			:nothing-found-message
+			:aria-label='store.listId'
+			:label-id='store.listId'
+		/>
+	</ComboboxRoot>
 </template>
 
 <style module lang="postcss">
-.input {
-	:where([readonly]) {
-		cursor: pointer;
-	}
-}
+.input {
+	:where([readonly]) {
+		cursor: pointer;
+	}
+}
 </style>

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

@@ -1,6 +1,7 @@
 import type { ComboboxData, ComboboxItemExt } from './combobox/index.js';
 import type { TextInputProps } from './input/index.js';
 export interface SelectProps<Value extends string = string, Ext extends ComboboxItemExt = object> extends Omit<TextInputProps, 'modelValue' | 'multiline' | 'resize' | 'is' | 'id'> {
+    /** List of options */
     options: ComboboxData<Value, Ext>;
     /** Determines whether the select should be searchable @default `false` */
     searchable?: boolean;
@@ -19,6 +20,7 @@ export interface SelectProps<Value extends string = string, Ext extends Combobox
     /** If set, the clear button is displayed in the right section when the component has value @default `false` */
     /** Icon displayed in the left section by default */
     icon?: string;
+    /** Maximum number of options rendered at a time */
     limit?: number;
     /** Input autocomplete attribute */
     autoComplete?: string;

package/dist/runtime/components/table/types.d.ts

@@ -25,9 +25,13 @@ export type TableSlots<T extends TableData = TableData> = {
     'body-bottom': (props?: object) => any;
 } & DynamicHeaderSlots<T> & DynamicFooterSlots<T> & DynamicCellSlots<T>;
 export interface TableProps<T extends TableData = TableData> extends TableOptions<T>, /** @vue-ignore */ Omit<TableHTMLAttributes, 'columns' | 'onSelect' | 'onContextmenu'> {
+    /** Row data */
     data?: T[];
+    /** Column definitions */
     columns?: TableColumn<T>[];
+    /** Table caption text */
     caption?: string;
+    /** Table metadata passed to column defs and cell renderers */
     meta?: TableMeta<T>;
     /**
      * Enable virtualization for large datasets.
@@ -57,15 +61,20 @@ export interface TableProps<T extends TableData = TableData> extends TableOption
      * @defaultValue false
      */
     sticky?: boolean | 'header' | 'footer';
-    /** Whether the table should be in loading state. */
+    /** Loading state */
     loading?: boolean;
     /**
+     * Color of the loading overlay
      * @defaultValue 'primary'
      */
     loadingColor?: NuanceColor | string;
+    /** Vertical alignment of cell content */
     verticalAlign?: CSSProperties['verticalAlign'];
+    /** Called when a row is clicked */
     onSelect?: (e: Event, row: TableRow<T>) => void;
+    /** Called when a row is hovered or hover ends */
     onHover?: (e: Event, row: TableRow<T> | null) => void;
+    /** Called on right-click on a row */
     onContextmenu?: ((e: Event, row: TableRow<T>) => void) | Array<((e: Event, row: TableRow<T>) => void)>;
     /** Styles API */
     classes?: Classes<'root' | 'table' | 'thead' | 'th' | 'td' | 'tr' | 'tbody' | 'tfoot' | 'caption' | 'loading' | 'empty' | 'separator'>;

package/dist/runtime/components/table/ui/table-sortable-header.vue

@@ -20,6 +20,7 @@ const {
   classes: { type: Object, required: false },
   leftSectionPE: { type: null, required: false },
   leftSectionProps: { type: Object, required: false },
+  icon: { type: String, required: false },
   rightSectionPE: { type: null, required: false },
   rightSectionProps: { type: Object, required: false },
   is: { type: null, required: false },

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

@@ -1,7 +1,9 @@
 import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
 export interface TabsListProps extends BoxProps {
+    /** If set, tabs take all available width */
     grow?: boolean;
+    /** CSS `justify-content` value for the tab list */
     justify?: CSSProperties['justify-content'];
 }
 declare var __VLS_8: {};

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

@@ -1,7 +1,9 @@
 import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
 export interface TabsListProps extends BoxProps {
+    /** If set, tabs take all available width */
     grow?: boolean;
+    /** CSS `justify-content` value for the tab list */
     justify?: CSSProperties['justify-content'];
 }
 declare var __VLS_8: {};

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

@@ -1,5 +1,6 @@
 import type { BoxProps } from '../box.vue.js';
 export interface TabsPanelProps extends BoxProps {
+    /** Panel value, must match the corresponding `TabsTab` value */
     value: string;
 }
 declare var __VLS_8: {};

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

@@ -1,5 +1,6 @@
 import type { BoxProps } from '../box.vue.js';
 export interface TabsPanelProps extends BoxProps {
+    /** Panel value, must match the corresponding `TabsTab` value */
     value: string;
 }
 declare var __VLS_8: {};

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

@@ -1,26 +1,53 @@
 import type { NuanceColor, NuanceRadius } from '@nui/types';
 import type { BoxProps } from '../box.vue.js';
 export interface TabsRootProps extends BoxProps {
+    /** Value of the tab activated by default (uncontrolled) */
     defaultTab?: string;
-    /** Tabs orientation, `'horizontal'` by default */
+    /**
+     * Tabs orientation
+     * @default `'horizontal'`
+     */
     orientation?: 'vertical' | 'horizontal';
-    /** `TabsList` placement relative to `TabsPanel`, applicable only when `orientation="vertical"`, `'left'` by default */
+    /**
+     * `TabsList` placement relative to `TabsPanel`, applicable only when `orientation="vertical"`
+     * @default `'left'`
+     */
     placement?: 'left' | 'right';
+    /**
+     * Visual variant
+     * @default `'default'`
+     */
     variant?: 'default' | 'pills' | 'outline';
-    /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
+    /**
+     * Whether arrow key presses loop through items
+     * @default `true`
+     */
     loop?: boolean;
-    /** Determines whether tab should be activated with arrow key press, `true` by default */
+    /**
+     * Whether a tab is activated on arrow key press
+     * @default `true`
+     */
     activateTabWithKeyboard?: boolean;
-    /** Determines whether tab can be deactivated, `false` by default */
+    /**
+     * Whether a tab can be deactivated
+     * @default `false`
+     */
     allowTabDeactivation?: boolean;
-    /** Changes colors of `TabsTab` components when variant is `pills` or `default`, does nothing for other variants */
+    /** Color from theme */
     color?: NuanceColor;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
+    /** Border radius */
     radius?: NuanceRadius;
-    /** Determines whether tabs should have inverted styles, `false` by default */
+    /**
+     * Inverts tab styles
+     * @default `false`
+     */
     inverted?: boolean;
-    /** If set to `false`, `TabsPanel` content will be unmounted when the associated tab is not active, `true` by default */
+    /**
+     * If `false`, panel content is unmounted when inactive
+     * @default `true`
+     */
     keepMounted?: boolean;
+    /** Root element id */
     id?: string;
 }
 type __VLS_Props = TabsRootProps;

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

@@ -1,26 +1,53 @@
 import type { NuanceColor, NuanceRadius } from '@nui/types';
 import type { BoxProps } from '../box.vue.js';
 export interface TabsRootProps extends BoxProps {
+    /** Value of the tab activated by default (uncontrolled) */
     defaultTab?: string;
-    /** Tabs orientation, `'horizontal'` by default */
+    /**
+     * Tabs orientation
+     * @default `'horizontal'`
+     */
     orientation?: 'vertical' | 'horizontal';
-    /** `TabsList` placement relative to `TabsPanel`, applicable only when `orientation="vertical"`, `'left'` by default */
+    /**
+     * `TabsList` placement relative to `TabsPanel`, applicable only when `orientation="vertical"`
+     * @default `'left'`
+     */
     placement?: 'left' | 'right';
+    /**
+     * Visual variant
+     * @default `'default'`
+     */
     variant?: 'default' | 'pills' | 'outline';
-    /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
+    /**
+     * Whether arrow key presses loop through items
+     * @default `true`
+     */
     loop?: boolean;
-    /** Determines whether tab should be activated with arrow key press, `true` by default */
+    /**
+     * Whether a tab is activated on arrow key press
+     * @default `true`
+     */
     activateTabWithKeyboard?: boolean;
-    /** Determines whether tab can be deactivated, `false` by default */
+    /**
+     * Whether a tab can be deactivated
+     * @default `false`
+     */
     allowTabDeactivation?: boolean;
-    /** Changes colors of `TabsTab` components when variant is `pills` or `default`, does nothing for other variants */
+    /** Color from theme */
     color?: NuanceColor;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
+    /** Border radius */
     radius?: NuanceRadius;
-    /** Determines whether tabs should have inverted styles, `false` by default */
+    /**
+     * Inverts tab styles
+     * @default `false`
+     */
     inverted?: boolean;
-    /** If set to `false`, `TabsPanel` content will be unmounted when the associated tab is not active, `true` by default */
+    /**
+     * If `false`, panel content is unmounted when inactive
+     * @default `true`
+     */
     keepMounted?: boolean;
+    /** Root element id */
     id?: string;
 }
 type __VLS_Props = TabsRootProps;

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

@@ -1,15 +1,19 @@
 import type { Mod } from '@nui/utils';
 export interface TabsTabProps {
+    /** Tab value, must match the corresponding `TabsPanel` value */
     value: string;
+    /** Element modifiers transformed into `data-` attributes, falsy values are removed */
     mod?: Mod | Mod[];
+    /** Icon displayed before the label */
+    icon?: string;
 }
-declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_10: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_12) => any;
+    default?: (props: typeof __VLS_17) => any;
 } & {
-    rightSection?: (props: typeof __VLS_14) => any;
+    rightSection?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TabsTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -3,9 +3,10 @@ import { computed } from "vue";
 import UnstyledButton from "../button/unstyled-button.vue";
 import { useTabsState } from "./lib";
 import css from "./tabs.module.css";
-const { value, mod } = defineProps({
+const { value, mod, icon } = defineProps({
   value: { type: String, required: true },
-  mod: { type: [Object, Array], required: false }
+  mod: { type: [Object, Array], required: false },
+  icon: { type: String, required: false }
 });
 const ctx = useTabsState();
 const active = computed(() => value === ctx?.active.value);
@@ -28,8 +29,10 @@ const active = computed(() => value === ctx?.active.value);
 		:aria-controls='ctx?.getPanelId(value)'
 		@click='ctx?.onUpdate(value)'
 	>
-		<span v-if='$slots.leftSection' :class='css.tabSection' data-position='left'>
-			<slot name='leftSection' />
+		<span v-if='$slots.leftSection || icon' :class='css.tabSection' data-position='left'>
+			<slot name='leftSection'>
+				<Icon v-if='icon' :name='icon' />
+			</slot>
 		</span>
 		<span v-if='$slots.default' :class='css.tabLabel'>
 			<slot />

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

@@ -1,15 +1,19 @@
 import type { Mod } from '@nui/utils';
 export interface TabsTabProps {
+    /** Tab value, must match the corresponding `TabsPanel` value */
     value: string;
+    /** Element modifiers transformed into `data-` attributes, falsy values are removed */
     mod?: Mod | Mod[];
+    /** Icon displayed before the label */
+    icon?: string;
 }
-declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+declare var __VLS_10: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_10) => any;
 } & {
-    default?: (props: typeof __VLS_12) => any;
+    default?: (props: typeof __VLS_17) => any;
 } & {
-    rightSection?: (props: typeof __VLS_14) => any;
+    rightSection?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TabsTabProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsTabProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -14,12 +14,17 @@ export interface TextProps extends BoxProps {
     inline?: boolean;
     /** Determines whether font properties should be inherited from the parent, `false` by default */
     inherit?: boolean;
-    /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */
+    /** Gradient configuration (used with `variant="gradient"`) */
     gradient?: NuanceGradient;
+    /** Visual variant */
     variant?: 'text' | 'gradient';
+    /** Font size token */
     fz?: NuanceSize | `h${TitleOrder}` | string;
+    /** Line height token */
     lh?: NuanceSize | string;
+    /** Font weight */
     fw?: CSSProperties['font-weight'];
+    /** Text color from theme */
     c?: NuanceColor | 'dimmed';
 }
 declare var __VLS_8: {};

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

@@ -14,12 +14,17 @@ export interface TextProps extends BoxProps {
     inline?: boolean;
     /** Determines whether font properties should be inherited from the parent, `false` by default */
     inherit?: boolean;
-    /** Gradient configuration, ignored when `variant` is not `gradient`, `theme.defaultGradient` by default */
+    /** Gradient configuration (used with `variant="gradient"`) */
     gradient?: NuanceGradient;
+    /** Visual variant */
     variant?: 'text' | 'gradient';
+    /** Font size token */
     fz?: NuanceSize | `h${TitleOrder}` | string;
+    /** Line height token */
     lh?: NuanceSize | string;
+    /** Font weight */
     fw?: CSSProperties['font-weight'];
+    /** Text color from theme */
     c?: NuanceColor | 'dimmed';
 }
 declare var __VLS_8: {};

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

@@ -1,22 +1,24 @@
 import type { InputBaseProps, InputWrapperProps } from './input/index.js';
 export interface TextareaProps extends InputWrapperProps, InputBaseProps {
+    /** Icon displayed in the left section */
+    icon?: string;
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: {}, __VLS_19: {}, __VLS_22: {}, __VLS_25: {}, __VLS_28: {};
+declare var __VLS_15: {}, __VLS_24: {}, __VLS_27: {}, __VLS_30: {}, __VLS_33: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_15) => any;
 } & {
-    rightSection?: (props: typeof __VLS_19) => any;
+    rightSection?: (props: typeof __VLS_24) => any;
 } & {
-    label?: (props: typeof __VLS_22) => any;
+    label?: (props: typeof __VLS_27) => any;
 } & {
-    error?: (props: typeof __VLS_25) => any;
+    error?: (props: typeof __VLS_30) => any;
 } & {
-    description?: (props: typeof __VLS_28) => any;
+    description?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     $el: HTMLTextAreaElement | null | undefined;

package/dist/runtime/components/textarea.vue

@@ -3,7 +3,8 @@ import { unrefElement, useTextareaAutosize } from "@vueuse/core";
 import { useTemplateRef } from "vue";
 import InputBase from "./input/ui/input-base.vue";
 import InputWrapper from "./input/ui/input-wrapper.vue";
-const props = defineProps({
+const { icon, ...props } = defineProps({
+  icon: { type: String, required: false },
   error: { type: String, required: false },
   description: { type: String, required: false },
   label: { type: String, required: false },
@@ -34,8 +35,10 @@ defineExpose({
 <template>
 	<InputWrapper v-bind='props' :multiline :class='$attrs?.class'>
 		<InputBase>
-			<template v-if='!!$slots.leftSection' #leftSection>
-				<slot name='leftSection' />
+			<template v-if='!!$slots.leftSection || icon' #leftSection>
+				<slot name='leftSection'>
+					<Icon v-if='icon' :name='icon' />
+				</slot>
 			</template>
 
 			<template #default='{ id, css }'>

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

@@ -1,22 +1,24 @@
 import type { InputBaseProps, InputWrapperProps } from './input/index.js';
 export interface TextareaProps extends InputWrapperProps, InputBaseProps {
+    /** Icon displayed in the left section */
+    icon?: string;
 }
 type __VLS_Props = TextareaProps;
 type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_15: {}, __VLS_19: {}, __VLS_22: {}, __VLS_25: {}, __VLS_28: {};
+declare var __VLS_15: {}, __VLS_24: {}, __VLS_27: {}, __VLS_30: {}, __VLS_33: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_15) => any;
 } & {
-    rightSection?: (props: typeof __VLS_19) => any;
+    rightSection?: (props: typeof __VLS_24) => any;
 } & {
-    label?: (props: typeof __VLS_22) => any;
+    label?: (props: typeof __VLS_27) => any;
 } & {
-    error?: (props: typeof __VLS_25) => any;
+    error?: (props: typeof __VLS_30) => any;
 } & {
-    description?: (props: typeof __VLS_28) => any;
+    description?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     $el: HTMLTextAreaElement | null | undefined;

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

@@ -1,6 +1,11 @@
 import type { TextProps } from './text.vue.js';
 export interface TitleProps extends Omit<TextProps, 'is'> {
+    /**
+     * Heading level
+     * @default `'2'`
+     */
     order?: '1' | '2' | '3' | '4' | '5' | '6';
+    /** CSS `text-wrap` value */
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }
 declare var __VLS_8: {};

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

@@ -1,6 +1,11 @@
 import type { TextProps } from './text.vue.js';
 export interface TitleProps extends Omit<TextProps, 'is'> {
+    /**
+     * Heading level
+     * @default `'2'`
+     */
     order?: '1' | '2' | '3' | '4' | '5' | '6';
+    /** CSS `text-wrap` value */
     textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }
 declare var __VLS_8: {};

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

@@ -1,9 +1,19 @@
 export type TransitionName = 'fade' | 'fade-down' | 'fade-up' | 'fade-left' | 'fade-right' | 'skew-up' | 'skew-down' | 'rotate-right' | 'rotate-left' | 'slide-down' | 'slide-up' | 'slide-right' | 'slide-left' | 'scale-y' | 'scale-x' | 'scale' | 'pop' | 'pop-top-left' | 'pop-top-right' | 'pop-bottom-left' | 'pop-bottom-right';
 export interface TransitionProps {
+    /**
+     * Transition animation name
+     * @default `'pop-bottom-left'`
+     */
     name?: TransitionName;
-    /** Transition duration in ms, `250` default */
+    /**
+     * Transition duration in ms
+     * @default `250`
+     */
     duration?: number;
-    /** Transition dilay in ms, `0` default */
+    /**
+     * Transition delay in ms
+     * @default `0`
+     */
     delay?: number;
 }
 declare var __VLS_9: {};

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

@@ -1,9 +1,19 @@
 export type TransitionName = 'fade' | 'fade-down' | 'fade-up' | 'fade-left' | 'fade-right' | 'skew-up' | 'skew-down' | 'rotate-right' | 'rotate-left' | 'slide-down' | 'slide-up' | 'slide-right' | 'slide-left' | 'scale-y' | 'scale-x' | 'scale' | 'pop' | 'pop-top-left' | 'pop-top-right' | 'pop-bottom-left' | 'pop-bottom-right';
 export interface TransitionProps {
+    /**
+     * Transition animation name
+     * @default `'pop-bottom-left'`
+     */
     name?: TransitionName;
-    /** Transition duration in ms, `250` default */
+    /**
+     * Transition duration in ms
+     * @default `250`
+     */
     duration?: number;
-    /** Transition dilay in ms, `0` default */
+    /**
+     * Transition delay in ms
+     * @default `0`
+     */
     delay?: number;
 }
 declare var __VLS_9: {};

package/dist/runtime/components/tree/_ui/tree-item.d.vue.ts

@@ -1,5 +1,6 @@
 import type { TreeItem } from '../types.js';
 export interface TreeItemProps extends TreeItem {
+    /** Nesting depth, starting at 1 for root items */
     level: number;
 }
 declare const __VLS_export: import("vue").DefineComponent<TreeItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;