@bitrix24/b24ui-nuxt 2.1.16 → 2.2.1

package/dist/runtime/vue/stubs/none.d.ts

@@ -0,0 +1,56 @@
+export * from './base';
+export declare const useRoute: () => {
+    fullPath: string;
+    path: string;
+    name: null;
+    params: {};
+    query: {};
+    hash: string;
+    meta: {};
+    matched: never[];
+    redirectedFrom: undefined;
+};
+export declare const useRouter: () => {
+    push: () => Promise<void>;
+    replace: () => Promise<void>;
+    go: () => void;
+    back: () => void;
+    forward: () => void;
+    beforeEach: () => () => void;
+    beforeResolve: () => () => void;
+    afterEach: () => () => void;
+    onError: () => () => void;
+    isReady: () => Promise<boolean>;
+    currentRoute: import("vue").Ref<{
+        fullPath: string;
+        path: string;
+        name: null;
+        params: {};
+        query: {};
+        hash: string;
+        meta: {};
+        matched: never[];
+        redirectedFrom: undefined;
+    }, {
+        fullPath: string;
+        path: string;
+        name: null;
+        params: {};
+        query: {};
+        hash: string;
+        meta: {};
+        matched: never[];
+        redirectedFrom: undefined;
+    } | {
+        fullPath: string;
+        path: string;
+        name: null;
+        params: {};
+        query: {};
+        hash: string;
+        meta: {};
+        matched: never[];
+        redirectedFrom: undefined;
+    }>;
+    options: {};
+};

package/dist/runtime/vue/stubs/none.js

@@ -0,0 +1,48 @@
+import { ref } from "vue";
+export * from "./base.js";
+export const useRoute = () => {
+  return {
+    fullPath: "/",
+    path: "/",
+    name: null,
+    params: {},
+    query: {},
+    hash: "",
+    meta: {},
+    matched: [],
+    redirectedFrom: void 0
+  };
+};
+export const useRouter = () => {
+  return {
+    push: () => Promise.resolve(),
+    replace: () => Promise.resolve(),
+    go: () => {
+    },
+    back: () => {
+    },
+    forward: () => {
+    },
+    beforeEach: () => () => {
+    },
+    beforeResolve: () => () => {
+    },
+    afterEach: () => () => {
+    },
+    onError: () => () => {
+    },
+    isReady: () => Promise.resolve(true),
+    currentRoute: ref({
+      fullPath: "/",
+      path: "/",
+      name: null,
+      params: {},
+      query: {},
+      hash: "",
+      meta: {},
+      matched: [],
+      redirectedFrom: void 0
+    }),
+    options: {}
+  };
+};

package/dist/runtime/vue/stubs/vue-router.d.ts

@@ -0,0 +1,2 @@
+export * from './base';
+export { useRoute, useRouter } from 'vue-router';

package/dist/runtime/vue/stubs/vue-router.js

@@ -0,0 +1,2 @@
+export * from "./base.js";
+export { useRoute, useRouter } from "vue-router";

