nuance-ui 0.1.38 → 0.1.39

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

@@ -1,69 +1,17 @@
-import type { Component } from 'vue';
+import type { Classes } from '@nui/types';
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
-import type { InputBaseProps } from '../types/index.js';
-export interface BaseInputProps extends InputBaseProps, Omit<WrapperContext, 'id'> {
-    id: string;
-    is?: 'input' | 'textarea' | Component;
-    modelValue?: string | number;
+export interface BaseInputProps extends Omit<WrapperContext, 'id'> {
+    classes?: Classes<'root' | 'section'>;
 }
-declare var __VLS_6: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_6) => any;
-} & {
-    rightSection?: (props: typeof __VLS_17) => any;
+type __VLS_Slots = {
+    leftSection: [];
+    default: (props: {
+        id: string;
+        css: string;
+    }) => any;
+    rightSection: [];
 };
-declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
-    ref: Readonly<import("vue").ShallowRef<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly is?: (keyof HTMLElementTagNameMap | Component) | undefined;
-            readonly mod?: (import("@nui/utils").Mod | import("@nui/utils").Mod[] | import("@nui/utils").Mod[][] | null) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance | null;
-        $parent: import("vue").ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("../../index.js").BoxProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import("../../index.js").BoxProps> & Readonly<{}>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            default?: (props: {}) => any;
-        };
-    }) | null>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<BaseInputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BaseInputProps> & 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;

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

@@ -1,31 +1,21 @@
 <script setup>
 import { getFontSize, getRadius, getSize } from "@nui/utils";
-import { computed, useTemplateRef } from "vue";
+import { computed } from "vue";
 import Box from "../../box.vue";
 import { useInputWrapperState } from "../lib/input-wrapper.context";
