pukaad-ui-lib 1.39.0 → 1.41.0

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

@@ -1,28 +1,11 @@
-interface Province {
-    code: number;
-    name_th: string;
-    name_en: string;
-}
-interface District {
-    code: number;
-    name_th: string;
-    name_en: string;
-    province_code: number;
-}
-interface SubDistrict {
-    code: number;
-    name_th: string;
-    name_en: string;
-    district_code: number;
-    zip_code: number;
-}
+import { type Province, type Amphur, type Tambon } from "@/runtime/composables/useThaiAddress";
 export interface InputAddressValue {
-    province?: Province;
-    district?: District;
-    subDistrict?: SubDistrict;
-    zipCode?: number;
-    detail?: string;
-    fullAddress?: string;
+    province_id?: number;
+    amphur_id?: number;
+    tambon_id?: number;
+    zipcode?: number;
+    detail_address?: string;
+    full_address?: string;
 }
 export interface InputAddressProps {
     name?: string;
@@ -33,9 +16,7 @@ export interface InputAddressProps {
     required?: boolean;
     requiredDetail?: boolean;
     rules?: object | string | Function;
-    provinces?: Province[];
-    districts?: District[];
-    subDistricts?: SubDistrict[];
+    gap?: string;
 }
 type __VLS_Props = InputAddressProps;
 type __VLS_ModelProps = {
@@ -46,28 +27,29 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     validate: () => Promise<boolean>;
     setErrors: (errMsg: string[]) => void;
     reset: () => void;
-    addressFieldRef: import("vue").Ref<any, any>;
+    comboboxRef: import("vue").Ref<any, any>;
     detailFieldRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: InputAddressValue) => any;
 } & {
     change: (value: InputAddressValue) => any;
     selectProvince: (province: Province) => any;
-    selectDistrict: (district: District) => any;
-    selectSubDistrict: (subDistrict: SubDistrict) => any;
+    selectDistrict: (district: Amphur) => any;
+    selectSubDistrict: (subDistrict: Tambon) => any;
     selectZipCode: (zipCode: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: InputAddressValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: InputAddressValue) => any) | undefined;
     onSelectProvince?: ((province: Province) => any) | undefined;
-    onSelectDistrict?: ((district: District) => any) | undefined;
-    onSelectSubDistrict?: ((subDistrict: SubDistrict) => any) | undefined;
+    onSelectDistrict?: ((district: Amphur) => any) | undefined;
+    onSelectSubDistrict?: ((subDistrict: Tambon) => any) | undefined;
     onSelectZipCode?: ((zipCode: number) => any) | undefined;
 }>, {
     label: string;
     required: boolean;
     name: string;
     placeholder: string;
+    gap: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;

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

@@ -14,7 +14,7 @@
         :disabled-error-message="props.disabledErrorMessage"
         autocomplete="off"
         @focus="open = true"
-        @click="console.log('click')"
+        @click="open = true"
         @blur="handleBlur"
         :show-counter="props.showCounter"
         :limit="props.limit"
@@ -24,7 +24,7 @@
             @mousedown.stop.prevent="handleIconMouseDown"
             :name="modelValue ? 'lucide:x' : 'lucide:search'"
             size="16"
-            class="cursor-pointer"
+            class="cursor-pointer text-black"
           />
         </template>
       </InputTextField>

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

@@ -19,19 +19,26 @@ type __VLS_ModelProps = {
     modelValue?: string | string[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_21: {}, __VLS_81: {};
+declare var __VLS_25: {}, __VLS_44: {
+    close: () => boolean;
+}, __VLS_69: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_21) => any;
+    label?: (props: typeof __VLS_25) => any;
 } & {
-    options?: (props: typeof __VLS_81) => any;
+    'popover-content'?: (props: typeof __VLS_44) => any;
+} & {
+    options?: (props: typeof __VLS_69) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    validate: () => Promise<any>;
     setErrors: (errMsg: string[]) => void;
-    fieldRef: import("vue").Ref<any, any>;
+    validate: () => Promise<any>;
+    inputTextFieldRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | string[]) => any;
+} & {
+    clear: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
 }>, {
     name: string;

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

@@ -1,101 +1,90 @@
 <template>
-  <ShadFormField
-    ref="fieldRef"
-    :name="props.name"
-    :rules="props.rules || defaultRules"
-    v-slot="{ componentField }"
-    v-model="modelValue"
-  >
-    <ShadFormItem>
-      <ShadFormLabel v-if="$slots.label || props.label" class="w-full">
-        <slot name="label">
-          <div
-            :class="[
+  <ShadPopover v-model:open="popoverOpen">
+    <ShadPopoverAnchor as-child>
+      <InputTextField
+        ref="inputTextFieldRef"
+        v-model="displayText"
+        :name="props.name"
+        :label="props.label"
+        :rules="computedRules"
+        :required="props.required"
+        :disabled-border="props.disabledBorder"
+        :placeholder="props.placeholder"
+        readonly
+        class="cursor-pointer"
+        @click="handleInputClick"
+      >
+        <template #label>
+          <slot name="label">
+            <div
+              :class="[
   'flex-1',
   props.disabledBorder && 'font-body-small-prominent'
 ]"
-          >
-            {{ props.label }}
-            <span v-if="props.required" class="text-destructive">*</span>
-          </div>
-        </slot>
-        <div
-          v-if="props.showCounter"
-          :class="[props.disabledBorder && 'font-body-small']"
-        >
+            >
+              {{ props.label }}
+              <span v-if="props.required" class="text-destructive">*</span>
+            </div>
+          </slot>
           <div
-            v-if="props.limit > 0"
-            :class="[
-  (props.multiple ? modelValue.length : modelValue.length) > props.limit && 'text-destructive'
-]"
+            v-if="props.showCounter && props.limit > 0"
+            :class="[props.disabledBorder && 'font-body-small']"
           >
-            {{
-              props.multiple ? modelValue.length : modelValue.length
-            }}/{{ props.limit }}
+            <div :class="[selectedCount > props.limit && 'text-destructive']">
+              {{ selectedCount }}/{{ props.limit }}
+            </div>
           </div>
-        </div>
-      </ShadFormLabel>
-      <ShadPopover v-bind="componentField">
-        <ShadPopoverTrigger as-child>
-          <ShadFormControl>
-            <ShadButton
-              variant="outline"
-              role="combobox"
-              class="w-full justify-between text-start"
-            >
-              <span
-                :class="{
-  'text-cloud': props.placeholder && isShowingPlaceholder
-}"
-              >
-                {{ displayValue }}
-              </span>
-              <Icon name="lucide:chevron-down" class="h-4 w-4" />
-            </ShadButton>
-          </ShadFormControl>
-        </ShadPopoverTrigger>
-        <ShadPopoverContent>
-          <ShadCommand>
-            <ShadCommandInput />
-            <ShadCommandList>
-              <ShadCommandGroup v-if="options && options.length > 0">
-                <slot name="options">
-                  <ShadCommandItem
-                    v-for="option in options"
-                    :key="option.value"
-                    :value="option.value"
-                    :disabled="isOptionDisabled(option.value)"
-                    :class="[
+        </template>
+        <template #append>
+          <Icon
+            @mousedown.stop.prevent="handleIconClick"
+            @click.stop.prevent
+            :name="hasSelection ? 'lucide:x' : 'lucide:chevron-down'"
+            size="16"
+            class="cursor-pointer text-black"
+          />
+        </template>
+      </InputTextField>
+    </ShadPopoverAnchor>
+    <ShadPopoverContent @openAutoFocus.prevent>
+      <slot name="popover-content" :close="() => popoverOpen = false">
+        <ShadCommand>
+          <ShadCommandInput />
+          <ShadCommandList>
+            <ShadCommandGroup v-if="options && options.length > 0">
+              <slot name="options">
+                <ShadCommandItem
+                  v-for="option in options"
+                  :key="option.value"
+                  :value="option.value"
+                  :disabled="isOptionDisabled(option.value)"
+                  :class="[
   isOptionDisabled(option.value) && 'cursor-not-allowed'
 ]"
-                    @click="() => handleSelect(option.value)"
-                  >
-                    <ShadCheckbox
-                      v-if="props.multiple"
-                      :model-value="isSelected(option.value)"
-                      :disabled="isOptionDisabled(option.value)"
-                      class="mr-2 pointer-events-none"
-                    />
+                  @click="() => handleSelect(option.value)"
+                >
+                  <ShadCheckbox
+                    v-if="props.multiple"
+                    :model-value="isSelected(option.value)"
+                    :disabled="isOptionDisabled(option.value)"
+                    class="mr-2 pointer-events-none"
+                  />
 
-                    {{ option.label }}
-                    <Icon
-                      v-if="!props.multiple && isSelected(option.value)"
-                      name="lucide:check"
-                      class="ml-auto h-4 w-4"
-                    />
-                  </ShadCommandItem>
-                </slot>
-              </ShadCommandGroup>
-              <ShadCommandEmpty
-                :force-show="!options || options.length === 0"
-              />
-            </ShadCommandList>
-          </ShadCommand>
-        </ShadPopoverContent>
-      </ShadPopover>
-      <ShadFormMessage />
-    </ShadFormItem>
-  </ShadFormField>
+                  {{ option.label }}
+                  <Icon
+                    v-if="!props.multiple && isSelected(option.value)"
+                    name="lucide:check"
+                    class="ml-auto h-4 w-4"
+                  />
+                </ShadCommandItem>
+              </slot>
+            </ShadCommandGroup>
+            <ShadCommandEmpty :force-show="!options || options.length === 0" />
+          </ShadCommandList>
+        </ShadCommand>
+      </slot>
+    </ShadPopoverContent>
+  </ShadPopover>
 </template>
 
 <script setup>
@@ -112,53 +101,90 @@ const props = defineProps({
   options: { type: Array, required: false },
   multiple: { type: Boolean, required: false, default: false }
 });
+const emits = defineEmits(["clear"]);
 const modelValue = defineModel({ type: [String, Array], ...{
   default: () => ""
 } });
 const popoverOpen = ref(false);
