@bitrix24/b24ui-nuxt 0.6.2 → 0.6.3

package/.nuxt/b24ui/dropdown-menu.ts

@@ -24,7 +24,7 @@ const result = typeof template === 'function' ? (template as Function)({
 
 const theme = {
   "slots": {
-    "content": "min-w-32 bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-y-auto motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1 pointer-events-auto",
+    "content": "min-w-32 bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-y-auto motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-dropdown-menu-content-transform-origin) divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1 pointer-events-auto",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
     "group": "p-1 isolate",
     "label": "w-full flex items-center font-semibold text-base-900 dark:text-base-200",

package/.nuxt/b24ui/input-menu.ts

@@ -65,7 +65,7 @@ const theme = {
     "trailingIcon": "shrink-0 text-base-400",
     "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",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": "w-(--reka-popper-anchor-width) bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
+    "content": "w-(--reka-combobox-trigger-width) min-w-fit bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-combobox-content-transform-origin) pointer-events-auto",
     "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
     "group": "p-1 isolate",
     "empty": "py-2 text-center text-sm text-base-500 dark:text-base-600",

package/.nuxt/b24ui/popover.ts

@@ -6,7 +6,7 @@ const result = typeof template === 'function' ? (template as Function)({
 
 const theme = {
   "slots": {
-    "content": "bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] focus:outline-none pointer-events-auto",
+    "content": "bg-white dark:bg-base-dark shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800 motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-popover-content-transform-origin) focus:outline-none pointer-events-auto",
     "arrow": "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
   }
 }

package/.nuxt/b24ui/select-menu.ts

@@ -67,7 +67,10 @@ const theme = {
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-base-400 dark:text-base-300",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": "w-(--reka-popper-anchor-width) bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
+    "content": [
+      "w-(--reka-select-trigger-width) min-w-fit bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) pointer-events-auto",
+      "origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"
+    ],
     "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",
     "scrollUpDownButtonIcon": "",
     "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",

package/.nuxt/b24ui/select.ts

@@ -67,7 +67,7 @@ const theme = {
     "value": "truncate pointer-events-none",
     "placeholder": "truncate text-base-400 dark:text-base-300",
     "arrow": "fill-base-master/10 dark:fill-base-100/20",
-    "content": "w-(--reka-popper-anchor-width) bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] pointer-events-auto",
+    "content": "w-(--reka-select-trigger-width) min-w-fit bg-white dark:bg-base-dark shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800 overflow-hidden data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] origin-(--reka-select-content-transform-origin) pointer-events-auto",
     "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",
     "scrollUpDownButtonIcon": "",
     "viewport": "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",

package/.nuxt/b24ui/tooltip.ts

@@ -6,7 +6,7 @@ const result = typeof template === 'function' ? (template as Function)({
 
 const theme = {
   "slots": {
-    "content": "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] min-h-6 px-2 py-1 text-xs bg-base-dark text-white dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20 pointer-events-auto",
+    "content": "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in] min-h-6 px-2 py-1 text-xs bg-base-dark text-white dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20 origin-(--reka-tooltip-content-transform-origin) pointer-events-auto",
     "arrow": "fill-base-dark dark:fill-base-100/20",
     "text": "text-pretty max-w-[200px]",
     "kbds": "hidden lg:inline-flex items-center shrink-0 gap-0.5 before:content-[''] before:me-0.5",

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
   "configKey": "b24ui",
   "compatibility": {

package/dist/module.mjs

@@ -1,11 +1,11 @@
 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.wBs9vEU5.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.jU270f-Q.mjs';
 import 'node:url';
 import 'scule';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "0.6.2";
+const version = "0.6.3";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/utils/link.js

@@ -15,6 +15,7 @@ export function pickLinkProps(link) {
     "exactQuery",
     "external",
     "href",
+    "download",
     "inactiveClass",
     "noPrefetch",
     "noRel",

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

@@ -1,7 +1,7 @@
 import { fileURLToPath } from 'node:url';
 import { kebabCase } from 'scule';
 import { addTypeTemplate, addTemplate } from '@nuxt/kit';
-import { defuFn, defu } from 'defu';
+import { defuFn } from 'defu';
 
 const getDefaultUiConfig = () => ({});
 const defaultOptions = {
@@ -1822,6 +1822,7 @@ const dropdownMenu = {
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
       "overflow-y-auto",
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "origin-(--reka-dropdown-menu-content-transform-origin)",
       "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
       "pointer-events-auto"
     ].join(" "),
@@ -2785,13 +2786,15 @@ const inputMenu = () => {
       trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
       arrow: "fill-base-master/10 dark:fill-base-100/20",
       content: [
-        "w-(--reka-popper-anchor-width)",
+        "w-(--reka-combobox-trigger-width)",
         // 'max-h-60',
+        "min-w-fit",
         // 'h-(--reka-popper-available-height)',
         "bg-white dark:bg-base-dark",
         "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
         "overflow-hidden",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+        "origin-(--reka-combobox-content-transform-origin)",
         "pointer-events-auto"
       ].join(" "),
       viewport: "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
@@ -4615,6 +4618,7 @@ const popover = {
       "bg-white dark:bg-base-dark",
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "origin-(--reka-popover-content-transform-origin)",
       "focus:outline-none pointer-events-auto"
     ].join(" "),
     arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
@@ -5407,13 +5411,15 @@ const select = () => {
         placeholder: "truncate text-base-400 dark:text-base-300",
         arrow: "fill-base-master/10 dark:fill-base-100/20",
         content: [
-          "w-(--reka-popper-anchor-width)",
+          "w-(--reka-select-trigger-width)",
           // 'max-h-60',
+          "min-w-fit",
           // 'h-(--reka-popper-available-height)',
           "bg-white dark:bg-base-dark",
           "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
           "overflow-hidden",
           "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+          "origin-(--reka-select-content-transform-origin)",
           "pointer-events-auto"
         ].join(" "),
         scrollUpDownButton: [
@@ -5470,10 +5476,11 @@ const select = () => {
 };
 
 const selectMenu = () => {
-  return defu({
+  return defuFn({
     slots: {
       input: "border-b border-base-300 dark:dark:border-base-800",
-      focusScope: "flex flex-col min-h-0"
+      focusScope: "flex flex-col min-h-0",
+      content: (content) => [content, "origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"]
     },
     variants: {
       addNew: {
@@ -6739,6 +6746,7 @@ const tooltip = {
       "min-h-6 px-2 py-1 text-xs",
       "bg-base-dark text-white",
       "dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20",
+      "origin-(--reka-tooltip-content-transform-origin)",
       "pointer-events-auto"
     ].join(" "),
     arrow: "fill-base-dark dark:fill-base-100/20",

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.wBs9vEU5.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.jU270f-Q.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -98,6 +98,19 @@ function AppConfigPlugin(options, appConfig) {
       return `
           export default ${JSON.stringify(appConfig)}
         `;
+    },
+    vite: {
+      config() {
+        return {
+          test: {
+            server: {
+              deps: {
+                inline: ["@bitrix24/b24ui"]
+              }
+            }
+          }
+        };
+      }
     }
   };
 }

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.wBs9vEU5.mjs';
+import './shared/b24ui-nuxt.jU270f-Q.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.2",
+  "version": "0.6.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"