@bitrix24/b24ui-nuxt 0.3.4 → 0.4.0

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.BpFAFOHo.cjs');
+const templates = require('./shared/b24ui-nuxt.BT9wxrhm.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.3.4",
+  "version": "0.4.0",
   "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.BqTJ-9uP.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CBO0gAWn.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/OverlayProvider.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useOverlay } from '../composables/useOverlay'
+import { useOverlay, type Overlay } from '../composables/useOverlay'
 
 const { overlays, unMount, close } = useOverlay()
 
-const mountedOverlays = computed(() => overlays.filter(overlay => overlay.isMounted))
+const mountedOverlays = computed(() => overlays.filter((overlay: Overlay) => overlay.isMounted))
 
 const onAfterLeave = (id: symbol) => {
   close(id)

package/dist/runtime/composables/useOverlay.js

@@ -1,4 +1,4 @@
-import { shallowReactive, reactive, markRaw } from "vue";
+import { reactive, markRaw, shallowReactive } from "vue";
 import { createSharedComposable } from "@vueuse/core";
 function _useOverlay() {
   const overlays = shallowReactive([]);

package/dist/shared/{b24ui-nuxt.BpFAFOHo.cjs → b24ui-nuxt.BT9wxrhm.cjs}

@@ -715,6 +715,12 @@ const badge = {
   }
 };
 
+const safeList = [
+  "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
+  "w-[28px] h-[28px]",
+  "size-lg animate-spin stroke-2",
+  "invisible"
+].join(" ");
 const button = {
   slots: {
     base: [
@@ -732,7 +738,8 @@ const button = {
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
-    trailingIcon: "shrink-0"
+    trailingIcon: "shrink-0",
+    safeList
   },
   variants: {
     ...buttonGroupVariant,
@@ -5065,7 +5072,7 @@ const toast = {
 
 const toaster = {
   slots: {
-    viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
+    viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none mr-(--scrollbar-width)",
     base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   variants: {

package/dist/shared/{b24ui-nuxt.BqTJ-9uP.mjs → b24ui-nuxt.CBO0gAWn.mjs}

@@ -713,6 +713,12 @@ const badge = {
   }
 };
 
+const safeList = [
+  "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
+  "w-[28px] h-[28px]",
+  "size-lg animate-spin stroke-2",
+  "invisible"
+].join(" ");
 const button = {
   slots: {
     base: [
@@ -730,7 +736,8 @@ const button = {
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
-    trailingIcon: "shrink-0"
+    trailingIcon: "shrink-0",
+    safeList
   },
   variants: {
     ...buttonGroupVariant,
@@ -5063,7 +5070,7 @@ const toast = {
 
 const toaster = {
   slots: {
-    viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none",
+    viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none mr-(--scrollbar-width)",
     base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   variants: {

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.BpFAFOHo.cjs');
+const templates = require('./shared/b24ui-nuxt.BT9wxrhm.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
@@ -201,7 +201,7 @@ function AutoImportPlugin(options, 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, { devtools: { enabled: false } }, templates.defaultOptions);
+  const options = defu.defu(_options, {}, templates.defaultOptions);
   const appConfig = defu.defu({ b24ui: options.b24ui, colorMode: options.colorMode }, { b24ui: templates.getDefaultUiConfig() });
   return [
     Bitrix24EnvironmentPlugin(),

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.BqTJ-9uP.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CBO0gAWn.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -191,7 +191,7 @@ function AutoImportPlugin(options, meta) {
 
 const runtimeDir = normalize(fileURLToPath(new URL("./runtime", import.meta.url)));
 const Bitrix24UIPlugin = createUnplugin((_options = {}, meta) => {
-  const options = defu(_options, { devtools: { enabled: false } }, defaultOptions);
+  const options = defu(_options, {}, defaultOptions);
   const appConfig = defu({ b24ui: options.b24ui, colorMode: options.colorMode }, { b24ui: getDefaultUiConfig() });
   return [
     Bitrix24EnvironmentPlugin(),

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.BpFAFOHo.cjs');
+require('./shared/b24ui-nuxt.BT9wxrhm.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.BqTJ-9uP.mjs';
+import './shared/b24ui-nuxt.CBO0gAWn.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.3.4",
+  "version": "0.4.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -35,6 +35,9 @@
       "types": "./vue-plugin.d.ts"
     },
     "./runtime/*": "./dist/runtime/*",
+    "./components/*": "./dist/runtime/components/*",
+    "./composables/*": "./dist/runtime/composables/*",
+    "./types/*": "./dist/runtime/types/*",
     "./utils/*": {
       "types": "./dist/runtime/utils/*.d.ts",
       "import": "./dist/runtime/utils/*.js"
@@ -94,15 +97,14 @@
     "mlly": "^1.7.4",
     "ohash": "^1.1.4",
     "pathe": "^2.0.3",
-    "reka-ui": "^2.0.0",
+    "reka-ui": "^2.0.2",
     "scule": "^1.3.0",
-    "sirv": "^3.0.1",
     "tailwind-variants": "^0.3.1",
     "tailwindcss": "^4.0.9",
     "tinyglobby": "^0.2.12",
     "unplugin": "^2.2.0",
-    "unplugin-auto-import": "^19.1.0",
-    "unplugin-vue-components": "^28.4.0",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
     "vaul-vue": "^0.3.0"
   },
   "devDependencies": {
@@ -116,7 +118,6 @@
     "eslint": "^9.21.0",
     "happy-dom": "^17.1.2",
     "joi": "^17.13.3",
-    "knitwork": "^1.2.0",
     "nuxt": "^3.15.4",
     "nuxt-component-meta": "^0.10.0",
     "superstruct": "^2.0.2",