@bitrix24/b24ui-nuxt 0.2.7 → 0.2.9

package/dist/shared/{b24ui-nuxt.DWZW38ni.cjs → b24ui-nuxt.DcPkWX-m.cjs}

@@ -177,7 +177,7 @@ const alert = {
 const avatar = {
   slots: {
     root: "inline-flex items-center justify-center shrink-0 select-none overflow-hidden rounded-full align-middle bg-base-100 dark:bg-base-900",
-    image: "h-full w-full rounded-[inherit] object-cover data-[error]:hidden",
+    image: "h-full w-full rounded-[inherit] object-cover",
     fallback: "font-medium text-base-500 dark:text-base-600 truncate",
     icon: "text-base-500 shrink-0 dark:text-base-600"
   },
@@ -343,8 +343,7 @@ const badge = {
       "px-2 leading-normal rounded-md"
     ].join(" "),
     wrapper: "inline-flex items-center",
-    label: "max-w-full whitespace-nowrap text-ellipsis",
-    // truncate ////
+    label: "max-w-full whitespace-nowrap text-ellipsis decoration-from-font",
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
@@ -3159,10 +3158,10 @@ const modal = {
     content: [
       "py-md2 px-5",
       "fixed bg-white dark:bg-base-950",
-      // 'divide-y divide-base-900/10 dark:divide-white/20',
       "flex flex-col focus:outline-none"
     ].join(" "),
-    header: "pe-5 pt-0",
+    header: "flex items-center gap-1.5 pe-5 pt-0 min-h-lg2",
+    wrapper: "",
     body: "flex-1 overflow-y-auto my-2.5 text-md leading-normal",
     footer: "flex items-center justify-center gap-3 mt-2.5 pt-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20",
     title: "font-bold text-md leading-normal text-base-900 dark:text-base-150",
@@ -3183,7 +3182,7 @@ const modal = {
       false: {
         content: [
           "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
-          "w-[calc(100vw-2rem)] max-w-[32rem] max-h-[calc(100vh-2rem)] sm:max-h-[calc(100vh-4rem)]",
+          "w-[calc(100vw-2rem)] max-w-[32rem] max-h-[calc(100dvh-2rem)] sm:max-h-[calc(100dvh-4rem)]",
           "rounded-md shadow-lg",
           "ring ring-base-300 dark:ring-base-800"
         ].join(" ")
@@ -4974,8 +4973,94 @@ const theme = {
   tooltip: tooltip
 };
 
+const variantTable = "[&>table]";
+const variantHeadTr = "[&>table>thead>tr]";
+const variantBodyTr = "[&>table>tbody>tr]";
+const variantFoot = "[&>table>tfoot]";
+const variantFootTr = "[&>table>tfoot>tr]";
+const variantsTr = [
+  variantHeadTr,
+  variantBodyTr,
+  variantFootTr
+];
+const variantsTdTh = [
+  "[&>table>thead>tr>td]",
+  "[&>table>thead>tr>th]",
+  "[&>table>tbody>tr>td]",
+  "[&>table>tbody>tr>th]",
+  "[&>table>tfoot>tr>td]",
+  "[&>table>tfoot>tr>th]"
+];
+const tableWrapper = {
+  slots: {
+    base: [
+      `font-b24-primary ${variantTable}:text-md ${variantTable}:relative ${variantTable}:w-full ${variantTable}:text-left ${variantTable}:rtl:text-right`,
+      `${variantTable}:text-base-900 dark:${variantTable}:text-base-200`,
+      ...variantsTdTh.map((variant) => `${variant}:align-middle`),
+      ...variantsTdTh.filter((variant) => !variant.includes("tbody>tr>td")).map((variant) => `${variant}:whitespace-nowrap  ${variant}:text-md ${variant}:font-normal`),
+      `${variantHeadTr}:border-base-300 dark:${variantHeadTr}:border-base-800`,
+      `${variantBodyTr}:border-base-master/10 dark:${variantBodyTr}:border-base-100/20`,
+      `${variantFoot}:border-base-300 dark:${variantFoot}:border-base-800`,
+      `${variantHeadTr}:border-b ${variantBodyTr.replace(">tr]", ">tr:not(:last-child)]")}:border-b`,
+      `${variantFoot}:border-t`
+    ].join(" ")
+  },
+  variants: {
+    size: {
+      xs: [
+        ...variantsTdTh.map((variant) => `${variant}:text-xs ${variant}:px-2 ${variant}:py-1`)
+      ].join(" "),
+      sm: [
+        ...variantsTdTh.map((variant) => `${variant}:text-sm ${variant}:px-3 ${variant}:py-2`)
+      ].join(" "),
+      md: [
+        ...variantsTdTh.map((variant) => `${variant}:text-md ${variant}:px-4 ${variant}:py-3.5`)
+      ].join(" "),
+      lg: [
+        ...variantsTdTh.map((variant) => `${variant}:text-lg ${variant}:px-5 ${variant}:py-4`)
+      ].join(" ")
+    },
+    rounded: {
+      true: "rounded-md",
+      false: "rounded"
+    },
+    zebra: {
+      true: [
+        ...variantsTr.filter((variant) => variant === variantBodyTr).map((variant) => `${variant}:even:bg-base-30 ${variant}:even:[&>td]:bg-base-30 ${variant}:even:[&>th]:bg-base-30 dark:${variant}:even:bg-base-dark dark:${variant}:even:[&>td]:bg-base-dark dark:${variant}:even:[&>th]:bg-base-dark`)
+      ].join(" ")
+    },
+    pinRows: {
+      true: [
+        ...variantsTr.filter((variant) => variant !== variantBodyTr).map((variant) => `${variant}:sticky ${variant}:${variant === variantHeadTr ? "top-0" : "bottom-0"} ${variant}:z-1 ${variant}:bg-white dark:${variant}:bg-base-dark ${variant}:${variant === variantHeadTr ? "shadow-bottom-sm" : "shadow-top-sm"}`)
+      ].join(" ")
+    },
+    pinCols: {
+      true: [
+        ...variantsTr.map((row) => {
+          const variant = row.replace(">tr]", ">tr>th]");
+          return `${variant}:sticky ${variant}:right-0 ${variant}:left-0 ${variant}:bg-base-20 dark:${variant}:bg-base-dark`;
+        })
+      ].join(" ")
+    },
+    rowHover: {
+      true: `${variantBodyTr}:hover:bg-base-40 ${variantBodyTr}:hover:[&>td]:bg-base-40 ${variantBodyTr}:hover:[&>th]:bg-base-40 dark:${variantBodyTr}:hover:bg-base-900 dark:${variantBodyTr}:hover:[&>td]:bg-base-900 dark:${variantBodyTr}:hover:[&>th]:bg-base-900`
+    },
+    bordered: {
+      true: "border border-base-master/10 dark:border-base-800"
+    },
+    scrollbarThin: {
+      true: "scrollbar-thin"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    scrollbarThin: true
+  }
+};
+
 const themeProse = {
-  __proto__: null
+  __proto__: null,
+  tableWrapper: tableWrapper
 };
 
 const descriptionList = {

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.DWZW38ni.cjs');
+const templates = require('./shared/b24ui-nuxt.DcPkWX-m.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
@@ -78,6 +78,18 @@ ${plugins.map((p) => `    app.use(${knitwork.genSafeVariableName(p)})`).join("\n
   }
 }
         `;
+    },
+    // Argument Vite specific configuration
+    vite: {
+      config() {
+        return {
+          // Opt-out Bitrix24 UI from Vite's pre-bundling,
+          // as we need Vite's pipeline to resolve imports like `#imports`
+          optimizeDeps: {
+            exclude: ["@bitrix24/b24ui-nuxt"]
+          }
+        };
+      }
     }
   };
 }
@@ -189,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, { fonts: false, devtools: { enabled: false } }, templates.defaultOptions);
+  const options = defu.defu(_options, { devtools: { enabled: false } }, templates.defaultOptions);
   const appConfig = defu.defu({ b24ui: options.b24ui }, { 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.BhidWnCI.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.0h2uYsyZ.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -68,6 +68,18 @@ ${plugins.map((p) => `    app.use(${genSafeVariableName(p)})`).join("\n")}
   }
 }
         `;
+    },
+    // Argument Vite specific configuration
+    vite: {
+      config() {
+        return {
+          // Opt-out Bitrix24 UI from Vite's pre-bundling,
+          // as we need Vite's pipeline to resolve imports like `#imports`
+          optimizeDeps: {
+            exclude: ["@bitrix24/b24ui-nuxt"]
+          }
+        };
+      }
     }
   };
 }
@@ -179,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, { fonts: false, devtools: { enabled: false } }, defaultOptions);
+  const options = defu(_options, { devtools: { enabled: false } }, defaultOptions);
   const appConfig = defu({ b24ui: options.b24ui }, { 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.DWZW38ni.cjs');
+require('./shared/b24ui-nuxt.DcPkWX-m.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.BhidWnCI.mjs';
+import './shared/b24ui-nuxt.0h2uYsyZ.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.2.7",
+  "version": "0.2.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -71,12 +71,12 @@
     "@nuxt/kit": "^3.15.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxtjs/color-mode": "^3.5.2",
-    "@tailwindcss/postcss": "^4.0.6",
-    "@tailwindcss/vite": "^4.0.6",
+    "@tailwindcss/postcss": "^4.0.7",
+    "@tailwindcss/vite": "^4.0.7",
     "@tanstack/vue-table": "^8.21.2",
     "@unhead/vue": "^1.11.19",
-    "@vueuse/core": "^12.6.1",
-    "@vueuse/integrations": "^12.6.1",
+    "@vueuse/core": "^12.7.0",
+    "@vueuse/integrations": "^12.7.0",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.0",
     "defu": "^6.1.4",
@@ -93,25 +93,26 @@
     "mlly": "^1.7.4",
     "ohash": "^1.1.4",
     "pathe": "^2.0.3",
-    "reka-ui": "1.0.0-alpha.10",
+    "reka-ui": "^2.0.0",
     "scule": "^1.3.0",
+    "sirv": "^3.0.1",
     "tailwind-variants": "^0.3.1",
-    "tailwindcss": "^4.0.6",
-    "tinyglobby": "^0.2.10",
+    "tailwindcss": "^4.0.7",
+    "tinyglobby": "^0.2.11",
     "unplugin": "^2.2.0",
-    "unplugin-auto-import": "^19.0.0",
-    "unplugin-vue-components": "^28.0.0",
-    "vaul-vue": "^0.2.1"
+    "unplugin-auto-import": "^19.1.0",
+    "unplugin-vue-components": "^28.4.0",
+    "vaul-vue": "^0.3.0"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.0.1",
+    "@nuxt/eslint-config": "^1.1.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.15.4",
     "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
     "eslint": "^9.20.1",
-    "happy-dom": "^17.1.0",
+    "happy-dom": "^17.1.1",
     "joi": "^17.13.3",
     "knitwork": "^1.2.0",
     "nuxt": "^3.15.4",
@@ -119,7 +120,7 @@
     "superstruct": "^2.0.2",
     "valibot": "^0.42.1",
     "vitepress": "^1.5.0",
-    "vitest": "^3.0.5",
+    "vitest": "^3.0.6",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.0",
     "yup": "^1.6.1",
@@ -132,11 +133,11 @@
     "@bitrix24/b24ui-nuxt": "workspace:*",
     "chokidar": "3.6.0",
     "debug": "4.3.7",
-    "rollup": "^4.24.0",
+    "rollup": "4.32.1",
     "typescript": "5.6.3",
     "unimport": "3.14.5",
     "unplugin": "^2.2.0",
-    "vite": "^6.0.11",
+    "vue": "3.5.13",
     "vue-tsc": "2.2.0"
   },
   "keywords": [