pukaad-ui-lib 1.19.0 → 1.22.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.19.0",
+  "version": "1.22.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/collapse/collapse-multiple.d.vue.ts

@@ -4,6 +4,7 @@ interface TypeItem {
 }
 type __VLS_Props = {
     items?: TypeItem[];
+    divider?: boolean;
 };
 declare var __VLS_6: {
     label: string;
@@ -23,6 +24,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     items: TypeItem[];
+    divider: 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/collapse/collapse-multiple.vue

@@ -22,17 +22,29 @@
           </div>
         </div>
         <div class="flex flex-col w-full mb-[16px]">
-          <div :ref="(el) => {
-  labelRef[i_item] = el;
-}">
-            <slot name="title" :label="item.label" :item="item" />
+          <div
+            :ref="
+  (el) => {
+    labelRef[i_item] = el;
+  }
+"
+          >
+            <div :class="divider ? 'border-b border-silver w-full' : 'w-full'">
+              <slot name="title" :label="item.label" :item="item" />
+            </div>
           </div>
           <div
             v-if="arrShow.includes(i_item)"
-            class="flex flex-col gap-[16px] mt-[16px] pl-[32px]"
+            class="flex flex-col gap-[16px] mt-[16px]"
           >
             <slot name="children" :items="item.children">
-              <div v-for="(cill, i_child) in item.children" :key="i_child">
+              <div
+                v-for="(cill, i_child) in item.children"
+                :key="i_child"
+                :class="
+  divider ? 'border-b border-silver pl-[24px]' : 'pl-[24px]'
+"
+              >
                 <slot name="children-item" :label="cill.label" :item="cill" />
               </div>
             </slot>
@@ -46,7 +58,8 @@
 <script setup>
 import { ref } from "vue";
 const props = defineProps({
-  items: { type: Array, required: false, default: () => [] }
+  items: { type: Array, required: false, default: () => [] },
+  divider: { type: Boolean, required: false, default: () => false }
 });
 const labelRef = ref([]);
 const arrShow = ref([]);

package/dist/runtime/components/collapse/collapse-multiple.vue.d.ts

@@ -4,6 +4,7 @@ interface TypeItem {
 }
 type __VLS_Props = {
     items?: TypeItem[];
+    divider?: boolean;
 };
 declare var __VLS_6: {
     label: string;
@@ -23,6 +24,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     items: TypeItem[];
+    divider: 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-autocomplete.d.vue.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
-    placeholder: string;
     options: AutocompleteOption[] | string[] | number[];
+    placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    limit: number;
-    placeholder: string;
     options: AutocompleteOption[] | string[] | number[];
+    placeholder: string;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -1,44 +1,57 @@
-import type { InputTextareaProps } from "@/types/components/input/input-textarea";
+export interface InputTextareaProps {
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    label?: string;
+    rules?: object | string | Function;
+    readonly?: boolean;
+    placeholder?: string;
+    description?: string;
+    disabledErrorMessage?: boolean;
+    disabledBorder?: boolean;
+    required?: boolean;
+    showCounter?: boolean;
+    limit?: number;
+    resize?: "none" | "both" | "horizontal" | "vertical";
+    rows?: number;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    heightScroll?: boolean;
+    height?: number;
+    width?: number;
+    class?: string;
+}
 type __VLS_Props = InputTextareaProps;
 type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {
-    label: string | undefined;
-}, __VLS_9: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_7) => any;
-} & {
-    error?: (props: typeof __VLS_9) => any;
+    label?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void;
+    setErrors: (errMsg: string[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    variant: "default" | "primary" | "error";
     fullWidth: boolean;
     fullHeight: boolean;
     required: boolean;
+    id: string;
     name: string;
     disabled: boolean;
-    disabledPadding: boolean;
-    rows: number | string;
+    rows: number;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
     resize: "none" | "both" | "horizontal" | "vertical";
     readonly: boolean;
-    standalone: boolean;
-    inputClass: string;
-    disabledBorderFocus: boolean;
     heightScroll: boolean;
-    validateOnBlur: boolean;
-    validateOnInput: boolean;
-    maxLength: number;
 }, {}, {}, {}, 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.vue

@@ -1,132 +1,111 @@
 <template>
-  <Field
+  <ShadFormField
+    ref="fieldRef"
     :name="props.name"
-    v-slot="{ field, errorMessage }"
-    :validate-on-blur="props.validateOnBlur"
-    :validate-on-input="props.validateOnInput"
-    :standalone="props.standalone"
-    :rules="rules || defaultRule"
+    :rules="props.rules || defaultRules"
+    v-slot="{ componentField }"
     v-model="modelValue"
   >
-    <div class="flex flex-col gap-[4px]">
-      <slot
-        v-if="$slots.label || props.label"
-        name="label"
-        :label="props.label"
-      >
-        <div class="text-gray flex items-center">
-          <div class="font-body-large-prominent flex-1">
+    <ShadFormItem>
+      <ShadFormLabel 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-error">*</span>
+            <span v-if="props.required" class="text-destructive">*</span>
           </div>
-          <div v-if="props.showCounter" :class="['font-body-small']">
-            <div
-              v-if="props.maxLength"
-              :class="[textCounter > props.maxLength && 'text-error']"
-            >
-              {{ textCounter }} / {{ props.maxLength }}
-            </div>
-            <div v-else>{{ textCounter }} ตัวอักษร</div>
+        </slot>
+        <div
+          v-if="props.showCounter"
+          :class="[props.disabledBorder && 'font-body-small']"
+        >
+          <div
+            v-if="props.limit > 0"
+            :class="[modelValue.length > props.limit && 'text-destructive']"
+          >
+            {{ modelValue.length }}/{{ props.limit }}
           </div>
+          <div v-else>{{ modelValue.length }} ตัวอักษร</div>
         </div>
-      </slot>
+      </ShadFormLabel>
 
-      <textarea
-        v-bind="field"
-        ref="textareaRef"
+      <ShadInputGroup
         :class="[
-  'w-full bg-white',
-  'font-body-large placeholder:text-cloud rounded-[8px] overflow-auto',
-  props.inputClass,
-  errorMessage && !props.disabled ? ' focus:ring-error' : borderFocus,
-  errorMessage && !props.disabled ? 'ring-[1px] ring-error' : variaint,
-  padding
+  props.disabledBorder && 'border-0 ring-0 focus-within:border-0 focus-within:ring-0'
 ]"
-        :placeholder="props.placeholder"
-        :disabled="props.disabled"
-        :style="{
+      >
+        <ShadFormControl>
+          <ShadInputGroupTextarea
+            v-bind="componentField"
+            ref="textareaRef"
+            :id="props.id || props.name"
+            :class="props.class"
+            :readonly="props.readonly"
+            :disabled="props.disabled"
+            :placeholder="props.placeholder"
+            :rows="props.rows"
+            :style="{
   resize: props.resize,
-  height: props.fullHeight ? '100%' : `${props.height}px`,
-  width: props.fullWidth ? '100%' : `${props.width}px`
+  height: props.fullHeight ? '100%' : props.height ? `${props.height}px` : void 0,
+  width: props.fullWidth ? '100%' : props.width ? `${props.width}px` : void 0
 }"
-        :rows="props.rows"
-        :readonly="props.readonly"
-        @input="autoHeight()"
-      />
+            @input="autoHeight()"
+          >
+          </ShadInputGroupTextarea>
+        </ShadFormControl>
+      </ShadInputGroup>
 
-      <div
-        v-if="!props.disabledErrorMessage && errorMessage"
-        class="font-body-small text-error"
-      >
-        <slot name="error">
-          {{ errorMessage }}
-        </slot>
-      </div>
-    </div>
-  </Field>
+      <ShadFormDescription v-if="props.description">
+        {{ props.description }}
+      </ShadFormDescription>
+      <ShadFormMessage v-if="!props.disabledErrorMessage" />
+    </ShadFormItem>
+  </ShadFormField>
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from "vue";
+import { ref, onMounted, nextTick } from "vue";
 const props = defineProps({
-  inputClass: { type: String, required: false, default: "" },
+  id: { type: String, required: false, default: "input-textarea" },
+  name: { type: String, required: false, default: "input-textarea" },
+  disabled: { type: Boolean, required: false, default: false },
   label: { type: String, required: false },
-  name: { type: String, required: false, default: "text-area" },
-  placeholder: { type: String, required: false },
   rules: { type: [Object, String, Function], required: false },
-  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  placeholder: { type: String, required: false },
+  description: { type: String, required: false },
   disabledErrorMessage: { type: Boolean, required: false, default: false },
   disabledBorder: { type: Boolean, required: false, default: false },
-  disabledBorderFocus: { type: Boolean, required: false, default: false },
-  disabledPadding: { type: Boolean, required: false, default: false },
-  variant: { type: String, required: false, default: "default" },
   required: { type: Boolean, required: false, default: false },
+  showCounter: { type: Boolean, required: false, default: false },
+  limit: { type: Number, required: false, default: 0 },
   resize: { type: String, required: false, default: "both" },
-  rows: { type: [Number, String], required: false, default: 4 },
-  height: { type: [Number, String], required: false },
-  width: { type: [Number, String], required: false },
+  rows: { type: Number, required: false, default: 4 },
   fullWidth: { type: Boolean, required: false, default: false },
   fullHeight: { type: Boolean, required: false, default: false },
   heightScroll: { type: Boolean, required: false, default: true },
-  standalone: { type: Boolean, required: false, default: false },
-  validateOnBlur: { type: Boolean, required: false, default: true },
-  validateOnInput: { type: Boolean, required: false, default: true },
-  showCounter: { type: Boolean, required: false, default: false },
-  maxLength: { type: Number, required: false, default: 0 },
-  readonly: { type: Boolean, required: false, default: false }
+  height: { type: Number, required: false },
+  width: { type: Number, required: false },
+  class: { type: String, required: false }
 });
-const modelValue = defineModel({ type: String });
+const modelValue = defineModel({ type: String, ...{
+  default: ""
+} });
+const fieldRef = ref();
 const textareaRef = ref();
-const textCounter = computed(() => modelValue.value?.length || 0);
-const defaultRule = (v) => {
-  if (props.required && v == "") return "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E01\u0E23\u0E2D\u0E01\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25";
-  if (props.maxLength > 0 && v && v.length > props.maxLength)
-    return "\u0E40\u0E01\u0E34\u0E19\u0E08\u0E33\u0E19\u0E27\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E17\u0E35\u0E48\u0E01\u0E33\u0E2B\u0E19\u0E14";
+const defaultRules = (v) => {
+  if (!v && props.required) {
+    return `\u0E01\u0E23\u0E38\u0E13\u0E32\u0E23\u0E30\u0E1A\u0E38 ${props.label || "\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25"}`;
+  }
+  if (props.limit > 0 && modelValue.value.length > props.limit) {
+    return `\u0E08\u0E33\u0E19\u0E27\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E15\u0E49\u0E2D\u0E07\u0E44\u0E21\u0E48\u0E40\u0E01\u0E34\u0E19 ${props.limit} \u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23`;
+  }
   return true;
 };
-const padding = computed(() => {
-  if (props.disabledPadding) return;
-  return "px-[12px] py-[7px]";
-});
-const borderFocus = computed(() => {
-  if (props.disabledBorder || props.disabledBorderFocus) return;
-  const borders = {
-    default: "focus:ring-[2px] focus:ring-primary",
-    primary: "focus:ring-[2px] focus:ring-primary",
-    error: "focus:ring-[2px] focus:ring-error"
-  };
-  return borders[props.variant];
-});
-const variaint = computed(() => {
-  if (props.disabledBorder) return;
-  if (props.disabled) return "bg-cloud ring-cloud";
-  const variants = {
-    default: "ring-[1px] ring-cloud",
-    primary: "ring-[1px] ring-primary",
-    error: "ring-[1px] ring-error"
-  };
-  return variants[props.variant];
-});
 const autoHeight = () => {
   const el = textareaRef.value;
   if (el) {
@@ -140,10 +119,16 @@ const focus = () => {
   if (!textareaRef.value) return;
   textareaRef.value.focus();
 };
+const setErrors = (errMsg) => {
+  fieldRef.value?.setErrors(errMsg);
+};
 defineExpose({
-  focus
+  focus,
+  setErrors
 });
 onMounted(() => {
-  autoHeight();
+  nextTick(() => {
+    autoHeight();
+  });
 });
 </script>

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

@@ -1,44 +1,57 @@
-import type { InputTextareaProps } from "@/types/components/input/input-textarea";
+export interface InputTextareaProps {
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    label?: string;
+    rules?: object | string | Function;
+    readonly?: boolean;
+    placeholder?: string;
+    description?: string;
+    disabledErrorMessage?: boolean;
+    disabledBorder?: boolean;
+    required?: boolean;
+    showCounter?: boolean;
+    limit?: number;
+    resize?: "none" | "both" | "horizontal" | "vertical";
+    rows?: number;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    heightScroll?: boolean;
+    height?: number;
+    width?: number;
+    class?: string;
+}
 type __VLS_Props = InputTextareaProps;
 type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_7: {
-    label: string | undefined;
-}, __VLS_9: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_7) => any;
-} & {
-    error?: (props: typeof __VLS_9) => any;
+    label?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void;
+    setErrors: (errMsg: string[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    variant: "default" | "primary" | "error";
     fullWidth: boolean;
     fullHeight: boolean;
     required: boolean;
+    id: string;
     name: string;
     disabled: boolean;
-    disabledPadding: boolean;
-    rows: number | string;
+    rows: number;
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
     resize: "none" | "both" | "horizontal" | "vertical";
     readonly: boolean;
-    standalone: boolean;
-    inputClass: string;
-    disabledBorderFocus: boolean;
     heightScroll: boolean;
-    validateOnBlur: boolean;
-    validateOnInput: boolean;
-    maxLength: number;
 }, {}, {}, {}, 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/ui/textarea/Textarea.vue

@@ -19,6 +19,7 @@ const modelValue = useVModel(props, "modelValue", emits, {
     data-slot="textarea"
     :class="
   cn(
+    'font-body-large',
     'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
     props.class
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.19.0",
+  "version": "1.22.2",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -88,4 +88,4 @@
     "@types/vue-cropperjs": "^4.1.6",
     "@vue/compiler-sfc": "^3.5.24"
   }
-}
+}

package/dist/runtime/components/list/list-tree.d.vue.ts

@@ -1,26 +0,0 @@
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-declare var __VLS_6: {
-    open: boolean;
-}, __VLS_8: {
-    open: true;
-};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_6) => any;
-} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/list/list-tree.vue

@@ -1,51 +0,0 @@
-<template>
-  <div class="flex flex-col">
-    <!-- Header Row with Toggle -->
-    <div class="flex items-center">
-      <!-- Tree Line + Toggle Button -->
-      <div
-        class="relative w-6 shrink-0 mr-4 flex items-center justify-center self-stretch"
-      >
-        <!-- Dashed line (full height) -->
-        <div
-          class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
-        />
-
-        <!-- Toggle Button (centered with header) -->
-        <div
-          class="relative z-10 flex items-center justify-center w-5 h-5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors cursor-pointer"
-          @click.stop="isOpen = !isOpen"
-        >
-          <Icon
-            :name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
-            :size="19"
-          />
-        </div>
-      </div>
-
-      <!-- Header Content -->
-      <div class="flex-1 min-w-0">
-        <slot name="header" :open="isOpen" />
-      </div>
-    </div>
-
-    <!-- Children (shown when open) -->
-    <div v-if="isOpen" class="flex">
-      <!-- Continuation of dashed line -->
-      <div class="relative w-6 shrink-0 mr-4">
-        <div
-          class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
-        />
-      </div>
-
-      <!-- Children content -->
-      <div class="flex-1 ml-8 mt-4 flex flex-col gap-4 pb-2">
-        <slot :open="isOpen" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-const isOpen = defineModel({ type: Boolean, ...{ default: false } });
-</script>

package/dist/runtime/components/list/list-tree.vue.d.ts

@@ -1,26 +0,0 @@
-type __VLS_ModelProps = {
-    modelValue?: boolean;
-};
-declare var __VLS_6: {
-    open: boolean;
-}, __VLS_8: {
-    open: true;
-};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_6) => any;
-} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};