@katlux/toolkit 0.1.0-beta.5 → 0.1.0-beta.50

package/dist/compiled/composables/usePresetComponent.mjs

@@ -1,8 +1,9 @@
 import { computed, defineAsyncComponent } from "vue";
 import { useAppConfig } from "#app";
-const componentCache = /* @__PURE__ */ new Map();
-const modernComponents = import.meta.glob("../../../../katlux-preset-modern/src/runtime/components/**/*.vue");
-const toolkitPresets = import.meta.glob("../presets/**/*.vue");
+export const presetLoadersRegistry = /* @__PURE__ */ new Map();
+export function registerPresetComponents(presetName, loaders) {
+  presetLoadersRegistry.set(presetName, loaders);
+}
 export function usePresetComponent(componentBaseName, defaultComponent) {
   const appConfig = useAppConfig();
   const activePreset = computed(() => appConfig.katluxToolkit?.activePreset || "default");
@@ -10,27 +11,31 @@ export function usePresetComponent(componentBaseName, defaultComponent) {
     if (activePreset.value === "default") {
       return defaultComponent;
     }
-    const cacheKey = `${activePreset.value}:${componentBaseName}`;
-    if (componentCache.has(cacheKey)) {
-      return componentCache.get(cacheKey);
-    }
     let loader;
-    if (activePreset.value === "modern") {
-      const path = `../../../../katlux-preset-modern/src/runtime/components/${componentBaseName}/${componentBaseName}.vue`;
-      loader = modernComponents[path];
-    } else {
-      const path = `../presets/${activePreset.value}/components/${componentBaseName}/${componentBaseName}.vue`;
-      loader = toolkitPresets[path];
+    const externalLoaders = presetLoadersRegistry.get(activePreset.value);
+    if (externalLoaders) {
+      const key = `./components/${componentBaseName}/${componentBaseName}.vue`;
+      loader = externalLoaders[key];
+    }
+    if (!loader) {
+      const internalLoaders = import.meta.glob([
+        "../presets/**/*.vue",
+        "../../runtime/presets/**/*.vue"
+      ]);
+      const internalKey = `../presets/${activePreset.value}/components/${componentBaseName}/${componentBaseName}.vue`;
+      loader = internalLoaders[internalKey];
+      if (!loader) {
+        const altKey = `../../runtime/presets/${activePreset.value}/components/${componentBaseName}/${componentBaseName}.vue`;
+        loader = internalLoaders[altKey];
+      }
     }
     if (!loader) {
       console.warn(`[${componentBaseName}] Preset "${activePreset.value}" not found, falling back to default`);
       return defaultComponent;
     }
-    const asyncComp = defineAsyncComponent({
+    return defineAsyncComponent({
       loader,
       errorComponent: defaultComponent
     });
-    componentCache.set(cacheKey, asyncComp);
-    return asyncComp;
   });
 }

package/dist/module.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 const kit = require('@nuxt/kit');
+const node_fs = require('node:fs');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 const module$1 = kit.defineNuxtModule({
@@ -10,6 +11,57 @@ const module$1 = kit.defineNuxtModule({
   },
   setup(options, nuxt) {
     const { resolve } = kit.createResolver((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('module.cjs', document.baseURI).href)));
+    const runtimePath = resolve("./runtime");
+    nuxt.options.build.transpile.push(runtimePath);
+    nuxt.options.build.transpile.push("@katlux/toolkit");
+    const scssPath = resolve("./runtime/presets/default/assets/scss/index.scss");
+    const cssPath = resolve("./runtime/presets/default/assets/scss/index.css");
+    const finalCssPath = node_fs.existsSync(scssPath) ? scssPath : cssPath;
+    nuxt.options.css.push(finalCssPath);
+    const sharedIgnored = [
+      "**/node_modules/**",
+      "**/.nuxt/**",
+      "**/.output/**",
+      "**/dist/**",
+      "**/.git/**",
+      "**/tmp/**",
+      "**/.firebase/**"
+    ];
+    nuxt.options.watchers = nuxt.options.watchers || {};
+    const chokidar = nuxt.options.watchers.chokidar = nuxt.options.watchers.chokidar || {};
+    const existingIgnored = chokidar.ignored ? Array.isArray(chokidar.ignored) ? chokidar.ignored : [chokidar.ignored] : [];
+    chokidar.ignored = [.../* @__PURE__ */ new Set([...existingIgnored, ...sharedIgnored])];
+    chokidar.usePolling = true;
+    chokidar.interval = 1e3;
+    nuxt.options.nitro = nuxt.options.nitro || {};
+    const watchOptions = nuxt.options.nitro.watchOptions = nuxt.options.nitro.watchOptions || {};
+    watchOptions.usePolling = true;
+    watchOptions.interval = 1e3;
+    watchOptions.ignored = sharedIgnored;
+    nuxt.hook("vite:extendConfig", (config) => {
+      const server = config.server || (config.server = {});
+      const watch = server.watch || (server.watch = {});
+      const currentIgnored = watch.ignored || [];
+      if (Array.isArray(currentIgnored)) {
+        watch.ignored = [.../* @__PURE__ */ new Set([...currentIgnored, ...sharedIgnored])];
+      } else if (currentIgnored) {
+        watch.ignored = [currentIgnored, ...sharedIgnored];
+      } else {
+        watch.ignored = sharedIgnored;
+      }
+      watch.usePolling = true;
+      watch.interval = 1e3;
+      const fs = server.fs || (server.fs = {});
+      const allow = fs.allow || (fs.allow = []);
+      if (!allow.includes(runtimePath)) {
+        allow.push(runtimePath);
+      }
+      const ssr = config.ssr || (config.ssr = {});
+      const noExternal = ssr.noExternal || (ssr.noExternal = []);
+      if (Array.isArray(noExternal) && !noExternal.includes("@katlux/toolkit")) {
+        noExternal.push("@katlux/toolkit");
+      }
+    });
     kit.addComponentsDir({
       path: resolve("./runtime/components"),
       pathPrefix: false,

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@katlux/toolkit",
   "configKey": "katluxToolkit",
-  "version": "0.1.0-beta.5",
+  "version": "0.1.0-beta.50",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,5 @@
 import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
+import { existsSync } from 'node:fs';
 
 const module$1 = defineNuxtModule({
   meta: {
@@ -7,6 +8,57 @@ const module$1 = defineNuxtModule({
   },
   setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
+    const runtimePath = resolve("./runtime");
+    nuxt.options.build.transpile.push(runtimePath);
+    nuxt.options.build.transpile.push("@katlux/toolkit");
+    const scssPath = resolve("./runtime/presets/default/assets/scss/index.scss");
+    const cssPath = resolve("./runtime/presets/default/assets/scss/index.css");
+    const finalCssPath = existsSync(scssPath) ? scssPath : cssPath;
+    nuxt.options.css.push(finalCssPath);
+    const sharedIgnored = [
+      "**/node_modules/**",
+      "**/.nuxt/**",
+      "**/.output/**",
+      "**/dist/**",
+      "**/.git/**",
+      "**/tmp/**",
+      "**/.firebase/**"
+    ];
+    nuxt.options.watchers = nuxt.options.watchers || {};
+    const chokidar = nuxt.options.watchers.chokidar = nuxt.options.watchers.chokidar || {};
+    const existingIgnored = chokidar.ignored ? Array.isArray(chokidar.ignored) ? chokidar.ignored : [chokidar.ignored] : [];
+    chokidar.ignored = [.../* @__PURE__ */ new Set([...existingIgnored, ...sharedIgnored])];
+    chokidar.usePolling = true;
+    chokidar.interval = 1e3;
+    nuxt.options.nitro = nuxt.options.nitro || {};
+    const watchOptions = nuxt.options.nitro.watchOptions = nuxt.options.nitro.watchOptions || {};
+    watchOptions.usePolling = true;
+    watchOptions.interval = 1e3;
+    watchOptions.ignored = sharedIgnored;
+    nuxt.hook("vite:extendConfig", (config) => {
+      const server = config.server || (config.server = {});
+      const watch = server.watch || (server.watch = {});
+      const currentIgnored = watch.ignored || [];
+      if (Array.isArray(currentIgnored)) {
+        watch.ignored = [.../* @__PURE__ */ new Set([...currentIgnored, ...sharedIgnored])];
+      } else if (currentIgnored) {
+        watch.ignored = [currentIgnored, ...sharedIgnored];
+      } else {
+        watch.ignored = sharedIgnored;
+      }
+      watch.usePolling = true;
+      watch.interval = 1e3;
+      const fs = server.fs || (server.fs = {});
+      const allow = fs.allow || (fs.allow = []);
+      if (!allow.includes(runtimePath)) {
+        allow.push(runtimePath);
+      }
+      const ssr = config.ssr || (config.ssr = {});
+      const noExternal = ssr.noExternal || (ssr.noExternal = []);
+      if (Array.isArray(noExternal) && !noExternal.includes("@katlux/toolkit")) {
+        noExternal.push("@katlux/toolkit");
+      }
+    });
     addComponentsDir({
       path: resolve("./runtime/components"),
       pathPrefix: false,

package/dist/runtime/components/KCalendar/KCalendar.global.d.vue.ts

@@ -9,19 +9,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     definedDays: {
-        type: PropType<import("./types.js").IDefinedDay[]>;
+        type: import("vue").PropType<import("./types.js").IDefinedDay[]>;
         default: () => never[];
     };
     markedDays: {
-        type: PropType<import("./types.js").IMarkedDay[]>;
+        type: import("vue").PropType<import("./types.js").IMarkedDay[]>;
         default: () => never[];
     };
     day: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         required: boolean;
     };
     selectedDay: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         default: null;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -38,19 +38,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     definedDays: {
-        type: PropType<import("./types.js").IDefinedDay[]>;
+        type: import("vue").PropType<import("./types.js").IDefinedDay[]>;
         default: () => never[];
     };
     markedDays: {
-        type: PropType<import("./types.js").IMarkedDay[]>;
+        type: import("vue").PropType<import("./types.js").IMarkedDay[]>;
         default: () => never[];
     };
     day: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         required: boolean;
     };
     selectedDay: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         default: null;
     };
 }>> & Readonly<{
@@ -59,10 +59,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     view: string;
     viewCount: number;
-    definedDays: any;
-    markedDays: any;
-    day: any;
-    selectedDay: any;
+    definedDays: import("./types.js").IDefinedDay[];
+    markedDays: import("./types.js").IMarkedDay[];
+    selectedDay: String | Date;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCalendar/KCalendar.global.vue.d.ts

@@ -9,19 +9,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     definedDays: {
-        type: PropType<import("./types.js").IDefinedDay[]>;
+        type: import("vue").PropType<import("./types.js").IDefinedDay[]>;
         default: () => never[];
     };
     markedDays: {
-        type: PropType<import("./types.js").IMarkedDay[]>;
+        type: import("vue").PropType<import("./types.js").IMarkedDay[]>;
         default: () => never[];
     };
     day: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         required: boolean;
     };
     selectedDay: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         default: null;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -38,19 +38,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     definedDays: {
-        type: PropType<import("./types.js").IDefinedDay[]>;
+        type: import("vue").PropType<import("./types.js").IDefinedDay[]>;
         default: () => never[];
     };
     markedDays: {
-        type: PropType<import("./types.js").IMarkedDay[]>;
+        type: import("vue").PropType<import("./types.js").IMarkedDay[]>;
         default: () => never[];
     };
     day: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         required: boolean;
     };
     selectedDay: {
-        type: PropType<Date | String>;
+        type: import("vue").PropType<Date | String>;
         default: null;
     };
 }>> & Readonly<{
@@ -59,10 +59,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>, {
     view: string;
     viewCount: number;
-    definedDays: any;
-    markedDays: any;
-    day: any;
-    selectedDay: any;
+    definedDays: import("./types.js").IDefinedDay[];
+    markedDays: import("./types.js").IMarkedDay[];
+    selectedDay: String | Date;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCalendar/KCalendar.logic.d.ts

@@ -1,3 +1,4 @@
+import { type PropType } from 'vue';
 import type { IMarkedDay, IDefinedDay } from './types.js';
 export interface KCalendarProps {
     view?: string;

package/dist/runtime/components/KCalendar/KCalendar.logic.js

@@ -33,14 +33,30 @@ export function useKCalendarLogic(props, emit) {
   const actualWeek = ref();
   const actualYear = ref();
   const currentView = computed(() => props.view ?? "month");
+  function initViewFromDate(dateInput) {
+    if (!dateInput) return false;
+    const date = typeof dateInput === "string" ? new Date(dateInput) : dateInput;
+    if (!isNaN(date.getTime())) {
+      actualMonth.value = date.getMonth() + 1;
+      actualYear.value = date.getFullYear();
+      return true;
+    }
+    return false;
+  }
   watch(
     () => props.day,
     (newVal) => {
       if (!newVal) return;
-      const date = typeof newVal === "string" ? new Date(newVal) : newVal;
-      if (!isNaN(date.getTime())) {
-        actualMonth.value = date.getMonth() + 1;
-        actualYear.value = date.getFullYear();
+      initViewFromDate(newVal);
+    },
+    { immediate: true }
+  );
+  watch(
+    () => props.selectedDay,
+    (newValue) => {
+      monthSelectedDay.value = newValue ?? "";
+      if (!props.day && actualYear.value === void 0) {
+        initViewFromDate(newValue);
       }
     },
     { immediate: true }
@@ -52,14 +68,13 @@ export function useKCalendarLogic(props, emit) {
         emit("update:selectedDay", newValue);
     }
   );
-  watch(
-    () => props.selectedDay,
-    (newValue) => {
-      monthSelectedDay.value = newValue;
-    }
-  );
   onMounted(() => {
     monthSelectedDay.value = props.selectedDay || "";
+    if (actualYear.value === void 0) {
+      const now = /* @__PURE__ */ new Date();
+      actualMonth.value = now.getMonth() + 1;
+      actualYear.value = now.getFullYear();
+    }
   });
   const months = [
     "January",

package/dist/runtime/components/KCombobox/KCombobox.global.d.vue.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -28,7 +28,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -36,14 +36,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -71,7 +75,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -79,21 +83,25 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: any;
-    searchbox: boolean;
+    modelValue: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null;
     placeholder: string;
-    dataProvider: any;
+    searchbox: boolean;
+    teleportTo: string;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
-    visibleFields: any;
+    visibleFields: String[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCombobox/KCombobox.global.vue

@@ -31,13 +31,17 @@ const templateProps = computed(() => ({
   closeDropdown,
   selectItem,
   isSelected,
-  loading: loading.value
+  loading: loading.value,
+  teleportTo: props.teleportTo
 }));
 function updateSearchText(val) {
   searchtext.value = val;
 }
+function updateIsOptionsOpen(val) {
+  isOptionsOpen.value = val;
+}
 </script>
 
 <template lang="pug">
-component(:is="presetComponent" v-bind="templateProps" @update:searchtext="updateSearchText")
+component(:is="presetComponent" v-bind="{...templateProps, ...$attrs}" @update:searchtext="updateSearchText" @update:isOptionsOpen="updateIsOptionsOpen")
 </template>

package/dist/runtime/components/KCombobox/KCombobox.global.vue.d.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -28,7 +28,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -36,14 +36,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -71,7 +75,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -79,21 +83,25 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
+    teleportTo: {
+        type: import("vue").PropType<string>;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: any;
-    searchbox: boolean;
+    modelValue: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null;
     placeholder: string;
-    dataProvider: any;
+    searchbox: boolean;
+    teleportTo: string;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
-    visibleFields: any;
+    visibleFields: String[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCombobox/KCombobox.logic.d.ts

@@ -0,0 +1,78 @@
+import type { ADataProvider } from '@katlux/providers';
+import { type TDataRow } from '@katlux/providers';
+import { type PropType } from 'vue';
+export type ComboboxItem = TDataRow;
+export interface KComboboxProps {
+    dataProvider: ADataProvider;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    multiSelect?: boolean;
+    maxSelectedDisplay?: number | string | false;
+    placeholder?: string;
+    searchbox?: boolean;
+    visibleFields?: Array<String> | null;
+    labelField: string;
+    modelValue?: ComboboxItem | ComboboxItem[] | null;
+    teleportTo?: string;
+}
+export interface KComboboxEmits {
+    (e: 'update:modelValue', value: ComboboxItem | ComboboxItem[] | null): void;
+}
+export declare const KComboboxDefaultProps: {
+    dataProvider: {
+        type: PropType<ADataProvider>;
+        required: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSelectedDisplay: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visibleFields: {
+        type: PropType<Array<String>>;
+        default: null;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    modelValue: {
+        type: PropType<ComboboxItem | ComboboxItem[] | null>;
+        default: null;
+    };
+    teleportTo: {
+        type: PropType<string>;
+        default: undefined;
+    };
+};
+export declare function useKComboboxLogic(props: KComboboxProps, emit: KComboboxEmits): {
+    selectedItems: import("vue").Ref<TDataRow[] | null, TDataRow[] | null>;
+    isOptionsOpen: import("vue").Ref<boolean, boolean>;
+    searchtext: import("vue").Ref<string, string>;
+    selectItem: (option: ComboboxItem) => void;
+    isSelected: (option: ComboboxItem) => boolean | undefined;
+    getSelectedContent: () => TDataRow[];
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    filteredOptions: import("vue").ComputedRef<TDataRow[]>;
+    loading: import("vue").ComputedRef<Boolean>;
+};