@bitrix24/b24ui-nuxt 0.1.3 → 0.1.5

package/dist/shared/{b24ui-nuxt.ju-AYOH7.mjs → b24ui-nuxt.CGBDJv97.mjs}

@@ -13,17 +13,17 @@ const advice = {
     root: "flex items-end",
     descriptionWrapper: [
       "relative"
-    ],
+    ].join(" "),
     descriptionBorder: [
       "fill-blue-500 dark:fill-blue-300"
-    ],
+    ].join(" "),
     descriptionBg: [
       "fill-white dark:fill-base-900"
-    ],
+    ].join(" "),
     descriptionAngle: [
       "absolute",
       "w-[14px] h-[12px]"
-    ],
+    ].join(" "),
     description: [
       "grow",
       "w-11/12 py-3 px-md2 ms-2",
@@ -33,7 +33,7 @@ const advice = {
       "border-1",
       "border-blue-500 bg-white text-base-950",
       "dark:border-blue-300 dark:bg-base-900 dark:text-base-200"
-    ],
+    ].join(" "),
     leading: "me-1.5 ms-2",
     leadingIcon: "shrink-0 size-[42px]",
     leadingAvatar: "shrink-0",
@@ -267,8 +267,7 @@ const badge = {
       "inline-flex items-center",
       "transition-all duration-200 ease-linear",
       "px-2 leading-normal rounded-md"
-      // 'text-base-800 dark:text-base-250'
-    ],
+    ].join(" "),
     wrapper: "inline-flex items-center",
     label: "max-w-full whitespace-nowrap text-ellipsis",
     // truncate ////
@@ -713,7 +712,7 @@ const button = {
     ],
     baseLine: [
       "inline-flex items-center"
-    ],
+    ].join(" "),
     label: "truncate",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -1503,7 +1502,7 @@ const countdown = {
     base: [
       "relative flex flex-row flex-nowrap items-center justify-between",
       "text-base-500 dark:text-base-600"
-    ],
+    ].join(" "),
     label: "",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -1513,7 +1512,7 @@ const countdown = {
     circleElement: "stroke-transparent stroke-1",
     circlePath: [
       "stroke-[7px] rotate-90 origin-center stroke-current transition-all duration-1000 ease-linear"
-    ]
+    ].join(" ")
   },
   variants: {
     size: {
@@ -1641,7 +1640,7 @@ const input = {
       "font-b24-primary font-regular text-md leading-none",
       "align-middle",
       "text-ellipsis whitespace-nowrap"
-    ],
+    ].join(" "),
     leading: "absolute inset-y-0 start-0 flex items-center",
     leadingIcon: "shrink-0 text-base-400",
     leadingAvatar: "shrink-0",
@@ -1652,7 +1651,7 @@ const input = {
       "pointer-events-none select-none",
       "absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center",
       "font-b24-primary font-bold text-6xs leading-none uppercase rounded-full"
-    ]
+    ].join(" ")
   },
   variants: {
     ...buttonGroupVariantWithRoot,
@@ -2714,7 +2713,7 @@ const select = () => {
           "font-b24-primary font-regular text-sm",
           "align-middle",
           "text-ellipsis whitespace-nowrap"
-        ],
+        ].join(" "),
         value: "truncate pointer-events-none",
         placeholder: "truncate text-base-400 dark:text-base-300",
         arrow: "fill-base-master/10 dark:fill-base-100/20",
@@ -2725,12 +2724,12 @@ const select = () => {
           "overflow-hidden",
           "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
           "pointer-events-auto"
-        ],
+        ].join(" "),
         scrollUpDownButton: [
           "flex items-center justify-center h-[25px] cursor-default backdrop-blur",
           "text-base-800 bg-white",
           "dark:text-base-100 dark:bg-base-dark"
-        ],
+        ].join(" "),
         scrollUpDownButtonIcon: "",
         viewport: "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
         group: "p-1 isolate",
