nuance-ui 0.1.6 → 0.1.7

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.1.6",
+  "version": "0.1.7",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -0,0 +1,22 @@
+import type { TextInputProps } from './index.js';
+declare var __VLS_7: {}, __VLS_19: {}, __VLS_22: {}, __VLS_25: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_7) => any;
+} & {
+    rightSection?: (props: typeof __VLS_19) => any;
+} & {
+    label?: (props: typeof __VLS_22) => any;
+} & {
+    error?: (props: typeof __VLS_25) => any;
+} & {
+    description?: (props: typeof __VLS_28) => 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/email-input.vue

@@ -0,0 +1,41 @@
+<script setup>
+import ActionIcon from "../action-icon/action-icon.vue";
+import TextInput from "./text-input.vue";
+const props = defineProps({
+  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 }
+});
+</script>
+
+<template>
+	<TextInput type='email' v-bind='props'>
+		<template #leftSection>
+			<slot name='leftSection'>
+				<ActionIcon variant='subtle'>
+					<Icon name='gravity-ui:at' />
+				</ActionIcon>
+			</slot>
+		</template>
+
+		<template #rightSection>
+			<slot name='rightSection' />
+		</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/email-input.vue.d.ts

@@ -0,0 +1,22 @@
+import type { TextInputProps } from './index.js';
+declare var __VLS_7: {}, __VLS_19: {}, __VLS_22: {}, __VLS_25: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_7) => any;
+} & {
+    rightSection?: (props: typeof __VLS_19) => any;
+} & {
+    label?: (props: typeof __VLS_22) => any;
+} & {
+    error?: (props: typeof __VLS_25) => any;
+} & {
+    description?: (props: typeof __VLS_28) => 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/input.d.vue.ts

@@ -11,13 +11,13 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_7) => any;
+    leftSection?: (props: typeof __VLS_11) => any;
 } & {
-    leftSection?: (props: typeof __VLS_14) => any;
+    rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    rightSection?: (props: typeof __VLS_17) => any;
+    label?: (props: typeof __VLS_17) => any;
 } & {
     error?: (props: typeof __VLS_20) => any;
 } & {

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

@@ -25,10 +25,6 @@ const uid = id ?? useId();
 
 <template>
 	<InputWrapper :id='uid' v-bind='rest'>
-		<template #label>
-			<slot name='label' />
-		</template>
-
 		<BaseInput :id='uid' v-model='value' v-bind='$attrs'>
 			<template v-if='$slots.leftSection' #leftSection>
 				<slot name='leftSection' />
@@ -38,11 +34,13 @@ const uid = id ?? useId();
 			</template>
 		</BaseInput>
 
-		<template #error>
+		<template v-if='$slots.label' #label>
+			<slot name='label' />
+		</template>
+		<template v-if='$slots.error' #error>
 			<slot name='error' />
 		</template>
-
-		<template #description>
+		<template v-if='$slots.description' #description>
 			<slot name='description' />
 		</template>
 	</InputWrapper>

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

@@ -11,13 +11,13 @@ type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_7) => any;
+    leftSection?: (props: typeof __VLS_11) => any;
 } & {
-    leftSection?: (props: typeof __VLS_14) => any;
+    rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    rightSection?: (props: typeof __VLS_17) => any;
+    label?: (props: typeof __VLS_17) => any;
 } & {
     error?: (props: typeof __VLS_20) => any;
 } & {

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

@@ -15,11 +15,17 @@ type __VLS_ModelProps = {
     modelValue?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_16: {}, __VLS_19: {};
+declare var __VLS_16: {}, __VLS_19: {}, __VLS_46: {}, __VLS_49: {}, __VLS_52: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_16) => any;
 } & {
     rightSection?: (props: typeof __VLS_19) => any;
+} & {
+    label?: (props: typeof __VLS_46) => any;
+} & {
+    error?: (props: typeof __VLS_49) => any;
+} & {
+    description?: (props: typeof __VLS_52) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;

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

@@ -92,6 +92,16 @@ function handleBlur() {
 				</slot>
 			</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/number-input.vue.d.ts

@@ -15,11 +15,17 @@ type __VLS_ModelProps = {
     modelValue?: number;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_16: {}, __VLS_19: {};
+declare var __VLS_16: {}, __VLS_19: {}, __VLS_46: {}, __VLS_49: {}, __VLS_52: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_16) => any;
 } & {
     rightSection?: (props: typeof __VLS_19) => any;
+} & {
+    label?: (props: typeof __VLS_46) => any;
+} & {
+    error?: (props: typeof __VLS_49) => any;
+} & {
+    description?: (props: typeof __VLS_52) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;

package/dist/runtime/components/input/password-input.d.vue.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/password-input.vue

@@ -23,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_11: {}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_11) => any;
 } & {
     rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    label?: (props: typeof __VLS_16) => any;
+    label?: (props: typeof __VLS_17) => any;
 } & {
-    error?: (props: typeof __VLS_18) => any;
+    error?: (props: typeof __VLS_20) => any;
 } & {
-    description?: (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

@@ -35,8 +35,14 @@ const id = useId();
 				<slot name='rightSection' />
 			</template>
 		</BaseInput>
-		<slot name='label' />
-		<slot name='error' />
-		<slot name='description' />
+		<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_11: {}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_11) => any;
 } & {
     rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    label?: (props: typeof __VLS_16) => any;
+    label?: (props: typeof __VLS_17) => any;
 } & {
-    error?: (props: typeof __VLS_18) => any;
+    error?: (props: typeof __VLS_20) => any;
 } & {
-    description?: (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.vue

@@ -44,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
 }]'
 	>

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

@@ -48,7 +48,7 @@ const style = computed(() => ({
 <template>
 	<div :style :class='$style.root'>
 		<InputLabel
-			:data-v-hidden='!label || !$slots.label || null'
+			:data-v-hidden='!label && !$slots.label || null'
 			:for='uid'
 			:class='$style.label'
 			:size

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.1.6",
+	"version": "0.1.7",
 	"description": "A UI Library for Modern Web Apps, powered by Vue.",
 	"repository": {
 		"type": "git",