pukaad-ui-lib 1.0.1

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

@@ -0,0 +1,57 @@
+<template>
+  <ShadFormField
+    :name="props.name"
+    :rules="rules"
+    v-slot="{ componentField }"
+    v-model="tokenValue"
+  >
+    <ShadFormItem>
+      <ShadFormControl>
+        <input v-bind="componentField" class="hidden" />
+        <RecaptchaV2
+          language="th"
+          @widget-id="handleWidgetId"
+          @load-callback="onVerify"
+          @expired-callback="onExpired"
+        />
+        <ShadFormMessage> asd </ShadFormMessage>
+      </ShadFormControl>
+    </ShadFormItem>
+  </ShadFormField>
+</template>
+
+<script setup>
+import { ref } from "vue";
+import { RecaptchaV2, useRecaptcha } from "vue3-recaptcha-v2";
+const { handleReset } = useRecaptcha();
+const emit = defineEmits(["verify"]);
+const props = defineProps({
+  name: { type: String, required: false, default: "" }
+});
+const tokenValue = defineModel({ type: null, ...{
+  default: null
+} });
+const widgetId = ref();
+const onVerify = (token) => {
+  const t = token;
+  tokenValue.value = t;
+  emit("verify", t);
+};
+const onExpired = () => {
+  tokenValue.value = null;
+};
+const rules = () => {
+  if (!tokenValue.value) return "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E15\u0E31\u0E27\u0E15\u0E19";
+  return true;
+};
+const handleWidgetId = (id) => {
+  widgetId.value = id;
+};
+const reset = () => {
+  tokenValue.value = null;
+  handleReset(widgetId.value ?? 0);
+};
+defineExpose({
+  reset
+});
+</script>

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

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    name?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: unknown | string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+} & {
+    verify: (token: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    onVerify?: ((token: string) => any) | undefined;
+}>, {
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,69 @@
+<template>
+  <div>asda</div>
+</template>
+<!-- <template>
+  <InputTextField
+    :prepend-icon="
+      !props.disabledIcon && iconPosition == 'left' ? props.icon : ''
+    "
+    :append-icon="
+      !props.disabledIcon && iconPosition == 'right' ? props.icon : ''
+    "
+    :full-rounded="props.fullRounded"
+    :full-width="props.fullWidth"
+    :placeholder="props.placeholder"
+    :height="props.height"
+    :width="props.width"
+    :max-width="props.maxWidth"
+    :min-width="props.minWidth"
+    :color="props.color"
+    :reset="props.reset"
+    :disabled="props.disabled"
+    @enter="onEnter"
+    @click-append-icon="onClick"
+    v-model="modelValue"
+  >
+    <template #prepend>
+      <slot name="prepend" />
+    </template>
+    <template #append>
+      <slot name="append" />
+    </template>
+  </InputTextField>
+</template>
+<script setup lang="ts">
+import type { InputSearchProps } from "@/types/components/input/input-search";
+
+const emit = defineEmits<{
+  (e: "enter"): void;
+  (e: "click"): void;
+  (e: "search", value: string): void;
+}>();
+
+const props = withDefaults(defineProps<InputSearchProps>(), {
+  placeholder: "ค้นหา",
+  color: "default",
+  icon: "streamline:magnifying-glass-solid",
+  iconPosition: "right",
+  disabled: false,
+  disabledIcon: false,
+});
+
+const modelValue = defineModel<string>({
+  default: "",
+});
+
+const onEnter = () => {
+  onSearch();
+  emit("enter");
+};
+
+const onClick = () => {
+  onSearch();
+  emit("click");
+};
+
+const onSearch = () => {
+  emit("search", modelValue.value);
+};
+</script> -->

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-select-tag.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/input/input-select-tag.vue

@@ -0,0 +1,57 @@
+<template>
+  <!-- <InputTextField
+    :name="props.name"
+    :label="props.label"
+    :placeholder="props.placeholder"
+    :full-width="props.fullWidth"
+    :width="props.width"
+    :height="props.height"
+    :required="props.required"
+    :disabled="props.disabled"
+    :readonly="props.readonly"
+    :append-icon="props.appendIcon"
+    @click="isOpenModal = true"
+    @clickAppendIcon="isOpenModal = true"
+    @reset="isOpenModal = true"
+    reset
+    v-model="selectedTag"
+  />
+  <Modal
+    v-model="isOpenModal"
+    title="แท็กที่เกี่ยวข้อง"
+    :gap="16"
+    :width="604"
+    :height="670"
+  >
+    <div class="space-y-[16px]">
+      <InputSearch v-model="search" placeholder="ค้นหาแท็ก" full-width />
+      <Divider :height="0" />
+      <div
+        v-if="filteredTags.length > 0"
+        class="flex flex-wrap gap-[8px] h-[526px] overflow-y-auto"
+      >
+        <Chip
+          v-for="tag in filteredTags"
+          :key="tag"
+          size="small"
+          :color="selectedTag === tag ? 'primary' : 'default'"
+          class="cursor-pointer"
+          @click="onSelectTag(tag)"
+        >
+          {{ tag }}
+        </Chip>
+      </div>
+      <div
+        v-else
+        class="flex flex-col gap-[8px] items-center justify-center h-[526px]"
+      >
+        <Icon name="pukaad:page-not-found" size="100" />
+        <div class="text-gray font-body-large">ไม่พบข้อมูล</div>
+      </div>
+    </div>
+  </Modal> -->
+</template>
+
+<script setup>
+
+</script>

package/dist/runtime/components/input/input-select-tag.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,49 @@
+import { type HTMLAttributes } from "vue";
+interface InputSelectOption {
+    label: string;
+    value: string;
+}
+interface InputSelectProps {
+    id?: string;
+    name?: string;
+    class?: HTMLAttributes["class"];
+    placeholder?: string;
+    rules?: object | string | Function;
+    label?: string;
+    description?: string;
+    disabledErrorMessage?: boolean;
+    required?: boolean;
+    disabledBorder?: boolean;
+    options?: InputSelectOption[];
+}
+type __VLS_Props = InputSelectProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errMsg: string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    required: boolean;
+    id: string;
+    name: string;
+    description: string;
+    disabledBorder: boolean;
+    disabledErrorMessage: boolean;
+}, {}, {}, {}, 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-select.vue

@@ -0,0 +1,80 @@
+<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="[
+  'flex-1',
+  props.disabledBorder && 'font-body-small-prominent'
+]"
+          >
+            {{ props.label }}
+            <span v-if="props.required" class="text-destructive">*</span>
+          </div>
+        </slot>
+      </ShadFormLabel>
+
+      <ShadSelect v-bind="componentField">
+        <ShadFormControl>
+          <ShadSelectTrigger :class="props.class">
+            <ShadSelectValue :placeholder="props.placeholder" />
+          </ShadSelectTrigger>
+        </ShadFormControl>
+        <ShadSelectContent>
+          <ShadSelectItem
+            v-for="option in props.options"
+            :key="option.value"
+            :value="option.value"
+          >
+            {{ option.label }}
+          </ShadSelectItem>
+        </ShadSelectContent>
+      </ShadSelect>
+
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+      <ShadFormMessage v-if="!props.disabledErrorMessage" />
+    </ShadFormItem>
+  </ShadFormField>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const props = defineProps({
+  id: { type: String, required: false, default: "input-select" },
+  name: { type: String, required: false, default: "input-select" },
+  class: { type: null, required: false },
+  placeholder: { type: String, required: false },
+  rules: { type: [Object, String, Function], required: false },
+  label: { type: String, required: false },
+  description: { type: String, required: false, default: "" },
+  disabledErrorMessage: { type: Boolean, required: false, default: false },
+  required: { type: Boolean, required: false, default: false },
+  disabledBorder: { type: Boolean, required: false, default: false },
+  options: { type: Array, required: false }
+});
+const modelValue = defineModel({ type: [String, Number], ...{
+  default: ""
+} });
+const fieldRef = ref();
+const defaultRules = (v) => {
+  if (!v && props.required) {
+    return `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 ${props.label}`;
+  }
+  return true;
+};
+const setErrors = (errMsg) => {
+  fieldRef.value?.setErrors(errMsg);
+};
+defineExpose({
+  setErrors
+});
+</script>

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

@@ -0,0 +1,49 @@
+import { type HTMLAttributes } from "vue";
+interface InputSelectOption {
+    label: string;
+    value: string;
+}
+interface InputSelectProps {
+    id?: string;
+    name?: string;
+    class?: HTMLAttributes["class"];
+    placeholder?: string;
+    rules?: object | string | Function;
+    label?: string;
+    description?: string;
+    disabledErrorMessage?: boolean;
+    required?: boolean;
+    disabledBorder?: boolean;
+    options?: InputSelectOption[];
+}
+type __VLS_Props = InputSelectProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    setErrors: (errMsg: string[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    required: boolean;
+    id: string;
+    name: string;
+    description: string;
+    disabledBorder: boolean;
+    disabledErrorMessage: boolean;
+}, {}, {}, {}, 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-slider.d.vue.ts

@@ -0,0 +1,24 @@
+import type { InputSliderProps, InputSliderColor } from "@/types/components/input/input-slider";
+type __VLS_Props = InputSliderProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {
+    color: InputSliderColor;
+    fullWidth: boolean;
+    label: string;
+    step: number;
+    min: number;
+    max: number;
+    lineHeight: number | string;
+    appearance: boolean;
+    thumbSize: number | string;
+    thumbBorder: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,81 @@
+<template>
+  <div
+    class="inline-flex flex-col gap-[4px]"
+    :style="{
+  width: props.fullWidth ? '100%' : `${props.width}px`
+}"
+  >
+    <label v-if="props.label" class="font-body-large-prominent text-gray">
+      {{ props.label }}
+    </label>
+
+    <input
+      ref="inputRef"
+      :class="[
+  'slider w-full bg-mercury rounded-[8px]',
+  !props.appearance ? 'appearance-none' : '',
+  color
+]"
+      type="range"
+      :min="props.min"
+      :max="props.max"
+      :step="props.step"
+      :style="{
+  height: `${props.lineHeight}px`,
+  '--thumb-size': `${props.thumbSize}px`,
+  '--color-color': color,
+  '--thumb-border': `${props.thumbBorder}px`
+}"
+      v-model="modelValue"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch } from "vue";
+const props = defineProps({
+  label: { type: String, required: false, default: "" },
+  min: { type: Number, required: false, default: 0 },
+  max: { type: Number, required: false, default: 100 },
+  step: { type: Number, required: false, default: 1 },
+  color: { type: String, required: false, default: "default" },
+  fullWidth: { type: Boolean, required: false, default: false },
+  width: { type: [Number, String], required: false },
+  lineHeight: { type: [Number, String], required: false, default: 4 },
+  appearance: { type: Boolean, required: false, default: false },
+  thumbSize: { type: [Number, String], required: false, default: 12 },
+  thumbBorder: { type: [Number, String], required: false, default: 2 }
+});
+const inputRef = ref(null);
+const modelValue = defineModel({ type: [String, Number] });
+const color = computed(() => {
+  if (props.appearance) {
+    const appearanceColors = {
+      default: "accent-gray",
+      primary: "accent-primary",
+      success: "accent-success",
+      error: "accent-error"
+    };
+    return appearanceColors[props.color];
+  } else {
+    const noneAppearanceColors = {
+      default: "var(--color-gray)",
+      primary: "var(--color-primary)",
+      success: "var(--color-success)",
+      error: "var(--color-error)"
+    };
+    return noneAppearanceColors[props.color];
+  }
+});
+watch(
+  modelValue,
+  (v) => {
+    modelValue.value = Number(v);
+  },
+  { immediate: true }
+);
+</script>
+
+<style scoped>
+.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--color-white);border:var(--thumb-border) solid var(--color-color);border-radius:50%;cursor:pointer;height:var(--thumb-size);width:var(--thumb-size)}.slider::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-white);border:var(--thumb-border) solid var(--color-color);border-radius:50%;cursor:pointer;height:var(--thumb-size);width:var(--thumb-size)}
+</style>

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