@@ -2738,7 +2737,7 @@ const select = () => {
         label: [
           "flex items-center",
           "font-semibold text-base-900 dark:text-base-200"
-        ],
+        ].join(" "),
         separator: "-mx-1 my-1 h-px bg-base-master/10 dark:bg-base-100/20",
         item: [
           "group relative w-full flex items-center select-none outline-none",
@@ -2747,11 +2746,11 @@ const select = () => {
           "data-disabled:cursor-not-allowed data-disabled:opacity-75",
           "text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
           "transition-colors before:transition-colors"
-        ],
+        ].join(" "),
         itemLeadingIcon: [
           "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
           "transition-colors"
-        ],
+        ].join(" "),
         itemLeadingAvatar: "shrink-0",
         itemLeadingAvatarSize: "",
         itemLeadingChip: "shrink-0",
@@ -2896,10 +2895,16 @@ const skeleton = {
 const _switch = {
   slots: {
     root: "relative flex items-start",
-    base: ["cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800", "transition-colors duration-200"],
+    base: [
+      "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800",
+      "transition-colors duration-200"
+    ].join(" "),
     container: "flex items-center",
     thumb: "group pointer-events-none rounded-full bg-white dark:bg-base-100 shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
-    icon: ["absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10", "transition-[color,opacity] duration-200"],
+    icon: [
+      "absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10",
+      "transition-[color,opacity] duration-200"
+    ].join(" "),
     wrapper: "font-b24-primary font-regular ms-2",
     label: "cursor-pointer block text-base-master dark:text-base-400",
     description: "text-base-500 dark:text-base-600"
@@ -3016,7 +3021,7 @@ const tabs = {
       "font-medium rounded-xl",
       "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
       "transition-colors"
-    ],
+    ].join(" "),
     content: "focus:outline-none w-full",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -3360,12 +3365,12 @@ const textarea = {
       "dark:text-base-150 dark:bg-transparent dark:placeholder:text-base-300 dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
       "font-b24-primary font-regular text-md leading-normal",
       "align-middle"
-    ],
+    ].join(" "),
     tag: [
       "pointer-events-none select-none",
       "absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center",
       "font-b24-primary font-bold text-6xs leading-none uppercase rounded-full"
-    ]
+    ].join(" ")
   },
   variants: {
     ...buttonGroupVariantWithRoot,
@@ -3667,7 +3672,7 @@ const toast = {
       "bg-base-ebony/80 dark:bg-base-dark",
       "text-sm font-normal",
       "text-white dark:text-base-150"
-    ],
+    ].join(" "),
     wrapper: "w-0 flex-1 flex flex-col gap-1",
     title: "font-medium",
     description: "",
@@ -3821,7 +3826,7 @@ const tooltip = {
       "bg-base-dark text-white",
       "dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20",
       "pointer-events-auto"
-    ],
+    ].join(" "),
     arrow: "fill-base-dark dark:fill-base-100/20",
     text: "text-pretty max-w-[200px]",
     // truncate

package/dist/shared/{b24ui-nuxt.DKayP3fG.cjs → b24ui-nuxt.D8eTlsIC.cjs}

@@ -15,17 +15,17 @@ const advice = {
     root: "flex items-end",
     descriptionWrapper: [
       "relative"
-    ],
+    ].join(" "),
     descriptionBorder: [
       "fill-blue-500 dark:fill-blue-300"
-    ],
+    ].join(" "),
     descriptionBg: [
       "fill-white dark:fill-base-900"
-    ],
+    ].join(" "),
     descriptionAngle: [
       "absolute",
       "w-[14px] h-[12px]"
-    ],
+    ].join(" "),
     description: [
       "grow",
       "w-11/12 py-3 px-md2 ms-2",
@@ -35,7 +35,7 @@ const advice = {
       "border-1",
       "border-blue-500 bg-white text-base-950",
       "dark:border-blue-300 dark:bg-base-900 dark:text-base-200"
-    ],
+    ].join(" "),
     leading: "me-1.5 ms-2",
     leadingIcon: "shrink-0 size-[42px]",
     leadingAvatar: "shrink-0",
@@ -269,8 +269,7 @@ const badge = {
       "inline-flex items-center",
       "transition-all duration-200 ease-linear",
       "px-2 leading-normal rounded-md"
-      // 'text-base-800 dark:text-base-250'
-    ],
+    ].join(" "),
     wrapper: "inline-flex items-center",
     label: "max-w-full whitespace-nowrap text-ellipsis",
     // truncate ////
@@ -715,7 +714,7 @@ const button = {
     ],
     baseLine: [
       "inline-flex items-center"
-    ],
+    ].join(" "),
     label: "truncate",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -1505,7 +1504,7 @@ const countdown = {
     base: [
       "relative flex flex-row flex-nowrap items-center justify-between",
       "text-base-500 dark:text-base-600"
-    ],
+    ].join(" "),
     label: "",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -1515,7 +1514,7 @@ const countdown = {
     circleElement: "stroke-transparent stroke-1",
     circlePath: [
       "stroke-[7px] rotate-90 origin-center stroke-current transition-all duration-1000 ease-linear"
-    ]
+    ].join(" ")
   },
   variants: {
     size: {
@@ -1643,7 +1642,7 @@ const input = {
       "font-b24-primary font-regular text-md leading-none",
       "align-middle",
       "text-ellipsis whitespace-nowrap"
-    ],
+    ].join(" "),
     leading: "absolute inset-y-0 start-0 flex items-center",
     leadingIcon: "shrink-0 text-base-400",
     leadingAvatar: "shrink-0",
@@ -1654,7 +1653,7 @@ const input = {
       "pointer-events-none select-none",
       "absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center",
       "font-b24-primary font-bold text-6xs leading-none uppercase rounded-full"
-    ]
+    ].join(" ")
   },
   variants: {
     ...buttonGroupVariantWithRoot,
@@ -2716,7 +2715,7 @@ const select = () => {
           "font-b24-primary font-regular text-sm",
           "align-middle",
           "text-ellipsis whitespace-nowrap"
-        ],
+        ].join(" "),
         value: "truncate pointer-events-none",
         placeholder: "truncate text-base-400 dark:text-base-300",
         arrow: "fill-base-master/10 dark:fill-base-100/20",
@@ -2727,12 +2726,12 @@ const select = () => {
           "overflow-hidden",
           "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
           "pointer-events-auto"
-        ],
+        ].join(" "),
         scrollUpDownButton: [
           "flex items-center justify-center h-[25px] cursor-default backdrop-blur",
           "text-base-800 bg-white",
           "dark:text-base-100 dark:bg-base-dark"
-        ],
+        ].join(" "),
         scrollUpDownButtonIcon: "",
         viewport: "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
         group: "p-1 isolate",
@@ -2740,7 +2739,7 @@ const select = () => {
         label: [
           "flex items-center",
           "font-semibold text-base-900 dark:text-base-200"
-        ],
+        ].join(" "),
         separator: "-mx-1 my-1 h-px bg-base-master/10 dark:bg-base-100/20",
         item: [
           "group relative w-full flex items-center select-none outline-none",
@@ -2749,11 +2748,11 @@ const select = () => {
           "data-disabled:cursor-not-allowed data-disabled:opacity-75",
           "text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
           "transition-colors before:transition-colors"
-        ],
+        ].join(" "),
         itemLeadingIcon: [
           "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
           "transition-colors"
-        ],
+        ].join(" "),
         itemLeadingAvatar: "shrink-0",
         itemLeadingAvatarSize: "",
         itemLeadingChip: "shrink-0",
@@ -2898,10 +2897,16 @@ const skeleton = {
 const _switch = {
   slots: {
     root: "relative flex items-start",
-    base: ["cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800", "transition-colors duration-200"],
+    base: [
+      "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800",
+      "transition-colors duration-200"
+    ].join(" "),
     container: "flex items-center",
     thumb: "group pointer-events-none rounded-full bg-white dark:bg-base-100 shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
-    icon: ["absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10", "transition-[color,opacity] duration-200"],
+    icon: [
+      "absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10",
+      "transition-[color,opacity] duration-200"
+    ].join(" "),
     wrapper: "font-b24-primary font-regular ms-2",
     label: "cursor-pointer block text-base-master dark:text-base-400",
     description: "text-base-500 dark:text-base-600"
@@ -3018,7 +3023,7 @@ const tabs = {
       "font-medium rounded-xl",
       "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
       "transition-colors"
-    ],
+    ].join(" "),
     content: "focus:outline-none w-full",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
@@ -3362,12 +3367,12 @@ const textarea = {
       "dark:text-base-150 dark:bg-transparent dark:placeholder:text-base-300 dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
       "font-b24-primary font-regular text-md leading-normal",
       "align-middle"
-    ],
+    ].join(" "),
     tag: [
       "pointer-events-none select-none",
       "absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center",
       "font-b24-primary font-bold text-6xs leading-none uppercase rounded-full"
-    ]
+    ].join(" ")
   },
   variants: {
     ...buttonGroupVariantWithRoot,
@@ -3669,7 +3674,7 @@ const toast = {
       "bg-base-ebony/80 dark:bg-base-dark",
       "text-sm font-normal",
       "text-white dark:text-base-150"
-    ],
+    ].join(" "),
     wrapper: "w-0 flex-1 flex flex-col gap-1",
     title: "font-medium",
     description: "",
