@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

package/dist/runtime/vue/components/Link.vue

@@ -1,19 +1,17 @@
 <script>
-import { tv } from "tailwind-variants";
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/link";
-const appConfigLink = _appConfig;
-const link = tv({ extend: tv(theme), ...appConfigLink.b24ui?.link || {} });
 </script>
 
 <script setup>
 import { computed, getCurrentInstance } from "vue";
+import { defu } from "defu";
 import { isEqual, diff } from "ohash/utils";
 import { useForwardProps } from "reka-ui";
 import { reactiveOmit } from "@vueuse/core";
 import { hasProtocol } from "ufo";
-import { useRoute } from "#imports";
-import { RouterLink } from "vue-router";
+import { useRoute, RouterLink } from "vue-router";
+import { useAppConfig } from "#imports";
+import { tv } from "../../utils/tv";
 import B24LinkBase from "./../../components/LinkBase.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -58,15 +56,18 @@ const route = computed(() => {
     return null;
   }
 });
+const appConfig = useAppConfig();
 const routerLinkProps = useForwardProps(reactiveOmit(props, "as", "type", "disabled", "active", "exact", "exactQuery", "exactHash", "activeClass", "inactiveClass", "to", "raw", "class"));
 const b24ui = computed(() => tv({
-  extend: link,
-  variants: {
-    active: {
-      true: props.activeClass,
-      false: props.inactiveClass
+  extend: tv(theme),
+  ...defu({
+    variants: {
+      active: {
+        true: props.activeClass,
+        false: props.inactiveClass
+      }
     }
-  }
+  }, appConfig.b24ui?.link || {})
 }));
 function isPartiallyEqual(item1, item2) {
   const diffedKeys = diff(item1, item2).reduce((filtered, q) => {

package/dist/runtime/vue/stubs.d.ts

@@ -12,7 +12,7 @@ export declare const useColorMode: () => {
     preference?: undefined;
     readonly value?: undefined;
 } | {
-    preference: "dark" | "light" | "system";
+    preference: "light" | "dark" | "system";
     readonly value: import("@vueuse/core").BasicColorMode;
     forced: boolean;
 };

package/dist/shared/{b24ui-nuxt.BA6Y2FnC.mjs → b24ui-nuxt.wBs9vEU5.mjs}

@@ -1,4 +1,4 @@
-import 'node:url';
+import { fileURLToPath } from 'node:url';
 import { kebabCase } from 'scule';
 import { addTypeTemplate, addTemplate } from '@nuxt/kit';
 import { defuFn, defu } from 'defu';
@@ -1263,7 +1263,12 @@ const button = {
     },
     {
       normalCase: true,
-      size: ["md", "lg"],
+      size: "md",
+      class: "text-md"
+    },
+    {
+      normalCase: true,
+      size: "lg",
       class: "text-md"
     }
     // endregion ////
@@ -7621,6 +7626,16 @@ function getTemplates(options) {
             return `${before}${replaced}${after}`;
           });
         }
+        if (process.env.DEV) {
+          const templatePath = fileURLToPath(new URL(`./theme/prose/${kebabCase(component)}`, import.meta.url));
+          return [
+            `import template from ${JSON.stringify(templatePath)}`,
+            ...generateVariantDeclarations(variants, result),
+            `const result = typeof template === 'function' ? template(${JSON.stringify(options, null, 2)}) : template`,
+            `const theme = ${json}`,
+            `export default result as typeof theme`
+          ].join("\n\n");
+        }
         return [
           ...generateVariantDeclarations(variants, result),
           `export default ${json}`
@@ -7647,6 +7662,16 @@ function getTemplates(options) {
             return `${before}${replaced}${after}`;
           });
         }
+        if (process.env.DEV) {
+          const templatePath = fileURLToPath(new URL(`./theme/content/${kebabCase(component)}`, import.meta.url));
+          return [
+            `import template from ${JSON.stringify(templatePath)}`,
+            ...generateVariantDeclarations(variants, result),
+            `const result = typeof template === 'function' ? template(${JSON.stringify(options, null, 2)}) : template`,
+            `const theme = ${json}`,
+            `export default result as typeof theme`
+          ].join("\n\n");
+        }
         return [
           ...generateVariantDeclarations(variants, result),
           `export default ${json}`

package/dist/unplugin.d.mts

@@ -25,6 +25,10 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
      * Override options for `unplugin-vue-components`
      */
     components?: Partial<Options$1>;
+    /**
+     * Enables compatibility layer for InertiaJS
+     */
+    inertia?: boolean;
 }
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BA6Y2FnC.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.wBs9vEU5.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -107,6 +107,8 @@ function ComponentImportPlugin(options, meta) {
   const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const componentsContent = globSync("**/*.vue", { cwd: join(runtimeDir, "components/content") });
   const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
+  const inertiaOverrides = globSync("**/*.vue", { cwd: join(runtimeDir, "inertia/components") });
+  const inertiaOverrideNames = new Set(inertiaOverrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const componentsProse = globSync("**/*.vue", { cwd: join(runtimeDir, "prose") });
   const componentProseNames = new Set(componentsProse.map((c) => `Prose${c.replace(/\.vue$/, "")}`));
   const overrides = globSync("**/*.vue", { cwd: join(runtimeDir, "vue/components") });
@@ -120,6 +122,9 @@ function ComponentImportPlugin(options, meta) {
     ],
     resolvers: [
       (componentName) => {
+        if (options.inertia && inertiaOverrideNames.has(componentName)) {
+          return { name: "default", from: join(runtimeDir, "inertia/components", `${componentName.slice("B24".length)}.vue`) };
+        }
         if (overrideNames.has(componentName))
           return { name: "default", from: join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
         if (componentProseNames.has(componentName))
@@ -147,6 +152,9 @@ function ComponentImportPlugin(options, meta) {
           return;
         }
         const filename = id.match(/([^/]+)\.vue$/)?.[1];
+        if (filename && options.inertia && inertiaOverrideNames.has(`B24${filename}`)) {
+          return join(runtimeDir, "inertia/components", `${filename}.vue`);
+        }
         if (filename && overrideNames.has(`B24${filename}`)) {
           return join(runtimeDir, "vue/components", `${filename}.vue`);
         }
@@ -157,8 +165,8 @@ function ComponentImportPlugin(options, meta) {
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
 
-function Bitrix24EnvironmentPlugin() {
-  const stubPath = resolvePathSync("../runtime/vue/stubs", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
+function Bitrix24EnvironmentPlugin(options) {
+  const stubPath = resolvePathSync(options.inertia ? "../runtime/inertia/stubs" : "../runtime/vue/stubs", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
   return {
     name: "bitrix24:b24ui",
     enforce: "pre",
@@ -198,7 +206,7 @@ const Bitrix24UIPlugin = createUnplugin((_options = {}, meta) => {
   const options = defu(_options, {}, defaultOptions);
   const appConfig = defu({ b24ui: options.b24ui, colorMode: options.colorMode }, { b24ui: getDefaultUiConfig() });
   return [
-    Bitrix24EnvironmentPlugin(),
+    Bitrix24EnvironmentPlugin(options),
     ComponentImportPlugin(options, meta),
     AutoImportPlugin(options, meta),
     tailwind(),

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.BA6Y2FnC.mjs';
+import './shared/b24ui-nuxt.wBs9vEU5.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -102,14 +102,14 @@
   "dependencies": {
     "@bitrix24/b24icons-vue": "^1.0.5",
     "@bitrix24/b24style": "^1.0.1",
-    "@internationalized/date": "^3.7.0",
-    "@internationalized/number": "^3.6.0",
+    "@internationalized/date": "^3.8.0",
+    "@internationalized/number": "^3.6.1",
     "@nuxt/kit": "^3.16.2",
     "@nuxt/schema": "^3.16.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.3",
-    "@tailwindcss/vite": "^4.1.3",
+    "@tailwindcss/postcss": "^4.1.4",
+    "@tailwindcss/vite": "^4.1.4",
     "@tanstack/vue-table": "^8.21.2",
     "@unhead/vue": "^2.0.3",
     "@vueuse/core": "^13.0.0",
@@ -135,14 +135,12 @@
     "reka-ui": "^2.2.0",
     "scule": "^1.3.0",
     "tailwind-variants": "^1.0.0",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.1.4",
     "tinyglobby": "^0.2.12",
-    "unplugin": "^2.2.2",
+    "unplugin": "^2.3.2",
     "unplugin-auto-import": "^19.1.2",
-    "unplugin-vue-components": "^28.4.1",
-    "vaul-vue": "^0.4.1",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "unplugin-vue-components": "^28.5.0",
+    "vaul-vue": "^0.4.1"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^1.3.0",
@@ -161,14 +159,19 @@
     "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
+    "@inertiajs/vue3": "^2.0.7",
     "joi": "^17.13.0",
     "superstruct": "^2.0.0",
     "typescript": "^5.6.3",
     "valibot": "^1.0.0",
+    "vue-router": "^4.5.0",
     "yup": "^1.6.0",
     "zod": "^3.24.0"
   },
   "peerDependenciesMeta": {
+    "@inertiajs/vue3": {
+      "optional": true
+    },
     "joi": {
       "optional": true
     },
@@ -178,6 +181,9 @@
     "superstruct": {
       "optional": true
     },
+    "vue-router": {
+      "optional": true
+    },
     "yup": {
       "optional": true
     },
@@ -190,7 +196,7 @@
     "chokidar": "3.6.0",
     "debug": "4.3.7",
     "rollup": "4.34.9",
-    "unplugin": "^2.2.2",
+    "unplugin": "^2.3.2",
     "vue-tsc": "2.2.0"
   },
   "keywords": [
@@ -214,13 +220,13 @@
     "dev:prepare-short": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue && nuxi prepare demo",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue && nuxi prepare demo && nuxt-component-meta playground --outputDir ../src/.component-meta/",
     "build": "nuxt-module-build build",
-    "dev": "DEV=true nuxi dev playground",
+    "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:generate": "nuxt generate playground",
     "dev:preview": "nuxt preview playground",
-    "dev:vue": "DEV=true vite playground-vue",
+    "dev:vue": "vite playground-vue",
     "dev:vue:build": "vite build playground-vue",
-    "demo:dev": "DEV=true nuxi dev demo",
+    "demo:dev": "nuxi dev demo",
     "demo:generate": "nuxt generate demo",
     "demo:preview": "nuxt preview demo",
     "docs:full:dev": "pnpm build && vitepress dev docs",