nuance-ui 0.1.1

package/dist/runtime/components/index.d.ts

@@ -0,0 +1,26 @@
+export * from './action-icon/index.js';
+export * from './app-shell/index.js';
+export * from './background-image.vue.js';
+export * from './box.vue.js';
+export * from './button/index.js';
+export * from './card/index.js';
+export * from './checkbox/index.js';
+export * from './chip/index.js';
+export * from './combobox/index.js';
+export * from './container.vue.js';
+export * from './dialog/index.js';
+export * from './drawer/index.js';
+export * from './input/index.js';
+export * from './link/index.js';
+export * from './loader/index.js';
+export * from './modal/index.js';
+export * from './nav-link/index.js';
+export * from './paper.vue.js';
+export * from './popover/index.js';
+export * from './select/index.js';
+export * from './tabs/index.js';
+export * from './text.vue.js';
+export * from './textarea.vue.js';
+export * from './title.vue.js';
+export * from './transition/index.js';
+export * from './visually-hidden/index.js';

package/dist/runtime/components/index.js

@@ -0,0 +1,26 @@
+export * from "./action-icon/index.js";
+export * from "./app-shell/index.js";
+export * from "./background-image.vue";
+export * from "./box.vue";
+export * from "./button/index.js";
+export * from "./card/index.js";
+export * from "./checkbox/index.js";
+export * from "./chip/index.js";
+export * from "./combobox/index.js";
+export * from "./container.vue";
+export * from "./dialog/index.js";
+export * from "./drawer/index.js";
+export * from "./input/index.js";
+export * from "./link/index.js";
+export * from "./loader/index.js";
+export * from "./modal/index.js";
+export * from "./nav-link/index.js";
+export * from "./paper.vue";
+export * from "./popover/index.js";
+export * from "./select/index.js";
+export * from "./tabs/index.js";
+export * from "./text.vue";
+export * from "./textarea.vue";
+export * from "./title.vue";
+export * from "./transition/index.js";
+export * from "./visually-hidden/index.js";

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

@@ -0,0 +1,10 @@
+export type * from './input.vue';
+export { useInputWrapperState, type WrapperContext } from './lib/input-wrapper.context.js';
+export type * from './number-input.vue';
+export type * from './password-input.vue';
+export type * from './text-input.vue';
+export type * from './types';
+export type * from './ui/input-base.vue';
+export type * from './ui/input-inline.vue';
+export type * from './ui/input-label.vue';
+export type * from './ui/input-wrapper.vue';

package/dist/runtime/components/input/index.js

@@ -0,0 +1 @@
+export { useInputWrapperState } from "./lib/input-wrapper.context.js";

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

