nuance-ui 0.1.5 → 0.1.6

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/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` */

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 }
 });

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` */

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 */

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 } });

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 */

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

@@ -7,7 +7,11 @@ const props = defineProps({
   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 password = ref(true);
 </script>

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

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

@@ -10,7 +10,11 @@ const { required, ...props } = defineProps({
   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 model = defineModel({ type: null });
 const id = useId();
@@ -18,9 +22,6 @@ const id = useId();
 
 <template>
 	<InputWrapper :id v-bind='props' :class='$attrs?.class'>
-		<slot name='label' />
-		<slot name='error' />
-		<slot name='description' />
 		<BaseInput
 			:id
 			v-model='model'
@@ -34,5 +35,8 @@ const id = useId();
 				<slot name='rightSection' />
 			</template>
 		</BaseInput>
+		<slot name='label' />
+		<slot name='error' />
+		<slot name='description' />
 	</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_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {}, __VLS_20: {};
+declare var __VLS_11: {}, __VLS_14: {}, __VLS_16: {}, __VLS_18: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_6) => any;
+    leftSection?: (props: typeof __VLS_11) => any;
 } & {
-    error?: (props: typeof __VLS_8) => any;
+    rightSection?: (props: typeof __VLS_14) => any;
 } & {
-    description?: (props: typeof __VLS_10) => any;
+    label?: (props: typeof __VLS_16) => any;
 } & {
-    leftSection?: (props: typeof __VLS_17) => any;
+    error?: (props: typeof __VLS_18) => any;
 } & {
-    rightSection?: (props: typeof __VLS_20) => any;
+    description?: (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;

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

@@ -1,15 +1,16 @@
 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'>> {
+export interface BaseInputProps extends InputBaseProps, Omit<WrapperContext, 'id'> {
+    id: string;
     is?: 'input' | 'textarea' | Component;
     modelValue?: string;
 }
-declare var __VLS_6: {}, __VLS_18: {};
+declare var __VLS_6: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_6) => any;
 } & {
-    rightSection?: (props: typeof __VLS_18) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
     ref: Readonly<import("vue").ShallowRef<any>>;

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

@@ -8,10 +8,13 @@ const {
   modelValue = "",
   readonly,
   disabled,
-  ..._props
+  ...props
 } = defineProps({
+  id: { type: String, required: true },
   is: { type: null, required: false },
   modelValue: { type: String, required: false },
+  readonly: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
   required: { type: Boolean, required: false },
   radius: { type: String, required: false },
   size: { type: String, required: false },
@@ -19,12 +22,10 @@ const {
   multiline: { type: Boolean, required: false },
   resize: { type: null, required: false },
   leftSectionPE: { type: null, required: false },
-  rightSectionPE: { type: null, required: false },
-  id: { type: [String, null], required: true }
+  rightSectionPE: { type: null, required: false }
 });
 defineEmits(["update:modelValue"]);
-const props = computed(() => _props);
-const api = useInputWrapperState() ?? props;
+const api = useInputWrapperState() ?? computed(() => props);
 const style = computed(() => ({
   "--input-height": getSize(api.value.size, "input-height"),
   "--input-fz": getFontSize(api.value.size),
@@ -56,10 +57,10 @@ defineExpose({ ref });
 			<slot name='leftSection' />
 		</span>
 
-		<component
+		<Box
 			:is
 			:id='api.id'
-			v-bind='{ ...$attrs, class: void 0 }'
+			v-bind='{ ...$attrs, disabled, class: void 0 }'
 			ref='input'
 			:class='$style.input'
 			:value='modelValue'

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

@@ -1,15 +1,16 @@
 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'>> {
+export interface BaseInputProps extends InputBaseProps, Omit<WrapperContext, 'id'> {
+    id: string;
     is?: 'input' | 'textarea' | Component;
     modelValue?: string;
 }
-declare var __VLS_6: {}, __VLS_18: {};
+declare var __VLS_6: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
     leftSection?: (props: typeof __VLS_6) => any;
 } & {
-    rightSection?: (props: typeof __VLS_18) => any;
+    rightSection?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<BaseInputProps, {
     ref: Readonly<import("vue").ShallowRef<any>>;

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

@@ -1,6 +1,6 @@
 import type { NuanceSize } from '@nui/types';
 import type { BoxProps } from '../../box.vue.js';
-export interface InlineInputProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface InlineInputProps extends BoxProps {
     id: string;
     label?: string;
     description?: string;

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

@@ -18,7 +18,9 @@ const {
   error: { type: String, required: false },
   disabled: { type: Boolean, required: false, skipCheck: true },
   size: { type: String, required: false },
-  labelPosition: { type: String, required: false }
+  labelPosition: { type: String, required: false },
+  is: { type: null, required: false },
+  mod: { type: [Object, Array, null], required: false }
 });
 const style = computed(() => ({
   "--label-fz": getFontSize(size),

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

@@ -1,6 +1,6 @@
 import type { NuanceSize } from '@nui/types';
 import type { BoxProps } from '../../box.vue.js';
-export interface InlineInputProps extends /* @vue-ignore */ Omit<BoxProps, 'is'> {
+export interface InlineInputProps extends BoxProps {
     id: string;
     label?: string;
     description?: string;

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

@@ -1,9 +1,9 @@
 import type { WrapperContext } from '../lib/input-wrapper.context.js';
-import type { InputLabelProps } from './input-label.vue.js';
-export interface InputWrapperProps extends /* @vue-ignore */ WrapperContext, InputLabelProps {
+export interface InputWrapperProps extends WrapperContext {
     error?: string;
     description?: string;
     label?: string;
+    required?: boolean;
 }
 declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {