@movk/nuxt 1.1.2 → 1.3.0

package/dist/runtime/components/StarRating.vue

@@ -1,42 +1,73 @@
 <script setup>
 import { UButton, UBadge } from "#components";
 import { computed, ref } from "vue";
-const {
-  modelValue = 0,
-  max = 5,
-  disabled = false,
-  readonly = false,
-  showBadge = true,
-  buttonProps,
-  emptyIcon = "i-lucide-star",
-  filledIcon = "i-lucide-star",
-  halfIcon = "i-lucide-star-half",
-  color = "warning",
-  size = "sm",
-  allowHalf = false,
-  clearable = false
-} = defineProps({
-  modelValue: { type: Number, required: false },
-  max: { type: Number, required: false },
+import { FieldGroupReset } from "@nuxt/ui/composables/useFieldGroup";
+import { useAppConfig } from "#imports";
+import theme from "#build/movk-ui/star-rating";
+import { useExtendedTv } from "../utils/extend-theme";
+import { useFieldControl } from "../utils/form-control";
+const props = defineProps({
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  max: { type: Number, required: false, default: 5 },
   disabled: { type: Boolean, required: false },
+  highlight: { type: Boolean, required: false },
   readonly: { type: Boolean, required: false },
-  showBadge: { type: Boolean, required: false },
+  showBadge: { type: Boolean, required: false, default: true },
   buttonProps: { type: Object, required: false },
-  emptyIcon: { type: String, required: false },
-  filledIcon: { type: String, required: false },
-  halfIcon: { type: String, required: false },
+  emptyIcon: { type: null, required: false, default: "i-lucide-star" },
+  filledIcon: { type: null, required: false, default: "i-lucide-star" },
+  halfIcon: { type: null, required: false, default: "i-lucide-star-half" },
   color: { type: null, required: false },
   size: { type: null, required: false },
   allowHalf: { type: Boolean, required: false },
-  clearable: { type: Boolean, required: false }
+  clearable: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  ui: { type: Object, required: false }
 });
-const emit = defineEmits(["update:modelValue", "change", "hover"]);
+const modelValue = defineModel({ type: Number, ...{ default: 0 } });
+const emits = defineEmits(["change", "hover"]);
 defineOptions({ inheritAttrs: false });
+const {
+  id,
+  name,
+  size: effectiveSize,
+  color: effectiveColor,
+  disabled: effectiveDisabled,
+  fieldGroupOrientation,
+  ariaAttrs,
+  emitFormBlur,
+  emitFormChange,
+  emitFormFocus,
+  emitFormInput
+} = useFieldControl(props);
 const hoveredStar = ref(null);
 const focusedIndex = ref(0);
-const isInteractive = computed(() => !disabled && !readonly);
+const isInteractive = computed(() => !effectiveDisabled.value && !props.readonly);
+const appConfig = useAppConfig();
+const { extendUi } = useExtendedTv(
+  { slots: {} },
+  theme,
+  () => appConfig.movk?.starRating,
+  () => ({
+    ui: {
+      ...props.ui,
+      root: [props.ui?.root, props.class]
+    },
+    variants: {
+      interactive: isInteractive.value,
+      disabled: effectiveDisabled.value,
+      readonly: props.readonly && !effectiveDisabled.value,
+      fieldGroup: fieldGroupOrientation.value
+    }
+  })
+);
+function emitFormValueChange() {
+  emitFormInput();
+  emitFormChange();
+}
 function calculateHalfStarValue(index, event) {
-  if (!allowHalf) return index + 1;
+  if (!props.allowHalf) return index + 1;
   const target = event.currentTarget;
   const rect = target.getBoundingClientRect();
   const posX = event.clientX - rect.left;
@@ -44,13 +75,10 @@ function calculateHalfStarValue(index, event) {
   return posX < halfWidth ? index + 0.5 : index + 1;
 }
 function updateValue(newValue) {
-  if (clearable && newValue === modelValue) {
-    emit("update:modelValue", 0);
-    emit("change", 0);
-    return;
-  }
-  emit("update:modelValue", newValue);
-  emit("change", newValue);
+  const finalValue = props.clearable && newValue === modelValue.value ? 0 : newValue;
+  modelValue.value = finalValue;
+  emits("change", finalValue);
+  emitFormValueChange();
 }
 function handleClick(index, event) {
   if (!isInteractive.value || !event) return;
@@ -61,40 +89,40 @@ function handleMouseEnter(index, event) {
   if (!isInteractive.value || !event) return;
   const hoverValue = calculateHalfStarValue(index, event);
   hoveredStar.value = hoverValue - 1;
-  emit("hover", hoverValue);
+  emits("hover", hoverValue);
 }
 function handleMouseMove(index, event) {
-  if (!isInteractive.value || !allowHalf) return;
+  if (!isInteractive.value || !props.allowHalf) return;
   const hoverValue = calculateHalfStarValue(index, event);
   const currentHover = hoveredStar.value !== null ? hoveredStar.value + 1 : null;
   if (currentHover !== hoverValue) {
     hoveredStar.value = hoverValue - 1;
-    emit("hover", hoverValue);
+    emits("hover", hoverValue);
   }
 }
 function handleMouseLeave() {
   if (!isInteractive.value) return;
   hoveredStar.value = null;
-  emit("hover", null);
+  emits("hover", null);
 }
 function handleKeyDown(event) {
   if (!isInteractive.value) return;
-  const step = allowHalf ? 0.5 : 1;
+  const step = props.allowHalf ? 0.5 : 1;
   switch (event.key) {
     case "ArrowRight":
     case "ArrowUp":
       event.preventDefault();
-      if (modelValue < max) {
-        updateValue(Math.min(modelValue + step, max));
-        focusedIndex.value = Math.min(Math.floor(modelValue + step), max - 1);
+      if (modelValue.value < props.max) {
+        updateValue(Math.min(modelValue.value + step, props.max));
+        focusedIndex.value = Math.min(Math.floor(modelValue.value + step), props.max - 1);
       }
       break;
     case "ArrowLeft":
     case "ArrowDown":
       event.preventDefault();
-      if (modelValue > 0) {
-        updateValue(Math.max(modelValue - step, 0));
-        focusedIndex.value = Math.max(Math.floor(modelValue - step) - 1, 0);
+      if (modelValue.value > 0) {
+        updateValue(Math.max(modelValue.value - step, 0));
+        focusedIndex.value = Math.max(Math.floor(modelValue.value - step) - 1, 0);
       }
       break;
     case "Home":
@@ -104,12 +132,12 @@ function handleKeyDown(event) {
       break;
     case "End":
       event.preventDefault();
-      updateValue(max);
-      focusedIndex.value = max - 1;
+      updateValue(props.max);
+      focusedIndex.value = props.max - 1;
       break;
     case "Backspace":
     case "Delete":
-      if (clearable) {
+      if (props.clearable) {
         event.preventDefault();
         updateValue(0);
         focusedIndex.value = 0;
@@ -118,7 +146,7 @@ function handleKeyDown(event) {
     default:
       if (event.key >= "0" && event.key <= "9") {
         const numValue = Number.parseInt(event.key);
-        if (numValue <= max) {
+        if (numValue <= props.max) {
           event.preventDefault();
           updateValue(numValue);
           focusedIndex.value = Math.max(numValue - 1, 0);
@@ -127,83 +155,84 @@ function handleKeyDown(event) {
   }
 }
 function getStarState(index) {
-  const displayValue = hoveredStar.value !== null ? hoveredStar.value + 1 : modelValue;
+  const displayValue = hoveredStar.value !== null ? hoveredStar.value + 1 : modelValue.value;
   if (index < Math.floor(displayValue)) {
     return "full";
   }
-  if (allowHalf && index === Math.floor(displayValue) && displayValue % 1 !== 0) {
+  if (props.allowHalf && index === Math.floor(displayValue) && displayValue % 1 !== 0) {
     return "half";
   }
   return "empty";
 }
 function getStarIcon(index) {
   const state = getStarState(index);
-  if (state === "full") return filledIcon;
-  if (state === "half") return halfIcon;
-  return emptyIcon;
+  if (state === "full") return props.filledIcon;
+  if (state === "half") return props.halfIcon;
+  return props.emptyIcon;
 }
 function getStarColor(index) {
   const state = getStarState(index);
-  return state !== "empty" ? color : "neutral";
+  return state !== "empty" ? effectiveColor.value : "neutral";
 }
-const badgeLabel = computed(() => `${modelValue}/${max}`);
+const badgeLabel = computed(() => `${modelValue.value}/${props.max}`);
 </script>
 
 <template>
   <div
-    class="inline-flex items-center gap-1"
+    :id="id"
+    :name="name"
+    :class="extendUi.root"
     role="slider"
-    :aria-label="`\u8BC4\u5206 ${modelValue} / ${max}`"
+    :aria-label="`\u8BC4\u5206 ${modelValue} / ${props.max}`"
     :aria-valuenow="modelValue"
     :aria-valuemin="0"
-    :aria-valuemax="max"
-    :aria-disabled="disabled"
-    :aria-readonly="readonly"
+    :aria-valuemax="props.max"
+    :aria-disabled="effectiveDisabled"
+    :aria-readonly="props.readonly"
     :tabindex="isInteractive ? 0 : -1"
+    v-bind="ariaAttrs"
+    @blur="emitFormBlur"
+    @focus="emitFormFocus"
     @keydown="handleKeyDown"
   >
-    <slot name="prefix" :value="modelValue" :max="max" />
-
-    <div class="flex items-center gap-0.5">
-      <UButton
-        v-for="index in max"
-        :key="index"
-        :icon="getStarIcon(index - 1)"
-        :color="getStarColor(index - 1)"
-        variant="ghost"
-        :size="size"
-        :disabled="disabled"
-        :aria-label="`${index} \u661F`"
-        :tabindex="-1"
-        v-bind="buttonProps"
-        class="transition-all duration-150"
-        :class="{
-  'cursor-pointer hover:scale-110': isInteractive,
-  'cursor-not-allowed opacity-50': disabled,
-  'cursor-default': readonly && !disabled
-}"
-        @click="handleClick(index - 1, $event)"
-        @mouseenter="handleMouseEnter(index - 1, $event)"
-        @mousemove="handleMouseMove(index - 1, $event)"
-        @mouseleave="handleMouseLeave"
-      />
-    </div>
+    <FieldGroupReset>
+      <slot name="prefix" :value="modelValue" :max="props.max" />
+      <div :class="extendUi.stars">
+        <UButton
+          v-for="index in props.max"
+          :key="index"
+          :icon="getStarIcon(index - 1)"
+          :color="getStarColor(index - 1)"
+          variant="ghost"
+          :size="effectiveSize"
+          :disabled="effectiveDisabled"
+          :aria-label="`${index} \u661F`"
+          :tabindex="-1"
+          v-bind="buttonProps"
+          :class="extendUi.star"
+          @click="handleClick(index - 1, $event)"
+          @mouseenter="handleMouseEnter(index - 1, $event)"
+          @mousemove="handleMouseMove(index - 1, $event)"
+          @mouseleave="handleMouseLeave"
+        />
+      </div>
 
-    <slot
-      name="badge"
-      :value="modelValue"
-      :max="max"
-      :label="badgeLabel"
-    >
-      <UBadge
-        v-if="showBadge && modelValue > 0"
+      <slot
+        name="badge"
+        :value="modelValue"
+        :max="props.max"
         :label="badgeLabel"
-        color="primary"
-        variant="subtle"
-        size="xs"
-      />
-    </slot>
+      >
+        <UBadge
+          v-if="showBadge && modelValue > 0"
+          :label="badgeLabel"
+          color="primary"
+          variant="subtle"
+          :size="effectiveSize"
+        />
+      </slot>
 
-    <slot name="suffix" :value="modelValue" :max="max" />
+      <slot name="suffix" :value="modelValue" :max="props.max" />
+    </FieldGroupReset>
   </div>
 </template>

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

@@ -1,104 +1,47 @@
-import type { ButtonProps } from '@nuxt/ui';
-export interface StarRatingProps {
-    /**
-     * 当前评分值
-     * @defaultValue 0
-     */
+import type { ComponentConfig } from '@nuxt/ui';
+import theme from '#build/movk-ui/star-rating';
+import type { AppConfig } from 'nuxt/schema';
+import type { StarRatingProps } from '../types/components/star-rating';
+type __VLS_Props = StarRatingProps & {
+    ui?: ComponentConfig<typeof theme, AppConfig, 'starRating'>['slots'];
+};
+type __VLS_ModelProps = {
     modelValue?: number;
-    /**
-     * 最大星级数
-     * @defaultValue 5
-     */
-    max?: number;
-    /**
-     * 是否禁用
-     * @defaultValue false
-     */
-    disabled?: boolean;
-    /**
-     * 是否只读
-     * @defaultValue false
-     */
-    readonly?: boolean;
-    /**
-     * 是否显示评分徽章
-     * @defaultValue true
-     */
-    showBadge?: boolean;
-    /**
-     * 自定义星星按钮属性
-     */
-    buttonProps?: Partial<ButtonProps>;
-    /**
-     * 未选中星星的图标
-     * @defaultValue 'i-lucide-star'
-     */
-    emptyIcon?: string;
-    /**
-     * 选中星星的图标
-     * @defaultValue 'i-lucide-star'
-     */
-    filledIcon?: string;
-    /**
-     * 半星图标
-     * @defaultValue 'i-lucide-star-half'
-     */
-    halfIcon?: string;
-    /**
-     * 选中星星的颜色
-     * @defaultValue 'warning'
-     */
-    color?: ButtonProps['color'];
-    /**
-     * 星星大小
-     * @defaultValue 'sm'
-     */
-    size?: ButtonProps['size'];
-    /**
-     * 是否允许半星
-     * @defaultValue false
-     */
-    allowHalf?: boolean;
-    /**
-     * 是否允许清除评分
-     * @defaultValue false
-     */
-    clearable?: boolean;
-}
-export interface StarRatingEmits {
-    'update:modelValue': [value: number];
-    /** 评分改变事件 */
-    'change': [value: number];
-    /** 悬停事件 */
-    'hover': [value: number | null];
-}
-declare var __VLS_1: {
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_7: {
     value: number;
     max: number;
-}, __VLS_13: {
+}, __VLS_19: {
     value: number;
     max: number;
     label: string;
-}, __VLS_20: {
+}, __VLS_26: {
     value: number;
     max: number;
 };
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_1) => any;
+    prefix?: (props: typeof __VLS_7) => any;
 } & {
-    badge?: (props: typeof __VLS_13) => any;
+    badge?: (props: typeof __VLS_19) => any;
 } & {
-    suffix?: (props: typeof __VLS_20) => any;
+    suffix?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<StarRatingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: number) => any;
     hover: (value: number | null) => any;
     "update:modelValue": (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<StarRatingProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: number) => any) | undefined;
     onHover?: ((value: number | null) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    max: number;
+    showBadge: boolean;
+    emptyIcon: import("@nuxt/ui").IconProps["name"];
+    filledIcon: import("@nuxt/ui").IconProps["name"];
+    halfIcon: import("@nuxt/ui").IconProps["name"];
+}, {}, {}, {}, 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/AsPhoneNumberInput.d.vue.ts

@@ -0,0 +1,32 @@
+import type { ComponentConfig, InputSlots, InputValue } from '@nuxt/ui';
+import type { OmitByKey } from '@movk/core';
+import theme from '#build/movk-ui/as-phone-number-input';
+import inputTheme from '#build/ui/input';
+import type { AsPhoneNumberInputProps } from '../../types/components/input/as-phone-number-input';
+import type { AppConfig } from 'nuxt/schema';
+declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(AsPhoneNumberInputProps<T> & {
+        ui?: ComponentConfig<typeof inputTheme & typeof theme, AppConfig, "asPhoneNumberInput">["slots"];
+    } & {
+        modelValue?: T;
+    }) & {
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: OmitByKey<InputSlots, "leading">;
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)) & ((event: "update:modelValue", value: T | undefined) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,48 @@
+<script setup>
+import { UInput } from "#components";
+import { vMaska } from "maska/vue";
+import { useAppConfig } from "#imports";
+import theme from "#build/movk-ui/as-phone-number-input";
+import inputTheme from "#build/ui/input";
+import { useExtendedTv } from "../../utils/extend-theme";
+import { useForwardedProps } from "../../utils/form-control";
+const props = defineProps({
+  mask: { type: String, required: false, default: "(###) ###-####" },
+  dialCode: { type: String, required: false, default: "+86" },
+  ui: { type: Object, required: false }
+});
+const modelValue = defineModel({ type: null });
+const emits = defineEmits(["update:modelValue", "blur", "change"]);
+const slots = defineSlots();
+defineOptions({ inheritAttrs: false });
+const appConfig = useAppConfig();
+const inputProps = useForwardedProps(props, ["ui", "mask", "dialCode", "placeholder", "defaultValue", "modelModifiers"]);
+const { baseUi, extraUi } = useExtendedTv(
+  inputTheme,
+  theme,
+  () => appConfig.movk?.asPhoneNumberInput,
+  () => ({ ui: props.ui, variants: { dialCode: !!props.dialCode } })
+);
+</script>
+
+<template>
+  <UInput
+    v-model="modelValue"
+    v-maska="props.mask"
+    type="tel"
+    :placeholder="props.placeholder ?? props.mask.replaceAll('#', '_')"
+    :style="props.dialCode ? { '--dial-code-length': `${props.dialCode.length + 1.5}ch` } : void 0"
+    :ui="baseUi"
+    v-bind="{ ...inputProps, ...$attrs }"
+    @blur="emits('blur', $event)"
+    @change="emits('change', $event)"
+  >
+    <template v-for="(_, slotName) in slots" :key="slotName" #[slotName]="slotProps">
+      <slot :name="slotName" v-bind="slotProps ?? {}" />
+    </template>
+
+    <template v-if="props.dialCode" #leading>
+      <span :class="extraUi.dialCode">{{ props.dialCode }}</span>
+    </template>
+  </UInput>
+</template>

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

@@ -0,0 +1,32 @@
+import type { ComponentConfig, InputSlots, InputValue } from '@nuxt/ui';
+import type { OmitByKey } from '@movk/core';
+import theme from '#build/movk-ui/as-phone-number-input';
+import inputTheme from '#build/ui/input';
+import type { AsPhoneNumberInputProps } from '../../types/components/input/as-phone-number-input';
+import type { AppConfig } from 'nuxt/schema';
+declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(AsPhoneNumberInputProps<T> & {
+        ui?: ComponentConfig<typeof inputTheme & typeof theme, AppConfig, "asPhoneNumberInput">["slots"];
+    } & {
+        modelValue?: T;
+    }) & {
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((event: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: OmitByKey<InputSlots, "leading">;
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)) & ((event: "update:modelValue", value: T | undefined) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -1,19 +1,25 @@
-import type { InputProps, InputValue } from '@nuxt/ui';
-import type { WithCharacterLimitProps } from '../../types/components.js';
+import type { ComponentConfig, InputSlots, InputValue } from '@nuxt/ui';
+import type { OmitByKey } from '@movk/core';
+import theme from '#build/movk-ui/with-character-limit';
+import inputTheme from '#build/ui/input';
+import type { WithCharacterLimitProps } from '../../types/components/input/with-character-limit';
+import type { AppConfig } from 'nuxt/schema';
 declare const __VLS_export: <T extends InputValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCharacterLimitProps<import("@nuxt/ui/.").AcceptableValue> & {
-        modelValue?: InputProps["modelValue"];
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(WithCharacterLimitProps<T> & {
+        ui?: ComponentConfig<typeof inputTheme & typeof theme, AppConfig, "withCharacterLimit">["slots"];
+    } & {
+        modelValue?: T;
     }) & {
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((event: Event) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: import("@nuxt/ui/.").AcceptableValue | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: import("@movk/core").OmitByKey<import("@nuxt/ui/.").InputSlots, "trailing">;
-    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue) => void)) & ((evt: "update:modelValue", value: import("@nuxt/ui/.").AcceptableValue | undefined) => void);
+    slots: OmitByKey<InputSlots, "trailing">;
+    emit: (((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void)) & ((event: "update:modelValue", value: T | undefined) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };