@bitrix24/b24ui-nuxt 0.5.3 → 0.5.4

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

@@ -726,7 +726,7 @@ const button = {
     base: [
       "select-none cursor-pointer inline-flex items-center",
       "relative",
-      "outline-transparent focus:outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2",
+      "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
       "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50",
       "transition duration-150 ease-linear"
       // transition-colors
@@ -751,7 +751,7 @@ const button = {
         "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"
+        "ring-base-850 focus:outline-none focus-visible:ring-base-850"
       ].join(" "),
       danger: [
         "text-white dark:text-red-100 bg-red-720 border border-red-720",
@@ -759,7 +759,7 @@ const button = {
         "active:bg-red-730 active:border-red-730 active:focus-visible:ring-0",
         "disabled:bg-red-720 aria-disabled:bg-red-720 disabled:border-red-720 aria-disabled:border-red-720",
         "focus-visible:outline-red-720",
-        "ring-red-800 focus-visible:ring-red-800"
+        "ring-red-800 focus:outline-none focus-visible:ring-red-800"
       ].join(" "),
       success: [
         "text-base-900 bg-green-450 border border-green-450",
@@ -767,7 +767,7 @@ const button = {
         "active:bg-green-430 active:border-green-430 active:focus-visible:ring-0",
         "disabled:bg-green-450 aria-disabled:bg-green-450 disabled:border-green-450 aria-disabled:border-green-450",
         "focus-visible:outline-green-450",
-        "ring-green-500 focus-visible:ring-green-500"
+        "ring-green-500 focus:outline-none focus-visible:ring-green-500"
       ].join(" "),
       warning: [
         "text-white dark:text-orange-100 bg-orange-500 border border-orange-500",
@@ -775,7 +775,7 @@ const button = {
         "active:bg-orange-500/85 active:border-orange-500/85 active:focus-visible:ring-0",
         "disabled:bg-orange-500 aria-disabled:bg-orange-500 disabled:border-bg-orange-500 aria-disabled:border-bg-orange-500",
         "focus-visible:outline-orange-500",
-        "ring-orange-800 focus-visible:ring-orange-800"
+        "ring-orange-800 focus:outline-none focus-visible:ring-orange-800"
       ].join(" "),
       primary: [
         "text-white dark:text-blue-100 bg-blue-530 border border-blue-530",
@@ -783,7 +783,7 @@ const button = {
         "active:bg-blue-550 active:border-blue-550 active:focus-visible:ring-0",
         "disabled:bg-blue-530 aria-disabled:bg-blue-530 disabled:border-blue-530 aria-disabled:border-blue-530",
         "focus-visible:outline-blue-530",
-        "ring-blue-800 focus-visible:ring-blue-800"
+        "ring-blue-800 focus:outline-none focus-visible:ring-blue-800"
       ].join(" "),
       secondary: [
         "text-base-900 bg-cyan-160 border border-cyan-230",
@@ -791,7 +791,7 @@ const button = {
         "active:bg-cyan-230 active:border-cyan-230 active:focus-visible:ring-0",
         "disabled:bg-cyan-160 aria-disabled:bg-cyan-160 disabled:border-cyan-230 aria-disabled:border-cyan-230",
         "focus-visible:outline-cyan-160",
-        "ring-cyan-500 focus-visible:ring-cyan-500"
+        "ring-cyan-500 focus:outline-none focus-visible:ring-cyan-500"
       ].join(" "),
       collab: [
         "text-white dark:text-collab-100 bg-collab-600 border border-collab-600",
@@ -799,7 +799,7 @@ const button = {
         "active:bg-collab-700 active:border-collab-700 active:focus-visible:ring-0",
         "disabled:bg-collab-600 aria-disabled:bg-collab-600 disabled:border-collab-600 aria-disabled:border-collab-600",
         "focus-visible:outline-collab-600",
-        "ring-collab-900 focus-visible:ring-collab-900"
+        "ring-collab-900 focus:outline-none focus-visible:ring-collab-900"
       ].join(" "),
       ai: [
         "text-white dark:text-ai-100 bg-ai-450 border border-ai-450",
@@ -807,7 +807,7 @@ const button = {
         "active:bg-ai-550 active:border-ai-550 active:focus-visible:ring-0",
         "disabled:bg-ai-450 aria-disabled:bg-ai-450 disabled:border-ai-450 aria-disabled:border-ai-450",
         "focus-visible:outline-ai-450",
-        "ring-ai-900 focus-visible:ring-ai-900"
+        "ring-ai-900 focus:outline-none focus-visible:ring-ai-900"
       ].join(" "),
       link: [
         "no-underline decoration-solid decoration-auto",
@@ -816,7 +816,7 @@ const button = {
         "active:text-base-900 dark:active:text-base-700 active:focus-visible:ring-0",
         "disabled:text-base-900 aria-disabled:text-base-900 dark:disabled:text-base-300 dark:aria-disabled:disabled:text-base-300",
         "focus-visible:outline-base-400",
-        "ring-base-850 focus-visible:ring-base-850"
+        "ring-base-850 focus:outline-none focus-visible:ring-base-850"
       ].join(" ")
     },
     depth: {
@@ -1648,7 +1648,7 @@ const collapsible = {
 };
 
 const container = {
-  base: "max-w-[80rem] mx-auto px-5"
+  base: "w-full max-w-[80rem] mx-auto px-5"
   // max-w-7xl w-full
 };
 
@@ -3569,9 +3569,10 @@ const navigationMenu = {
       "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]"
+      "transition-[width,height] duration-200 origin-[top_center]",
       // left
       // 'motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]'
+      "z-[1]"
     ].join(" "),
     content: "absolute top-0 left-0 w-full",
     indicator: [
@@ -3579,7 +3580,7 @@ const navigationMenu = {
       "motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
       "data-[state=hidden]:opacity-0",
       "bottom-0",
-      "z-[1]",
+      "z-[2]",
       "w-(--reka-navigation-menu-indicator-size)",
       "h-2.5",
       "translate-x-(--reka-navigation-menu-indicator-position)",
@@ -5551,7 +5552,7 @@ const _switch = {
     base: [
       "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800",
       "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
-      "transition-colors duration-200"
+      "transition-[background] 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",
@@ -5673,7 +5674,7 @@ const tabs = {
       "data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600",
       "hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150",
       "font-medium rounded-xl",
-      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
+      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ].join(" "),
     content: "focus:outline-none w-full",

package/dist/shared/{b24ui-nuxt.BIuy4yic.mjs → b24ui-nuxt.CTERD7XY.mjs}

@@ -724,7 +724,7 @@ const button = {
     base: [
       "select-none cursor-pointer inline-flex items-center",
       "relative",
-      "outline-transparent focus:outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2",
+      "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
       "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50",
       "transition duration-150 ease-linear"
       // transition-colors
@@ -749,7 +749,7 @@ const button = {
         "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"
+        "ring-base-850 focus:outline-none focus-visible:ring-base-850"
       ].join(" "),
       danger: [
         "text-white dark:text-red-100 bg-red-720 border border-red-720",
@@ -757,7 +757,7 @@ const button = {
         "active:bg-red-730 active:border-red-730 active:focus-visible:ring-0",
         "disabled:bg-red-720 aria-disabled:bg-red-720 disabled:border-red-720 aria-disabled:border-red-720",
         "focus-visible:outline-red-720",
-        "ring-red-800 focus-visible:ring-red-800"
+        "ring-red-800 focus:outline-none focus-visible:ring-red-800"
       ].join(" "),
       success: [
         "text-base-900 bg-green-450 border border-green-450",
@@ -765,7 +765,7 @@ const button = {
         "active:bg-green-430 active:border-green-430 active:focus-visible:ring-0",
         "disabled:bg-green-450 aria-disabled:bg-green-450 disabled:border-green-450 aria-disabled:border-green-450",
         "focus-visible:outline-green-450",
-        "ring-green-500 focus-visible:ring-green-500"
+        "ring-green-500 focus:outline-none focus-visible:ring-green-500"
       ].join(" "),
       warning: [
         "text-white dark:text-orange-100 bg-orange-500 border border-orange-500",
@@ -773,7 +773,7 @@ const button = {
         "active:bg-orange-500/85 active:border-orange-500/85 active:focus-visible:ring-0",
         "disabled:bg-orange-500 aria-disabled:bg-orange-500 disabled:border-bg-orange-500 aria-disabled:border-bg-orange-500",
         "focus-visible:outline-orange-500",
-        "ring-orange-800 focus-visible:ring-orange-800"
+        "ring-orange-800 focus:outline-none focus-visible:ring-orange-800"
       ].join(" "),
       primary: [
         "text-white dark:text-blue-100 bg-blue-530 border border-blue-530",
@@ -781,7 +781,7 @@ const button = {
         "active:bg-blue-550 active:border-blue-550 active:focus-visible:ring-0",
         "disabled:bg-blue-530 aria-disabled:bg-blue-530 disabled:border-blue-530 aria-disabled:border-blue-530",
         "focus-visible:outline-blue-530",
-        "ring-blue-800 focus-visible:ring-blue-800"
+        "ring-blue-800 focus:outline-none focus-visible:ring-blue-800"
       ].join(" "),
       secondary: [
         "text-base-900 bg-cyan-160 border border-cyan-230",
@@ -789,7 +789,7 @@ const button = {
         "active:bg-cyan-230 active:border-cyan-230 active:focus-visible:ring-0",
         "disabled:bg-cyan-160 aria-disabled:bg-cyan-160 disabled:border-cyan-230 aria-disabled:border-cyan-230",
         "focus-visible:outline-cyan-160",
-        "ring-cyan-500 focus-visible:ring-cyan-500"
+        "ring-cyan-500 focus:outline-none focus-visible:ring-cyan-500"
       ].join(" "),
       collab: [
         "text-white dark:text-collab-100 bg-collab-600 border border-collab-600",
@@ -797,7 +797,7 @@ const button = {
         "active:bg-collab-700 active:border-collab-700 active:focus-visible:ring-0",
         "disabled:bg-collab-600 aria-disabled:bg-collab-600 disabled:border-collab-600 aria-disabled:border-collab-600",
         "focus-visible:outline-collab-600",
-        "ring-collab-900 focus-visible:ring-collab-900"
+        "ring-collab-900 focus:outline-none focus-visible:ring-collab-900"
       ].join(" "),
       ai: [
         "text-white dark:text-ai-100 bg-ai-450 border border-ai-450",
@@ -805,7 +805,7 @@ const button = {
         "active:bg-ai-550 active:border-ai-550 active:focus-visible:ring-0",
         "disabled:bg-ai-450 aria-disabled:bg-ai-450 disabled:border-ai-450 aria-disabled:border-ai-450",
         "focus-visible:outline-ai-450",
-        "ring-ai-900 focus-visible:ring-ai-900"
+        "ring-ai-900 focus:outline-none focus-visible:ring-ai-900"
       ].join(" "),
       link: [
         "no-underline decoration-solid decoration-auto",
@@ -814,7 +814,7 @@ const button = {
         "active:text-base-900 dark:active:text-base-700 active:focus-visible:ring-0",
         "disabled:text-base-900 aria-disabled:text-base-900 dark:disabled:text-base-300 dark:aria-disabled:disabled:text-base-300",
         "focus-visible:outline-base-400",
-        "ring-base-850 focus-visible:ring-base-850"
+        "ring-base-850 focus:outline-none focus-visible:ring-base-850"
       ].join(" ")
     },
     depth: {
@@ -1646,7 +1646,7 @@ const collapsible = {
 };
 
 const container = {
-  base: "max-w-[80rem] mx-auto px-5"
+  base: "w-full max-w-[80rem] mx-auto px-5"
   // max-w-7xl w-full
 };
 
@@ -3567,9 +3567,10 @@ const navigationMenu = {
       "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]"
+      "transition-[width,height] duration-200 origin-[top_center]",
       // left
       // 'motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]'
+      "z-[1]"
     ].join(" "),
     content: "absolute top-0 left-0 w-full",
     indicator: [
@@ -3577,7 +3578,7 @@ const navigationMenu = {
       "motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
       "data-[state=hidden]:opacity-0",
       "bottom-0",
-      "z-[1]",
+      "z-[2]",
       "w-(--reka-navigation-menu-indicator-size)",
       "h-2.5",
       "translate-x-(--reka-navigation-menu-indicator-position)",
@@ -5549,7 +5550,7 @@ const _switch = {
     base: [
       "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800",
       "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
-      "transition-colors duration-200"
+      "transition-[background] 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",
@@ -5671,7 +5672,7 @@ const tabs = {
       "data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600",
       "hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150",
       "font-medium rounded-xl",
-      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
+      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ].join(" "),
     content: "focus:outline-none w-full",

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

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.BIuy4yic.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CTERD7XY.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.Bh_5o1_9.cjs');
+require('./shared/b24ui-nuxt.BfU7TRfz.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.BIuy4yic.mjs';
+import './shared/b24ui-nuxt.CTERD7XY.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.3",
+  "version": "0.5.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -112,7 +112,6 @@
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@standard-schema/spec": "^1.0.0",
     "@nuxt/eslint-config": "^1.2.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.17.2",
@@ -121,27 +120,43 @@
     "embla-carousel": "^8.5.2",
     "eslint": "^9.23.0",
     "happy-dom": "^17.4.4",
-    "joi": "^17.13.3",
     "nuxt": "^3.16.1",
     "nuxt-component-meta": "^0.10.0",
-    "superstruct": "^2.0.2",
-    "valibot": "^1.0.0",
     "vitepress": "^1.5.0",
     "vitest": "^3.0.9",
     "vitest-environment-nuxt": "^1.0.1",
-    "vue-tsc": "^2.2.0",
-    "yup": "^1.6.1",
-    "zod": "^3.24.2"
+    "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
-    "typescript": "^5.6.3"
+    "joi": "^17.13.0",
+    "superstruct": "^2.0.0",
+    "typescript": "^5.6.3",
+    "valibot": "^1.0.0",
+    "yup": "^1.6.0",
+    "zod": "^3.24.0"
+  },
+  "peerDependenciesMeta": {
+    "joi": {
+      "optional": true
+    },
+    "valibot": {
+      "optional": true
+    },
+    "superstruct": {
+      "optional": true
+    },
+    "yup": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
   },
   "resolutions": {
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
     "rollup": "4.34.9",
-    "typescript": "5.6.3",
     "unplugin": "^2.2.2",
     "vue": "3.5.13",
     "vue-tsc": "2.2.0"
@@ -172,6 +187,7 @@
     "dev:generate": "nuxt generate playground",
     "dev:preview": "nuxt preview playground",
     "dev:vue": "DEV=true vite playground-vue",
+    "dev:vue:build": "vite build playground-vue",
     "demo:dev": "DEV=true nuxi dev demo",
     "demo:generate": "nuxt generate demo",
     "demo:preview": "nuxt preview demo",
@@ -185,7 +201,6 @@
     "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && cd playground-vue && vue-tsc --noEmit",
     "typecheck-window": "vue-tsc --noEmit && nuxi typecheck playground && cd ../playground-vue && vue-tsc --noEmit",
     "test": "vitest",
-    "test:vue": "vitest -c vitest.vue.config.ts",
-    "test:vue:build": "vite build playground-vue"
+    "test:vue": "vitest -c vitest.vue.config.ts"
   }
 }