@bitrix24/b24ui-nuxt 2.2.1 → 2.3.0

package/dist/runtime/vue/overrides/vue-router/Link.vue

@@ -168,7 +168,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
   href: to,
   rel,
   target,
-  active,
+  active: active ?? false,
   isExternal
 }"
       />
@@ -187,7 +187,7 @@ function resolveLinkClass({ route: route2, isActive, isExactActive } = {}) {
 }"
       :class="resolveLinkClass()"
     >
-      <slot :active="active" />
+      <slot :active="active ?? false" />
     </B24LinkBase>
   </template>
 </template>

package/dist/runtime/vue/overrides/vue-router/Link.vue.d.ts

@@ -54,9 +54,15 @@ export interface LinkSlots {
         active: boolean;
     }): any;
 }
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {
+    as: any;
+    type: "reset" | "submit" | "button";
+    active: boolean;
+    ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false";
+    isAction: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, LinkSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/runtime/vue/plugins/router.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import("vue").App<any>, options: any): void;
+};
+export default _default;

package/dist/runtime/vue/plugins/router.js

@@ -0,0 +1,7 @@
+export default {
+  install(app, options) {
+    if (options?.router && typeof options.router === "function") {
+      app.provide("bitrix24ui:router", options.router);
+    }
+  }
+};

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

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.2.1";
+const version = "2.3.0";
 
 function getDefaultConfig(theme) {
   return {
@@ -1307,9 +1307,10 @@ const calendar = {
     gridBody: "grid",
     headCell: [
       "font-(--ui-font-weight-normal)",
-      "text-(--ui-color-design-plain-na-content)"
+      "text-(--ui-color-design-plain-na-content-secondary)"
       // text-base-500
     ].join(" "),
+    headCellWeek: "text-(--ui-color-design-plain-na-content-secondary)",
     cell: "relative text-center cursor-pointer aria-disabled:cursor-not-allowed",
     cellTrigger: [
       "m-0.5 relative",
@@ -1333,6 +1334,11 @@ const calendar = {
       "data-unavailable:pointer-events-none",
       "data-today:font-(--ui-font-weight-semi-bold)",
       "transition"
+    ].join(" "),
+    cellWeek: [
+      "relative",
+      "text-center",
+      "text-(--ui-color-design-plain-na-content-secondary)"
     ].join(" ")
   },
   variants: {
@@ -1356,28 +1362,42 @@ const calendar = {
       xs: {
         heading: "text-(length:--ui-font-size-md)",
         cell: "text-(length:--ui-font-size-sm)",
-        headCell: "text-[10px]",
+        cellWeek: "text-(length:--ui-font-size-4xs)",
+        headCell: "text-(length:--ui-font-size-4xs)",
+        headCellWeek: "text-(length:--ui-font-size-4xs)",
         cellTrigger: "size-[28px]",
         body: "space-y-2 pt-2"
       },
       sm: {
         heading: "text-(length:--ui-font-size-md)",
-        headCell: "text-(length:--ui-font-size-sm)",
+        headCell: "text-(length:--ui-font-size-3xs)",
+        headCellWeek: "text-(length:--ui-font-size-3xs)",
+        cellWeek: "text-(length:--ui-font-size-3xs)",
         cell: "text-(length:--ui-font-size-sm)",
         cellTrigger: "size-[28px]"
       },
       md: {
         heading: "text-(length:--ui-font-size-lg)",
-        headCell: "text-(length:--ui-font-size-md)",
+        headCell: "text-(length:--ui-font-size-xs)",
+        headCellWeek: "text-(length:--ui-font-size-xs)",
+        cellWeek: "text-(length:--ui-font-size-xs)",
         cell: "text-(length:--ui-font-size-md)",
         cellTrigger: "size-[32px]"
       },
       lg: {
         heading: "text-(length:--ui-font-size-2xl)",
-        headCell: "text-(length:--ui-font-size-lg)",
+        headCell: "text-(length:--ui-font-size-xs)",
+        headCellWeek: "text-(length:--ui-font-size-xs)",
+        cellWeek: "text-(length:--ui-font-size-xs)",
         cell: "text-(length:--ui-font-size-lg)",
         cellTrigger: "size-[36px] text-(length:--ui-font-size-lg)"
       }
+    },
+    weekNumbers: {
+      true: {
+        gridRow: "grid-cols-8",
+        gridWeekDaysRow: "grid-cols-8 [&>*:first-child]:col-start-2"
+      }
     }
   },
   defaultVariants: {
@@ -2404,7 +2424,7 @@ const commandPalette = {
       "min-h-0 min-w-0",
       "divide-y divide-(--ui-color-design-tinted-na-stroke)"
     ].join(" "),
-    input: "ps-[40px] pe-[44px]",
+    input: "",
     close: "",
     back: "p-0",
     content: "relative overflow-hidden flex flex-col",
@@ -2419,23 +2439,15 @@ const commandPalette = {
     ].join(" "),
     group: "p-1 isolate",
     empty: [
-      "py-6",
       "text-center",
-      "text-(length:--ui-font-size-sm)",
       "text-(--b24ui-typography-description-color)"
     ].join(" "),
-    label: [
-      "p-[6px]",
-      "text-(length:--ui-font-size-xs)",
-      "text-(--b24ui-typography-label-color)"
-    ].join(" "),
+    label: "text-(--b24ui-typography-label-color)",
     item: [
       "group",
       "relative",
       "w-full",
-      "flex items-center gap-[6px]",
-      "p-[6px]",
-      "text-(length:--ui-font-size-sm)",
+      "flex items-center",
       "select-none",
       "outline-none",
       "before:absolute",
@@ -2445,21 +2457,21 @@ const commandPalette = {
       "data-disabled:cursor-not-allowed",
       "data-disabled:opacity-30"
     ].join(" "),
-    itemLeadingIcon: "shrink-0 size-[20px]",
+    itemLeadingIcon: "shrink-0",
     itemLeadingAvatar: "shrink-0",
-    itemLeadingAvatarSize: "2xs",
-    itemLeadingChip: "shrink-0 size-[20px]",
-    itemLeadingChipSize: "md",
-    itemTrailing: "ms-auto inline-flex gap-[6px] items-center",
-    itemTrailingIcon: "shrink-0 size-[20px] text-(--ui-color-accent-main-primary)",
+    itemLeadingAvatarSize: "",
+    itemLeadingChip: "shrink-0",
+    itemLeadingChipSize: "",
+    itemTrailing: "ms-auto inline-flex items-center",
+    itemTrailingIcon: "shrink-0 text-(--ui-color-accent-main-primary)",
     itemTrailingHighlightedIcon: [
-      "shrink-0 size-[20px]",
+      "shrink-0",
       "text-(--b24ui-typography-label-color)",
       "hidden",
       "group-data-highlighted:inline-flex"
     ].join(" "),
-    itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0 gap-0.5",
-    itemTrailingKbdsSize: "md",
+    itemTrailingKbds: "hidden lg:inline-flex items-center shrink-0",
+    itemTrailingKbdsSize: "",
     itemWrapper: "flex-1 flex flex-col text-start min-w-0 overflow-hidden",
     itemLabel: "truncate space-x-1 text-(--b24ui-typography-label-color)",
     itemDescription: "truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
@@ -2477,6 +2489,104 @@ const commandPalette = {
         // divide-y divide-(--ui-color-design-tinted-na-stroke)
       }
     },
+    size: {
+      xss: {
+        input: "ps-[20px] pe-[20px]",
+        // [&>input]:h-10
+        empty: "py-3 text-(length:--ui-font-size-4xs)",
+        label: "p-1 text-[10px]/3 gap-1",
+        item: "p-1 text-(length:--ui-font-size-4xs) gap-1",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      xs: {
+        input: "ps-[22px] pe-[22px]",
+        // [&>input]:h-10
+        empty: "py-3 text-(length:--ui-font-size-xs)",
+        label: "p-1 text-[10px]/3 gap-1",
+        item: "p-1 text-(length:--ui-font-size-xs) gap-1",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      sm: {
+        input: "ps-[28px] pe-[28px]",
+        // [&>input]:h-11
+        empty: "py-4 text-(length:--ui-font-size-sm)",
+        label: "p-1.5 text-[10px]/3 gap-1.5",
+        item: "p-1.5 text-(length:--ui-font-size-sm) gap-1.5",
+        itemLeadingIcon: "size-4",
+        itemLeadingAvatarSize: "3xs",
+        itemLeadingChip: "size-4",
+        itemLeadingChipSize: "sm",
+        itemTrailing: "gap-1.5",
+        itemTrailingIcon: "size-4",
+        itemTrailingHighlightedIcon: "size-4",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "sm"
+      },
+      md: {
+        input: "ps-[40px] pe-[44px]",
+        // [&>input]:h-12
+        empty: "py-6 text-(length:--ui-font-size-sm)",
+        label: "p-[6px] text-(length:--ui-font-size-xs) gap-[6px]",
+        item: "p-[6px] text-(length:--ui-font-size-md) gap-[6px]",
+        itemLeadingIcon: "size-[20px]",
+        itemLeadingAvatarSize: "2xs",
+        itemLeadingChip: "size-[20px]",
+        itemLeadingChipSize: "md",
+        itemTrailing: "gap-[6px]",
+        itemTrailingIcon: "size-[20px]",
+        itemTrailingHighlightedIcon: "size-[20px]",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "md"
+      },
+      lg: {
+        input: "ps-[40px] pe-[44px]",
+        // [&>input]:h-13
+        empty: "py-7 :text-(length:--ui-font-size-sm)",
+        label: "p-2 text-(length:--ui-font-size-lg) gap-2",
+        item: "p-2 text-(length:--ui-font-size-lg) gap-2",
+        itemLeadingIcon: "size-5",
+        itemLeadingAvatarSize: "2xs",
+        itemLeadingChip: "size-5",
+        itemLeadingChipSize: "md",
+        itemTrailing: "gap-2",
+        itemTrailingIcon: "size-5",
+        itemTrailingHighlightedIcon: "size-5",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "md"
+      },
+      xl: {
+        input: "ps-[40px] pe-[44px]",
+        // [&>input]:h-14
+        empty: "py-8 text-(length:--ui-font-size-lg)",
+        label: "p-2 text-(length:--ui-font-size-2xl) gap-2",
+        item: "p-2 text-(length:--ui-font-size-2xl) gap-2",
+        itemLeadingIcon: "size-6",
+        itemLeadingAvatarSize: "xs",
+        itemLeadingChip: "size-6",
+        itemLeadingChipSize: "lg",
+        itemTrailing: "gap-2",
+        itemTrailingIcon: "size-6",
+        itemTrailingHighlightedIcon: "size-6",
+        itemTrailingKbds: "gap-0.5",
+        itemTrailingKbdsSize: "lg"
+      }
+    },
     active: {
       true: {
         item: "text-(--b24ui-typography-label-color) before:bg-(--ui-color-base-8)",
@@ -2501,6 +2611,9 @@ const commandPalette = {
         itemLeadingIcon: "animate-spin"
       }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -2747,7 +2860,30 @@ const dashboardSearch = {
       false: {
         modal: "sm:max-w-[768px] h-full sm:h-[436px]"
       }
+    },
+    size: {
+      xss: {
+        input: "[&>input]:text-(length:--ui-font-size-4xs)/[normal]"
+      },
+      xs: {
+        input: "[&>input]:text-(length:--ui-font-size-xs)/[normal]"
+      },
+      sm: {
+        input: "[&>input]:text-(length:--ui-font-size-sm)/[normal]"
+      },
+      md: {
+        input: "[&>input]:text-(length:--ui-font-size-md)/[normal]"
+      },
+      lg: {
+        input: "[&>input]:text-(length:--ui-font-size-lg)/[normal]"
+      },
+      xl: {
+        input: "[&>input]:text-(length:--ui-font-size-2xl)/[normal]"
+      }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -3041,25 +3177,27 @@ const editor = {
     base: [
       "text-(--b24ui-typography-label-color)",
       "w-full outline-none *:my-5 *:first:mt-0 *:last:mb-0 sm:px-8 selection:bg-(--ui-color-design-selection-bg)",
-      // Placeholder
-      "[&_:is(p,h1,h2,h3,h4).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4).is-empty]:before:text-(--b24ui-typography-description-color) [&_:is(p,h1,h2,h3,h4).is-empty]:before:float-left [&_:is(p,h1,h2,h3,h4).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4).is-empty]:before:pointer-events-none",
-      "[&_li_.is-empty]:before:content-none",
       // Paragraph
       "[&_p]:leading-7",
       // Links
       "[&_a]:text-(--ui-color-accent-main-primary) [&_a]:border-b [&_a]:border-transparent [&_a]:hover:border-(--ui-color-accent-main-primary) [&_a]:font-(--ui-font-weight-medium)",
       "[&_a]:transition-colors",
+      // Code inside links
+      "[&_a>code]:border-dashed [&_a:hover>code]:border-(--ui-color-accent-soft-element-blue) [&_a:hover>code]:text-(--ui-color-accent-main-primary)",
+      "[&_a>code]:transition-colors",
       // Mentions
       "[&_.mention]:text-(--ui-color-accent-main-primary) [&_.mention]:font-(--ui-font-weight-medium)",
       // Headings - shared styles
-      "[&_:is(h1,h2,h3,h4)]:text-(--b24ui-typography-label-color) [&_:is(h1,h2,h3,h4)]:font-(--ui-font-weight-bold)",
+      "[&_:is(h1,h2,h3,h4,h5,h6)]:text-(--b24ui-typography-label-color) [&_:is(h1,h2,h3,h4,h5,h6)]:font-(--ui-font-weight-bold)",
       // Headings - unique styles
       "[&_h1]:text-3xl",
       "[&_h2]:text-2xl",
       "[&_h3]:text-xl",
       "[&_h4]:text-lg",
+      "[&_h5]:text-md",
+      "[&_h6]:text-md",
       // Code inside headings
-      "[&_:is(h1,h2,h3,h4)>code]:border-dashed [&_:is(h1,h2,h3,h4)>code]:font-(--ui-font-weight-bold)",
+      "[&_:is(h1,h2,h3,h4,h5,h6)>code]:border-dashed [&_:is(h1,h2,h3,h4,h5,h6)>code]:font-(--ui-font-weight-bold)",
       "[&_h2>code]:text-xl/6",
       "[&_h3>code]:text-lg/5",
       // Blockquote & HR
@@ -3081,6 +3219,19 @@ const editor = {
       // Selected nodes
       "[&_.ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper])]:bg-(--ui-color-design-selection-bg)"
     ].join(" ")
+  },
+  variants: {
+    placeholderMode: {
+      firstLine: {
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:text-(--b24ui-typography-description-color) [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-editor-empty:first-child]:before:pointer-events-none"
+      },
+      everyLine: {
+        base: "[&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:text-(--b24ui-typography-description-color) [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:float-start [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4,h5,h6).is-empty]:before:pointer-events-none"
+      }
+    }
+  },
+  defaultVariants: {
+    placeholderMode: "everyLine"
   }
 };
 
@@ -3116,27 +3267,25 @@ const editorSuggestionMenu = {
     // p-1 isolate
     label: [
       "w-full h-(--popup-window-delimiter-section-height)",
-      "px-[18px] mt-(--menu-item-block-stack-space)",
+      "mt-(--menu-item-block-stack-space)",
       "flex flex-row rtl:flex-row-reverse items-center",
       "select-none outline-none whitespace-nowrap",
       "text-start",
-      "text-(length:--ui-size-sm)",
       "text-(--b24ui-typography-legend-color)",
       "font-(--ui-font-weight-normal)",
       "after:ms-[10px] after:block after:flex-1 after:min-w-[15px] after:h-px after:bg-(--ui-color-divider-vibrant-default)"
     ].join(" "),
     item: [
       "group",
-      "w-full h-[36px]",
+      "w-full ",
       // min-w-[195px]
-      "px-[18px] mt-(--menu-item-block-stack-space)",
+      "mt-(--menu-item-block-stack-space)",
       "relative",
       "flex flex-row rtl:flex-row-reverse items-center",
       "select-none outline-none whitespace-nowrap",
       "cursor-pointer",
       "data-disabled:cursor-not-allowed data-disabled:opacity-30",
       "text-start",
-      "text-(length:--ui-font-size-md)",
       "text-(--b24ui-typography-legend-color) hover:text-(--b24ui-typography-label-color)",
       "data-highlighted:text-(--b24ui-typography-label-color)",
       "data-[state=open]:text-(--b24ui-typography-label-color)",
@@ -3147,17 +3296,14 @@ const editorSuggestionMenu = {
     ].join(" "),
     itemLeadingIcon: [
       "shrink-0",
-      "size-[18px]",
       "text-(--ui-color-design-plain-content-icon-secondary)",
       "group-data-highlighted:text-(--ui-color-accent-main-primary)",
       "group-data-[state=open]:text-(--ui-color-accent-main-primary)",
       "group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
       "transition-colors"
     ].join(" "),
-    itemLeadingAvatar: "shrink-0 size-[16px] me-[8px]",
-    // @memo 18-2px
-    itemLeadingAvatarSize: "2xs",
-    // @memo this wrong
+    itemLeadingAvatar: "shrink-0",
+    itemLeadingAvatarSize: "",
     itemWrapper: "ms-[4px] flex-1 flex flex-col text-start min-w-0",
     itemLabel: [
       "max-w-[240px] truncate -mt-px",
@@ -3167,6 +3313,53 @@ const editorSuggestionMenu = {
     itemLabelExternalIcon: "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)"
   },
   variants: {
+    size: {
+      xss: {
+        label: "px-[14px] text-(length:--ui-font-size-4xs)/[normal] gap-[14px]",
+        item: "px-[14px] :text-(length:--ui-font-size-4xs)/[normal] gap-[14px]",
+        itemLeadingIcon: "size-4 text-(length:--ui-font-size-sm)/[normal]",
+        itemLeadingAvatarSize: "3xs"
+      },
+      xs: {
+        label: "px-[14px] text-(length:--ui-font-size-4xs)/[normal] gap-[14px]",
+        item: "px-[14px] :text-(length:--ui-font-size-xs)/[normal] gap-[14px]",
+        itemLeadingIcon: "size-4 text-(length:--ui-font-size-sm)/[normal]",
+        itemLeadingAvatarSize: "3xs"
+      },
+      sm: {
+        label: "px-[18px] text-(length:--ui-font-size-xs)/[normal] gap-[18px]",
+        item: "px-[18px] :text-(length:--ui-font-size-xs)/[normal] gap-[18px]",
+        itemLeadingIcon: "size-4 text-(length:--ui-font-size-sm)/[normal]",
+        itemLeadingAvatarSize: "3xs"
+      },
+      md: {
+        label: "px-[18px] text-(length:--ui-font-size-sm)/[normal] gap-[18px]",
+        item: "h-[36px] px-[18px] text-(length:--ui-font-size-sm)/[normal] gap-[18px]",
+        itemLeadingIcon: "size-[18px] text-(length:--ui-font-size-lg)/[normal]",
+        itemLeadingAvatar: "size-[16px] me-[8px]",
+        // @memo 18-2px
+        itemLeadingAvatarSize: "2xs"
+        // @memo this wrong
+      },
+      lg: {
+        label: "px-[20px] :text-(length:--ui-font-size-sm)/[normal] gap-[20px]",
+        item: "px-[20px] text-(length:--ui-font-size-sm)/[normal] gap-[20px]",
+        itemLeadingIcon: "size-[18px] text-(length:--ui-font-size-lg)/[normal]",
+        itemLeadingAvatar: "size-[16px] me-[8px]",
+        // @memo 18-2px
+        itemLeadingAvatarSize: "2xs"
+        // @memo this wrong
+      },
+      xl: {
+        label: "px-[20px] text-(length:--ui-font-size-sm)/[normal] gap-[20px]",
+        item: "px-[20px] text-(length:--ui-font-size-lg)/[normal] gap-[20px]",
+        itemLeadingIcon: "size-[20px] text-(length:--ui-font-size-2xl)/[normal]",
+        itemLeadingAvatar: "size-[16px] me-[8px]",
+        // @memo 18-2px
+        itemLeadingAvatarSize: "xs"
+        // @memo this wrong
+      }
+    },
     active: {
       true: {
         item: [
@@ -3181,6 +3374,9 @@ const editorSuggestionMenu = {
       },
       false: {}
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -4097,8 +4293,10 @@ const inputMenu = () => {
         "group",
         "absolute inset-y-0 end-0 flex items-center",
         "disabled:cursor-not-allowed",
-        "disabled:opacity-30"
+        "disabled:opacity-30",
+        "focus:outline-none"
       ].join(" "),
+      trailingClear: "p-0",
       content: [
         "base-mode",
         // w-(--reka-combobox-trigger-width)
@@ -7298,7 +7496,8 @@ const selectMenu = () => {
         content,
         "origin-(--reka-combobox-content-transform-origin) "
         // w-(--reka-combobox-trigger-width)
-      ]
+      ],
+      trailingClear: "p-0"
     },
     variants: {
       virtualize: {
@@ -7451,9 +7650,9 @@ const skeleton = {
   },
   variants: {
     accent: {
-      default: "bg-(--ui-color-g-glass-grey-bg-1)",
-      accent: "bg-(--ui-color-g-glass-grey-bg-2)",
-      less: "bg-(--ui-color-g-glass-grey-bg-3)"
+      default: "bg-(--ui-color-g-glass-grey-bg-1) edge-dark:bg-(--ui-color-g-glass-grey-bg-3)",
+      accent: "bg-(--ui-color-g-glass-grey-bg-3) light:bg-(--ui-color-g-glass-grey-bg-2) edge-dark:bg-(--ui-color-g-glass-grey-bg-1)",
+      less: "bg-(--ui-color-tech-push) dark:bg-(--ui-color-g-content-grey-3)"
     }
   },
   defaultVariants: {
@@ -10363,6 +10562,16 @@ const tr = {
 const th = {
   slots: {
     base: ""
+  },
+  variants: {
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    align: "left"
   }
 };
 
@@ -10374,6 +10583,16 @@ const td = {
       "[&_ul]:my-0 [&_ol]:my-0 [&_ul]:ps-4.5 [&_ol]:ps-4.5",
       "[&_li]:leading-6 [&_li]:my-0.5"
     ].join(" ")
+  },
+  variants: {
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    align: "left"
   }
 };
 
@@ -10503,7 +10722,30 @@ const contentSearch = {
       false: {
         modal: "sm:max-w-[768px] h-full sm:h-[436px]"
       }
+    },
+    size: {
+      xss: {
+        input: "[&>input]:text-(length:--ui-font-size-4xs)/[normal]"
+      },
+      xs: {
+        input: "[&>input]:text-(length:--ui-font-size-xs)/[normal]"
+      },
+      sm: {
+        input: "[&>input]:text-(length:--ui-font-size-sm)/[normal]"
+      },
+      md: {
+        input: "[&>input]:text-(length:--ui-font-size-md)/[normal]"
+      },
+      lg: {
+        input: "[&>input]:text-(length:--ui-font-size-lg)/[normal]"
+      },
+      xl: {
+        input: "[&>input]:text-(length:--ui-font-size-2xl)/[normal]"
+      }
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 

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 getDefaultConfig } from './shared/b24ui-nuxt.C-CS9MBp.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.DEyBXBFe.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';
@@ -63,6 +63,7 @@ function TemplatePlugin(options, appConfig) {
 
 function PluginsPlugin(options) {
   const plugins = globSync(["**/*", "!*.d.ts"], { cwd: join(runtimeDir, "plugins"), absolute: true });
+  plugins.unshift(resolvePathSync("../runtime/vue/plugins/router", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
   plugins.unshift(resolvePathSync("../runtime/vue/plugins/head", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
   if (options.colorMode) {
     plugins.push(resolvePathSync("../runtime/vue/plugins/color-mode", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
@@ -91,9 +92,10 @@ function PluginsPlugin(options) {
     load() {
       return `
         ${plugins.map((p) => `import ${genSafeVariableName(p)} from "${p}"`).join("\n")}
+
 export default {
-  install (app) {
-${plugins.map((p) => `    app.use(${genSafeVariableName(p)})`).join("\n")}
+  install (app, pluginOptions = {}) {
+${plugins.map((p) => `    app.use(${genSafeVariableName(p)}, pluginOptions)`).join("\n")}
   }
 }
         `;

package/dist/vite.d.mts

@@ -1,6 +1,5 @@
-import * as vite from 'vite';
+import * as unplugin from 'unplugin';
 import { Bitrix24UIOptions } from './unplugin.mjs';
-import 'unplugin';
 import 'unplugin-auto-import/types';
 import 'unplugin-vue-components/types';
 import '#build/b24ui';
@@ -9,6 +8,6 @@ import '@nuxt/schema';
 import '../dist/runtime/types/index.js';
 import '../dist/runtime/types/tv.js';
 
-declare const _default: (options?: Bitrix24UIOptions | undefined) => vite.Plugin<any> | vite.Plugin<any>[];
+declare const _default: (options?: Bitrix24UIOptions | undefined) => unplugin.VitePlugin<any> | unplugin.VitePlugin<any>[];
 
 export { Bitrix24UIOptions, _default as default };

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.C-CS9MBp.mjs';
+import './shared/b24ui-nuxt.DEyBXBFe.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';