@@ -3823,7 +3828,7 @@ const tooltip = {
       "bg-base-dark text-white",
       "dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20",
       "pointer-events-auto"
-    ],
+    ].join(" "),
     arrow: "fill-base-dark dark:fill-base-100/20",
     text: "text-pretty max-w-[200px]",
     // truncate

package/dist/unplugin.cjs

@@ -3,25 +3,25 @@
 const node_url = require('node:url');
 const pathe = require('pathe');
 const unplugin = require('unplugin');
-const AutoImport = require('unplugin-auto-import');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.DKayP3fG.cjs');
+const templates = require('./shared/b24ui-nuxt.D8eTlsIC.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
 const mlly = require('mlly');
 const AutoImportComponents = require('unplugin-vue-components');
+const AutoImport = require('unplugin-auto-import');
 require('scule');
 require('@nuxt/kit');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
-const AutoImport__default = /*#__PURE__*/_interopDefaultCompat(AutoImport);
 const tailwind__default = /*#__PURE__*/_interopDefaultCompat(tailwind);
 const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
 const AutoImportComponents__default = /*#__PURE__*/_interopDefaultCompat(AutoImportComponents);
+const AutoImport__default = /*#__PURE__*/_interopDefaultCompat(AutoImport);
 
 function TemplatePlugin(options) {
   const templates$1 = templates.getTemplates(options);
@@ -100,7 +100,7 @@ function AppConfigPlugin(options, appConfig) {
   };
 }
 
-function ComponentImportPlugin(framework, options) {
+function ComponentImportPlugin(options, meta) {
   const components = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components") });
   const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const componentsContent = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components/content") });
@@ -109,10 +109,26 @@ function ComponentImportPlugin(framework, options) {
   const componentProseNames = new Set(componentsProse.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const overrides = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "vue/components") });
   const overrideNames = new Set(overrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
+  const pluginOptions = defu.defu(options.components, {
+    dts: options.dts ?? true,
+    exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@nuxt\/ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
+    resolvers: [
+      (componentName) => {
+        if (overrideNames.has(componentName))
+          return { name: "default", from: pathe.join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
+        if (componentProseNames.has(componentName))
+          return { name: "default", from: pathe.join(runtimeDir, "components/prose", `${componentName.slice("B24".length)}.vue`) };
+        if (componentContentNames.has(componentName))
+          return { name: "default", from: pathe.join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
+        if (componentNames.has(componentName))
+          return { name: "default", from: pathe.join(runtimeDir, "components", `${componentName.slice("B24".length)}.vue`) };
+      }
+    ]
+  });
   return [
     /**
      * This plugin aims to ensure we override certain components with Vue-compatible versions:
-     * <B24Icon> and <B24Link> currently.
+     * <B24Link> currently.
      */
     {
       name: "bitrix24:b24ui:components",
@@ -130,38 +146,7 @@ function ComponentImportPlugin(framework, options) {
         }
       }
     },
-    AutoImportComponents__default[framework]({
-      dts: options.dts ?? true,
-      exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@bitrix24\/b24ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
-      resolvers: [
-        (componentName) => {
-          if (overrideNames.has(componentName)) {
-            return {
-              name: "default",
-              from: pathe.join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-          if (componentContentNames.has(componentName)) {
-            return {
-              name: "default",
-              from: pathe.join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-          if (componentProseNames.has(componentName)) {
-            return {
-              name: "default",
-              from: pathe.join(runtimeDir, "components/prose", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-          if (componentNames.has(componentName)) {
-            return {
-              name: "default",
-              from: pathe.join(runtimeDir, "components", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-        }
-      ]
-    })
+    AutoImportComponents__default.raw(pluginOptions, meta)
   ];
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
@@ -194,19 +179,41 @@ function Bitrix24EnvironmentPlugin() {
   };
 }
 
+function AutoImportPlugin(options, meta) {
+  const pluginOptions = defu.defu(options.autoImport, {
+    dts: options.dts ?? true,
+    dirs: [pathe.join(runtimeDir, "composables")]
+  });
+  return AutoImport__default.raw(pluginOptions, meta);
+}
+
 const runtimeDir = pathe.normalize(node_url.fileURLToPath(new URL("./runtime", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('unplugin.cjs', document.baseURI).href)))));
 const Bitrix24UIPlugin = unplugin.createUnplugin((_options = {}, meta) => {
   const options = defu.defu(_options, { fonts: false, devtools: { enabled: false } }, templates.defaultOptions);
   const appConfig = defu.defu({ b24ui: options.b24ui }, { b24ui: templates.getDefaultUiConfig() });
   return [
     Bitrix24EnvironmentPlugin(),
-    ...ComponentImportPlugin(meta.framework, options),
-    AutoImport__default[meta.framework]({ dts: options.dts ?? true, dirs: [pathe.join(runtimeDir, "composables")] }),
+    ComponentImportPlugin(options, meta),
+    AutoImportPlugin(options, meta),
     tailwind__default(),
     PluginsPlugin(options),
     TemplatePlugin(options),
-    AppConfigPlugin(options, appConfig)
-  ];
+    AppConfigPlugin(options, appConfig),
+    {
+      name: "bitrix24:b24ui:plugins-duplication-detection",
+      vite: {
+        configResolved(config) {
+          const plugins = config.plugins || [];
+          if (plugins.filter((i) => i.name === "unplugin-auto-import").length > 1) {
+            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-auto-import` detected. Nuxt UI includes `unplugin-auto-import` already, and you can configure it using `autoImport` option in Bitrix24 UI module options.");
+          }
+          if (plugins.filter((i) => i.name === "unplugin-vue-components").length > 1) {
+            throw new Error("[Bitrix24 UI] Multiple instances of `unplugin-vue-components` detected. Nuxt UI includes `unplugin-vue-components` already, and you can configure it using `components` option in Bitrix24 UI module options.");
+          }
+        }
+      }
+    }
+  ].flat(1);
 });
 
 exports.Bitrix24UIPlugin = Bitrix24UIPlugin;

package/dist/unplugin.d.cts

@@ -1,4 +1,6 @@
 import * as unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+import { Options as Options$1 } from 'unplugin-vue-components/types';
 import * as b24ui from '#build/b24ui';
 import { ModuleOptions } from './module.cjs';
 import { DeepPartial } from '../dist/runtime/types/utils.js';
@@ -15,6 +17,14 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
      * @defaultValue `true`
      */
     colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
 }
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;

package/dist/unplugin.d.mts

@@ -1,4 +1,6 @@
 import * as unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+import { Options as Options$1 } from 'unplugin-vue-components/types';
 import * as b24ui from '#build/b24ui';
 import { ModuleOptions } from './module.mjs';
 import { DeepPartial } from '../dist/runtime/types/utils.js';
@@ -15,6 +17,14 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
      * @defaultValue `true`
      */
     colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
 }
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;

package/dist/unplugin.d.ts

@@ -1,4 +1,6 @@
 import * as unplugin from 'unplugin';
+import { Options } from 'unplugin-auto-import/types';
+import { Options as Options$1 } from 'unplugin-vue-components/types';
 import * as b24ui from '#build/b24ui';
 import { ModuleOptions } from './module.js';
 import { DeepPartial } from '../dist/runtime/types/utils.js';
@@ -15,6 +17,14 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
      * @defaultValue `true`
      */
     colorMode?: boolean;
+    /**
+     * Override options for `unplugin-auto-import`
+     */
+    autoImport?: Partial<Options>;
+    /**
+     * Override options for `unplugin-vue-components`
+     */
+    components?: Partial<Options$1>;
 }
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;