@katlux/preset-modern 0.1.0-beta.4 → 0.1.0-beta.40

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@katlux/preset-modern",
   "configKey": "katluxTemplateModern",
-  "version": "0.1.0-beta.4",
+  "version": "0.1.0-beta.40",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,5 +1,6 @@
-import { defineNuxtModule, createResolver, installModule, addComponentsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, installModule, addPlugin, addComponentsDir } from '@nuxt/kit';
 import { createRequire } from 'node:module';
+import { existsSync } from 'node:fs';
 
 const module$1 = defineNuxtModule({
   meta: {
@@ -10,8 +11,10 @@ const module$1 = defineNuxtModule({
     const { resolve } = createResolver(import.meta.url);
     const _require = createRequire(import.meta.url);
     await installModule("@katlux/toolkit");
+    addPlugin(resolve("./runtime/plugin"));
     addComponentsDir({
       path: resolve("./runtime/components"),
+      prefix: "PresetModern",
       pathPrefix: false,
       extensions: ["vue"],
       global: true
@@ -22,12 +25,22 @@ const module$1 = defineNuxtModule({
     const currentAdditionalData = nuxt.options.vite.css.preprocessorOptions.scss.additionalData || "";
     const toolkitPkgJson = _require.resolve("@katlux/toolkit/package.json");
     const toolkitPkgDir = toolkitPkgJson.replace(/[\\/]package\.json$/, "");
-    const toolkitScssPath = nuxt.options.dev ? `${toolkitPkgDir}/src/runtime/presets/default/assets/scss/index.scss` : `${toolkitPkgDir}/dist/runtime/presets/default/assets/scss/index.css`;
-    const presetScssPath = nuxt.options.dev ? resolve("./runtime/assets/scss/index.scss") : resolve("../dist/runtime/assets/scss/index.css");
-    const toolkitScss = `@use "${toolkitScssPath}" as *;`;
-    const presetScssImport = `@use "${presetScssPath}" as *;`;
+    const toolkitRuntimeDir = nuxt.options.dev && existsSync(toolkitPkgDir + "/src/runtime") ? toolkitPkgDir + "/src/runtime" : toolkitPkgDir + "/dist/runtime";
+    const mixinsScssPath = toolkitRuntimeDir + "/presets/default/assets/scss/mixins.scss";
+    const mixinsCssPath = toolkitRuntimeDir + "/presets/default/assets/scss/mixins.css";
+    const toolkitMixinsPath = existsSync(mixinsScssPath) ? mixinsScssPath : mixinsCssPath;
+    const toolkitScss = `@use "${toolkitMixinsPath}" as *;`;
+    nuxt.hook("vite:extendConfig", (config) => {
+      const server = config.server || (config.server = {});
+      const fs = server.fs || (server.fs = {});
+      const allow = fs.allow || (fs.allow = []);
+      if (!allow.includes(toolkitRuntimeDir)) {
+        allow.push(toolkitRuntimeDir);
+      }
+    });
+    const presetScssPath = resolve("./runtime/assets/scss/index.scss");
+    nuxt.options.css.push(presetScssPath);
     nuxt.options.vite.css.preprocessorOptions.scss.additionalData = `${toolkitScss}
-${presetScssImport}
 ${currentAdditionalData}`;
   }
 });

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

@@ -3,6 +3,7 @@ type __VLS_Props = {
     showClearIcon: boolean;
     clear: () => void;
     placeholder: string;
+    type: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:text": (value: string) => any;

package/dist/runtime/components/KTextbox/KTextbox.vue

@@ -1,16 +1,18 @@
 <template lang="pug">
 .KTextbox.modern-textbox
-	input(type="text" v-model="text" :placeholder="placeholder")
+	input(:type="props.type" v-model="text" :placeholder="placeholder")
 	.clear-button(v-if="showClearIcon" @click="clear")
 		KIcon(iconname="close" width="16" height="16")
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   text: { type: String, required: true },
   showClearIcon: { type: Boolean, required: true },
   clear: { type: Function, required: true },
-  placeholder: { type: String, required: true }
+  placeholder: { type: String, required: true },
+  type: { type: String, required: true }
 });
 const emit = defineEmits(["update:text"]);
 const text = computed({

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

@@ -3,6 +3,7 @@ type __VLS_Props = {
     showClearIcon: boolean;
     clear: () => void;
     placeholder: string;
+    type: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:text": (value: string) => any;

package/dist/runtime/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/plugin.js

@@ -0,0 +1,21 @@
+import { defineNuxtPlugin } from "#app";
+import { registerPresetComponents } from "#imports";
+export default defineNuxtPlugin(() => {
+  const loaders = {
+    "./components/KBulkActions/KBulkActions.vue": () => import("./components/KBulkActions/KBulkActions.vue"),
+    "./components/KButton/KButton.vue": () => import("./components/KButton/KButton.vue"),
+    "./components/KCheckbox/KCheckbox.vue": () => import("./components/KCheckbox/KCheckbox.vue"),
+    "./components/KDatatable/KDatatable.vue": () => import("./components/KDatatable/KDatatable.vue"),
+    "./components/KMaskTextbox/KMaskTextbox.vue": () => import("./components/KMaskTextbox/KMaskTextbox.vue"),
+    "./components/KPagination/KPagination.vue": () => import("./components/KPagination/KPagination.vue"),
+    "./components/KRangeSlider/KRangeSlider.vue": () => import("./components/KRangeSlider/KRangeSlider.vue"),
+    "./components/KSlider/KSlider.vue": () => import("./components/KSlider/KSlider.vue"),
+    "./components/KTextarea/KTextarea.vue": () => import("./components/KTextarea/KTextarea.vue"),
+    "./components/KTextbox/KTextbox.vue": () => import("./components/KTextbox/KTextbox.vue")
+  };
+  if (typeof registerPresetComponents === "function") {
+    registerPresetComponents("modern", loaders);
+  } else {
+    console.warn("Katlux preset-modern: registerPresetComponents not found in imports. Ensure @katlux/toolkit is installed and loaded.");
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@katlux/preset-modern",
-	"version": "0.1.0-beta.4",
+	"version": "0.1.0-beta.40",
 	"description": "Modern default design preset and styling variables for Katlux components",
 	"author": "Katlux",
 	"license": "MIT",
@@ -21,7 +21,7 @@
 	},
 	"dependencies": {
 		"@katlux/toolkit": "*",
-		"@nuxt/kit": "^3.20.1"
+		"@nuxt/kit": "^3.12.0"
 	},
 	"files": [
 		"dist"