@bitrix24/b24ui-nuxt 0.5.2 → 0.5.3

package/dist/shared/{b24ui-nuxt.CKEqlXJP.cjs → b24ui-nuxt.Bh_5o1_9.cjs}

@@ -3568,7 +3568,6 @@ const navigationMenu = {
       "w-full",
       "bg-white dark:bg-base-dark",
       "shadow-[0_15px_21px_rgba(83,92,105,.15)]",
-      //
       "h-(--reka-navigation-menu-viewport-height)",
       "transition-[width,height] duration-200 origin-[top_center]"
       // left
@@ -3655,8 +3654,8 @@ const navigationMenu = {
     orientation: {
       horizontal: {
         root: "items-center justify-between",
-        list: "flex items-center",
-        item: "py-2",
+        list: "flex items-center gap-x-1",
+        item: "py-2 empty:hidden",
         link: "px-2.5 py-1.5 before:inset-x-px before:inset-y-0",
         childList: "grid p-2"
       },
@@ -3679,7 +3678,10 @@ const navigationMenu = {
         ].join(" ")
       },
       vertical: {
-        viewport: "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
+        viewport: [
+          "w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
+          "[&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]"
+        ].join(" "),
         content: "",
         childLinkLabel: [
           "text-md",
@@ -3766,6 +3768,16 @@ const navigationMenu = {
     },
     // endregion ////
     // region pill ////
+    {
+      disabled: true,
+      orientation: "horizontal",
+      variant: "pill",
+      class: {
+        link: [
+          "hover:before:rounded-md"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
@@ -3828,6 +3840,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "default",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-base-800 dark:before:bg-white/35",
+          "hover:before:bg-base-800 hover:dark:before:bg-white/35",
+          "data-[state=open]:before:bg-base-800 dark:data-[state=open]:before:bg-white/35"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "danger",
       variant: "pill",
@@ -3847,6 +3879,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "danger",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-red-800 dark:before:bg-red-800",
+          "hover:before:bg-red-800 hover:dark:before:bg-red-800",
+          "data-[state=open]:before:bg-red-800 dark:data-[state=open]:before:bg-red-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "success",
       variant: "pill",
@@ -3866,6 +3918,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "success",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-green-800 dark:before:bg-green-800",
+          "hover:before:bg-green-800 hover:dark:before:bg-green-800",
+          "data-[state=open]:before:bg-green-800 dark:data-[state=open]:before:bg-green-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "warning",
       variant: "pill",
@@ -3885,6 +3957,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "warning",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-orange-800 dark:before:bg-orange-800",
+          "hover:before:bg-orange-800 hover:dark:before:bg-orange-800",
+          "data-[state=open]:before:bg-orange-800 dark:data-[state=open]:before:bg-orange-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "primary",
       variant: "pill",
@@ -3904,6 +3996,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "primary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-blue-800 dark:before:bg-blue-800",
+          "hover:before:bg-blue-800 hover:dark:before:bg-blue-800",
+          "data-[state=open]:before:bg-blue-800 dark:data-[state=open]:before:bg-blue-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "secondary",
       variant: "pill",
@@ -3923,6 +4035,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "secondary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-cyan-800 dark:before:bg-cyan-800",
+          "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800",
+          "data-[state=open]:before:bg-cyan-800 dark:data-[state=open]:before:bg-cyan-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "collab",
       variant: "pill",
@@ -3942,6 +4074,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "collab",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-collab-800 dark:before:bg-collab-800",
+          "hover:before:bg-collab-800 hover:dark:before:bg-collab-800",
+          "data-[state=open]:before:bg-collab-800 dark:data-[state=open]:before:bg-collab-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "ai",
       variant: "pill",
@@ -3961,6 +4113,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "ai",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "min-h-9",
+          "before:rounded-md",
+          "before:bg-ai-800 dark:before:bg-ai-800",
+          "hover:before:bg-ai-800 hover:dark:before:bg-ai-800",
+          "data-[state=open]:before:bg-ai-800 dark:data-[state=open]:before:bg-ai-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       variant: "pill",
       active: true,
@@ -3982,6 +4154,17 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      variant: "pill",
+      orientation: "horizontal",
+      active: true,
+      highlight: false,
+      class: {
+        linkLabelWrapper: [
+          "bg-inherit dark:bg-inherit"
+        ].join(" ")
+      }
+    },
     {
       variant: "pill",
       active: true,
@@ -3990,7 +4173,111 @@ const navigationMenu = {
         link: [
           "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
           "before:transition-colors"
-        ]
+        ].join(" ")
+      }
+    },
+    {
+      color: "default",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-base-800 hover:dark:before:bg-white/35",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "danger",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-red-800 hover:dark:before:bg-red-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "success",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-green-800 hover:dark:before:bg-green-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "warning",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-orange-800 hover:dark:before:bg-orange-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "primary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-blue-800 hover:dark:before:bg-blue-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "secondary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "collab",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-collab-800 hover:dark:before:bg-collab-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "ai",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-ai-800 hover:dark:before:bg-ai-800",
+          "before:transition-colors"
+        ].join(" ")
       }
     },
     // endregion ////
@@ -4003,11 +4290,12 @@ const navigationMenu = {
           "top-[calc(100%+0.4rem)]"
         ].join(" "),
         viewport: [
-          "rounded-b-md rounded-tr-md",
+          "rounded-b-md",
+          "[&:has(>[data-viewport=ltr])]:rounded-tr-md [&:has(>[data-viewport=rtl])]:rounded-tl-md",
           "clip-path-viewport-wrapper"
         ].join(" "),
         link: [
-          "before:-inset-x-px before:-inset-y-[6px] before:h-[70px]",
+          "before:inset-x-[0px] before:-inset-y-[6px] before:h-[70px]",
           "before:rounded-t-md"
         ].join(" ")
       }

package/dist/types.d.mts

@@ -1 +1,7 @@
-export { type ModuleOptions, default } from './module.js'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.js'

package/dist/types.d.ts

@@ -1 +1,7 @@
-export { type ModuleOptions, default } from './module'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module'

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.CKEqlXJP.cjs');
+const templates = require('./shared/b24ui-nuxt.Bh_5o1_9.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.d.cts

@@ -29,4 +29,5 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;
 
-export { type Bitrix24UIOptions, Bitrix24UIPlugin, runtimeDir };
+export { Bitrix24UIPlugin, runtimeDir };
+export type { Bitrix24UIOptions };

package/dist/unplugin.d.mts

@@ -29,4 +29,5 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;
 
-export { type Bitrix24UIOptions, Bitrix24UIPlugin, runtimeDir };
+export { Bitrix24UIPlugin, runtimeDir };
+export type { Bitrix24UIOptions };

package/dist/unplugin.d.ts

@@ -29,4 +29,5 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;
 
-export { type Bitrix24UIOptions, Bitrix24UIPlugin, runtimeDir };
+export { Bitrix24UIPlugin, runtimeDir };
+export type { Bitrix24UIOptions };

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.DQ3Ix7rC.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BIuy4yic.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.CKEqlXJP.cjs');
+require('./shared/b24ui-nuxt.Bh_5o1_9.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.DQ3Ix7rC.mjs';
+import './shared/b24ui-nuxt.BIuy4yic.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.5.2",
+  "version": "0.5.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -75,10 +75,11 @@
     "@nuxt/kit": "^3.16.1",
     "@nuxt/schema": "^3.16.1",
     "@nuxtjs/color-mode": "^3.5.2",
+    "@standard-schema/spec": "^1.0.0",
     "@tailwindcss/postcss": "^4.0.15",
     "@tailwindcss/vite": "^4.0.15",
     "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^2.0.0-rc.13",
+    "@unhead/vue": "^2.0.0",
     "@vueuse/core": "^13.0.0",
     "@vueuse/integrations": "^13.0.0",
     "canvas-confetti": "^1.9.3",
@@ -98,12 +99,12 @@
     "mlly": "^1.7.4",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "reka-ui": "^2.1.0",
+    "reka-ui": "^2.1.1",
     "scule": "^1.3.0",
     "tailwind-variants": "^1.0.0",
     "tailwindcss": "^4.0.15",
     "tinyglobby": "^0.2.12",
-    "unplugin": "^2.2.1",
+    "unplugin": "^2.2.2",
     "unplugin-auto-import": "^19.1.1",
     "unplugin-vue-components": "^28.4.1",
     "vaul-vue": "^0.4.1",
@@ -111,14 +112,14 @@
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@types/canvas-confetti": "^1.9.0",
+    "@standard-schema/spec": "^1.0.0",
     "@nuxt/eslint-config": "^1.2.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.17.2",
-    "@standard-schema/spec": "^1.0.0",
+    "@types/canvas-confetti": "^1.9.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
-    "eslint": "^9.22.0",
+    "eslint": "^9.23.0",
     "happy-dom": "^17.4.4",
     "joi": "^17.13.3",
     "nuxt": "^3.16.1",
@@ -141,7 +142,7 @@
     "debug": "4.3.7",
     "rollup": "4.34.9",
     "typescript": "5.6.3",
-    "unplugin": "^2.2.1",
+    "unplugin": "^2.2.2",
     "vue": "3.5.13",
     "vue-tsc": "2.2.0"
   },