@bitrix24/b24ui-nuxt 0.1.4 → 0.1.6

package/.nuxt/b24ui/badge.ts

@@ -1,3 +1,8 @@
+const buttonGroup = [
+  "horizontal",
+  "vertical"
+] as const
+
 const color = [
   "default",
   "danger",
@@ -34,6 +39,13 @@ export default {
     "trailingIcon": "shrink-0 cursor-pointer  hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
   },
   "variants": {
+    "buttonGroup": {
+      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0",
+      "vertical": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
+    },
+    "noSplit": {
+      "false": "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
+    },
     "useLink": {
       "true": {
         "base": "cursor-pointer",
@@ -116,7 +128,7 @@ export default {
     {
       "color": "default" as typeof color[number],
       "depth": "normal" as typeof depth[number],
-      "class": "ring ring-inset text-base-800 bg-base-150 ring-base-150 dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
+      "class": "ring ring-inset text-base-800 bg-base-150 ring-base-300 dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
     },
     {
       "color": "default" as typeof color[number],
@@ -240,6 +252,13 @@ export default {
     {
       "useClose": true,
       "class": ""
+    },
+    {
+      "buttonGroup": [
+        "horizontal" as typeof buttonGroup[number],
+        "vertical" as typeof buttonGroup[number]
+      ],
+      "class": "rounded-2xs"
     }
   ],
   "defaultVariants": {

package/.nuxt/b24ui/button-group.ts

@@ -20,7 +20,7 @@ export default {
       "lg": ""
     },
     "orientation": {
-      "horizontal": "inline-flex -space-x-px",
+      "horizontal": "flex flex-row -space-x-px",
       "vertical": "flex flex-col -space-y-px"
     }
   }

package/.nuxt/b24ui/button.ts

@@ -45,11 +45,11 @@ export default {
   },
   "variants": {
     "buttonGroup": {
-      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none not-only:first:border-e-0 not-only:not-first:border-s-0",
+      "horizontal": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0",
       "vertical": "focus-visible:outline-none ring ring-inset ring-0 focus-visible:ring-2 not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
     },
     "noSplit": {
-      "false": "not-only:not-first:after:content-[''] not-only:not-first:after:absolute not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px not-only:not-first:after:bg-current/30"
+      "false": "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
     },
     "color": {
       "default": "text-white dark:text-base-100 bg-base-650 border border-base-650 hover:bg-base-850 hover:border-base-850 hover:focus-visible:ring-0 active:bg-slate-850 active:border-slate-850 active:focus-visible:ring-0 disabled:bg-base-650 aria-disabled:bg-base-650 disabled:border-base-650 aria-disabled:border-base-650 focus-visible:outline-base-650 ring-base-850 focus-visible:ring-base-850",

package/.nuxt/b24ui/input.ts

@@ -51,8 +51,8 @@ export default {
   "variants": {
     "buttonGroup": {
       "horizontal": {
-        "root": "group",
-        "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
+        "root": "group leading-none",
+        "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
       },
       "vertical": {
         "root": "group",
@@ -60,7 +60,7 @@ export default {
       }
     },
     "noSplit": {
-      "false": "not-only:not-first:after:content-[''] not-only:not-first:after:absolute not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px not-only:not-first:after:bg-current/30"
+      "false": "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px group-not-only:not-first:after:bg-current/30"
     },
     "size": {
       "xs": {

package/.nuxt/b24ui/select.ts

@@ -38,8 +38,8 @@ const type = [
 
 export default {
   "slots": {
-    "root": "relative inline-flex items-center min-w-full w-full",
-    "base": "relative inline-flex items-center group min-w-full w-full py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm align-middle text-ellipsis whitespace-nowrap",
+    "root": "relative inline-flex items-center w-full",
+    "base": "relative inline-flex items-center group py-0 border-0 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:bg-base-30/37 disabled:text-base-500 dark:disabled:bg-base-900/37 dark:disabled:text-base-800 appearance-none transition duration-300 ease-linear ring ring-inset ring-base-300 dark:ring-base-800 text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900 dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350 font-b24-primary font-regular text-sm leading-none align-middle text-ellipsis whitespace-nowrap",
     "leading": "absolute inset-y-0 start-0 flex items-center",
     "leadingIcon": "shrink-0 text-base-400",
     "leadingAvatar": "shrink-0",
@@ -71,8 +71,8 @@ export default {
   "variants": {
     "buttonGroup": {
       "horizontal": {
-        "root": "group",
-        "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
+        "root": "group leading-none",
+        "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
       },
       "vertical": {
         "root": "group",
@@ -80,7 +80,7 @@ export default {
       }
     },
     "noSplit": {
-      "false": "not-only:not-first:after:content-[''] not-only:not-first:after:absolute not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px not-only:not-first:after:bg-current/30"
+      "false": "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px group-not-only:not-first:after:bg-current/30"
     },
     "size": {
       "xs": {

package/.nuxt/b24ui/textarea.ts

@@ -34,8 +34,8 @@ export default {
   "variants": {
     "buttonGroup": {
       "horizontal": {
-        "root": "group",
-        "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
+        "root": "group leading-none",
+        "base": "focus-visible:outline-none ring ring-inset ring-1 focus-visible:ring-2 group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
       },
       "vertical": {
         "root": "group",
@@ -43,7 +43,7 @@ export default {
       }
     },
     "noSplit": {
-      "false": "not-only:not-first:after:content-[''] not-only:not-first:after:absolute not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px not-only:not-first:after:bg-current/30"
+      "false": "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px group-not-only:not-first:after:bg-current/30"
     },
     "color": {
       "default": "",

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.D8eTlsIC.cjs');
+const templates = require('./shared/b24ui-nuxt.BAQG__ma.cjs');
 require('node:url');
 require('scule');
 

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.13.1"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CGBDJv97.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.n3bAiAAD.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/Badge.vue

@@ -44,6 +44,7 @@ export interface BadgeSlots {
 <script setup lang="ts">
 import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
+import { useButtonGroup } from '../composables/useButtonGroup'
 import { useComponentIcons } from '../composables/useComponentIcons'
 import Cross20Icon from '@bitrix24/b24icons-vue/actions/Cross20Icon'
 import B24Avatar from './Avatar.vue'
@@ -61,12 +62,14 @@ async function onCloseClickWrapper(event: MouseEvent) {
   } finally { /* empty */ }
 }
 
+const { orientation, size: buttonGroupSize } = useButtonGroup<BadgeProps>(props)
 const { isLeading, leadingIconName } = useComponentIcons(props)
 
 const b24ui = computed(() => badge({
   color: props.color,
   depth: props.depth,
-  size: props.size,
+  size: buttonGroupSize.value || props.size,
+  buttonGroup: orientation.value,
   useLink: Boolean(props.useLink),
   useClose: Boolean(props.useClose),
   useFill: Boolean(props.useFill),

package/dist/runtime/components/ButtonGroup.vue

@@ -52,7 +52,7 @@ provide(buttonGroupInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <Primitive :as="as" :class="buttonGroup({ orientation, class: props.class })">
+  <Primitive :as="as" class="group/items is-button-group" :class="buttonGroup({ orientation, class: props.class })">
     <slot />
   </Primitive>
 </template>

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

@@ -99,6 +99,7 @@ import { reactiveOmit } from '@vueuse/core'
 import { hasProtocol } from 'ufo'
 import { useRoute } from '#imports'
 import { RouterLink } from 'vue-router'
+import B24LinkBase from './../../components/LinkBase.vue'
 
 defineOptions({ inheritAttrs: false })
 

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

@@ -262,6 +262,73 @@ const avatarGroup = {
   }
 };
 
+const buttonGroupVariant = {
+  buttonGroup: {
+    horizontal: [
+      "focus-visible:outline-none",
+      "ring ring-inset ring-0 focus-visible:ring-2",
+      "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
+      "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
+    ].join(" "),
+    vertical: [
+      "focus-visible:outline-none",
+      "ring ring-inset ring-0 focus-visible:ring-2",
+      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
+    ].join(" ")
+  },
+  noSplit: {
+    false: [
+      "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute",
+      "group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px",
+      "group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
+    ].join(" ")
+  }
+};
+const buttonGroupVariantWithRoot = {
+  buttonGroup: {
+    horizontal: {
+      root: "group leading-none",
+      base: [
+        "focus-visible:outline-none",
+        "ring ring-inset ring-1 focus-visible:ring-2",
+        "group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
+        "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
+        "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
+      ].join(" ")
+    },
+    vertical: {
+      root: "group",
+      base: [
+        "focus-visible:outline-none",
+        "ring ring-inset ring-1 focus-visible:ring-2",
+        "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+      ].join(" ")
+    }
+  },
+  noSplit: {
+    false: [
+      "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
+      "group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px",
+      "group-not-only:not-first:after:bg-current/30"
+    ].join(" ")
+  }
+};
+const buttonGroup = {
+  base: "relative",
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    orientation: {
+      horizontal: "flex flex-row -space-x-px",
+      vertical: "flex flex-col -space-y-px"
+    }
+  }
+};
+
 const badge = {
   slots: {
     base: [
@@ -279,6 +346,7 @@ const badge = {
     trailingIcon: "shrink-0 cursor-pointer  hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
   },
   variants: {
+    ...buttonGroupVariant,
     useLink: {
       true: {
         base: "cursor-pointer",
@@ -370,8 +438,8 @@ const badge = {
       depth: "normal",
       class: [
         "ring ring-inset",
-        "text-base-800 bg-base-150 ring-base-150",
-        "dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
+        "text-base-800 bg-base-150 ring-base-300",
+        "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
       ].join(" ")
     },
     // LIGHT ////
@@ -626,6 +694,12 @@ const badge = {
     {
       useClose: true,
       class: ""
+    },
+    // endregion ////
+    // region buttonGroup ////
+    {
+      buttonGroup: ["horizontal", "vertical"],
+      class: "rounded-2xs"
     }
     // endregion ////
   ],
@@ -637,72 +711,6 @@ const badge = {
   }
 };
 
-const buttonGroupVariant = {
-  buttonGroup: {
-    horizontal: [
-      "focus-visible:outline-none",
-      "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
-      "not-only:first:border-e-0 not-only:not-first:border-s-0"
-    ].join(" "),
-    vertical: [
-      "focus-visible:outline-none",
-      "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
-    ].join(" ")
-  },
-  noSplit: {
-    false: [
-      "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
-      "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
-      "not-only:not-first:after:bg-current/30"
-    ].join(" ")
-  }
-};
-const buttonGroupVariantWithRoot = {
-  buttonGroup: {
-    horizontal: {
-      root: "group",
-      base: [
-        "focus-visible:outline-none",
-        "ring ring-inset ring-1 focus-visible:ring-2",
-        "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
-        "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
-      ].join(" ")
-    },
-    vertical: {
-      root: "group",
-      base: [
-        "focus-visible:outline-none",
-        "ring ring-inset ring-1 focus-visible:ring-2",
-        "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
-      ].join(" ")
-    }
-  },
-  noSplit: {
-    false: [
-      "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
-      "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
-      "not-only:not-first:after:bg-current/30"
-    ].join(" ")
-  }
-};
-const buttonGroup = {
-  base: "relative",
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    orientation: {
-      horizontal: "inline-flex -space-x-px",
-      vertical: "flex flex-col -space-y-px"
-    }
-  }
-};
-
 const button = {
   slots: {
     base: [
@@ -2699,10 +2707,10 @@ const select = () => {
   return defu.defuFn(
     {
       slots: {
-        root: () => "relative inline-flex items-center min-w-full w-full",
+        root: () => "relative inline-flex items-center w-full",
         base: () => [
           "relative inline-flex items-center group",
-          "min-w-full w-full py-0 border-0 focus:outline-none",
+          "py-0 border-0 focus:outline-none",
           "cursor-pointer disabled:cursor-not-allowed",
           "disabled:bg-base-30/37 disabled:text-base-500",
           "dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
@@ -2712,7 +2720,7 @@ const select = () => {
           "dark:ring-base-800",
           "text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
           "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
-          "font-b24-primary font-regular text-sm",
+          "font-b24-primary font-regular text-sm leading-none",
           "align-middle",
           "text-ellipsis whitespace-nowrap"
         ].join(" "),

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

@@ -260,6 +260,73 @@ const avatarGroup = {
   }
 };
 
+const buttonGroupVariant = {
+  buttonGroup: {
+    horizontal: [
+      "focus-visible:outline-none",
+      "ring ring-inset ring-0 focus-visible:ring-2",
+      "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
+      "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
+    ].join(" "),
+    vertical: [
+      "focus-visible:outline-none",
+      "ring ring-inset ring-0 focus-visible:ring-2",
+      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
+    ].join(" ")
+  },
+  noSplit: {
+    false: [
+      "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute",
+      "group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px",
+      "group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
+    ].join(" ")
+  }
+};
+const buttonGroupVariantWithRoot = {
+  buttonGroup: {
+    horizontal: {
+      root: "group leading-none",
+      base: [
+        "focus-visible:outline-none",
+        "ring ring-inset ring-1 focus-visible:ring-2",
+        "group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
+        "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
+        "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
+      ].join(" ")
+    },
+    vertical: {
+      root: "group",
+      base: [
+        "focus-visible:outline-none",
+        "ring ring-inset ring-1 focus-visible:ring-2",
+        "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+      ].join(" ")
+    }
+  },
+  noSplit: {
+    false: [
+      "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
+      "group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px",
+      "group-not-only:not-first:after:bg-current/30"
+    ].join(" ")
+  }
+};
+const buttonGroup = {
+  base: "relative",
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    orientation: {
+      horizontal: "flex flex-row -space-x-px",
+      vertical: "flex flex-col -space-y-px"
+    }
+  }
+};
+
 const badge = {
   slots: {
     base: [
@@ -277,6 +344,7 @@ const badge = {
     trailingIcon: "shrink-0 cursor-pointer  hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
   },
   variants: {
+    ...buttonGroupVariant,
     useLink: {
       true: {
         base: "cursor-pointer",
@@ -368,8 +436,8 @@ const badge = {
       depth: "normal",
       class: [
         "ring ring-inset",
-        "text-base-800 bg-base-150 ring-base-150",
-        "dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
+        "text-base-800 bg-base-150 ring-base-300",
+        "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
       ].join(" ")
     },
     // LIGHT ////
@@ -624,6 +692,12 @@ const badge = {
     {
       useClose: true,
       class: ""
+    },
+    // endregion ////
+    // region buttonGroup ////
+    {
+      buttonGroup: ["horizontal", "vertical"],
+      class: "rounded-2xs"
     }
     // endregion ////
   ],
@@ -635,72 +709,6 @@ const badge = {
   }
 };
 
-const buttonGroupVariant = {
-  buttonGroup: {
-    horizontal: [
-      "focus-visible:outline-none",
-      "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
-      "not-only:first:border-e-0 not-only:not-first:border-s-0"
-    ].join(" "),
-    vertical: [
-      "focus-visible:outline-none",
-      "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
-    ].join(" ")
-  },
-  noSplit: {
-    false: [
-      "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
-      "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
-      "not-only:not-first:after:bg-current/30"
-    ].join(" ")
-  }
-};
-const buttonGroupVariantWithRoot = {
-  buttonGroup: {
-    horizontal: {
-      root: "group",
-      base: [
-        "focus-visible:outline-none",
-        "ring ring-inset ring-1 focus-visible:ring-2",
-        "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
-        "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
-      ].join(" ")
-    },
-    vertical: {
-      root: "group",
-      base: [
-        "focus-visible:outline-none",
-        "ring ring-inset ring-1 focus-visible:ring-2",
-        "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
-      ].join(" ")
-    }
-  },
-  noSplit: {
-    false: [
-      "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
-      "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
-      "not-only:not-first:after:bg-current/30"
-    ].join(" ")
-  }
-};
-const buttonGroup = {
-  base: "relative",
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    orientation: {
-      horizontal: "inline-flex -space-x-px",
-      vertical: "flex flex-col -space-y-px"
-    }
-  }
-};
-
 const button = {
   slots: {
     base: [
@@ -2697,10 +2705,10 @@ const select = () => {
   return defuFn(
     {
       slots: {
-        root: () => "relative inline-flex items-center min-w-full w-full",
+        root: () => "relative inline-flex items-center w-full",
         base: () => [
           "relative inline-flex items-center group",
-          "min-w-full w-full py-0 border-0 focus:outline-none",
+          "py-0 border-0 focus:outline-none",
           "cursor-pointer disabled:cursor-not-allowed",
           "disabled:bg-base-30/37 disabled:text-base-500",
           "dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
@@ -2710,7 +2718,7 @@ const select = () => {
           "dark:ring-base-800",
           "text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
           "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
-          "font-b24-primary font-regular text-sm",
+          "font-b24-primary font-regular text-sm leading-none",
           "align-middle",
           "text-ellipsis whitespace-nowrap"
         ].join(" "),

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.D8eTlsIC.cjs');
+const templates = require('./shared/b24ui-nuxt.BAQG__ma.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>;

package/dist/unplugin.mjs

@@ -1,15 +1,15 @@
 import { fileURLToPath } from 'node:url';
 import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
-import AutoImport from 'unplugin-auto-import';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CGBDJv97.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.n3bAiAAD.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
 import { resolvePathSync } from 'mlly';
 import AutoImportComponents from 'unplugin-vue-components';
+import AutoImport from 'unplugin-auto-import';
 import 'scule';
 import '@nuxt/kit';
 
@@ -90,7 +90,7 @@ function AppConfigPlugin(options, appConfig) {
   };
 }
 
-function ComponentImportPlugin(framework, options) {
+function ComponentImportPlugin(options, meta) {
   const components = globSync("**/*.vue", { cwd: join(runtimeDir, "components") });
   const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const componentsContent = globSync("**/*.vue", { cwd: join(runtimeDir, "components/content") });
@@ -99,10 +99,26 @@ function ComponentImportPlugin(framework, options) {
   const componentProseNames = new Set(componentsProse.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const overrides = globSync("**/*.vue", { cwd: join(runtimeDir, "vue/components") });
   const overrideNames = new Set(overrides.map((c) => `B24${c.replace(/\.vue$/, "")}`));
+  const pluginOptions = 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: join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`) };
+        if (componentProseNames.has(componentName))
+          return { name: "default", from: join(runtimeDir, "components/prose", `${componentName.slice("B24".length)}.vue`) };
+        if (componentContentNames.has(componentName))
+          return { name: "default", from: join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
+        if (componentNames.has(componentName))
+          return { name: "default", from: 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",
@@ -120,38 +136,7 @@ function ComponentImportPlugin(framework, options) {
         }
       }
     },
-    AutoImportComponents[framework]({
-      dts: options.dts ?? true,
-      exclude: [/[\\/]node_modules[\\/](?!\.pnpm|@bitrix24\/b24ui)/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
-      resolvers: [
-        (componentName) => {
-          if (overrideNames.has(componentName)) {
-            return {
-              name: "default",
-              from: join(runtimeDir, "vue/components", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-          if (componentContentNames.has(componentName)) {
-            return {
-              name: "default",
-              from: join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-          if (componentProseNames.has(componentName)) {
-            return {
-              name: "default",
-              from: join(runtimeDir, "components/prose", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-          if (componentNames.has(componentName)) {
-            return {
-              name: "default",
-              from: join(runtimeDir, "components", `${componentName.slice("B24".length)}.vue`)
-            };
-          }
-        }
-      ]
-    })
+    AutoImportComponents.raw(pluginOptions, meta)
   ];
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
@@ -184,19 +169,41 @@ function Bitrix24EnvironmentPlugin() {
   };
 }
 
+function AutoImportPlugin(options, meta) {
+  const pluginOptions = defu(options.autoImport, {
+    dts: options.dts ?? true,
+    dirs: [join(runtimeDir, "composables")]
+  });
+  return AutoImport.raw(pluginOptions, meta);
+}
+
 const runtimeDir = normalize(fileURLToPath(new URL("./runtime", import.meta.url)));
 const Bitrix24UIPlugin = createUnplugin((_options = {}, meta) => {
   const options = defu(_options, { fonts: false, devtools: { enabled: false } }, defaultOptions);
   const appConfig = defu({ b24ui: options.b24ui }, { b24ui: getDefaultUiConfig() });
   return [
     Bitrix24EnvironmentPlugin(),
-    ...ComponentImportPlugin(meta.framework, options),
-    AutoImport[meta.framework]({ dts: options.dts ?? true, dirs: [join(runtimeDir, "composables")] }),
+    ComponentImportPlugin(options, meta),
+    AutoImportPlugin(options, meta),
     tailwind(),
     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);
 });
 
 export { Bitrix24UIPlugin, runtimeDir };

package/dist/vite.cjs

@@ -4,10 +4,9 @@ const unplugin = require('./unplugin.cjs');
 require('node:url');
 require('pathe');
 require('unplugin');
-require('unplugin-auto-import');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.D8eTlsIC.cjs');
+require('./shared/b24ui-nuxt.BAQG__ma.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');
@@ -15,6 +14,7 @@ require('knitwork');
 require('magic-string');
 require('mlly');
 require('unplugin-vue-components');
+require('unplugin-auto-import');
 
 const vite = unplugin.Bitrix24UIPlugin.vite;
 

package/dist/vite.d.cts

@@ -1,6 +1,8 @@
 import * as vite from 'vite';
 import { Bitrix24UIOptions } from './unplugin.cjs';
 import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
 import '#build/b24ui';
 import './module.cjs';
 import '@nuxt/schema';

package/dist/vite.d.mts

@@ -1,6 +1,8 @@
 import * as vite from 'vite';
 import { Bitrix24UIOptions } from './unplugin.mjs';
 import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
 import '#build/b24ui';
 import './module.mjs';
 import '@nuxt/schema';

package/dist/vite.d.ts

@@ -1,6 +1,8 @@
 import * as vite from 'vite';
 import { Bitrix24UIOptions } from './unplugin.js';
 import 'unplugin';
+import 'unplugin-auto-import/types';
+import 'unplugin-vue-components/types';
 import '#build/b24ui';
 import './module.js';
 import '@nuxt/schema';

package/dist/vite.mjs

@@ -2,10 +2,9 @@ import { Bitrix24UIPlugin } from './unplugin.mjs';
 import 'node:url';
 import 'pathe';
 import 'unplugin';
-import 'unplugin-auto-import';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.CGBDJv97.mjs';
+import './shared/b24ui-nuxt.n3bAiAAD.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';
@@ -13,6 +12,7 @@ import 'knitwork';
 import 'magic-string';
 import 'mlly';
 import 'unplugin-vue-components';
+import 'unplugin-auto-import';
 
 const vite = Bitrix24UIPlugin.vite;
 

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.1.4",
+  "version": "0.1.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -65,8 +65,8 @@
     "@nuxt/kit": "^3.15.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.0",
-    "@tailwindcss/vite": "^4.0.0",
+    "@tailwindcss/postcss": "^4.0.3",
+    "@tailwindcss/vite": "^4.0.3",
     "@tanstack/vue-table": "^8.20.5",
     "@unhead/vue": "^1.11.18",
     "@vueuse/core": "^12.5.0",
@@ -81,7 +81,7 @@
     "embla-carousel-fade": "^8.5.2",
     "embla-carousel-vue": "^8.5.2",
     "embla-carousel-wheel-gestures": "^8.0.1",
-    "fuse.js": "^7.0.0",
+    "fuse.js": "^7.1.0",
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.17",
     "mlly": "^1.7.4",
@@ -90,18 +90,18 @@
     "reka-ui": "1.0.0-alpha.9",
     "scule": "^1.3.0",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^4.0.3",
     "tinyglobby": "^0.2.10",
     "unplugin": "^2.1.2",
     "unplugin-auto-import": "^19.0.0",
     "unplugin-vue-components": "^28.0.0",
-    "vaul-vue": "^0.2.0"
+    "vaul-vue": "^0.2.1"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^0.7.5",
+    "@nuxt/eslint-config": "^1.0.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.15.4",
-    "@standard-schema/spec": "1.0.0",
+    "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
     "eslint": "^9.19.0",
@@ -138,7 +138,6 @@
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue && nuxt-component-meta playground --outputDir ../src/.component-meta/",
     "dev:prepare_short": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && vite build playground-vue",
     "build": "nuxt-module-build build",
-    "build_short": "nuxt-module-build build",
     "dev": "set DEV=true && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:generate": "nuxt generate playground",