nuance-ui 0.2.6 → 0.2.8

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

@@ -1,29 +1,32 @@
 import type { Classes } from '@nui/types';
-import type { InputBaseProps } from './types/index.js';
+import type { InputBaseProps } from './types.js';
 import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
 export interface TextInputProps extends InputWrapperProps, InputBaseProps {
     /** If set, the input can have multiple lines, for example when `component="textarea"` @default `false` */
     multiline?: boolean;
     /** If set, `aria-` and other accessibility attributes are added to the input @default `true` */
     withAria?: boolean;
+    /** Styles API */
     classes?: Classes<'wrapper' | 'input'>;
+    /** Icon displayed in the left section */
+    icon?: string;
 }
 type __VLS_Props = TextInputProps;
 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, {
     readonly $el: HTMLElement | null | undefined;

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

@@ -1,11 +1,16 @@
 import type { Classes } from '@nui/types';
-import type { InputBaseProps } from '../types/index.js';
+import type { InputBaseProps } from '../types.js';
 import type { BaseInputProps } from './input-base.vue.js';
 import type { InputWrapperProps } from './input-wrapper.vue.js';
 export interface ButtonInputProps extends InputWrapperProps, BaseInputProps, InputBaseProps {
-    /** If set, the input can have multiple lines, for example when `component="textarea"` @default `false` */
+    /**
+     * If set, the input can have multiple lines, for example when `component="textarea"`
+     *  @default `false`
+     */
     multiline?: boolean;
+    /** Input name */
     name?: string;
+    /** Styles API */
     classes?: Classes<'root' | 'section' | 'input'>;
 }
 type __VLS_Props = ButtonInputProps;

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

@@ -33,71 +33,71 @@ defineExpose({
 </script>
 
 <template>
-	<InputWrapper v-bind='props' :class='classes?.root'>
-		<InputBase :class='$style.base' :classes='{ section: classes?.section }'>
-			<template v-if='!!$slots.leftSection' #leftSection>
-				<slot name='leftSection' />
-			</template>
-
-			<template #default='{ id, css }'>
-				<UnstyledButton
-					:id
-					ref='button'
-					v-bind='{ ...$attrs, class: null }'
-					:disabled
-					:readonly
-					:class='[css, $style.button, classes?.input]'
-					:mod='{ multiline: props.multiline }'
-				>
-					<slot />
-				</UnstyledButton>
-				<input
-					:id
-					v-model='model'
-					:name
-					type='hidden'
-					:required
-					:disabled
-					:readonly
-				>
-			</template>
-
-			<template v-if='!!$slots.rightSection' #rightSection>
-				<slot name='rightSection' />
-			</template>
-		</InputBase>
-
-		<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>
+	<InputWrapper v-bind='props' :class='classes?.root'>
+		<InputBase :class='$style.base' :classes='{ section: classes?.section }'>
+			<template v-if='!!$slots.leftSection' #leftSection>
+				<slot name='leftSection' />
+			</template>
+
+			<template #default='{ id, css }'>
+				<UnstyledButton
+					:id
+					ref='button'
+					v-bind='{ ...$attrs, class: null }'
+					:disabled
+					:readonly
+					:class='[css, $style.button, classes?.input]'
+					:mod='{ multiline: props.multiline }'
+				>
+					<slot />
+				</UnstyledButton>
+				<input
+					:id
+					v-model='model'
+					:name
+					type='hidden'
+					:required
+					:disabled
+					:readonly
+				>
+			</template>
+
+			<template v-if='!!$slots.rightSection' #rightSection>
+				<slot name='rightSection' />
+			</template>
+		</InputBase>
+
+		<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>
 
 <style lang="postcss" module>
-.base {
-	--input-cursor: pointer;
-}
-
-.button {
-	width: 100%;
-	min-width: rem(100px);
-
-	font-weight: 400;
-
-	&:where([data-multiline]) {
-		height: auto;
-		padding-block: calc(var(--input-padding-inline-end) / 2);
-	}
-}
-
-.section {
-	font-size: var(--font-size-lg);
-	color: var(--color-dimmed);
-}
+.base {
+	--input-cursor: pointer;
+}
+
+.button {
+	width: 100%;
+	min-width: rem(100px);
+
+	font-weight: 400;
+
+	&:where([data-multiline]) {
+		height: auto;
+		padding-block: calc(var(--input-padding-inline-end) / 2);
+	}
+}
+
+.section {
+	font-size: var(--font-size-lg);
+	color: var(--color-dimmed);
+}
 </style>

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

@@ -1,11 +1,16 @@
 import type { Classes } from '@nui/types';
-import type { InputBaseProps } from '../types/index.js';
+import type { InputBaseProps } from '../types.js';
 import type { BaseInputProps } from './input-base.vue.js';
 import type { InputWrapperProps } from './input-wrapper.vue.js';
 export interface ButtonInputProps extends InputWrapperProps, BaseInputProps, InputBaseProps {
-    /** If set, the input can have multiple lines, for example when `component="textarea"` @default `false` */
+    /**
+     * If set, the input can have multiple lines, for example when `component="textarea"`
+     *  @default `false`
+     */
     multiline?: boolean;
+    /** Input name */
     name?: string;
+    /** Styles API */
     classes?: Classes<'root' | 'section' | 'input'>;
 }
 type __VLS_Props = ButtonInputProps;

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

@@ -1,6 +1,7 @@
 import type { Classes } from '@nui/types';
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
 export interface BaseInputProps extends Omit<WrapperContext, 'id'> {
+    /** Styles API */
     classes?: Classes<'root' | 'section'>;
 }
 type __VLS_Slots = {