@@ -0,0 +1,38 @@
+import type { InputBaseProps } from './types/index.js';
+import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
+export interface InputProps extends /* @vue-ignore */ 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;
+}
+type __VLS_Props = InputProps;
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    leftSection?: (props: typeof __VLS_14) => any;
+} & {
+    rightSection?: (props: typeof __VLS_17) => any;
+} & {
+    error?: (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: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useId } from "vue";
+import BaseInput from "./ui/input-base.vue";
+import InputWrapper from "./ui/input-wrapper.vue";
+const { id, ...rest } = defineProps({
+  multiline: { type: Boolean, required: false },
+  withAria: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const value = defineModel({ type: null });
+const uid = id ?? useId();
+</script>
+
+<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' />
+			</template>
+			<template v-if='$slots.rightSection' #rightSection>
+				<slot name='rightSection' />
+			</template>
+		</BaseInput>
+
+		<template #error>
+			<slot name='error' />
+		</template>
+
+		<template #description>
+			<slot name='description' />
+		</template>
+	</InputWrapper>
+</template>

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

@@ -0,0 +1,38 @@
+import type { InputBaseProps } from './types/index.js';
+import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
+export interface InputProps extends /* @vue-ignore */ 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;
+}
+type __VLS_Props = InputProps;
+type __VLS_ModelProps = {
+    modelValue?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {}, __VLS_14: {}, __VLS_17: {}, __VLS_20: {}, __VLS_23: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_7) => any;
+} & {
+    leftSection?: (props: typeof __VLS_14) => any;
+} & {
+    rightSection?: (props: typeof __VLS_17) => any;
+} & {
+    error?: (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: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/lib/input-wrapper.context.d.ts

@@ -0,0 +1,18 @@
+import type { UiKitSize } from '@nui/types';
+import type { CSSProperties } from 'vue';
+import type { InputVariant } from '../types/index.js';
+export interface WrapperContext {
+    id?: string | null;
+    required?: boolean;
+    radius?: UiKitSize | string;
+    size?: UiKitSize | string;
+    variant?: InputVariant;
+    multiline?: boolean;
+    resize?: CSSProperties['resize'];
+    /** section pointer-events */
+    leftSectionPE?: CSSStyleDeclaration['pointerEvents'];
+    /** 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>;

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

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

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

@@ -0,0 +1,36 @@
+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'> {
+    /** Minimum possible value */
+    min?: number;
+    /** Maximum possible value */
+    max?: number;
+    /** Number by which value will be incremented/decremented with up/down controls and keyboard arrows, `1` by default */
+    step?: number;
+    /** Determines whether the up/down controls should be hidden, `false` by default */
+    hideControls?: boolean;
+}
+type __VLS_Props = NumberInputProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_16: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_16) => any;
+} & {
+    rightSection?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, 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/number-input.vue

@@ -0,0 +1,172 @@
+<script setup>
+import { clamp, useCounter } from "@vueuse/core";
+import { shallowRef, useId, watch } from "vue";
+import UnstyledButton from "../button/unstyled-button.vue";
+import BaseInput from "./ui/input-base.vue";
+import InputWrapper from "./ui/input-wrapper.vue";
+const {
+  min = Number.MIN_SAFE_INTEGER,
+  max = Number.MAX_SAFE_INTEGER,
+  step = 1,
+  hideControls,
+  disabled,
+  readonly,
+  rightSectionPE = "all",
+  ...rest
+} = defineProps({
+  min: { type: Number, required: false },
+  max: { type: Number, required: false },
+  step: { type: Number, required: false },
+  hideControls: { 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 }
+});
+const id = useId();
+const value = defineModel({ type: Number, ...{ default: 0 } });
+const { count, inc, dec, set } = useCounter(value, { min, max });
+const focused = shallowRef(false);
+watch(count, () => {
+  value.value = count.value;
+});
+function handleWheel(event) {
+  if (!focused.value)
+    return;
+  if (Math.abs(event.deltaY) <= Math.abs(event.deltaX))
+    return;
+  if (event.deltaY > 0)
+    dec(step);
+  else if (event.deltaY < 0)
+    inc(step);
+}
+function handleBlur() {
+  focused.value = false;
+  set(clamp(count.value, min, max));
+}
+</script>
+
+<template>
+	<InputWrapper v-bind='rest' :id :class='$style.root' :right-section-p-e>
+		<BaseInput
+			:id
+			:value='count'
+			:readonly
+			:disabled
+			:step
+			:min
+			:max
+			type='number'
+			@focus='focused = true'
+			@blur='handleBlur()'
+			@wheel.prevent='handleWheel'
+		>
+			<template v-if='$slots?.leftSection' #leftSection>
+				<slot name='leftSection' />
+			</template>
+			<template #rightSection>
+				<slot name='rightSection'>
+					<div v-if='!hideControls' :class='$style.controls'>
+						<UnstyledButton
+							:class='$style.control'
+							:disabled='disabled || typeof value === "number" && !Number.isNaN(max) && value >= max'
+							@click='inc(step)'
+						>
+							<Icon name='gravity-ui:chevron-up' />
+						</UnstyledButton>
+						<UnstyledButton
+							:class='$style.control'
+							:disabled='disabled || typeof value === "number" && !Number.isNaN(min) && value <= min'
+							@click='dec(step)'
+						>
+							<Icon name='gravity-ui:chevron-down' />
+						</UnstyledButton>
+					</div>
+				</slot>
+			</template>
+		</BaseInput>
+	</InputWrapper>
+</template>
+
+<style module lang="postcss">
+.root {
+	--ni-right-section-width-xs: rem(17px);
+	--ni-right-section-width-sm: rem(24px);
+	--ni-right-section-width-md: rem(27px);
+	--ni-right-section-width-lg: rem(31px);
+	--ni-right-section-width-xl: rem(34px);
+}
+
+.controls {
+	--ni-chevron-size-xs: rem(10px);
+	--ni-chevron-size-sm: rem(14px);
+	--ni-chevron-size-md: rem(16px);
+	--ni-chevron-size-lg: rem(18px);
+	--ni-chevron-size-xl: rem(20px);
+	--ni-chevron-size: var(--ni-chevron-size-sm);
+
+	display: flex;
+	flex-direction: column;
+
+	width: 100%;
+	max-width: calc(var(--ni-chevron-size) * 1.7);
+	height: calc(var(--input-height) - rem(2px));
+	margin-inline-start: auto;
+}
+
+.control {
+	--control-border: 1px solid var(--input-bd);
+	--control-radius: calc(var(--input-radius) - rem(1px));
+
+	cursor: pointer;
+
+	display: flex;
+
+	flex: 0 0 50%;
+	align-items: center;
+	justify-content: center;
+
+	width: 100%;
+	height: calc(var(--input-height) / 2 - rem(1px));
+	padding: 0;
+	border-inline-start: var(--control-border);
+
+	color: var(--color-text);
+
+	background-color: transparent;
+
+	&:where(:disabled) {
+		cursor: not-allowed;
+
+		color: var(--color-disabled-text);
+
+		opacity: 0.6;
+		background-color: transparent;
+	}
+
+	.root[data-error] :where(&) {
+		color: var(--color-error);
+	}
+
+	&:where(:first-of-type) {
+		border-radius: 0;
+		border-start-end-radius: var(--control-radius);
+	}
+
+	&:last-of-type {
+		border-radius: 0;
+		border-end-end-radius: var(--control-radius);
+	}
+
+	@mixin hover {
+		@mixin where-light {
+			background-color: var(--color-gray-0);
+		}
+
+		@mixin where-dark {
+			background-color: var(--color-dark-4);
+		}
+	}
+}
+</style>

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

@@ -0,0 +1,36 @@
+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'> {
+    /** Minimum possible value */
+    min?: number;
+    /** Maximum possible value */
+    max?: number;
+    /** Number by which value will be incremented/decremented with up/down controls and keyboard arrows, `1` by default */
+    step?: number;
+    /** Determines whether the up/down controls should be hidden, `false` by default */
+    hideControls?: boolean;
+}
+type __VLS_Props = NumberInputProps;
+type __VLS_ModelProps = {
+    modelValue?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_16: {}, __VLS_19: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_16) => any;
+} & {
+    rightSection?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, 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.d.vue.ts

@@ -0,0 +1,4 @@
+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 const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,28 @@
+<script setup>
+import { ref } from "vue";
+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 },
+  size: { type: String, required: false }
+});
+const password = ref(true);
+</script>
+
+<template>
+	<TextInput
+		v-bind='props'
+		:type='password ? "password" : "text"'
+		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>
+		</template>
+	</TextInput>
+</template>

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