-const fieldRef = ref();
-const defaultRules = (v) => {
-  return true;
-};
-onMounted(() => {
-  if (props.multiple && modelValue.value === "") {
-    modelValue.value = [];
+const inputTextFieldRef = ref();
+const displayText = ref("");
+const updateDisplayText = () => {
+  if (!props.options || props.options.length === 0) {
+    displayText.value = props.multiple ? modelValue.value.join(", ") : modelValue.value || "";
+    return;
   }
-});
-const displayValue = computed(() => {
   if (props.multiple) {
     const selectedValues = modelValue.value;
     if (!selectedValues || selectedValues.length === 0) {
-      return props.placeholder || "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+      displayText.value = "";
+      return;
     }
     const selectedLabels = selectedValues.map((val) => props.options?.find((opt) => opt.value === val)?.label).filter(Boolean);
-    return selectedLabels.length > 0 ? selectedLabels.join(", ") : props.placeholder || "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+    displayText.value = selectedLabels.length > 0 ? selectedLabels.join(", ") : "";
   } else {
     const selectedOption = props.options?.find(
       (opt) => opt.value === modelValue.value
     );
-    return selectedOption?.label || props.placeholder || "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23";
+    displayText.value = selectedOption?.label || "";
   }
+};
+watch([modelValue, () => props.options], updateDisplayText, {
+  immediate: true,
+  deep: true
 });
-const isShowingPlaceholder = computed(() => {
-  if (props.multiple) {
-    const selectedValues = modelValue.value;
-    return !selectedValues || selectedValues.length === 0;
-  } else {
-    const selectedOption = props.options?.find(
-      (opt) => opt.value === modelValue.value
-    );
-    return !selectedOption;
+const computedRules = computed(() => {
+  if (props.rules) return props.rules;
+  return () => {
+    if (props.required) {
+      if (props.multiple) {
+        const values = modelValue.value;
+        return values && values.length > 0 || `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E40\u0E25\u0E37\u0E2D\u0E01 ${props.label || "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"}`;
+      } else {
+        return !!modelValue.value || `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E40\u0E25\u0E37\u0E2D\u0E01 ${props.label || "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"}`;
+      }
+    }
+    return true;
+  };
+});
+onMounted(() => {
+  if (props.multiple && modelValue.value === "") {
+    modelValue.value = [];
   }
 });
 const isLimitReached = computed(() => {
   if (!props.multiple || props.limit <= 0) return false;
   return modelValue.value.length >= props.limit;
 });
+const selectedCount = computed(() => {
+  if (props.multiple) {
+    return modelValue.value.length;
+  }
+  return modelValue.value ? 1 : 0;
+});
+const hasSelection = computed(() => {
+  if (props.multiple) {
+    return modelValue.value.length > 0;
+  }
+  return !!modelValue.value;
+});
+const handleInputClick = () => {
+  popoverOpen.value = true;
+};
+const handleIconClick = () => {
+  if (hasSelection.value) {
+    if (props.multiple) {
+      modelValue.value = [];
+    } else {
+      modelValue.value = "";
+    }
+    displayText.value = "";
+    emits("clear");
+  }
+  popoverOpen.value = true;
+};
 const isSelected = (value) => {
   if (props.multiple) {
-    const result = modelValue.value.includes(value);
-    return result;
+    return modelValue.value.includes(value);
   } else {
     return modelValue.value === value;
   }
@@ -189,19 +215,15 @@ const handleSelect = (value) => {
     popoverOpen.value = false;
   }
 };
-const validate = async () => {
-  if (fieldRef.value) {
-    const result = await fieldRef.value.validate();
-    return result.valid;
-  }
-  return true;
-};
 const setErrors = (errMsg) => {
-  fieldRef.value?.setErrors(errMsg);
+  inputTextFieldRef.value?.setErrors(errMsg);
+};
+const validate = async () => {
+  return await inputTextFieldRef.value?.validate?.();
 };
 defineExpose({
-  validate,
   setErrors,
-  fieldRef
+  validate,
+  inputTextFieldRef
 });
 </script>

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

@@ -19,19 +19,26 @@ type __VLS_ModelProps = {
     modelValue?: string | string[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_21: {}, __VLS_81: {};
+declare var __VLS_25: {}, __VLS_44: {
+    close: () => boolean;
+}, __VLS_69: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_21) => any;
+    label?: (props: typeof __VLS_25) => any;
 } & {
-    options?: (props: typeof __VLS_81) => any;
+    'popover-content'?: (props: typeof __VLS_44) => any;
+} & {
+    options?: (props: typeof __VLS_69) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
-    validate: () => Promise<any>;
     setErrors: (errMsg: string[]) => void;
-    fieldRef: import("vue").Ref<any, any>;
+    validate: () => Promise<any>;
+    inputTextFieldRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | string[]) => any;
+} & {
+    clear: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
 }>, {
     name: string;

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     color: InputSliderColor;
     fullWidth: boolean;
     label: string;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -33,6 +33,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     setErrors: (errMsg: string[]) => void;
+    validate: () => Promise<any>;
+    fieldRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 } & {
@@ -55,10 +57,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     disabled: boolean;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -34,7 +34,8 @@
 
       <ShadInputGroup
         :class="[
-  props.disabledBorder && 'border-0 ring-0 focus-within:border-0 focus-within:ring-0'
+  'bg-white',
+  props.disabledBorder && 'border-0 ring-0 focus-within:border-0 focus-within:ring-0 '
 ]"
       >
         <ShadFormControl>
@@ -129,7 +130,12 @@ const defaultRules = (v) => {
 const setErrors = (errMsg) => {
   fieldRef.value?.setErrors(errMsg);
 };
+const validate = async () => {
+  return await fieldRef.value?.validate?.();
+};
 defineExpose({
-  setErrors
+  setErrors,
+  validate,
+  fieldRef
 });
 </script>

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

@@ -33,6 +33,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     setErrors: (errMsg: string[]) => void;
+    validate: () => Promise<any>;
+    fieldRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 } & {
@@ -55,10 +57,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     disabled: boolean;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -45,10 +45,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     disabled: boolean;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    readonly: boolean;
     resize: "none" | "both" | "horizontal" | "vertical";
     rows: number;
     heightScroll: boolean;

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

@@ -45,10 +45,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     disabled: boolean;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
+    readonly: boolean;
     resize: "none" | "both" | "horizontal" | "vertical";
     rows: number;
     heightScroll: boolean;

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

@@ -1,10 +1,8 @@
 export interface LoadingProps {
-    isLoading?: boolean;
-    text?: string;
+    loading?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
-    text: string;
-    isLoading: boolean;
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;