nuance-ui 0.1.5 → 0.1.7

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

@@ -2,7 +2,7 @@ import type { NuanceSize } from '@nui/types';
 import type { CSSProperties } from 'vue';
 import type { PopoverProps } from '../popover/index.js';
 import type { ComboboxStore } from './lib/use-combobox/index.js';
-export interface ComboboxProps extends /* @vue-ignore */ PopoverProps {
+export interface ComboboxProps extends PopoverProps {
     store?: ComboboxStore;
     /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
     loop?: boolean;

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

@@ -16,7 +16,20 @@ const {
   scrollBehavior: { type: null, required: false },
   size: { type: String, required: false },
   dropdownPadding: { type: null, required: false },
-  readOnly: { type: Boolean, required: false }
+  readOnly: { type: Boolean, required: false },
+  placement: { type: null, required: false },
+  offset: { type: [Number, Object, Function], required: false },
+  keepMounted: { type: Boolean, required: false },
+  width: { type: null, required: false },
+  withArrow: { type: Boolean, required: false },
+  arrowSize: { type: Number, required: false },
+  arrowOffset: { type: Number, required: false },
+  arrowRadius: { type: Number, required: false },
+  arrowPosition: { type: String, required: false },
+  radius: { type: [String, Number], required: false },
+  shadow: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  floatingStrategy: { type: String, required: false }
 });
 const emit = defineEmits(["clear", "select", "open", "close", "submit"]);
 const opened = defineModel("open", { type: Boolean, ...{ default: false } });

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

@@ -2,7 +2,7 @@ import type { NuanceSize } from '@nui/types';
 import type { CSSProperties } from 'vue';
 import type { PopoverProps } from '../popover/index.js';
 import type { ComboboxStore } from './lib/use-combobox/index.js';
-export interface ComboboxProps extends /* @vue-ignore */ PopoverProps {
+export interface ComboboxProps extends PopoverProps {
     store?: ComboboxStore;
     /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
     loop?: boolean;

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

@@ -1,6 +1,6 @@
 import type { NuanceSize } from '@nui/types';
 import type { BoxProps } from './box.vue.js';
-export interface ContainerProps extends /* @vue-ignore */ BoxProps {
+export interface ContainerProps extends BoxProps {
     size?: NuanceSize | string | number;
     fluid?: boolean;
 }

package/dist/runtime/components/container.vue

@@ -9,7 +9,9 @@ const {
   size
 } = defineProps({
   size: { type: [String, Number], required: false },
-  fluid: { type: Boolean, required: false }
+  fluid: { type: Boolean, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const style = computed(() => ({
   "--container-size": fluid ? void 0 : getSize(size, "container-size")

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

@@ -1,6 +1,6 @@
 import type { NuanceSize } from '@nui/types';
 import type { BoxProps } from './box.vue.js';
-export interface ContainerProps extends /* @vue-ignore */ BoxProps {
+export interface ContainerProps extends BoxProps {
     size?: NuanceSize | string | number;
     fluid?: boolean;
 }

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

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface DialogHeaderProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface DialogHeaderProps extends BoxProps {
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

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

@@ -1,11 +1,14 @@
 <script setup>
 import Box from "../box.vue";
 import css from "./dialog.module.css";
-const props = defineProps({});
+const { is = "header", mod } = defineProps({
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
+});
 </script>
 
 <template>
-	<Box is='header' :class='css.header' v-bind='props'>
+	<Box :is :mod :class='css.header'>
 		<slot />
 	</Box>
 </template>

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

@@ -1,5 +1,5 @@
 import type { BoxProps } from '../box.vue.js';
-export interface DialogHeaderProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface DialogHeaderProps extends BoxProps {
 }
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

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

@@ -3,7 +3,7 @@ import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
 import type { TransitionName } from '../transition/index.js';
 import type { DialogModel } from './types/index.js';
-export interface DialogRootProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface DialogRootProps extends BoxProps {
     /** If set, the dialog is closed when user clicks on the overlay @default `true` */
     closeOnClickOutside?: boolean;
     /** If set, the component is rendered inside `Portal` @default `true` */

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

@@ -30,7 +30,9 @@ const {
   shadow: { type: String, required: false },
   padding: { type: [String, Number], required: false },
   rootClass: { type: String, required: false },
-  transition: { type: String, required: false }
+  transition: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const emit = defineEmits(["open", "close"]);
 const opened = defineModel("open", { type: Boolean, ...{ default: false } });

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

@@ -3,7 +3,7 @@ import type { CSSProperties } from 'vue';
 import type { BoxProps } from '../box.vue.js';
 import type { TransitionName } from '../transition/index.js';
 import type { DialogModel } from './types/index.js';
-export interface DialogRootProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface DialogRootProps extends BoxProps {
     /** If set, the dialog is closed when user clicks on the overlay @default `true` */
     closeOnClickOutside?: boolean;
     /** If set, the component is rendered inside `Portal` @default `true` */

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

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

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

@@ -1,7 +1,22 @@
 <script setup>
 import Title from "../title.vue";
 import css from "./dialog.module.css";
-const { size = "md", lh = "1", ...props } = defineProps({});
+const { size = "md", lh = "1", ...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/dialog/dialog-title.vue.d.ts

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

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

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

package/dist/runtime/components/drawer/drawer-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/drawer/drawer-header.vue.d.ts

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

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

@@ -1,5 +1,6 @@
 import type { DialogModel, DialogRootProps } from '../dialog/index.js';
-export interface DrawerRootProps extends /* @vue-ignore */ Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'transition'> {
+type OmittedDialogRootProps = Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'transition'>;
+export interface DrawerRootProps extends OmittedDialogRootProps {
     /** Side of the screen on which drawer will be opened @default `'left'` */
     position?: 'bottom' | 'left' | 'right' | 'top';
 }

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

@@ -9,7 +9,17 @@ const {
   withinPortal = true,
   ...rest
 } = defineProps({
-  position: { type: String, required: false }
+  position: { type: String, required: false },
+  withinPortal: { type: Boolean, required: false },
+  withoutOverlay: { 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 },
+  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/drawer/drawer-root.vue.d.ts

@@ -1,5 +1,6 @@
 import type { DialogModel, DialogRootProps } from '../dialog/index.js';
-export interface DrawerRootProps extends /* @vue-ignore */ Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'transition'> {
+type OmittedDialogRootProps = Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'transition'>;
+export interface DrawerRootProps extends OmittedDialogRootProps {
     /** Side of the screen on which drawer will be opened @default `'left'` */
     position?: 'bottom' | 'left' | 'right' | 'top';
 }

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

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

package/dist/runtime/components/drawer/drawer-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/drawer/drawer-title.vue.d.ts

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

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

@@ -1,6 +1,6 @@
 import type { InputBaseProps } from './types/index.js';
 import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
-export interface InputProps extends /* @vue-ignore */ InputWrapperProps, InputBaseProps {
+export interface InputProps 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` */
@@ -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

@@ -5,6 +5,17 @@ import InputWrapper from "./ui/input-wrapper.vue";
 const { id, ...rest } = defineProps({
   multiline: { type: Boolean, 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 },
+  id: { type: [String, null], required: false },
+  radius: { type: String, required: false },
+  size: { type: String, required: false },
+  variant: { type: String, required: false },
+  resize: { type: null, required: false },
+  leftSectionPE: { type: null, required: false },
+  rightSectionPE: { type: null, required: false },
   readonly: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false }
 });
@@ -14,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' />
@@ -27,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

@@ -1,6 +1,6 @@
 import type { InputBaseProps } from './types/index.js';
 import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
-export interface InputProps extends /* @vue-ignore */ InputWrapperProps, InputBaseProps {
+export interface InputProps 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` */
@@ -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/lib/input-wrapper.context.d.ts

@@ -14,5 +14,5 @@ export interface WrapperContext {
     /** section pointer-events */
     rightSectionPE?: CSSStyleDeclaration['pointerEvents'];
 }
-export declare const useProvideInputWrapper: (initial: WrapperContext) => import("vue").ShallowRef<WrapperContext, WrapperContext>;
-export declare const useInputWrapperState: () => import("vue").ShallowRef<WrapperContext, WrapperContext>;
+export declare const useProvideInputWrapper: (init: any) => import("vue").ComputedRef<any>;
+export declare const useInputWrapperState: () => import("vue").ComputedRef<any> | undefined;

package/dist/runtime/components/input/lib/input-wrapper.context.js

@@ -1,9 +1,8 @@
-import { createStrictInjection } from "@nui/helpers";
-import { shallowRef } from "vue";
+import { createInjectionState } from "@vueuse/core";
+import { computed } from "vue";
 const injectionKey = Symbol("InputWrapper");
-const [useProvide, useState] = createStrictInjection((initial) => shallowRef(initial), {
-  injectionKey,
-  name: "InputWrapper"
+const [useProvide, useState] = createInjectionState((init) => computed(() => init), {
+  injectionKey
 });
 export const useProvideInputWrapper = useProvide;
 export const useInputWrapperState = useState;

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

@@ -1,6 +1,6 @@
 import type { InputWrapperProps } from './index.js';
 import type { InputBaseProps } from './types/index.js';
-export interface NumberInputProps extends /* @vue-ignore */ InputBaseProps, Omit<InputWrapperProps, 'multiline' | 'resize' | 'id'> {
+export interface NumberInputProps extends InputBaseProps, Omit<InputWrapperProps, 'multiline' | 'resize' | 'id'> {
     /** Minimum possible value */
     min?: number;
     /** Maximum possible value */
@@ -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

@@ -18,11 +18,17 @@ const {
   max: { type: Number, required: false },
   step: { type: Number, required: false },
   hideControls: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
   error: { type: String, required: false },
   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 id = useId();
 const value = defineModel({ type: Number, ...{ default: 0 } });
@@ -86,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

@@ -1,6 +1,6 @@
 import type { InputWrapperProps } from './index.js';
 import type { InputBaseProps } from './types/index.js';
-export interface NumberInputProps extends /* @vue-ignore */ InputBaseProps, Omit<InputWrapperProps, 'multiline' | 'resize' | 'id'> {
+export interface NumberInputProps extends InputBaseProps, Omit<InputWrapperProps, 'multiline' | 'resize' | 'id'> {
     /** Minimum possible value */
     min?: number;
     /** Maximum possible value */
@@ -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;
+    };
+};