@bitrix24/b24ui-nuxt 0.3.5 → 0.4.1

package/dist/shared/{b24ui-nuxt.M7bz91Io.cjs → b24ui-nuxt.CnMGpwQb.cjs}

@@ -715,6 +715,12 @@ const badge = {
   }
 };
 
+const safeList$1 = [
+  "h-full w-full absolute inset-0 flex flex-row flex-nowrap items-center justify-center",
+  "w-[28px] h-[28px]",
+  "size-lg animate-spin stroke-2",
+  "invisible"
+].join(" ");
 const button = {
   slots: {
     base: [
@@ -732,7 +738,8 @@ const button = {
     leadingIcon: "shrink-0",
     leadingAvatar: "shrink-0",
     leadingAvatarSize: "",
-    trailingIcon: "shrink-0"
+    trailingIcon: "shrink-0",
+    safeList: safeList$1
   },
   variants: {
     ...buttonGroupVariant,
@@ -1601,6 +1608,78 @@ const countdown = {
   }
 };
 
+const descriptionList = {
+  slots: {
+    root: "w-full shrink-0",
+    legend: "font-semibold text-black dark:text-base-150",
+    text: "text-base-500 dark:text-base-400",
+    container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
+    labelWrapper: [
+      "col-start-1 border-t first:border-none sm:border-t",
+      "flex flex-nowrap flex-row items-center justify-start gap-1.5",
+      "border-base-950/5 text-base-500 sm:border-base-950/5",
+      "dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
+    ].join(" "),
+    icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
+    avatar: "shrink-0",
+    avatarSize: "",
+    label: "",
+    descriptionWrapper: [
+      "sm:border-t sm:[&:nth-child(2)]:border-none",
+      "text-base-900 sm:border-base-950/5",
+      "dark:text-base-150 dark:sm:border-white/5"
+    ].join(" "),
+    description: "",
+    actions: "flex flex-wrap gap-1.5 shrink-0",
+    footer: "border-t border-base-950/5 dark:border-white/5"
+  },
+  variants: {
+    size: {
+      sm: {
+        legend: "text-md",
+        text: "mt-1 max-w-2/3 text-sm",
+        container: "mt-2.5 text-md",
+        labelWrapper: "pt-3 sm:py-3",
+        avatarSize: "xs",
+        label: "",
+        descriptionWrapper: "pb-3 pt-1 sm:py-3",
+        description: "",
+        footer: "mt-2 p-2"
+      },
+      md: {
+        legend: "text-xl",
+        text: "mt-2 max-w-2/3 text-lg leading-5",
+        container: "mt-3 text-lg",
+        labelWrapper: "pt-3 sm:py-3",
+        avatarSize: "xs",
+        label: "",
+        descriptionWrapper: "pb-3 pt-1 sm:py-3",
+        description: "",
+        footer: "mt-4 p-4"
+      }
+    },
+    orientation: {
+      horizontal: {
+        descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
+        actions: "items-center"
+      },
+      vertical: {
+        descriptionWrapper: "",
+        actions: "items-start mt-2.5"
+      }
+    },
+    title: {
+      true: {
+        description: "mt-1"
+      }
+    }
+  },
+  compoundVariants: [],
+  defaultVariants: {
+    size: "md"
+  }
+};
+
 const dropdownMenu = {
   slots: {
     content: [
@@ -3248,7 +3327,7 @@ const link = (options) => ({
 
 const modal = {
   slots: {
-    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
+    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30 backdrop-blur-sm",
     content: [
       "py-md2 px-5",
       "fixed bg-white dark:bg-base-950",
@@ -4089,9 +4168,12 @@ const skeleton = {
   base: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800"
 };
 
+const safeList = [
+  "group-hover:rounded-full group-hover:border-1 group-hover:border-current"
+].join(" ");
 const slideover = {
   slots: {
-    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30",
+    overlay: "fixed inset-0 bg-base-950/20 dark:bg-base-950/30 backdrop-blur-xs",
     content: [
       "fixed",
       "bg-base-50 dark:bg-base-950",
@@ -4111,7 +4193,8 @@ const slideover = {
     footer: "bg-white dark:bg-base-950 flex items-center justify-center gap-3 py-4 border-t border-t-1 border-t-base-900/10 dark:border-t-white/20 shadow-top-md p-2 pr-(--scrollbar-width)",
     title: "font-b24-system font-light text-4.5xl leading-none text-base-900 dark:text-base-150",
     description: "mt-2 mb-1 text-base-500 dark:text-base-400 text-sm",
-    close: "absolute"
+    close: "absolute",
+    safeList
   },
   variants: {
     side: {
@@ -5170,6 +5253,7 @@ const theme = {
   chip: chip,
   container: container,
   countdown: countdown,
+  descriptionList: descriptionList,
   dropdownMenu: dropdownMenu,
   form: form,
   formField: formField,
@@ -5195,6 +5279,121 @@ const theme = {
   tooltip: tooltip
 };
 
+const proseH1 = {
+  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)"
+    ].join(" "),
+    link: "inline-flex items-center gap-2"
+  }
+};
+
+const proseH2 = {
+  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"
+    ].join(" "),
+    leading: [
+      "absolute -ms-8 top-1 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 proseH3 = {
+  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"
+    ].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 proseLi = {
+  slots: {
+    base: [
+      "my-1.5 ps-1.5",
+      "leading-relaxed",
+      "[&>ul]:my-0 [&>ol]:my-0"
+    ].join(" ")
+  }
+};
+
+const proseOl = {
+  slots: {
+    base: [
+      "list-decimal",
+      "ps-6 mb-2",
+      "marker:text-base-300 dark:marker:text-base-800"
+    ].join(" ")
+  }
+};
+
+const proseP = {
+  slots: {
+    base: [
+      "mb-2",
+      "leading-relaxed",
+      "text-pretty"
+    ].join(" ")
+  }
+};
+
+const proseUl = {
+  slots: {
+    base: [
+      "list-disc",
+      "ps-6 mb-2",
+      "marker:text-base-300 dark:marker:text-base-800"
+    ].join(" ")
+  }
+};
+
+const themeProse = {
+  __proto__: null,
+  proseH1: proseH1,
+  proseH2: proseH2,
+  proseH3: proseH3,
+  proseLi: proseLi,
+  proseOl: proseOl,
+  proseP: proseP,
+  proseUl: proseUl
+};
+
 const variantTable = "[&>table]";
 const variantHeadTr = "[&>table>thead>tr]";
 const variantBodyTr = "[&>table>tbody>tr]";
@@ -5280,86 +5479,9 @@ const tableWrapper = {
   }
 };
 
-const themeProse = {
-  __proto__: null,
-  tableWrapper: tableWrapper
-};
-
-const descriptionList = {
-  slots: {
-    root: "w-full shrink-0",
-    legend: "font-semibold text-black dark:text-base-150",
-    text: "text-base-500 dark:text-base-400",
-    container: "grid grid-cols-1 sm:grid-cols-[min(50%,theme(spacing.80))_auto]",
-    labelWrapper: [
-      "col-start-1 border-t first:border-none sm:border-t",
-      "flex flex-nowrap flex-row items-center justify-start gap-1.5",
-      "border-base-950/5 text-base-500 sm:border-base-950/5",
-      "dark:border-white/5 dark:text-base-400 sm:dark:border-white/5"
-    ].join(" "),
-    icon: "shrink-0 size-6 text-base-500 dark:text-base-400",
-    avatar: "shrink-0",
-    avatarSize: "",
-    label: "",
-    descriptionWrapper: [
-      "sm:border-t sm:[&:nth-child(2)]:border-none",
-      "text-base-900 sm:border-base-950/5",
-      "dark:text-base-150 dark:sm:border-white/5"
-    ].join(" "),
-    description: "",
-    actions: "flex flex-wrap gap-1.5 shrink-0",
-    footer: "border-t border-base-950/5 dark:border-white/5"
-  },
-  variants: {
-    size: {
-      sm: {
-        legend: "text-md",
-        text: "mt-1 max-w-2/3 text-sm",
-        container: "mt-2.5 text-md",
-        labelWrapper: "pt-3 sm:py-3",
-        avatarSize: "xs",
-        label: "",
-        descriptionWrapper: "pb-3 pt-1 sm:py-3",
-        description: "",
-        footer: "mt-2 p-2"
-      },
-      md: {
-        legend: "text-xl",
-        text: "mt-2 max-w-2/3 text-lg leading-5",
-        container: "mt-3 text-lg",
-        labelWrapper: "pt-3 sm:py-3",
-        avatarSize: "xs",
-        label: "",
-        descriptionWrapper: "pb-3 pt-1 sm:py-3",
-        description: "",
-        footer: "mt-4 p-4"
-      }
-    },
-    orientation: {
-      horizontal: {
-        descriptionWrapper: "w-full flex flex-row items-center justify-between gap-4",
-        actions: "items-center"
-      },
-      vertical: {
-        descriptionWrapper: "",
-        actions: "items-start mt-2.5"
-      }
-    },
-    title: {
-      true: {
-        description: "mt-1"
-      }
-    }
-  },
-  compoundVariants: [],
-  defaultVariants: {
-    size: "md"
-  }
-};
-
 const themeContent = {
   __proto__: null,
-  descriptionList: descriptionList
+  tableWrapper: tableWrapper
 };
 
 function replaceBrackets(value) {

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.M7bz91Io.cjs');
+const templates = require('./shared/b24ui-nuxt.CnMGpwQb.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');
@@ -117,8 +117,8 @@ function ComponentImportPlugin(options, meta) {
   const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   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, "components/prose") });
-  const componentProseNames = new Set(componentsProse.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 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, "components/prose", `${componentName.slice("B24".length)}.vue`) };
+          return { name: "default", from: pathe.join(runtimeDir, "prose", `${componentName.slice(0)}.vue`) };
         if (componentContentNames.has(componentName))
           return { name: "default", from: pathe.join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
         if (componentNames.has(componentName))
@@ -201,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, { devtools: { enabled: false } }, templates.defaultOptions);
+  const options = defu.defu(_options, {}, templates.defaultOptions);
   const appConfig = defu.defu({ b24ui: options.b24ui, colorMode: options.colorMode }, { 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.CeQRWQD-.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.BGGwh89R.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -107,8 +107,8 @@ function ComponentImportPlugin(options, meta) {
   const componentNames = new Set(components.map((c) => `B24${c.replace(/\.vue$/, "")}`));
   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, "components/prose") });
-  const componentProseNames = new Set(componentsProse.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 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, "components/prose", `${componentName.slice("B24".length)}.vue`) };
+          return { name: "default", from: join(runtimeDir, "prose", `${componentName.slice(0)}.vue`) };
         if (componentContentNames.has(componentName))
           return { name: "default", from: join(runtimeDir, "components/content", `${componentName.slice("B24".length)}.vue`) };
         if (componentNames.has(componentName))
@@ -191,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, { devtools: { enabled: false } }, defaultOptions);
+  const options = defu(_options, {}, defaultOptions);
   const appConfig = defu({ b24ui: options.b24ui, colorMode: options.colorMode }, { 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.M7bz91Io.cjs');
+require('./shared/b24ui-nuxt.CnMGpwQb.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.CeQRWQD-.mjs';
+import './shared/b24ui-nuxt.BGGwh89R.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.3.5",
+  "version": "0.4.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -35,6 +35,10 @@
       "types": "./vue-plugin.d.ts"
     },
     "./runtime/*": "./dist/runtime/*",
+    "./prose/*": "./dist/runtime/prose/*",
+    "./components/*": "./dist/runtime/components/*",
+    "./composables/*": "./dist/runtime/composables/*",
+    "./types/*": "./dist/runtime/types/*",
     "./utils/*": {
       "types": "./dist/runtime/utils/*.d.ts",
       "import": "./dist/runtime/utils/*.js"
@@ -92,31 +96,29 @@
     "knitwork": "^1.2.0",
     "magic-string": "^0.30.17",
     "mlly": "^1.7.4",
-    "ohash": "^1.1.4",
+    "ohash": "^2.0.10",
     "pathe": "^2.0.3",
-    "reka-ui": "^2.0.0",
+    "reka-ui": "^2.0.2",
     "scule": "^1.3.0",
-    "sirv": "^3.0.1",
     "tailwind-variants": "^0.3.1",
     "tailwindcss": "^4.0.9",
     "tinyglobby": "^0.2.12",
     "unplugin": "^2.2.0",
-    "unplugin-auto-import": "^19.1.0",
-    "unplugin-vue-components": "^28.4.0",
+    "unplugin-auto-import": "^19.1.1",
+    "unplugin-vue-components": "^28.4.1",
     "vaul-vue": "^0.3.0"
   },
   "devDependencies": {
     "@types/canvas-confetti": "^1.9.0",
     "@nuxt/eslint-config": "^1.1.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/test-utils": "^3.17.0",
+    "@nuxt/test-utils": "^3.17.1",
     "@standard-schema/spec": "^1.0.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.5.2",
     "eslint": "^9.21.0",
     "happy-dom": "^17.1.2",
     "joi": "^17.13.3",
-    "knitwork": "^1.2.0",
     "nuxt": "^3.15.4",
     "nuxt-component-meta": "^0.10.0",
     "superstruct": "^2.0.2",