package/dist/shared/{b24ui-nuxt.DdKajqQs.mjs → b24ui-nuxt.C-CS9MBp.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.16";
+const version = "2.2.1";
 
 function getDefaultConfig(theme) {
   return {
@@ -1665,13 +1665,13 @@ const chatMessage = {
   variants: {
     variant: {
       message: {
-        content: "ring-1 ring-(--ui-color-divider-vibrant-default) bg-(--ui-color-palette-white-base) text-(--ui-color-palette-black-base)"
+        content: "bg-(--ui-color-design-outline-bg) border-(--ui-color-design-outline-stroke) border-(length:--ui-design-outline-stroke-weight-alt) text-(--ui-color-design-outline-content-secondary)"
       },
       event: {
-        content: "bg-(--ui-color-design-outline-stroke) ring ring-(--ui-color-design-outline-content-secondary)"
+        content: "bg-(--ui-color-design-tinted-na-bg) border-(--ui-color-design-tinted-na-stroke) border-(length:--ui-design-tinted-na-stroke-weight) text-(--ui-color-design-tinted-na-content)"
       },
       system: {
-        content: "bg-(--ui-color-copilot-bg-content-3)"
+        content: "bg-(--ui-color-copilot-bg-content-1) border-(--ui-color-design-outline-copilot-stroke) text-(--ui-color-design-outline-copilot-content)"
       }
     },
     side: {
@@ -1679,7 +1679,7 @@ const chatMessage = {
         container: "rtl:justify-end"
       },
       right: {
-        container: "ltr:justify-end ms-auto max-w-[75%]"
+        container: "ltr:justify-end ms-auto max-w-[85%]"
       }
     },
     leading: {
@@ -1744,7 +1744,7 @@ const chatMessage = {
       }
     },
     {
-      variant: "message",
+      variant: "system",
       side: "left",
       class: {
         content: "w-full"
@@ -1759,7 +1759,7 @@ const chatMessage = {
 const chatMessages = {
   slots: {
     root: "w-full flex flex-col gap-1 flex-1 px-2.5 [&>article]:last-of-type:min-h-(--last-message-height)",
-    indicator: "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-(--ui-color-base-7) [&>*:nth-child(1)]:animate-[bounce_1s_infinite] [&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] [&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
+    indicator: "h-6 flex items-center gap-1 py-3 *:size-2 *:rounded-full *:bg-(--ui-color-design-tinted-na-content-icon) [&>*:nth-child(1)]:animate-[bounce_1s_infinite] [&>*:nth-child(2)]:animate-[bounce_1s_0.15s_infinite] [&>*:nth-child(3)]:animate-[bounce_1s_0.3s_infinite]",
     viewport: "absolute inset-x-0 top-[78%] data-[state=open]:animate-[fade-in_200ms_ease-out] data-[state=closed]:animate-[fade-out_200ms_ease-in]",
     autoScroll: "rounded-full absolute right-1/2 translate-x-1/2 bottom-0"
   },
@@ -3574,23 +3574,23 @@ const formField = {
   slots: {
     root: "font-[family-name:var(--ui-font-family-system)] font-(--ui-font-weight-regular)",
     wrapper: "leading-(--ui-font-line-height-reset)",
-    labelWrapper: "flex content-center items-center justify-between",
+    labelWrapper: "flex content-center items-center justify-between gap-1",
     label: [
       "block",
       "text-(--b24ui-typography-label-color)"
     ].join(" "),
     hint: "text-(--b24ui-typography-description-color)",
     container: "relative",
-    description: "mt-[2px] leading-(--ui-font-line-height-2xs) text-(--b24ui-typography-description-color)",
-    error: "mt-[4px] text-(--ui-color-accent-main-alert)",
+    description: "leading-(--ui-font-line-height-2xs) text-(--b24ui-typography-description-color)",
+    error: "text-(--ui-color-accent-main-alert)",
     errorWrapper: "flex flex-row flex-nowrap items-center gap-0.5",
-    errorIcon: "size-[18px] mt-[2px]",
-    help: "mt-[6px] leading-(--ui-font-line-height-2xs) italic text-(--b24ui-typography-description-color)"
+    errorIcon: "size-[18px]",
+    help: "leading-(--ui-font-line-height-2xs) italic text-(--b24ui-typography-description-color)"
   },
   variants: {
     useDescription: {
-      true: { wrapper: "mb-[6px]" },
-      false: { wrapper: "mb-[10px]" }
+      true: { wrapper: "" },
+      false: { wrapper: "" }
     },
     size: {
       // xss: { root: 'text-(length:--ui-font-size-3xs)', errorIcon: 'size-[16px]' },
@@ -3604,11 +3604,40 @@ const formField = {
       true: {
         label: "after:content-['*'] after:ms-0.5 after:text-(--ui-color-accent-main-alert)"
       }
+    },
+    orientation: {
+      vertical: {
+        container: "",
+        // mt-1
+        description: "mt-[2px]",
+        error: "mt-[4px]",
+        errorIcon: "mt-[2px]",
+        help: "mt-[6px]"
+      },
+      horizontal: {
+        root: "flex justify-between place-items-baseline gap-2"
+      }
     }
   },
-  compoundVariants: [],
+  compoundVariants: [
+    {
+      useDescription: true,
+      orientation: "vertical",
+      class: { wrapper: "mb-[6px]" }
+    },
+    {
+      useDescription: false,
+      orientation: "vertical",
+      class: { wrapper: "mb-[10px]" }
+    },
+    {
+      orientation: "horizontal",
+      class: { wrapper: "" }
+    }
+  ],
   defaultVariants: {
-    size: "md"
+    size: "md",
+    orientation: "vertical"
   }
 };
 
@@ -6968,6 +6997,28 @@ const range = {
   }
 };
 
+const scrollArea = {
+  slots: {
+    root: "relative",
+    viewport: "relative flex",
+    item: ""
+  },
+  variants: {
+    orientation: {
+      vertical: {
+        root: "overflow-y-auto overflow-x-hidden",
+        viewport: "flex-col",
+        item: ""
+      },
+      horizontal: {
+        root: "overflow-x-auto overflow-y-hidden",
+        viewport: "flex-row",
+        item: ""
+      }
+    }
+  }
+};
+
 const select = () => {
   return defuFn(
     {
@@ -7425,7 +7476,7 @@ const slideover = {
     ].join(" "),
     sidebarLayoutRoot: "relative",
     sidebarLayoutHeaderWrapper: "relative",
-    sidebarLayoutPageWrapper: "min-h-full pb-[calc(53px_+_10px)] px-[20px] ps-[20px] pe-[20px] pb-[20px]",
+    sidebarLayoutPageWrapper: "min-h-full pb-[calc(53px_+_10px)] px-[20px] ps-[20px] pe-[20px] pb-[20px] overflow-y-auto scrollbar-thin",
     sidebarLayoutContainer: "gap-[22px]",
     sidebarLayoutPageBottomWrapper: "relative",
     sidebarLayoutLoadingWrapper: "",
@@ -7466,7 +7517,8 @@ const slideover = {
   variants: {
     useFooter: {
       true: {
-        sidebarLayoutPageWrapper: "pb-[calc(53px+20px)]"
+        sidebarLayoutPageWrapper: "mb-[calc(53px)] min-h-[calc(100vh_-_53px)]"
+        // -_18px
       }
     },
     overlayBlur: {
@@ -7482,35 +7534,33 @@ const slideover = {
     },
     side: {
       // @todo fix if parent SidebarLayout.isUseSideBar > w-[calc(100%-135x)] > w-[calc(100%-150px)]
-      right: {
-        content: [
-          "right-0 inset-y-0 w-[calc(100%-60px)] sm:w-[calc(100%-150px)]",
-          "sm:rounded-t-none"
-        ].join(" "),
-        sidebarLayoutRoot: "sm:rounded-t-none"
-      },
-      left: {
-        content: [
-          "left-0 inset-y-0 w-[calc(100%-60px)] sm:w-[calc(100%-150px)]",
-          "sm:rounded-t-none"
-        ].join(" "),
-        sidebarLayoutRoot: "sm:rounded-t-none"
-      },
       top: {
-        content: [
-          "inset-x-0 top-0 max-h-full",
-          "sm:rounded-t-none"
-        ].join(" "),
-        sidebarLayoutRoot: "sm:rounded-t-none"
+        content: "",
+        // 'sm:rounded-t-none'
+        sidebarLayoutRoot: ""
+        // sm:rounded-t-none
+      },
+      right: {
+        content: "",
+        // sm:rounded-t-none
+        sidebarLayoutRoot: ""
+        // sm:rounded-t-none
       },
       bottom: {
-        content: [
-          "right-[5px] top-0 sm:top-[18px] bottom-0",
-          "w-[calc(100%-60px-5px)] sm:w-[calc(100%-150px-70px)]",
-          "sm:max-h-[calc(100%-18px)]",
-          "sm:rounded-t-[18px]"
-        ].join(" "),
-        sidebarLayoutRoot: "sm:rounded-t-[18px]"
+        content: "",
+        sidebarLayoutRoot: ""
+      },
+      left: {
+        content: "",
+        // sm:rounded-t-none
+        sidebarLayoutRoot: ""
+        // sm:rounded-t-none
+      }
+    },
+    inset: {
+      true: {
+        content: "rounded-[18px]",
+        sidebarLayoutRoot: "rounded-[18px]"
       }
     },
     transition: {
@@ -7520,9 +7570,117 @@ const slideover = {
     }
   },
   compoundVariants: [
+    // region side && inset ////
+    {
+      side: "top",
+      inset: true,
+      class: {
+        content: "max-h-[calc(100%-2rem)] inset-x-4 top-4"
+      }
+    },
+    {
+      side: "top",
+      inset: true,
+      useFooter: true,
+      class: {
+        sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px-2rem)]"
+      }
+    },
+    {
+      side: "top",
+      inset: false,
+      class: {
+        content: "max-h-full inset-x-0 top-0"
+      }
+    },
+    {
+      side: "right",
+      inset: true,
+      class: {
+        content: "w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] inset-y-4 right-4 "
+      }
+    },
+    {
+      side: "right",
+      inset: true,
+      useFooter: true,
+      class: {
+        sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px-2rem)]"
+      }
+    },
+    {
+      side: "right",
+      inset: false,
+      class: {
+        content: "w-[calc(100%-60px)] sm:w-[calc(100%-150px)] inset-y-0 right-0"
+      }
+    },
+    {
+      side: "bottom",
+      inset: true,
+      class: {
+        content: [
+          "max-h-[calc(100%-2rem)] w-[calc(100%-2rem)] end-4 bottom-4"
+        ].join(" ")
+      }
+    },
+    {
+      side: "bottom",
+      inset: true,
+      useFooter: true,
+      class: {
+        sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px_-_2rem)]"
+      }
+    },
+    {
+      side: "bottom",
+      inset: false,
+      class: {
+        content: [
+          "max-h-full sm:max-h-[calc(100%-18px)] right-[5px] top-0 sm:top-[18px] bottom-0",
+          "w-[calc(100%-60px-5px)] sm:w-[calc(100%-150px-70px)]",
+          "sm:rounded-t-[18px]"
+        ].join(" "),
+        sidebarLayoutRoot: "sm:rounded-t-[18px]"
+      }
+    },
+    {
+      side: "left",
+      inset: true,
+      class: {
+        content: "w-[calc(100%-2rem)] max-h-[calc(100%-2rem)] inset-y-4 left-4"
+      }
+    },
+    {
+      side: "left",
+      inset: true,
+      useFooter: true,
+      class: {
+        sidebarLayoutPageWrapper: "min-h-[calc(100vh_-_53px-2rem)]"
+      }
+    },
+    {
+      side: "left",
+      inset: false,
+      class: {
+        content: "w-[calc(100%-60px)] sm:w-[calc(100%-150px)] inset-y-0 left-0"
+      }
+    },
+    // endregion ////
+    // region bottom & footer -> min-h ////
+    {
+      side: "bottom",
+      inset: false,
+      useFooter: true,
+      class: {
+        sidebarLayoutPageWrapper: "sm:min-h-[calc(100vh_-_53px_-18px)]"
+      }
+    },
+    // endregion ////
     // region btn.close ////
     {
       side: ["right", "bottom"],
+      inset: false,
       class: {
         close: [
           "pl-1.5 pr-[4px]",
@@ -7533,6 +7691,7 @@ const slideover = {
     },
     {
       side: "left",
+      inset: false,
       class: {
         close: [
           "pr-1.5 pl-[4px]",
@@ -7542,6 +7701,15 @@ const slideover = {
         ].join(" ")
       }
     },
+    {
+      // side: 'top',
+      inset: true,
+      class: {
+        close: [
+          "top-4 end-4"
+        ].join(" ")
+      }
+    },
     {
       side: "top",
       class: {
@@ -8913,8 +9081,8 @@ const sidebarLayout = {
     inner: {
       true: {
         root: [
-          "--inner",
-          "light",
+          "base-mode --inner",
+          // 'light', base-mode
           "relative isolate",
           "h-full",
           "overflow-hidden"
@@ -8962,7 +9130,7 @@ const sidebarLayout = {
     useLightContent: {
       true: {
         containerWrapper: [
-          "light",
+          "base-mode",
           "text-(--ui-color-text-primary)",
           "bg-(--ui-color-bg-content-primary)"
         ].join(" "),
@@ -9382,6 +9550,7 @@ const theme = {
   progress: progress,
   radioGroup: radioGroup,
   range: range,
+  scrollArea: scrollArea,
   select: select,
   selectMenu: selectMenu,
   separator: separator,
@@ -9715,12 +9884,16 @@ const callout = {
       // @memo use style-filled-black-inverted
       "[&_code]:text-(length:--ui-font-size-sm)/(--ui-font-line-height-sm)",
       "[&>div]:my-2.5",
-      "[&_ul]:my-2.5",
-      "[&_ol]:my-2.5",
+      "[&_ul]:my-2.5 [&_ul]:ps-3 [&_ul]:marker:text-(--b24ui-color)",
+      "[&_ol]:my-2.5 [&_ol]:ps-3 [&_ol]:marker:text-(--b24ui-color)",
+      "[&>h1]:text-(--b24ui-color)",
+      "[&>h2]:text-(--b24ui-color)",
+      "[&>h3]:text-(--b24ui-color)",
+      "[&>h4]:text-(--b24ui-color)",
+      "[&>h5]:text-(--b24ui-color)",
+      "[&>h6]:text-(--b24ui-color)",
       "[&>*]:last:!mb-0",
-      "[&_ul]:ps-4.5",
-      "[&_ol]:ps-4.5",
-      "[&_li]:my-0",
+      "[&_li]:my-1.5 [&_li]:ps-1 [&_li]:text-(length:--ui-font-size-md)/(--ui-font-line-height-3xs) [&_li]:text-(--b24ui-color)",
       "[&_a]:underline",
       "transition-colors"
     ].join(" "),

package/dist/unplugin.d.mts

@@ -28,10 +28,23 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
      * Override options for `unplugin-vue-components`
      */
     components?: Partial<Options$1>;
+    /**
+     * Router integration mode
+     * - `true` (default): Use vue-router integration
+     * - `false`: Disable routing, use anchor tags
+     * - `'inertia'`: Use Inertia.js compatibility layer
+     * @defaultValue `true`
+     */
+    router?: boolean | 'inertia';
     /**
      * Enables compatibility layer for InertiaJS
+     * @deprecated Use `router: 'inertia'` instead
      */
     inertia?: boolean;
+    /**
+     * Additional packages to scan for components using Nuxt UI
+     */
+    scanPackages?: string[];
 }
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;