@bitrix24/b24ui-nuxt 0.6.8 → 0.7.0

package/dist/shared/{b24ui-nuxt.jU270f-Q.mjs → b24ui-nuxt.C-kZb5Ac.mjs}

@@ -1,13 +1,35 @@
-import { fileURLToPath } from 'node:url';
+import 'node:url';
 import { kebabCase } from 'scule';
 import { addTypeTemplate, addTemplate } from '@nuxt/kit';
 import { defuFn } from 'defu';
+import { genExport } from 'knitwork';
 
 const getDefaultUiConfig = () => ({});
 const defaultOptions = {
   colorMode: true
 };
 
+const accordion = {
+  slots: {
+    root: "w-full",
+    item: "border-b border-default last:border-b-0",
+    header: "flex",
+    trigger: "group flex-1 flex items-center gap-1.5 font-medium text-sm py-3 focus-visible:outline-primary min-w-0 cursor-pointer",
+    content: "motion-safe:data-[state=open]:animate-[accordion-down_200ms_ease-out] motion-safe:data-[state=closed]:animate-[accordion-up_200ms_ease-out] overflow-hidden focus:outline-none",
+    body: "text-sm pb-3",
+    leadingIcon: "shrink-0 size-5",
+    trailingIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
+    label: "text-start break-words"
+  },
+  variants: {
+    disabled: {
+      true: {
+        trigger: "cursor-not-allowed opacity-75"
+      }
+    }
+  }
+};
+
 const advice = {
   slots: {
     root: "flex items-end",
@@ -174,7 +196,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",
+    root: "inline-flex items-center justify-center shrink-0 select-none rounded-full align-middle bg-base-100 dark:bg-base-900",
     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"
@@ -271,12 +293,14 @@ const buttonGroupVariant = {
       "focus-visible:outline-none",
       "ring ring-inset ring-0 focus-visible:ring-2",
       "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
-      "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
+      "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0",
+      "focus-visible:z-[1]"
     ].join(" "),
     vertical: [
       "focus-visible:outline-none",
       "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
+      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none",
+      "focus-visible:z-[1]"
     ].join(" ")
   },
   noSplit: {
@@ -290,7 +314,7 @@ const buttonGroupVariant = {
 const buttonGroupVariantWithRoot = {
   buttonGroup: {
     horizontal: {
-      root: "group leading-none",
+      root: "group leading-none has-focus-visible:z-[1]",
       base: [
         "focus-visible:outline-none",
         "ring ring-inset ring-1 focus-visible:ring-2",
@@ -300,7 +324,7 @@ const buttonGroupVariantWithRoot = {
       ].join(" ")
     },
     vertical: {
-      root: "group",
+      root: "group has-focus-visible:z-[1]",
       base: [
         "focus-visible:outline-none",
         "ring ring-inset ring-1 focus-visible:ring-2",
@@ -364,7 +388,7 @@ const badge = {
       false: "bg-transparent"
     },
     leading: {
-      true: "ps-2xs"
+      true: "ps-1"
     },
     color: {
       default: "",
@@ -420,6 +444,9 @@ const badge = {
         leadingAvatarSize: "xs",
         trailingIcon: "size-[26px]"
       }
+    },
+    square: {
+      true: ""
     }
   },
   compoundVariants: [
@@ -679,6 +706,48 @@ const badge = {
       ].join(" ")
     },
     // endregion ////
+    // region square ////
+    {
+      size: "xs",
+      square: true,
+      class: {
+        base: "p-0 ps-0 pe-0",
+        wrapper: "p-0.5 gap-0"
+      }
+    },
+    {
+      size: "sm",
+      square: true,
+      class: {
+        base: "p-0 ps-0 pe-0",
+        wrapper: "p-1 gap-0"
+      }
+    },
+    {
+      size: "md",
+      square: true,
+      class: {
+        base: "p-0 ps-0 pe-0",
+        wrapper: "p-1 gap-0"
+      }
+    },
+    {
+      size: "lg",
+      square: true,
+      class: {
+        base: "p-0 ps-0 pe-0",
+        wrapper: "p-1 gap-0"
+      }
+    },
+    {
+      size: "xl",
+      square: true,
+      class: {
+        base: "p-0 ps-0 pe-0",
+        wrapper: "p-1 gap-0"
+      }
+    },
+    // endregion ////
     // region useLink & useFill ////
     {
       useLink: true,
@@ -1287,7 +1356,7 @@ const calendar = {
     body: "flex flex-col space-y-4 pt-4 sm:flex-row sm:space-x-4 sm:space-y-0",
     heading: "text-center font-semibold truncate mx-auto",
     grid: "w-full border-collapse select-none space-y-1 focus:outline-none",
-    gridRow: "grid grid-cols-7",
+    gridRow: "grid grid-cols-7 place-items-center",
     gridWeekDaysRow: "mb-1 grid w-full grid-cols-7",
     gridBody: "grid",
     headCell: "font-normal text-base-500 dark:text-base-500",
@@ -1400,6 +1469,7 @@ const checkbox = {
       "ring ring-inset ring-base-300 dark:ring-base-700",
       "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2"
     ].join(" "),
+    indicator: "flex items-center justify-center size-full text-base-master dark:text-base-400",
     container: "flex items-center",
     wrapper: "font-b24-primary ms-2",
     icon: "shrink-0 size-full",
@@ -1417,6 +1487,28 @@ const checkbox = {
       collab: "focus-visible:outline-collab-500 dark:focus-visible:outline-collab-600",
       ai: "focus-visible:outline-ai-500 dark:focus-visible:outline-ai-600"
     },
+    variant: {
+      list: {
+        root: ""
+      },
+      card: {
+        root: "border border-muted rounded-lg"
+      }
+    },
+    indicator: {
+      start: {
+        root: "flex-row",
+        wrapper: "ms-2"
+      },
+      end: {
+        root: "flex-row-reverse",
+        wrapper: "me-2"
+      },
+      hidden: {
+        base: "sr-only",
+        wrapper: "text-center"
+      }
+    },
     size: {
       xs: {
         base: "size-3",
@@ -1460,50 +1552,68 @@ const checkbox = {
     }
   },
   compoundVariants: [
+    // region card ////
+    { size: "xs", variant: "card", class: { root: "p-2.5" } },
+    { size: "sm", variant: "card", class: { root: "p-3" } },
+    { size: "md", variant: "card", class: { root: "p-3.5" } },
+    { size: "lg", variant: "card", class: { root: "p-4" } },
+    // endregion ////
+    // region list ////
     {
       color: "default",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-base-900 bg-base-900 dark:ring-base-350 dark:bg-base-350 dark:text-base-800"
     },
     {
       color: "danger",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-red-500 bg-red-500 dark:ring-red-600 dark:bg-red-600 dark:text-red-250"
     },
     {
       color: "success",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-green-500 bg-green-500 dark:ring-green-600 dark:bg-green-600 dark:text-green-250"
     },
     {
       color: "warning",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-orange-500 bg-orange-500 dark:ring-orange-600 dark:bg-orange-600 dark:text-orange-250"
     },
     {
       color: "primary",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-blue-500 bg-blue-500 dark:ring-blue-600 dark:bg-blue-600 dark:text-blue-250"
     },
     {
       color: "secondary",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-cyan-350 bg-cyan-350 dark:ring-cyan-500 dark:bg-cyan-500"
     },
     {
       color: "collab",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-collab-500 bg-collab-500 dark:ring-collab-600 dark:bg-collab-600 dark:text-collab-250"
     },
     {
       color: "ai",
+      variant: "list",
       checked: true,
       class: "ring-2 ring-ai-500 bg-ai-500 dark:ring-ai-600 dark:bg-ai-600 dark:text-ai-250"
     }
+    // endregion ////
   ],
   defaultVariants: {
     size: "md",
-    color: "primary"
+    color: "primary",
+    variant: "list",
+    indicator: "start"
   }
 };
 
@@ -1820,12 +1930,19 @@ const dropdownMenu = {
       "min-w-32",
       "bg-white dark:bg-base-dark",
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
-      "overflow-y-auto",
+      "overflow-hidden",
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
       "origin-(--reka-dropdown-menu-content-transform-origin)",
-      "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
+      "flex flex-col",
       "pointer-events-auto"
     ].join(" "),
+    viewport: [
+      "relative",
+      "divide-y divide-base-master/10 dark:divide-base-100/20",
+      "scroll-py-1",
+      "overflow-y-auto",
+      "flex-1"
+    ].join(" "),
     arrow: "fill-base-master/10 dark:fill-base-100/20",
     group: "p-1 isolate",
     label: [
@@ -2182,6 +2299,7 @@ const formField = {
     container: "relative",
     description: "mt-0.5 leading-tight text-base-500 dark:text-base-600",
     error: "mt-1 text-red-500 dark:text-red-600",
+    errorWrapper: "flex flex-row flex-nowrap gap-0.5",
     errorIcon: "size-lg",
     help: "mt-1.5 leading-tight italic text-base-500 dark:text-base-600"
   },
@@ -2795,9 +2913,16 @@ const inputMenu = () => {
         "overflow-hidden",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
         "origin-(--reka-combobox-content-transform-origin)",
+        "flex flex-col",
         "pointer-events-auto"
       ].join(" "),
-      viewport: "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
+      viewport: [
+        "relative",
+        "divide-y divide-base-master/10 dark:divide-base-100/20",
+        "scroll-py-1",
+        "overflow-y-auto",
+        "flex-1"
+      ].join(" "),
       group: "p-1 isolate",
       empty: "py-2 text-center text-sm text-base-500 dark:text-base-600",
       label: [
@@ -3025,6 +3150,7 @@ const inputNumber = () => {
       tag: input$1.slots.tag
     },
     variants: {
+      ...buttonGroupVariantWithRoot,
       size: {
         xs: "px-2 h-xl2 gap-1",
         sm: "px-2.5 h-8 gap-1.5",
@@ -3437,11 +3563,10 @@ const link = (options) => ({
     active: {
       true: "text-blue-700 dark:text-blue-300 hover:not-disabled:not-aria-disabled:underline underline-offset-2",
       false: [
-        "text-base-900 hover:not-disabled:not-aria-disabled:text-blue-700",
-        "dark:text-base-300 dark:hover:not-disabled:not-aria-disabled:text-blue-300",
-        "hover:not-disabled:not-aria-disabled:underline underline-offset-2",
-        "transition-colors"
-      ]
+        "text-base-900",
+        "dark:text-base-300",
+        "underline-offset-2"
+      ].join(" ")
     },
     disabled: {
       true: "cursor-not-allowed opacity-75"
@@ -3459,7 +3584,19 @@ const link = (options) => ({
         "focus-visible:outline-base-700"
       ].join(" ")
     }
-  }
+  },
+  compoundVariants: [
+    {
+      active: false,
+      disabled: false,
+      class: [
+        "hover:text-blue-700",
+        "dark:hover:text-blue-300",
+        "hover:underline",
+        "transition-colors"
+      ].join(" ")
+    }
+  ]
 });
 
 const modal = {
@@ -3505,7 +3642,8 @@ const modal = {
           "top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
           "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"
+          "ring ring-base-300 dark:ring-base-800",
+          "overflow-hidden"
         ].join(" ")
       }
     },
@@ -3545,28 +3683,34 @@ const navigationMenu = {
     linkLeadingIcon: "shrink-0 size-4 -ms-1 rtl:-ms-0 rtl:-me-1",
     linkLeadingAvatar: "shrink-0 -ms-1 rtl:-ms-0 rtl:-me-1",
     linkLeadingAvatarSize: "2xs",
-    linkTrailing: "inline-flex gap-1.5 items-center",
+    linkTrailing: "group inline-flex gap-1.5 items-center",
     linkTrailingBadge: "shrink-0",
     linkTrailingBadgeSize: "sm",
     linkTrailingIcon: "text-base-600 size-4 transform shrink-0 group-data-[state=open]:rotate-180 transition-transform duration-200",
     linkLabel: "truncate",
     linkLabelWrapper: "flex items-center items-center justify-between rtl:flex-row-reverse gap-1.5",
     linkLabelExternalIcon: "inline-block h-6 w-3 align-top text-base-500 dark:text-base-700",
-    childList: "",
+    childList: "isolate",
+    childLabel: [
+      "text-xs text-highlighted",
+      "text-base-500 dark:text-base-400"
+    ].join(" "),
     childItem: "",
     childLink: [
-      "group",
+      "group relative",
       "size-full",
-      "px-3 py-2",
-      "rounded-2xs",
-      "flex items-start gap-2",
-      "text-start"
+      // 'rounded-2xs',
+      "flex items-start",
+      "text-start",
+      "text-sm",
+      "before:absolute before:z-[-1] before:rounded-2xs",
+      "focus:outline-none focus-visible:outline-none dark:focus-visible:outline-none focus-visible:before:ring-inset focus-visible:before:ring-2"
     ].join(" "),
-    childLinkWrapper: "flex flex-col items-start",
+    childLinkWrapper: "min-w-0",
     childLinkIcon: "size-5 shrink-0",
-    childLinkLabel: "font-semibold text-sm relative inline-flex",
+    childLinkLabel: "truncate",
     childLinkLabelExternalIcon: "inline-block h-6 w-3 align-top text-base-500 dark:text-base-700",
-    childLinkDescription: "text-sm text-base-500 dark:text-base-700",
+    childLinkDescription: "text-base-500 dark:text-base-700",
     separator: "px-2 h-px bg-base-950/10 dark:bg-base-100/20",
     viewportWrapper: "absolute top-full left-0 flex w-full",
     viewport: [
@@ -3580,8 +3724,7 @@ const navigationMenu = {
       // 'motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]'
       "z-[1]"
     ].join(" "),
-    content: "absolute top-0 left-0 w-full",
-    //  sm:w-auto
+    content: "",
     indicator: [
       "absolute",
       "motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
@@ -3606,35 +3749,35 @@ const navigationMenu = {
     color: {
       default: {
         link: "focus-visible:before:ring-base-300 dark:focus-visible:before:ring-base-800",
-        childLink: "focus-visible:outline-base-300 dark:focus-visible:outline-base-800"
+        childLink: "focus-visible:before:ring-base-300 dark:focus-visible:before:ring-base-800"
       },
       danger: {
         link: "focus-visible:before:ring-red-300 dark:focus-visible:before:ring-red-800",
-        childLink: "focus-visible:outline-red-300 dark:focus-visible:outline-red-800"
+        childLink: "focus-visible:before:ring-red-300 dark:focus-visible:before:ring-red-800"
       },
       success: {
         link: "focus-visible:before:ring-green-300 dark:focus-visible:before:ring-green-800",
-        childLink: "focus-visible:outline-green-300 dark:focus-visible:outline-green-800"
+        childLink: "focus-visible:before:ring-green-300 dark:focus-visible:before:ring-green-800"
       },
       warning: {
         link: "focus-visible:before:ring-orange-300 dark:focus-visible:before:ring-orange-800",
-        childLink: "focus-visible:outline-orange-300 dark:focus-visible:outline-orange-800"
+        childLink: "focus-visible:before:ring-orange-300 dark:focus-visible:before:ring-orange-800"
       },
       primary: {
         link: "focus-visible:before:ring-blue-300 dark:focus-visible:before:ring-blue-800",
-        childLink: "focus-visible:outline-blue-300 dark:focus-visible:outline-blue-800"
+        childLink: "focus-visible:before:ring-blue-300 dark:focus-visible:before:ring-blue-800"
       },
       secondary: {
         link: "focus-visible:before:ring-cyan-300 dark:focus-visible:before:ring-cyan-800",
-        childLink: "focus-visible:outline-cyan-300 dark:focus-visible:outline-cyan-800"
+        childLink: "focus-visible:before:ring-cyan-300 dark:focus-visible:before:ring-cyan-800"
       },
       collab: {
         link: "focus-visible:before:ring-collab-300 dark:focus-visible:before:ring-collab-800",
-        childLink: "focus-visible:outline-collab-300 dark:focus-visible:outline-collab-800"
+        childLink: "focus-visible:before:ring-collab-300 dark:focus-visible:before:ring-collab-800"
       },
       ai: {
         link: "focus-visible:before:ring-ai-300 dark:focus-visible:before:ring-ai-800",
-        childLink: "focus-visible:outline-ai-300 dark:focus-visible:outline-ai-800"
+        childLink: "focus-visible:before:ring-ai-300 dark:focus-visible:before:ring-ai-800"
       }
     },
     highlightColor: {
@@ -3665,7 +3808,10 @@ const navigationMenu = {
         list: "flex items-center gap-x-1",
         item: "py-2 empty:hidden",
         link: "px-2.5 py-1.5 before:inset-x-px before:inset-y-0",
-        childList: "grid p-2"
+        childList: "grid p-2",
+        childLink: "px-3 py-2 gap-2 before:inset-x-px before:inset-y-0",
+        childLinkLabel: "font-medium",
+        content: "absolute top-0 left-0 w-full max-h-[70vh] overflow-y-auto"
       },
       vertical: {
         root: "flex-col w-full",
@@ -3673,7 +3819,9 @@ const navigationMenu = {
           "ps-2xl pe-xs rtl:ps-xs rtl:pe-2xl",
           "flex-row rtl:flex-row-reverse",
           "before:inset-y-px before:inset-x-0"
-        ].join(" ")
+        ].join(" "),
+        childLabel: "px-1.5 py-0.5",
+        childLink: "p-1.5 gap-1.5 before:inset-y-px before:inset-x-0"
       }
     },
     contentOrientation: {
@@ -3703,7 +3851,7 @@ const navigationMenu = {
     active: {
       true: {
         childLink: [
-          "bg-base-20 dark:bg-base-900",
+          "before:bg-base-20 dark:before:bg-base-900",
           "text-base-950 dark:text-base-50",
           "font-semibold"
         ].join(" "),
@@ -3713,10 +3861,10 @@ const navigationMenu = {
         link: "text-base-900 dark:text-base-200",
         linkLeadingIcon: "text-base-500 dark:text-base-700",
         childLink: [
-          "hover:bg-base-20 dark:hover:bg-base-900",
+          "hover:before:bg-base-20 dark:hover:before:bg-base-900",
           "text-base-500 dark:text-base-700",
-          "hover:text-base-950 dark:hover:dark:text-base-200",
-          "transition-colors"
+          "hover:text-base-950 dark:hover:text-base-200",
+          "transition-colors before:transition-colors"
         ].join(" "),
         childLinkIcon: [
           "text-base-500 dark:text-base-700",
@@ -3757,6 +3905,23 @@ const navigationMenu = {
         content: "w-60"
       }
     },
+    {
+      orientation: "vertical",
+      collapsed: false,
+      class: {
+        childList: "",
+        childItem: "[&>*]:ps-[44px] rtl:[&>*]:pe-[44px]",
+        content: "motion-safe:data-[state=open]:animate-[collapsible-down_200ms_ease-out] motion-safe:data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden"
+      }
+    },
+    {
+      orientation: "vertical",
+      collapsed: true,
+      class: {
+        link: "px-1.5",
+        content: "rounded-sm min-h-6 p-1"
+      }
+    },
     {
       orientation: "horizontal",
       highlight: true,
@@ -3858,7 +4023,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-base-800 dark:before:bg-white/35",
-          "hover:before:bg-base-800 hover:dark:before:bg-white/35",
+          "hover:before:bg-base-800 dark:hover:before:bg-white/35",
           "data-[state=open]:before:bg-base-800 dark:data-[state=open]:before:bg-white/35"
         ].join(" "),
         linkLabelWrapper: [
@@ -3897,7 +4062,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-red-800 dark:before:bg-red-800",
-          "hover:before:bg-red-800 hover:dark:before:bg-red-800",
+          "hover:before:bg-red-800 dark:hover:before:bg-red-800",
           "data-[state=open]:before:bg-red-800 dark:data-[state=open]:before:bg-red-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -3936,7 +4101,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-green-800 dark:before:bg-green-800",
-          "hover:before:bg-green-800 hover:dark:before:bg-green-800",
+          "hover:before:bg-green-800 dark:hover:before:bg-green-800",
           "data-[state=open]:before:bg-green-800 dark:data-[state=open]:before:bg-green-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -3975,7 +4140,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-orange-800 dark:before:bg-orange-800",
-          "hover:before:bg-orange-800 hover:dark:before:bg-orange-800",
+          "hover:before:bg-orange-800 dark:hover:before:bg-orange-800",
           "data-[state=open]:before:bg-orange-800 dark:data-[state=open]:before:bg-orange-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -4014,7 +4179,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-blue-800 dark:before:bg-blue-800",
-          "hover:before:bg-blue-800 hover:dark:before:bg-blue-800",
+          "hover:before:bg-blue-800 dark:hover:before:bg-blue-800",
           "data-[state=open]:before:bg-blue-800 dark:data-[state=open]:before:bg-blue-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -4053,7 +4218,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-cyan-800 dark:before:bg-cyan-800",
-          "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800",
+          "hover:before:bg-cyan-800 dark:hover:before:bg-cyan-800",
           "data-[state=open]:before:bg-cyan-800 dark:data-[state=open]:before:bg-cyan-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -4092,7 +4257,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-collab-800 dark:before:bg-collab-800",
-          "hover:before:bg-collab-800 hover:dark:before:bg-collab-800",
+          "hover:before:bg-collab-800 dark:hover:before:bg-collab-800",
           "data-[state=open]:before:bg-collab-800 dark:data-[state=open]:before:bg-collab-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -4131,7 +4296,7 @@ const navigationMenu = {
           "min-h-9",
           "before:rounded-md",
           "before:bg-ai-800 dark:before:bg-ai-800",
-          "hover:before:bg-ai-800 hover:dark:before:bg-ai-800",
+          "hover:before:bg-ai-800 dark:hover:before:bg-ai-800",
           "data-[state=open]:before:bg-ai-800 dark:data-[state=open]:before:bg-ai-800"
         ].join(" "),
         linkLabelWrapper: [
@@ -4177,6 +4342,7 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
           "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
@@ -4190,9 +4356,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-base-800 hover:dark:before:bg-white/35",
+          "hover:before:bg-base-800 dark:hover:before:bg-white/35",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4203,9 +4370,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-red-800 hover:dark:before:bg-red-800",
+          "hover:before:bg-red-800 dark:hover:before:bg-red-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4216,9 +4384,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-green-800 hover:dark:before:bg-green-800",
+          "hover:before:bg-green-800 dark:hover:before:bg-green-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4229,9 +4398,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-orange-800 hover:dark:before:bg-orange-800",
+          "hover:before:bg-orange-800 dark:hover:before:bg-orange-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4242,9 +4412,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-blue-800 hover:dark:before:bg-blue-800",
+          "hover:before:bg-blue-800 dark:hover:before:bg-blue-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4255,9 +4426,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800",
+          "hover:before:bg-cyan-800 dark:hover:before:bg-cyan-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4268,9 +4440,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-collab-800 hover:dark:before:bg-collab-800",
+          "hover:before:bg-collab-800 dark:hover:before:bg-collab-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4281,9 +4454,10 @@ const navigationMenu = {
       variant: "pill",
       active: true,
       highlight: true,
+      disabled: false,
       class: {
         link: [
-          "hover:before:bg-ai-800 hover:dark:before:bg-ai-800",
+          "hover:before:bg-ai-800 dark:hover:before:bg-ai-800",
           "before:transition-colors"
         ].join(" ")
       }
@@ -4584,23 +4758,6 @@ const navigationMenu = {
       class: {
         link: "after:bg-ai-500 dark:after:bg-ai-600"
       }
-    },
-    // endregion ////
-    // region collapsed ////
-    {
-      orientation: "vertical",
-      collapsed: false,
-      class: {
-        childList: "",
-        childItem: "[&>*]:ps-[44px] rtl:[&>*]:pe-[44px]"
-      }
-    },
-    {
-      orientation: "vertical",
-      collapsed: true,
-      class: {
-        link: "px-1.5"
-      }
     }
     // endregion ////
   ],
@@ -5045,7 +5202,7 @@ const radioGroup = {
       orientation: "horizontal",
       variant: "table",
       class: {
-        item: "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        item: "first-of-type:rounded-s-lg last-of-type:rounded-e-lg",
         fieldset: "gap-0 -space-x-px"
       }
     },
@@ -5382,7 +5539,7 @@ const defSize = {
   itemLeadingChip: "size-3 not-group-data-reka-collection-item:ps-2.5",
   itemLeadingChipSize: "sm",
   itemTrailingIcon: "size-3",
-  scrollUpDownButtonIcon: "size-4",
+  // scrollUpDownButtonIcon: 'size-4',
   trailingIcon: "size-lg2"
 };
 const select = () => {
@@ -5420,15 +5577,22 @@ const select = () => {
           "overflow-hidden",
           "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
           "origin-(--reka-select-content-transform-origin)",
+          "flex flex-col",
           "pointer-events-auto"
         ].join(" "),
-        scrollUpDownButton: [
-          "flex items-center justify-center h-[25px] cursor-default backdrop-blur",
-          "text-base-800 bg-white",
-          "dark:text-base-100 dark:bg-base-dark"
+        // scrollUpDownButton: [
+        //  'flex items-center justify-center h-[25px] cursor-default backdrop-blur',
+        //  'text-base-800 bg-white',
+        //  'dark:text-base-100 dark:bg-base-dark'
+        // ].join(' '),
+        // scrollUpDownButtonIcon: '',
+        viewport: [
+          "relative",
+          "divide-y divide-base-master/10 dark:divide-base-100/20",
+          "scroll-py-1",
+          "overflow-y-auto",
+          "flex-1"
         ].join(" "),
-        scrollUpDownButtonIcon: "",
-        viewport: "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
         group: "p-1 isolate",
         empty: "py-2 text-center text-sm text-base-500 dark:text-base-600",
         label: [
@@ -5882,7 +6046,7 @@ const tabs = {
     list: "relative flex p-1 group",
     indicator: "absolute transition-[translate,width] duration-200",
     trigger: [
-      "group relative inline-flex items-center shrink-0 min-w-0",
+      "group relative inline-flex items-center min-w-0",
       "data-[state=inactive]:text-base-600 dark:data-[state=inactive]:text-base-600",
       "hover:data-[state=inactive]:not-disabled:text-base-master dark:hover:data-[state=inactive]:not-disabled:text-base-150",
       "font-medium rounded-xl",
@@ -5909,12 +6073,13 @@ const tabs = {
     variant: {
       pill: {
         list: "bg-base-100 dark:bg-transparent rounded-md",
-        trigger: "flex-1 w-full",
+        trigger: "grow",
         indicator: "rounded-xl shadow-xs"
       },
       link: {
         list: "border-base-300 dark:border-base-800",
-        indicator: "rounded-full"
+        indicator: "rounded-full",
+        trigger: "focus:outline-none"
       }
     },
     orientation: {
@@ -6666,7 +6831,7 @@ const toast = {
 const toaster = {
   slots: {
     viewport: "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] data-[expanded=true]:h-(--height) focus:outline-none mr-(--scrollbar-width)",
-    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:invisible data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
+    base: "pointer-events-auto absolute inset-x-0 z-(--index) transform-(--transform) data-[expanded=false]:data-[front=false]:h-(--front-height) data-[expanded=false]:data-[front=false]:*:opacity-0 data-[front=false]:*:transition-opacity data-[front=false]:*:duration-100 data-[state=closed]:animate-[toast-closed_200ms_ease-in-out] data-[state=closed]:data-[expanded=false]:data-[front=false]:animate-[toast-collapsed-closed_200ms_ease-in-out] data-[swipe=move]:transition-none transition-[transform,translate,height] duration-200 ease-out"
   },
   variants: {
     position: {
@@ -6743,7 +6908,7 @@ const tooltip = {
   slots: {
     content: [
       "flex items-center gap-1 shadow-sm rounded-2xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-      "min-h-6 px-2 py-1 text-xs",
+      "min-h-6 px-2.5 py-1 text-xs",
       "bg-base-dark text-white",
       "dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20",
       "origin-(--reka-tooltip-content-transform-origin)",
@@ -7055,6 +7220,7 @@ const navbarSpacer = {
 
 const theme = {
   __proto__: null,
+  accordion: accordion,
   advice: advice,
   alert: alert,
   avatar: avatar,
@@ -7583,8 +7749,8 @@ function replaceBrackets(value) {
 }
 function getTemplates(options) {
   const templates = [];
-  function generateVariantDeclarations(variants, result) {
-    return variants.map((variant) => {
+  function generateVariantDeclarations(variants, result, json) {
+    return variants.filter((variant) => json.includes(`as typeof ${variant}`)).map((variant) => {
       const keys = Object.keys(result.variants[variant]);
       return `const ${variant} = ${JSON.stringify(keys, null, 2)} as const`;
     });
@@ -7609,7 +7775,7 @@ function getTemplates(options) {
           });
         }
         return [
-          ...generateVariantDeclarations(variants, result),
+          ...generateVariantDeclarations(variants, result, json),
           `export default ${json}`
         ].join("\n\n");
       }
@@ -7634,18 +7800,8 @@ function getTemplates(options) {
             return `${before}${replaced}${after}`;
           });
         }
-        if (process.env.DEV) {
-          const templatePath = fileURLToPath(new URL(`./theme/prose/${kebabCase(component)}`, import.meta.url));
-          return [
-            `import template from ${JSON.stringify(templatePath)}`,
-            ...generateVariantDeclarations(variants, result),
-            `const result = typeof template === 'function' ? template(${JSON.stringify(options, null, 2)}) : template`,
-            `const theme = ${json}`,
-            `export default result as typeof theme`
-          ].join("\n\n");
-        }
         return [
-          ...generateVariantDeclarations(variants, result),
+          ...generateVariantDeclarations(variants, result, json),
           `export default ${json}`
         ].join("\n\n");
       }
@@ -7670,18 +7826,8 @@ function getTemplates(options) {
             return `${before}${replaced}${after}`;
           });
         }
-        if (process.env.DEV) {
-          const templatePath = fileURLToPath(new URL(`./theme/content/${kebabCase(component)}`, import.meta.url));
-          return [
-            `import template from ${JSON.stringify(templatePath)}`,
-            ...generateVariantDeclarations(variants, result),
-            `const result = typeof template === 'function' ? template(${JSON.stringify(options, null, 2)}) : template`,
-            `const theme = ${json}`,
-            `export default result as typeof theme`
-          ].join("\n\n");
-        }
         return [
-          ...generateVariantDeclarations(variants, result),
+          ...generateVariantDeclarations(variants, result, json),
           `export default ${json}`
         ].join("\n\n");
       }
@@ -7692,7 +7838,7 @@ function getTemplates(options) {
     write: true,
     getContents: () => `@source "./b24ui";
 
-@theme default {}
+@theme default inline {}
 `
   });
   templates.push({
@@ -7703,12 +7849,12 @@ function getTemplates(options) {
   templates.push({
     filename: "types/b24ui.d.ts",
     getContents: () => replaceBrackets(`import * as b24ui from '#build/b24ui'
-import type { DeepPartial } from '@bitrix24/b24ui-nuxt'
+import type { TVConfig } from '@bitrix24/b24ui-nuxt'
 import type { defaultConfig } from 'tailwind-variants'
 
 type AppConfigUI = {
   tv?: typeof defaultConfig
-} & DeepPartial[[typeof b24ui]]
+} & TVConfig<typeof b24ui>
 
 declare module '@nuxt/schema' {
   interface AppConfigInput {
@@ -7726,8 +7872,8 @@ export {}
     filename: "b24ui-image-component.ts",
     write: true,
     getContents: ({ app }) => {
-      const image = app?.components?.find((c) => c.pascalName === "NuxtImg" && !c.filePath.includes("nuxt/dist/app"));
-      return image ? `export { default } from "${image.filePath}"` : 'export default "img"';
+      const image = app?.components?.find((c) => c.pascalName === "NuxtImg" && !/nuxt(?:-nightly)?\/dist\/app/.test(c.filePath));
+      return image ? genExport(image.filePath, [{ name: image.export, as: "default" }]) : 'export default "img"';
     }
   });
   return templates;