@katlux/toolkit 0.1.0-beta.45 → 0.1.0-beta.46

package/dist/module.json

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

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

@@ -22,7 +22,7 @@ export interface KButtonEmits {
 export declare function useKButtonLogic(props: KButtonProps, emit: KButtonEmits): {
     isLink: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    buttonClasses: import("vue").ComputedRef<("info" | "default" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | "small" | "large" | "medium" | {
+    buttonClasses: import("vue").ComputedRef<("info" | "default" | "small" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | "large" | "medium" | {
         disabled: boolean | undefined;
     })[]>;
     onClick: () => void;

package/dist/runtime/components/KDatatable/KDataIterator.logic.d.ts

@@ -1,20 +0,0 @@
-import { ADataProvider } from '@katlux/providers';
-export interface KDataIteratorProps {
-    dataProvider: ADataProvider;
-    visibleFields?: Array<string> | null;
-    loading?: boolean;
-    search?: string;
-    itemsPerPage?: number;
-    page?: number;
-}
-export declare const KDataIteratorDefaultProps: {
-    visibleFields: null;
-    loading: boolean;
-    search: string;
-    itemsPerPage: number;
-    page: number;
-};
-export declare function useKDataIteratorLogic(props: KDataIteratorProps): {
-    selectedRows: import("vue").Ref<any[], any[]>;
-    selectAll: import("vue").Ref<boolean, boolean>;
-};

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

@@ -1,12 +0,0 @@
-import { ADataProvider } from '@katlux/providers';
-export interface KDatatableProps {
-    dataProvider: ADataProvider;
-    visibleFields?: Array<string> | null;
-}
-export declare const KDatatableDefaultProps: {
-    visibleFields: null;
-};
-export declare function useKDatatableLogic(props: KDatatableProps): {
-    selectedRows: import("vue").Ref<any[], any[]>;
-    selectAll: import("vue").Ref<boolean, boolean>;
-};

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

@@ -20,11 +20,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -55,11 +55,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>> & Readonly<{
@@ -74,8 +74,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     modelValue: string | Date;
     format: string;
     showClear: boolean;
-    calendarDefinedDays: IDefinedDay[];
-    calendarMarkedDays: IMarkedDay[];
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -24,8 +24,13 @@ const templateProps = computed(() => ({
   calendarDefinedDays: props.calendarDefinedDays,
   calendarMarkedDays: props.calendarMarkedDays,
   textboxClicked,
+  onClear: handleClear,
   dateSelected: handleDateSelected
 }));
+const handleClear = () => {
+  _date.value = "";
+  maskedModel.value = "";
+};
 const updateMaskedModel = (val) => {
   maskedModel.value = val;
 };
@@ -36,8 +41,13 @@ const handleDateSelected = (date) => {
   dateSelected(date);
 };
 watch(_date, (newDate) => {
-  emit("update:day", newDate);
-  emit("update:modelValue", newDate);
+  const d1 = newDate instanceof Date ? newDate.getTime() : new Date(newDate).getTime();
+  const d2 = props.modelValue instanceof Date ? props.modelValue.getTime() : new Date(props.modelValue || "").getTime();
+  const d3 = props.day instanceof Date ? props.day.getTime() : new Date(props.day || "").getTime();
+  if (d1 !== d2 && d1 !== d3) {
+    emit("update:day", newDate);
+    emit("update:modelValue", newDate);
+  }
 });
 watch(calendarShow, (newVal) => {
   emit("update:isOpen", newVal);

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

@@ -20,11 +20,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -55,11 +55,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>> & Readonly<{
@@ -74,8 +74,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     modelValue: string | Date;
     format: string;
     showClear: boolean;
-    calendarDefinedDays: IDefinedDay[];
-    calendarMarkedDays: IMarkedDay[];
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { IMarkedDay, IDefinedDay } from '@katlux/toolkit/components/KCalendar/types.ts';
+import type { IMarkedDay, IDefinedDay } from '../KCalendar/types.js';
 export interface KDatePickerProps {
     format: string;
     day?: Date | string;

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

@@ -35,7 +35,9 @@ export function useKDatePickerLogic(props) {
   const calendarShow = ref(false);
   watch(maskedModel, (newVal) => {
     if (newVal === "") {
-      _date.value = "";
+      if (_date.value !== "") {
+        _date.value = "";
+      }
       return;
     }
     const format = props.format;
@@ -57,7 +59,10 @@ export function useKDatePickerLogic(props) {
     if (month.length === 2 && day.length === 2 && year.length === 4) {
       const d = new Date(parseInt(year), parseInt(month) - 1, parseInt(day));
       if (!isNaN(d.getTime())) {
-        _date.value = d;
+        const oldTime = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+        if (d.getTime() !== oldTime) {
+          _date.value = d;
+        }
       }
     }
   });
@@ -101,14 +106,22 @@ export function useKDatePickerLogic(props) {
   });
   watch(() => props.day, (newDay) => {
     if (newDay) {
-      _date.value = newDay;
-      syncMaskedModel(newDay);
+      const d1 = newDay instanceof Date ? newDay.getTime() : new Date(newDay).getTime();
+      const d2 = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+      if (d1 !== d2) {
+        _date.value = newDay;
+        syncMaskedModel(newDay);
+      }
     }
   });
   watch(() => props.modelValue, (newVal) => {
     if (newVal) {
-      _date.value = newVal;
-      syncMaskedModel(newVal);
+      const d1 = newVal instanceof Date ? newVal.getTime() : new Date(newVal).getTime();
+      const d2 = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+      if (d1 !== d2) {
+        _date.value = newVal;
+        syncMaskedModel(newVal);
+      }
     }
   });
   watch(() => props.isOpen, (newVal) => {

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

@@ -28,11 +28,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -70,11 +70,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>> & Readonly<{
@@ -88,8 +88,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     modelValue: string | Date;
     format: string;
     showClear: boolean;
-    calendarDefinedDays: IDefinedDay[];
-    calendarMarkedDays: IMarkedDay[];
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
     timeFormat: string;
     timeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -29,9 +29,15 @@ const templateProps = computed(() => ({
   calendarMarkedDays: props.calendarMarkedDays,
   showClear: props.showClear,
   textboxClicked,
+  onClear: handleClear,
   dateSelected,
   timeSelected
 }));
+const handleClear = () => {
+  _date.value = "";
+  _time.value = "";
+  maskedModel.value = "";
+};
 const updateMaskedModel = (val) => {
   maskedModel.value = val;
 };
@@ -39,7 +45,18 @@ const updateCalendarShow = (val) => {
   calendarShow.value = val;
 };
 watch(_date, (newDate) => {
-  emit("update:modelValue", newDate);
+  if (!newDate) {
+    if (props.modelValue || props.day) {
+      emit("update:modelValue", "");
+    }
+    return;
+  }
+  const d1 = newDate instanceof Date ? newDate.getTime() : new Date(newDate).getTime();
+  const d2 = props.modelValue instanceof Date ? props.modelValue.getTime() : new Date(props.modelValue || "").getTime();
+  const d3 = props.day instanceof Date ? props.day.getTime() : new Date(props.day || "").getTime();
+  if (d1 !== d2 && d1 !== d3) {
+    emit("update:modelValue", newDate);
+  }
 });
 watch(calendarShow, (newVal) => {
   emit("update:isOpen", newVal);

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

@@ -28,11 +28,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -70,11 +70,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: import("vue").PropType<IDefinedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: import("vue").PropType<IMarkedDay[]>;
+        type: import("vue").PropType<import("../KCalendar/types.js").IMarkedDay[]>;
         default: () => never[];
     };
 }>> & Readonly<{
@@ -88,8 +88,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     modelValue: string | Date;
     format: string;
     showClear: boolean;
-    calendarDefinedDays: IDefinedDay[];
-    calendarMarkedDays: IMarkedDay[];
+    calendarDefinedDays: import("../KCalendar/types.js").IDefinedDay[];
+    calendarMarkedDays: import("../KCalendar/types.js").IMarkedDay[];
     timeFormat: string;
     timeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { IMarkedDay, IDefinedDay } from '@katlux/toolkit/components/KCalendar/types.ts';
+import type { IMarkedDay, IDefinedDay } from '../KCalendar/types.js';
 export interface KDateTimePickerProps {
     format?: string;
     timeFormat?: string;

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

@@ -44,8 +44,10 @@ export function useKDateTimePickerLogic(props) {
   const calendarShow = ref(false);
   watch(maskedModel, (newVal) => {
     if (newVal === "") {
-      _date.value = "";
-      _time.value = "";
+      if (_date.value !== "") {
+        _date.value = "";
+        _time.value = "";
+      }
       return;
     }
     const format = props.format || "MM-DD-YYYY HH:mm";
@@ -75,10 +77,15 @@ export function useKDateTimePickerLogic(props) {
       if (hours.length === 2 && minutes.length === 2) {
         d.setHours(parseInt(hours));
         d.setMinutes(parseInt(minutes));
-        _time.value = `${hours}:${minutes}`;
       }
       if (!isNaN(d.getTime())) {
-        _date.value = d;
+        const oldTime = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+        if (d.getTime() !== oldTime) {
+          _date.value = d;
+          if (hours.length === 2 && minutes.length === 2) {
+            _time.value = `${hours}:${minutes}`;
+          }
+        }
       }
     }
   });
@@ -167,10 +174,22 @@ export function useKDateTimePickerLogic(props) {
     updateMaskedModel();
   };
   watch(() => props.modelValue, (newVal) => {
-    syncValue(newVal);
+    if (newVal) {
+      const d1 = newVal instanceof Date ? newVal.getTime() : new Date(newVal).getTime();
+      const d2 = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+      if (d1 !== d2) {
+        syncValue(newVal);
+      }
+    }
   });
   watch(() => props.day, (newDay) => {
-    syncValue(newDay);
+    if (newDay) {
+      const d1 = newDay instanceof Date ? newDay.getTime() : new Date(newDay).getTime();
+      const d2 = _date.value instanceof Date ? _date.value.getTime() : new Date(_date.value).getTime();
+      if (d1 !== d2) {
+        syncValue(newDay);
+      }
+    }
   });
   watch(() => props.isOpen, (newVal) => {
     calendarShow.value = !!newVal;

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

@@ -103,8 +103,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    parentKey: string;
-    idKey: string;
     disabled: boolean;
     loading: boolean;
     modelValue: any;
@@ -114,6 +112,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     closeOnSelect: boolean;
     multiSelect: boolean;
     iconField: string;
+    idKey: string;
+    parentKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -103,8 +103,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
-    parentKey: string;
-    idKey: string;
     disabled: boolean;
     loading: boolean;
     modelValue: any;
@@ -114,6 +112,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     closeOnSelect: boolean;
     multiSelect: boolean;
     iconField: string;
+    idKey: string;
+    parentKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -81,14 +81,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    parentKey: string;
-    idKey: string;
-    expandedByDefault: boolean;
     bulkActions: import("@katlux/providers").IKDatatableAction[];
     rowActions: import("./KTreeView.logic.js").IRowAction[];
     cellSlots: Record<string, any>;
     headerSlots: Record<string, any>;
     treeColumnIndex: number;
+    idKey: string;
+    parentKey: string;
+    expandedByDefault: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -81,14 +81,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => {};
     };
 }>> & Readonly<{}>, {
-    parentKey: string;
-    idKey: string;
-    expandedByDefault: boolean;
     bulkActions: import("@katlux/providers").IKDatatableAction[];
     rowActions: import("./KTreeView.logic.js").IRowAction[];
     cellSlots: Record<string, any>;
     headerSlots: Record<string, any>;
     treeColumnIndex: number;
+    idKey: string;
+    parentKey: string;
+    expandedByDefault: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/presets/default/components/KDatePicker/KDatePicker.d.vue.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];
     textboxClicked: () => void;
-    onClear: () => void;
+    onClear?: () => void;
     dateSelected: (date: Date) => void;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/runtime/presets/default/components/KDatePicker/KDatePicker.vue

@@ -23,7 +23,7 @@ const props = defineProps<{
 	calendarDefinedDays: IDefinedDay[]
 	calendarMarkedDays: IMarkedDay[]
 	textboxClicked: () => void
-	onClear: () => void
+	onClear?: () => void
 	dateSelected: (date: Date) => void
 }>()
 

package/dist/runtime/presets/default/components/KDatePicker/KDatePicker.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Props = {
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];
     textboxClicked: () => void;
-    onClear: () => void;
+    onClear?: () => void;
     dateSelected: (date: Date) => void;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/runtime/presets/default/components/KDateTimePicker/KDateTimePicker.d.vue.ts

@@ -12,7 +12,7 @@ type __VLS_Props = {
     calendarMarkedDays: IMarkedDay[];
     showClear: boolean;
     textboxClicked: () => void;
-    onClear: () => void;
+    onClear?: () => void;
     dateSelected: (date: Date) => void;
     timeSelected: (time: string) => void;
 };

package/dist/runtime/presets/default/components/KDateTimePicker/KDateTimePicker.vue

@@ -30,7 +30,7 @@ const props = defineProps<{
 	calendarMarkedDays: IMarkedDay[]
 	showClear: boolean
 	textboxClicked: () => void
-	onClear: () => void
+	onClear?: () => void
 	dateSelected: (date: Date) => void
 	timeSelected: (time: string) => void
 }>()

package/dist/runtime/presets/default/components/KDateTimePicker/KDateTimePicker.vue.d.ts

@@ -12,7 +12,7 @@ type __VLS_Props = {
     calendarMarkedDays: IMarkedDay[];
     showClear: boolean;
     textboxClicked: () => void;
-    onClear: () => void;
+    onClear?: () => void;
     dateSelected: (date: Date) => void;
     timeSelected: (time: string) => void;
 };

package/dist/runtime/presets/default/components/KDropdown/KDropdown.vue

@@ -1,6 +1,6 @@
 <template lang="pug">
 Teleport(to="body")
-	.KDropdown(v-if="open" v-click-outside="clickoutside" :style="dialogStyle")
+	.KDropdown(v-if="open" v-click-outside="clickoutside" :style="dialogStyle" v-bind="$attrs")
 		KPanel.KDropdown-container(:class="{'fullWidth': fullWidth}")
 			slot
 </template>
@@ -8,6 +8,10 @@ Teleport(to="body")
 <script lang="ts" setup>
 import { computed } from 'vue'
 
+defineOptions({
+	inheritAttrs: false
+})
+
 const props = defineProps<{
 	open: boolean
 	fullWidth: boolean

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@katlux/toolkit",
-	"version": "0.1.0-beta.45",
+	"version": "0.1.0-beta.46",
 	"description": "Core UI toolkit and utilities for the Katlux ecosystem",
 	"author": "Katlux",
 	"license": "MIT",