@@ -0,0 +1,24 @@
+import type { InputSliderProps, InputSliderColor } from "@/types/components/input/input-slider";
+type __VLS_Props = InputSliderProps;
+type __VLS_ModelProps = {
+    modelValue?: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {
+    color: InputSliderColor;
+    fullWidth: boolean;
+    label: string;
+    step: number;
+    min: number;
+    max: number;
+    lineHeight: number | string;
+    appearance: boolean;
+    thumbSize: number | string;
+    thumbBorder: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,20 @@
+import type { InputSwitchProps, InputSwitchColor } from "@/types/components/input/input-switch";
+type __VLS_Props = InputSwitchProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: InputSwitchColor;
+    readonly: boolean;
+    labelPosition: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,55 @@
+<template>
+  <div class="inline-flex items-center">
+    <label class="flex gap-[8px] items-center font-body-large">
+      <div
+        class="relative inline-block w-[43px] h-[24px] cursor-pointer"
+        @click="onClick"
+      >
+        <input
+          type="checkbox"
+          class="sr-only peer"
+          disabled
+          v-model="modelValue"
+        />
+        <div
+          :class="['absolute inset-0 bg-cloud rounded-full transition', color]"
+        ></div>
+        <div
+          class="absolute left-[3px] top-[3px] w-[18px] h-[18px] bg-white rounded-full transition peer-checked:translate-x-[19px]"
+        ></div>
+      </div>
+
+      <div v-if="props.labelPosition == 'right'">
+        {{ props.label }}
+      </div>
+    </label>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+const emit = defineEmits(["click"]);
+const props = defineProps({
+  label: { type: String, required: false },
+  labelPosition: { type: String, required: false, default: "right" },
+  color: { type: String, required: false, default: "primary" },
+  readonly: { type: Boolean, required: false, default: false }
+});
+const modelValue = defineModel({ type: Boolean, ...{
+  default: false
+} });
+const color = computed(() => {
+  const colors = {
+    primary: "peer-checked:bg-primary",
+    success: "peer-checked:bg-success",
+    error: "peer-checked:bg-error"
+  };
+  return colors[props.color];
+});
+const onClick = () => {
+  if (!props.readonly) {
+    modelValue.value = !modelValue.value;
+  }
+  emit("click");
+};
+</script>

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

@@ -0,0 +1,20 @@
+import type { InputSwitchProps, InputSwitchColor } from "@/types/components/input/input-switch";
+type __VLS_Props = InputSwitchProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    color: InputSwitchColor;
+    readonly: boolean;
+    labelPosition: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;