@@ -0,0 +1,4 @@
+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 const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,32 @@
+import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
+export type TextInputProps = Omit<InputWrapperProps, 'id' | 'multiline' | 'resize'>;
+type __VLS_Props = TextInputProps;
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_6) => any;
+} & {
+    error?: (props: typeof __VLS_8) => any;
+} & {
+    description?: (props: typeof __VLS_10) => any;
+} & {
+    leftSection?: (props: typeof __VLS_17) => any;
+} & {
+    rightSection?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useId } from "vue";
+import BaseInput from "./ui/input-base.vue";
+import InputWrapper from "./ui/input-wrapper.vue";
+defineOptions({
+  inheritAttrs: false
+});
+const { required, ...props } = defineProps({
+  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 }
+});
+const model = defineModel({ type: null });
+const id = useId();
+</script>
+
+<template>
+	<InputWrapper :id v-bind='props' :class='$attrs?.class'>
+		<slot name='label' />
+		<slot name='error' />
+		<slot name='description' />
+		<BaseInput
+			:id
+			v-model='model'
+			v-bind='{ ...$attrs, class: void 0 }'
+			:required
+		>
+			<template v-if='$slots.leftSection' #leftSection>
+				<slot name='leftSection' />
+			</template>
+			<template v-if='$slots.rightSection' #rightSection>
+				<slot name='rightSection' />
+			</template>
+		</BaseInput>
+	</InputWrapper>
+</template>

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

@@ -0,0 +1,32 @@
+import type { InputWrapperProps } from './ui/input-wrapper.vue.js';
+export type TextInputProps = Omit<InputWrapperProps, 'id' | 'multiline' | 'resize'>;
+type __VLS_Props = TextInputProps;
+type __VLS_ModelProps = {
+    modelValue?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_6) => any;
+} & {
+    error?: (props: typeof __VLS_8) => any;
+} & {
+    description?: (props: typeof __VLS_10) => any;
+} & {
+    leftSection?: (props: typeof __VLS_17) => any;
+} & {
+    rightSection?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/types/index.d.ts

@@ -0,0 +1,5 @@
+export type InputVariant = 'default' | 'filled' | 'unstyled';
+export interface InputBaseProps {
+    readonly?: boolean;
+    disabled?: boolean;
+}

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

@@ -0,0 +1,28 @@
+import type { Component } from 'vue';
+import type { WrapperContext } from '../lib/input-wrapper.context.js';
+import type { InputBaseProps } from '../types/index.js';
+export interface BaseInputProps extends /* @vue-ignore */ InputBaseProps, Omit<WrapperContext, 'id'>, Required<Pick<WrapperContext, 'id'>> {
+    is?: 'input' | 'textarea' | Component;
+    modelValue?: string;
+}
+declare var __VLS_6: {}, __VLS_18: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_6) => any;
+} & {
+    rightSection?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
+    ref: Readonly<import("vue").ShallowRef<any>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<BaseInputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};