@bitrix24/b24ui-nuxt 0.5.2 → 0.5.4

package/dist/shared/{b24ui-nuxt.CKEqlXJP.cjs → b24ui-nuxt.BfU7TRfz.cjs}

@@ -726,7 +726,7 @@ const button = {
     base: [
       "select-none cursor-pointer inline-flex items-center",
       "relative",
-      "outline-transparent focus:outline-hidden focus-visible:outline-2 focus-visible:outline-offset-2",
+      "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
       "disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:opacity-50",
       "transition duration-150 ease-linear"
       // transition-colors
@@ -751,7 +751,7 @@ const button = {
         "active:bg-slate-850 active:border-slate-850 active:focus-visible:ring-0",
         "disabled:bg-base-650 aria-disabled:bg-base-650 disabled:border-base-650 aria-disabled:border-base-650",
         "focus-visible:outline-base-650",
-        "ring-base-850 focus-visible:ring-base-850"
+        "ring-base-850 focus:outline-none focus-visible:ring-base-850"
       ].join(" "),
       danger: [
         "text-white dark:text-red-100 bg-red-720 border border-red-720",
@@ -759,7 +759,7 @@ const button = {
         "active:bg-red-730 active:border-red-730 active:focus-visible:ring-0",
         "disabled:bg-red-720 aria-disabled:bg-red-720 disabled:border-red-720 aria-disabled:border-red-720",
         "focus-visible:outline-red-720",
-        "ring-red-800 focus-visible:ring-red-800"
+        "ring-red-800 focus:outline-none focus-visible:ring-red-800"
       ].join(" "),
       success: [
         "text-base-900 bg-green-450 border border-green-450",
@@ -767,7 +767,7 @@ const button = {
         "active:bg-green-430 active:border-green-430 active:focus-visible:ring-0",
         "disabled:bg-green-450 aria-disabled:bg-green-450 disabled:border-green-450 aria-disabled:border-green-450",
         "focus-visible:outline-green-450",
-        "ring-green-500 focus-visible:ring-green-500"
+        "ring-green-500 focus:outline-none focus-visible:ring-green-500"
       ].join(" "),
       warning: [
         "text-white dark:text-orange-100 bg-orange-500 border border-orange-500",
@@ -775,7 +775,7 @@ const button = {
         "active:bg-orange-500/85 active:border-orange-500/85 active:focus-visible:ring-0",
         "disabled:bg-orange-500 aria-disabled:bg-orange-500 disabled:border-bg-orange-500 aria-disabled:border-bg-orange-500",
         "focus-visible:outline-orange-500",
-        "ring-orange-800 focus-visible:ring-orange-800"
+        "ring-orange-800 focus:outline-none focus-visible:ring-orange-800"
       ].join(" "),
       primary: [
         "text-white dark:text-blue-100 bg-blue-530 border border-blue-530",
@@ -783,7 +783,7 @@ const button = {
         "active:bg-blue-550 active:border-blue-550 active:focus-visible:ring-0",
         "disabled:bg-blue-530 aria-disabled:bg-blue-530 disabled:border-blue-530 aria-disabled:border-blue-530",
         "focus-visible:outline-blue-530",
-        "ring-blue-800 focus-visible:ring-blue-800"
+        "ring-blue-800 focus:outline-none focus-visible:ring-blue-800"
       ].join(" "),
       secondary: [
         "text-base-900 bg-cyan-160 border border-cyan-230",
@@ -791,7 +791,7 @@ const button = {
         "active:bg-cyan-230 active:border-cyan-230 active:focus-visible:ring-0",
         "disabled:bg-cyan-160 aria-disabled:bg-cyan-160 disabled:border-cyan-230 aria-disabled:border-cyan-230",
         "focus-visible:outline-cyan-160",
-        "ring-cyan-500 focus-visible:ring-cyan-500"
+        "ring-cyan-500 focus:outline-none focus-visible:ring-cyan-500"
       ].join(" "),
       collab: [
         "text-white dark:text-collab-100 bg-collab-600 border border-collab-600",
@@ -799,7 +799,7 @@ const button = {
         "active:bg-collab-700 active:border-collab-700 active:focus-visible:ring-0",
         "disabled:bg-collab-600 aria-disabled:bg-collab-600 disabled:border-collab-600 aria-disabled:border-collab-600",
         "focus-visible:outline-collab-600",
-        "ring-collab-900 focus-visible:ring-collab-900"
+        "ring-collab-900 focus:outline-none focus-visible:ring-collab-900"
       ].join(" "),
       ai: [
         "text-white dark:text-ai-100 bg-ai-450 border border-ai-450",
@@ -807,7 +807,7 @@ const button = {
         "active:bg-ai-550 active:border-ai-550 active:focus-visible:ring-0",
         "disabled:bg-ai-450 aria-disabled:bg-ai-450 disabled:border-ai-450 aria-disabled:border-ai-450",
         "focus-visible:outline-ai-450",
-        "ring-ai-900 focus-visible:ring-ai-900"
+        "ring-ai-900 focus:outline-none focus-visible:ring-ai-900"
       ].join(" "),
       link: [
         "no-underline decoration-solid decoration-auto",
@@ -816,7 +816,7 @@ const button = {
         "active:text-base-900 dark:active:text-base-700 active:focus-visible:ring-0",
         "disabled:text-base-900 aria-disabled:text-base-900 dark:disabled:text-base-300 dark:aria-disabled:disabled:text-base-300",
         "focus-visible:outline-base-400",
-        "ring-base-850 focus-visible:ring-base-850"
+        "ring-base-850 focus:outline-none focus-visible:ring-base-850"
       ].join(" ")
     },
     depth: {
@@ -1648,7 +1648,7 @@ const collapsible = {
 };
 
 const container = {
-  base: "max-w-[80rem] mx-auto px-5"
+  base: "w-full max-w-[80rem] mx-auto px-5"
   // max-w-7xl w-full
 };
 
@@ -3568,11 +3568,11 @@ const navigationMenu = {
       "w-full",
       "bg-white dark:bg-base-dark",
       "shadow-[0_15px_21px_rgba(83,92,105,.15)]",
-      //
       "h-(--reka-navigation-menu-viewport-height)",
-      "transition-[width,height] duration-200 origin-[top_center]"
+      "transition-[width,height] duration-200 origin-[top_center]",
       // left
       // '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",
     indicator: [
@@ -3580,7 +3580,7 @@ const navigationMenu = {
       "motion-safe:data-[state=visible]:animate-[fade-in_100ms_ease-out] motion-safe:data-[state=hidden]:animate-[fade-out_100ms_ease-in]",
       "data-[state=hidden]:opacity-0",
       "bottom-0",
-      "z-[1]",
+      "z-[2]",
       "w-(--reka-navigation-menu-indicator-size)",
       "h-2.5",
       "translate-x-(--reka-navigation-menu-indicator-position)",
@@ -3655,8 +3655,8 @@ const navigationMenu = {
     orientation: {
       horizontal: {
         root: "items-center justify-between",
-        list: "flex items-center",
-        item: "py-2",
+        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"
       },
@@ -3679,7 +3679,10 @@ const navigationMenu = {
         ].join(" ")
       },
       vertical: {
-        viewport: "sm:w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
+        viewport: [
+          "w-(--reka-navigation-menu-viewport-width) left-(--reka-navigation-menu-viewport-left)",
+          "[&:has(>[data-viewport=rtl])]:left-auto [&:has(>[data-viewport=rtl])]:-right-[calc(100%-var(--reka-navigation-menu-viewport-width))]"
+        ].join(" "),
         content: "",
         childLinkLabel: [
           "text-md",
@@ -3766,6 +3769,16 @@ const navigationMenu = {
     },
     // endregion ////
     // region pill ////
+    {
+      disabled: true,
+      orientation: "horizontal",
+      variant: "pill",
+      class: {
+        link: [
+          "hover:before:rounded-md"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
@@ -3828,6 +3841,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "default",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-base-800 dark:data-[state=open]:before:bg-white/35"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "danger",
       variant: "pill",
@@ -3847,6 +3880,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "danger",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-red-800 dark:data-[state=open]:before:bg-red-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "success",
       variant: "pill",
@@ -3866,6 +3919,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "success",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-green-800 dark:data-[state=open]:before:bg-green-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "warning",
       variant: "pill",
@@ -3885,6 +3958,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "warning",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-orange-800 dark:data-[state=open]:before:bg-orange-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "primary",
       variant: "pill",
@@ -3904,6 +3997,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "primary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-blue-800 dark:data-[state=open]:before:bg-blue-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "secondary",
       variant: "pill",
@@ -3923,6 +4036,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "secondary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-cyan-800 dark:data-[state=open]:before:bg-cyan-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "collab",
       variant: "pill",
@@ -3942,6 +4075,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "collab",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-collab-800 dark:data-[state=open]:before:bg-collab-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       color: "ai",
       variant: "pill",
@@ -3961,6 +4114,26 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      color: "ai",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      class: {
+        link: [
+          "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",
+          "data-[state=open]:before:bg-ai-800 dark:data-[state=open]:before:bg-ai-800"
+        ].join(" "),
+        linkLabelWrapper: [
+          "min-h-9",
+          "bg-inherit dark:bg-inherit",
+          "rounded-none"
+        ].join(" ")
+      }
+    },
     {
       variant: "pill",
       active: true,
@@ -3982,6 +4155,17 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      variant: "pill",
+      orientation: "horizontal",
+      active: true,
+      highlight: false,
+      class: {
+        linkLabelWrapper: [
+          "bg-inherit dark:bg-inherit"
+        ].join(" ")
+      }
+    },
     {
       variant: "pill",
       active: true,
@@ -3990,7 +4174,111 @@ const navigationMenu = {
         link: [
           "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
           "before:transition-colors"
-        ]
+        ].join(" ")
+      }
+    },
+    {
+      color: "default",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-base-800 hover:dark:before:bg-white/35",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "danger",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-red-800 hover:dark:before:bg-red-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "success",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-green-800 hover:dark:before:bg-green-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "warning",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-orange-800 hover:dark:before:bg-orange-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "primary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-blue-800 hover:dark:before:bg-blue-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "secondary",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "collab",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-collab-800 hover:dark:before:bg-collab-800",
+          "before:transition-colors"
+        ].join(" ")
+      }
+    },
+    {
+      color: "ai",
+      orientation: "horizontal",
+      variant: "pill",
+      active: true,
+      highlight: true,
+      class: {
+        link: [
+          "hover:before:bg-ai-800 hover:dark:before:bg-ai-800",
+          "before:transition-colors"
+        ].join(" ")
       }
     },
     // endregion ////
@@ -4003,11 +4291,12 @@ const navigationMenu = {
           "top-[calc(100%+0.4rem)]"
         ].join(" "),
         viewport: [
-          "rounded-b-md rounded-tr-md",
+          "rounded-b-md",
+          "[&:has(>[data-viewport=ltr])]:rounded-tr-md [&:has(>[data-viewport=rtl])]:rounded-tl-md",
           "clip-path-viewport-wrapper"
         ].join(" "),
         link: [
-          "before:-inset-x-px before:-inset-y-[6px] before:h-[70px]",
+          "before:inset-x-[0px] before:-inset-y-[6px] before:h-[70px]",
           "before:rounded-t-md"
         ].join(" ")
       }
@@ -5263,7 +5552,7 @@ const _switch = {
     base: [
       "cursor-pointer inline-flex items-center shrink-0 rounded-full border-2 border-transparent data-[state=unchecked]:bg-base-200 dark:data-[state=unchecked]:bg-base-800",
       "outline-transparent focus-visible:outline-2 focus-visible:outline-offset-2",
-      "transition-colors duration-200"
+      "transition-[background] duration-200"
     ].join(" "),
     container: "flex items-center",
     thumb: "group pointer-events-none rounded-full bg-white dark:bg-base-100 shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center",
@@ -5385,7 +5674,7 @@ const tabs = {
       "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",
-      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 focus:outline-hidden",
+      "cursor-pointer disabled:cursor-not-allowed disabled:opacity-75",
       "transition-colors"
     ].join(" "),
     content: "focus:outline-none w-full",