@bitrix24/b24ui-nuxt 0.4.1 → 0.4.2

package/dist/shared/{b24ui-nuxt.BGGwh89R.mjs → b24ui-nuxt.Bx_-_mhu.mjs}

@@ -731,6 +731,7 @@ const button = {
     ],
     baseLine: [
       "inline-flex items-center"
+      // justify-center
     ].join(" "),
     label: "truncate",
     leadingIcon: "shrink-0",
@@ -888,6 +889,14 @@ const button = {
     normalCase: {
       true: "font-semibold normal-case",
       false: "font-bold uppercase"
+    },
+    active: {
+      true: {
+        base: ""
+      },
+      false: {
+        base: ""
+      }
     }
   },
   compoundVariants: [
@@ -3325,7 +3334,7 @@ const link = (options) => ({
 
 const modal = {
   slots: {
-    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30 backdrop-blur-sm",
+    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
     content: [
       "py-md2 px-5",
       "fixed bg-white dark:bg-base-950",
@@ -3340,10 +3349,21 @@ const modal = {
     close: "absolute top-2 end-1.5 p-0.5"
   },
   variants: {
+    overlayBlur: {
+      auto: {
+        overlay: "motion-safe:backdrop-blur-sm"
+      },
+      on: {
+        overlay: "backdrop-blur-sm"
+      },
+      off: {
+        overlay: ""
+      }
+    },
     transition: {
       true: {
-        overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
-        content: "data-[state=open]:animate-[scale-in_200ms_ease-out] data-[state=closed]:animate-[scale-out_200ms_ease-in]"
+        overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]",
+        content: "motion-safe:data-[state=open]:animate-[scale-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_200ms_ease-in]"
       }
     },
     fullscreen: {
@@ -3366,7 +3386,8 @@ const modal = {
     }
   },
   defaultVariants: {
-    scrollbarThin: true
+    scrollbarThin: true,
+    overlayBlur: "auto"
   }
 };
 
@@ -4171,7 +4192,7 @@ const safeList = [
 ].join(" ");
 const slideover = {
   slots: {
-    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30 backdrop-blur-xs",
+    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
     content: [
       "fixed",
       "bg-base-50 dark:bg-base-950",
@@ -4195,6 +4216,17 @@ const slideover = {
     safeList
   },
   variants: {
+    overlayBlur: {
+      auto: {
+        overlay: "motion-safe:backdrop-blur-sm"
+      },
+      on: {
+        overlay: "backdrop-blur-sm"
+      },
+      off: {
+        overlay: ""
+      }
+    },
     side: {
       top: {
         content: "inset-x-0 top-0 max-h-full"
@@ -4211,7 +4243,7 @@ const slideover = {
     },
     transition: {
       true: {
-        overlay: "data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]"
+        overlay: "motion-safe:data-[state=open]:animate-[fade-in_200ms_ease-out] motion-safe:data-[state=closed]:animate-[fade-out_200ms_ease-in]"
       }
     },
     scrollbarThin: {
@@ -4257,34 +4289,35 @@ const slideover = {
       transition: true,
       side: "top",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-top_200ms_ease-in-out]"
       }
     },
     {
       transition: true,
       side: "right",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-right_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-right_200ms_ease-in-out]"
       }
     },
     {
       transition: true,
       side: "bottom",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-bottom_200ms_ease-in-out]"
       }
     },
     {
       transition: true,
       side: "left",
       class: {
-        content: "data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
+        content: "motion-safe:data-[state=open]:animate-[slide-in-from-left_200ms_ease-in-out] motion-safe:data-[state=closed]:animate-[slide-out-to-left_200ms_ease-in-out]"
       }
     }
   ],
   defaultVariants: {
     side: "right",
-    scrollbarThin: true
+    scrollbarThin: true,
+    overlayBlur: "auto"
   }
 };
 
@@ -5277,29 +5310,29 @@ const theme = {
   tooltip: tooltip
 };
 
-const proseH1 = {
+const h1 = {
   slots: {
     base: [
       "mb-2",
-      "text-5xl leading-3xs font-light",
       "text-base-master dark:text-base-150",
-      "scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height)"
+      "scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height)",
+      "text-h1"
     ].join(" "),
     link: "inline-flex items-center gap-2"
   }
 };
 
-const proseH2 = {
+const h2 = {
   slots: {
     base: [
       "relative mb-2",
-      "text-4xl leading-2xs font-light",
       "[&>a>code]:text-xl/7 [&>a>code]:font-bold",
       "text-base-master dark:text-base-150",
       "scroll-mt-[calc(48px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(48px+var(--b24ui-header-height))]",
       "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
       "hover:[&>a>code]:text-info-text",
-      "[&>a>code]:border-dashed [&>a>code]:transition-colors"
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h2"
     ].join(" "),
     leading: [
       "absolute -ms-8 top-1 p-1",
@@ -5315,17 +5348,17 @@ const proseH2 = {
   }
 };
 
-const proseH3 = {
+const h3 = {
   slots: {
     base: [
       "relative mb-2",
-      "text-3xl leading-2xs font-light",
       "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
       "text-base-master dark:text-base-150",
       "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
       "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
       "hover:[&>a>code]:text-info-text",
-      "[&>a>code]:border-dashed [&>a>code]:transition-colors"
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h3"
     ].join(" "),
     leading: [
       "absolute -ms-8 top-0.5 p-1",
@@ -5341,55 +5374,167 @@ const proseH3 = {
   }
 };
 
-const proseLi = {
+const h4 = {
   slots: {
     base: [
-      "my-1.5 ps-1.5",
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h4"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const h5 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h5"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const h6 = {
+  slots: {
+    base: [
+      "relative mb-2",
+      "[&>a>code]:text-lg/7 [&>a>code]:font-bold",
+      "text-base-master dark:text-base-150",
+      "scroll-mt-[calc(32px+45px+var(--b24ui-header-height))] lg:scroll-mt-[calc(32px+var(--b24ui-header-height))]",
+      "[&>a]:focus-visible:outline-info-text hover:[&>a>code]:border-info-text",
+      "hover:[&>a>code]:text-info-text",
+      "[&>a>code]:border-dashed [&>a>code]:transition-colors",
+      "text-h6"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-0.5 p-1",
+      "rounded-md hidden lg:flex",
+      "opacity-0 group-hover:opacity-100 group-focus:opacity-100",
+      "bg-base-100 dark:bg-base-900",
+      "text-base-500 dark:text-base-600",
+      "hover:text-outline-info-text",
+      "transition"
+    ],
+    leadingIcon: "size-4 shrink-0",
+    link: "group lg:ps-2 lg:-ms-2"
+  }
+};
+
+const p = {
+  slots: {
+    base: [
+      "mb-2",
       "leading-relaxed",
-      "[&>ul]:my-0 [&>ol]:my-0"
+      "text-pretty"
     ].join(" ")
   }
 };
 
-const proseOl = {
+const blockquote = {
+  slots: {
+    base: "mb-2 border-s-4 border-blue-500 dark:border-blue-600 ps-4 italic"
+  }
+};
+
+const strong = {
+  slots: {
+    base: ""
+  }
+};
+
+const em = {
+  slots: {
+    base: ""
+  }
+};
+
+const ol = {
   slots: {
     base: [
       "list-decimal",
-      "ps-6 mb-2",
-      "marker:text-base-300 dark:marker:text-base-800"
+      "ps-2 mb-2 ms-3",
+      "marker:text-base-master dark:marker:text-base-150"
     ].join(" ")
   }
 };
 
-const proseP = {
+const ul = {
   slots: {
     base: [
-      "mb-2",
+      "list-disc",
+      "ps-2 mb-2 ms-3",
+      "marker:text-base-master dark:marker:text-base-150"
+    ].join(" ")
+  }
+};
+
+const li = {
+  slots: {
+    base: [
+      "my-1.5 ps-1.5",
       "leading-relaxed",
-      "text-pretty"
+      "[&>ul]:my-0 [&>ol]:my-0"
     ].join(" ")
   }
 };
 
-const proseUl = {
+const hr = {
   slots: {
     base: [
-      "list-disc",
-      "ps-6 mb-2",
-      "marker:text-base-300 dark:marker:text-base-800"
+      "my-4",
+      "border-t border-base-master/10 dark:border-base-100/20"
     ].join(" ")
   }
 };
 
 const themeProse = {
   __proto__: null,
-  proseH1: proseH1,
-  proseH2: proseH2,
-  proseH3: proseH3,
-  proseLi: proseLi,
-  proseOl: proseOl,
-  proseP: proseP,
-  proseUl: proseUl
+  blockquote: blockquote,
+  em: em,
+  h1: h1,
+  h2: h2,
+  h3: h3,
+  h4: h4,
+  h5: h5,
+  h6: h6,
+  hr: hr,
+  li: li,
+  ol: ol,
+  p: p,
+  strong: strong,
+  ul: ul
 };
 
 const variantTable = "[&>table]";

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.CnMGpwQb.cjs');
+const templates = require('./shared/b24ui-nuxt.Bt28CeAD.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
@@ -118,7 +118,7 @@ function ComponentImportPlugin(options, meta) {
   const componentsContent = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "components/content") });
   const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const componentsProse = tinyglobby.globSync("**/*.vue", { cwd: pathe.join(runtimeDir, "prose") });
-  const componentProseNames = new Set(componentsProse.map((c) => `${c.replace(/\.vue$/, "")}`));
+  const componentProseNames = new Set(componentsProse.map((c) => `Prose${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, {
@@ -129,7 +129,7 @@ function ComponentImportPlugin(options, meta) {
         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, "prose", `${componentName.slice(0)}.vue`) };
+          return { name: "default", from: pathe.join(runtimeDir, "prose", `${componentName.slice("Prose".length)}.vue`) };
         if (componentContentNames.has(componentName))
           return { name: "default", from: pathe.join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
         if (componentNames.has(componentName))

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.BGGwh89R.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.Bx_-_mhu.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -108,7 +108,7 @@ function ComponentImportPlugin(options, meta) {
   const componentsContent = globSync("**/*.vue", { cwd: join(runtimeDir, "components/content") });
   const componentContentNames = new Set(componentsContent.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   const componentsProse = globSync("**/*.vue", { cwd: join(runtimeDir, "prose") });
-  const componentProseNames = new Set(componentsProse.map((c) => `${c.replace(/\.vue$/, "")}`));
+  const componentProseNames = new Set(componentsProse.map((c) => `Prose${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, {
@@ -119,7 +119,7 @@ function ComponentImportPlugin(options, meta) {
         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, "prose", `${componentName.slice(0)}.vue`) };
+          return { name: "default", from: join(runtimeDir, "prose", `${componentName.slice("Prose".length)}.vue`) };
         if (componentContentNames.has(componentName))
           return { name: "default", from: join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
         if (componentNames.has(componentName))

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.CnMGpwQb.cjs');
+require('./shared/b24ui-nuxt.Bt28CeAD.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.BGGwh89R.mjs';
+import './shared/b24ui-nuxt.Bx_-_mhu.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.4.1",
+  "version": "0.4.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -75,8 +75,8 @@
     "@nuxt/kit": "^3.15.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.9",
-    "@tailwindcss/vite": "^4.0.9",
+    "@tailwindcss/postcss": "^4.0.10",
+    "@tailwindcss/vite": "^4.0.10",
     "@tanstack/vue-table": "^8.21.2",
     "@unhead/vue": "^1.11.19",
     "@vueuse/core": "^12.7.0",
@@ -101,7 +101,7 @@
     "reka-ui": "^2.0.2",
     "scule": "^1.3.0",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.9",
+    "tailwindcss": "^4.0.10",
     "tinyglobby": "^0.2.12",
     "unplugin": "^2.2.0",
     "unplugin-auto-import": "^19.1.1",

package/.nuxt/b24ui/prose/prose-h1.ts

@@ -1,6 +0,0 @@
-export default {
-  "slots": {
-    "base": "mb-2 text-5xl leading-3xs font-light text-base-master dark:text-base-150 scroll-mt-[calc(45px+var(--b24ui-header-height))] lg:scroll-mt-(--b24ui-header-height)",
-    "link": "inline-flex items-center gap-2"
-  }
-}

package/.nuxt/b24ui/prose/prose-ol.ts

@@ -1,5 +0,0 @@
-export default {
-  "slots": {
-    "base": "list-decimal ps-6 mb-2 marker:text-base-300 dark:marker:text-base-800"
-  }
-}

package/.nuxt/b24ui/prose/prose-ul.ts

@@ -1,5 +0,0 @@
-export default {
-  "slots": {
-    "base": "list-disc ps-6 mb-2 marker:text-base-300 dark:marker:text-base-800"
-  }
-}