-const {
-  is = "input",
-  modelValue = "",
-  readonly,
-  disabled,
-  ...props
-} = defineProps({
-  id: { type: String, required: true },
-  is: { type: null, required: false },
-  modelValue: { type: [String, Number], required: false },
-  readonly: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false },
+const { classes, ...props } = defineProps({
+  classes: { type: Object, required: false },
   required: { type: Boolean, 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 },
+  resize: { type: void 0, required: false },
   leftSectionPE: { type: null, required: false },
   rightSectionPE: { type: null, required: false }
 });
-defineEmits(["update:modelValue"]);
-const api = useInputWrapperState() ?? computed(() => props);
+defineSlots();
+const api = computed(() => useInputWrapperState() ?? props);
 const style = computed(() => ({
   "--input-height": getSize(api.value.size, "input-height"),
   "--input-fz": getFontSize(api.value.size),
@@ -35,43 +25,32 @@ const style = computed(() => ({
   "--input-right-section-pointer-events": api.value.rightSectionPE,
   "--input-resize": api.value.resize
 }));
-const ref = useTemplateRef("input");
-defineExpose({ ref });
 </script>
 
 <template>
 	<Box
 		:style
-		:class='[$style.root, $attrs?.class]'
+		:class='[$style.root, classes?.root]'
 		:mod='[{
   "with-left-section": !!$slots.leftSection,
   "with-right-section": !!$slots.rightSection,
-  "variant": api.variant
+  "variant": api.variant,
+  "error": !!api?.error
 }]'
 	>
 		<span
 			v-if='$slots.leftSection'
-			:class='$style.section'
+			:class='[$style.section, classes?.section]'
 			data-position='left'
 		>
 			<slot name='leftSection' />
 		</span>
 
-		<Box
-			:is
-			:id='api.id'
-			v-bind='{ ...$attrs, disabled, class: void 0 }'
-			ref='input'
-			:class='$style.input'
-			:value='modelValue'
-			:readonly
-			:disabled
-			@input="$emit('update:modelValue', $event.target.value)"
-		/>
+		<slot :id='api.id' :css='$style.input' />
 
 		<span
 			v-if='$slots.rightSection'
-			:class='$style.section'
+			:class='[$style.section, classes?.section]'
 			data-position='right'
 		>
 			<slot name='rightSection' />
@@ -123,50 +102,7 @@ defineExpose({ ref });
 	--right-section-end: 1px;
 	--right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
 
-	position: relative;
-
-	&[data-variant='unstyled'] {
-		--input-padding: 0;
-		--input-padding-y: 0;
-		--input-padding-inline-start: 0;
-		--input-padding-inline-end: 0;
-	}
-
-	&[data-pointer] {
-		--input-cursor: pointer;
-	}
-
-	&[data-multiline] {
-		--input-padding-y-xs: 4.5px;
-		--input-padding-y-sm: 5.5px;
-		--input-padding-y-md: 7px;
-		--input-padding-y-lg: 9.5px;
-		--input-padding-y-xl: 13px;
-
-		--input-size: auto;
-		--input-line-height: var(--line-height);
-		--input-padding-y: var(--input-padding-y-sm);
-	}
-
-	&[data-with-left-section] {
-		--input-padding-inline-start: var(--input-left-section-size);
-	}
-
-	&[data-with-right-section] {
-		--input-padding-inline-end: var(--input-right-section-size);
-	}
-
-	[data-color-scheme] &[data-error] {
-		--input-color: var(--color-error);
-		--input-placeholder-color: var(--color-error);
-		--input-section-color: var(--color-error);
-
-		&:not([data-variant='unstyled']) {
-			--input-bd: var(--color-error);
-		}
-	}
-
-	@mixin light {
+	@mixin where-light {
 		--input-disabled-bg: var(--color-gray-1);
 		--input-disabled-color: var(--color-gray-6);
 
@@ -189,7 +125,7 @@ defineExpose({ ref });
 		}
 	}
 
-	@mixin dark {
+	@mixin where-dark {
 		--input-disabled-bg: var(--color-dark-6);
 		--input-disabled-color: var(--color-dark-2);
 
@@ -217,6 +153,47 @@ defineExpose({ ref });
 		--left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
 		--right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
 	}
+
+	position: relative;
+
+	&[data-variant='unstyled'] {
+		--input-padding: 0;
+		--input-padding-y: 0;
+		--input-padding-inline-start: 0;
+		--input-padding-inline-end: 0;
+	}
+
+	&[data-pointer] {
+		--input-cursor: pointer;
+	}
+
+	&[data-multiline] {
+		--input-padding-y-xs: 4.5px;
+		--input-padding-y-sm: 5.5px;
+		--input-padding-y-md: 7px;
+		--input-padding-y-lg: 9.5px;
+		--input-padding-y-xl: 13px;
+
+		--input-size: auto;
+		--input-line-height: var(--line-height);
+		--input-padding-y: var(--input-padding-y-sm);
+	}
+
+	&[data-with-left-section] {
+		--input-padding-inline-start: var(--input-left-section-size);
+	}
+
+	&[data-with-right-section] {
+		--input-padding-inline-end: var(--input-right-section-size);
+	}
+
+	&[data-error] {
+		--input-color: var(--color-error);
+		--input-placeholder-color: var(--color-error);
+		--input-section-color: var(--color-error);
+
+		--input-bd: var(--color-error);
+	}
 }
 
 .input {

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

@@ -1,69 +1,17 @@
-import type { Component } from 'vue';
+import type { Classes } from '@nui/types';
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
-import type { InputBaseProps } from '../types/index.js';
-export interface BaseInputProps extends InputBaseProps, Omit<WrapperContext, 'id'> {
-    id: string;
-    is?: 'input' | 'textarea' | Component;
-    modelValue?: string | number;
+export interface BaseInputProps extends Omit<WrapperContext, 'id'> {
+    classes?: Classes<'root' | 'section'>;
 }
-declare var __VLS_6: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    leftSection?: (props: typeof __VLS_6) => any;
-} & {
-    rightSection?: (props: typeof __VLS_17) => any;
+type __VLS_Slots = {
+    leftSection: [];
+    default: (props: {
+        id: string;
+        css: string;
+    }) => any;
+    rightSection: [];
 };
-declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
-    ref: Readonly<import("vue").ShallowRef<({
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly is?: (keyof HTMLElementTagNameMap | Component) | undefined;
-            readonly mod?: (import("@nui/utils").Mod | import("@nui/utils").Mod[] | import("@nui/utils").Mod[][] | null) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance | null;
-        $parent: import("vue").ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("../../index.js").BoxProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<import("../../index.js").BoxProps> & Readonly<{}>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-        $slots: {
-            default?: (props: {}) => any;
-        };
-    }) | null>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<BaseInputProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BaseInputProps> & 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;

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

@@ -9,15 +9,15 @@ export interface InlineInputProps extends BoxProps {
     size?: NuanceSize | string;
     labelPosition?: 'left' | 'right';
 }
-declare var __VLS_6: {}, __VLS_12: {}, __VLS_18: {}, __VLS_24: {};
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_24: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 } & {
-    label?: (props: typeof __VLS_12) => any;
+    label?: (props: typeof __VLS_16) => any;
 } & {
-    error?: (props: typeof __VLS_18) => any;
+    error?: (props: typeof __VLS_24) => any;
 } & {
-    description?: (props: typeof __VLS_24) => any;
+    description?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InlineInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InlineInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -10,7 +10,7 @@ const {
   description,
   error,
   label,
-  mod: _mod
+  mod
 } = defineProps({
   id: { type: String, required: true },
   label: { type: String, required: false },
@@ -26,14 +26,10 @@ const style = computed(() => ({
   "--label-fz": getFontSize(size),
   "--label-lh": getSize(size)
 }));
-const mod = computed(() => [
-  { "label-position": labelPosition },
-  _mod
-]);
 </script>
 
 <template>
-	<Box :style :class='$style.root' :mod>
+	<Box :style :class='$style.root' :mod='[{ "label-position": labelPosition }, mod]'>
 		<div :class='$style.body'>
 			<slot />
 

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

@@ -9,15 +9,15 @@ export interface InlineInputProps extends BoxProps {
     size?: NuanceSize | string;
     labelPosition?: 'left' | 'right';
 }
-declare var __VLS_6: {}, __VLS_12: {}, __VLS_18: {}, __VLS_24: {};
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_24: {}, __VLS_32: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_8) => any;
 } & {
-    label?: (props: typeof __VLS_12) => any;
+    label?: (props: typeof __VLS_16) => any;
 } & {
-    error?: (props: typeof __VLS_18) => any;
+    error?: (props: typeof __VLS_24) => any;
 } & {
-    description?: (props: typeof __VLS_24) => any;
+    description?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InlineInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InlineInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,10 +1,7 @@
 <script setup>
 import { getFontSize } from "@nui/utils";
 import { computed } from "vue";
-const {
-  required = false,
-  size = "sm"
-} = defineProps({
+const { required = false, size = "sm" } = defineProps({
   required: { type: Boolean, required: false },
   size: { type: String, required: false }
 });
@@ -22,5 +19,5 @@ const style = computed(() => ({
 </template>
 
 <style module>
-.root{--input-label-size:var(--font-size-sm);--input-asterisk-color:var(--color-error);cursor:default;display:inline-block;font-size:var(--input-label-size);font-weight:500;overflow-wrap:anywhere;word-break:normal;-webkit-tap-highlight-color:transparent}.required{color:var(--input-asterisk-color)}
+.root{--input-label-size:var(--font-size-sm);--input-asterisk-color:var(--color-error);cursor:default;display:block;font-size:var(--input-label-size);font-weight:500;overflow-wrap:anywhere;word-break:normal;-webkit-tap-highlight-color:transparent}.required{color:var(--input-asterisk-color)}
 </style>

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

@@ -5,15 +5,15 @@ export interface InputWrapperProps extends WrapperContext {
     label?: string;
     required?: boolean;
 }
-declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_5) => any;
+    label?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_9) => any;
 } & {
-    error?: (props: typeof __VLS_9) => any;
+    error?: (props: typeof __VLS_11) => any;
 } & {
-    description?: (props: typeof __VLS_11) => any;
+    description?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -12,7 +12,10 @@ const {
   variant = "default",
   size = "sm",
   radius = "sm",
-  ...props
+  leftSectionPE,
+  rightSectionPE,
+  multiline,
+  resize
 } = defineProps({
   error: { type: String, required: false },
   description: { type: String, required: false },
@@ -23,7 +26,7 @@ const {
   size: { type: String, required: false },
   variant: { type: String, required: false },
   multiline: { type: Boolean, required: false },
-  resize: { type: null, required: false },
+  resize: { type: void 0, required: false },
   leftSectionPE: { type: null, required: false },
   rightSectionPE: { type: null, required: false }
 });
@@ -37,7 +40,10 @@ useProvideInputWrapper({
   variant,
   size,
   radius,
-  ...props
+  leftSectionPE,
+  rightSectionPE,
+  multiline,
+  resize
 });
 const style = computed(() => ({
   "--input-error-size": `calc(${getFontSize(size)} - .125rem)`,
@@ -46,7 +52,7 @@ const style = computed(() => ({
 </script>
 
 <template>
-	<div :style :class='$style.root'>
+	<div :style :class='$style.wrapper'>
 		<InputLabel
 			:data-v-hidden='!label && !$slots.label || null'
 			:for='uid'
@@ -76,7 +82,7 @@ const style = computed(() => ({
 </template>
 
 <style lang="postcss" module>
-.root {
+.wrapper {
 	--input-error-size: calc(var(--font-size-sm) - rem(2px));
 	--input-description-size: calc(var(--font-size-sm) - rem(2px));
 

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

@@ -5,15 +5,15 @@ export interface InputWrapperProps extends WrapperContext {
     label?: string;
     required?: boolean;
 }
-declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_5) => any;
+    label?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_7) => any;
+    default?: (props: typeof __VLS_9) => any;
 } & {
-    error?: (props: typeof __VLS_9) => any;
+    error?: (props: typeof __VLS_11) => any;
 } & {
-    description?: (props: typeof __VLS_11) => any;
+    description?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -0,0 +1,25 @@
+export interface SpinInputProps {
+    min: number;
+    max: number;
+    step: number;
+    focusable?: boolean;
+    allowTemporaryZero?: boolean;
+    placeholder?: string;
+    readonly?: boolean;
+}
+type __VLS_Props = SpinInputProps;
+type __VLS_ModelProps = {
+    modelValue?: number | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    next: () => any;
+    "update:modelValue": (value: number | null) => any;
+    prev: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onNext?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onPrev?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;