@bitrix24/b24ui-nuxt 0.5.2 → 0.5.4

package/.nuxt/b24ui/button.ts

@@ -33,7 +33,7 @@ export default {
     "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"
     ],
@@ -54,15 +54,15 @@ export default {
       "false": "group-[.is-button-group]/items:not-only:not-first:after:content-[''] group-[.is-button-group]/items:not-only:not-first:after:absolute group-[.is-button-group]/items:not-only:not-first:after:top-[7px] group-[.is-button-group]/items:not-only:not-first:after:bottom-[6px] group-[.is-button-group]/items:not-only:not-first:after:left-0 group-[.is-button-group]/items:not-only:not-first:after:w-px group-[.is-button-group]/items:not-only:not-first:after:bg-current/30"
     },
     "color": {
-      "default": "text-white dark:text-base-100 bg-base-650 border border-base-650 hover:bg-base-850 hover:border-base-850 hover:focus-visible:ring-0 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",
-      "danger": "text-white dark:text-red-100 bg-red-720 border border-red-720 hover:bg-red-790 hover:border-red-790 hover:focus-visible:ring-0 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",
-      "success": "text-base-900 bg-green-450 border border-green-450 hover:bg-green-370 hover:border-green-370 hover:focus-visible:ring-0 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",
-      "warning": "text-white dark:text-orange-100 bg-orange-500 border border-orange-500 hover:bg-orange-500/75 hover:border-orange-500/75 hover:focus-visible:ring-0 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",
-      "primary": "text-white dark:text-blue-100 bg-blue-530 border border-blue-530 hover:bg-blue-450 hover:border-blue-450 hover:focus-visible:ring-0 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",
-      "secondary": "text-base-900 bg-cyan-160 border border-cyan-230 hover:bg-cyan-150 hover:border-cyan-230 hover:focus-visible:ring-0 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",
-      "collab": "text-white dark:text-collab-100 bg-collab-600 border border-collab-600 hover:bg-collab-500 hover:border-collab-500 hover:focus-visible:ring-0 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",
-      "ai": "text-white dark:text-ai-100 bg-ai-450 border border-ai-450 hover:bg-ai-370 hover:border-ai-370 hover:focus-visible:ring-0 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",
-      "link": "no-underline decoration-solid decoration-auto text-base-900 decoration-gray-900 bg-transparent border border-transparent dark:text-base-300 hover:text-base-750 dark:hover:text-base-400 hover:focus-visible:ring-0 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"
+      "default": "text-white dark:text-base-100 bg-base-650 border border-base-650 hover:bg-base-850 hover:border-base-850 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-base-850",
+      "danger": "text-white dark:text-red-100 bg-red-720 border border-red-720 hover:bg-red-790 hover:border-red-790 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-red-800",
+      "success": "text-base-900 bg-green-450 border border-green-450 hover:bg-green-370 hover:border-green-370 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-green-500",
+      "warning": "text-white dark:text-orange-100 bg-orange-500 border border-orange-500 hover:bg-orange-500/75 hover:border-orange-500/75 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-orange-800",
+      "primary": "text-white dark:text-blue-100 bg-blue-530 border border-blue-530 hover:bg-blue-450 hover:border-blue-450 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-blue-800",
+      "secondary": "text-base-900 bg-cyan-160 border border-cyan-230 hover:bg-cyan-150 hover:border-cyan-230 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-cyan-500",
+      "collab": "text-white dark:text-collab-100 bg-collab-600 border border-collab-600 hover:bg-collab-500 hover:border-collab-500 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-collab-900",
+      "ai": "text-white dark:text-ai-100 bg-ai-450 border border-ai-450 hover:bg-ai-370 hover:border-ai-370 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-ai-900",
+      "link": "no-underline decoration-solid decoration-auto text-base-900 decoration-gray-900 bg-transparent border border-transparent dark:text-base-300 hover:text-base-750 dark:hover:text-base-400 hover:focus-visible:ring-0 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:outline-none focus-visible:ring-base-850"
     },
     "depth": {
       "light": "",

package/.nuxt/b24ui/container.ts

@@ -1,3 +1,3 @@
 export default {
-  "base": "max-w-[80rem] mx-auto px-5"
+  "base": "w-full max-w-[80rem] mx-auto px-5"
 }

package/.nuxt/b24ui/navigation-menu.ts

@@ -62,9 +62,9 @@ export default {
     "childLinkDescription": "text-sm 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": "relative overflow-hidden 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]",
+    "viewport": "relative overflow-hidden 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] z-[1]",
     "content": "absolute top-0 left-0 w-full",
-    "indicator": "absolute 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] w-(--reka-navigation-menu-indicator-size) h-2.5 translate-x-(--reka-navigation-menu-indicator-position) flex items-end justify-center overflow-hidden transition-[translate,width] duration-200",
+    "indicator": "absolute 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-[2] w-(--reka-navigation-menu-indicator-size) h-2.5 translate-x-(--reka-navigation-menu-indicator-position) flex items-end justify-center overflow-hidden transition-[translate,width] duration-200",
     "arrow": "relative top-[50%] size-2.5 rotate-45 border border-base-300 dark:border-base-800 bg-white dark:bg-base-dark z-[1] rounded-3xs"
   },
   "variants": {
@@ -122,8 +122,8 @@ export default {
     "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"
       },
@@ -140,7 +140,7 @@ export default {
         "childLinkLabelExternalIcon": "h-4"
       },
       "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))]",
         "content": "",
         "childLinkLabel": "text-md text-base-950 dark:text-base-50",
         "childLinkLabelExternalIcon": "h-4"
@@ -210,6 +210,14 @@ export default {
         ]
       }
     },
+    {
+      "disabled": true,
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "class": {
+        "link": "hover:before:rounded-md"
+      }
+    },
     {
       "disabled": false,
       "active": false,
@@ -258,6 +266,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-base-800 dark:bg-white/35 rounded-2xl"
       }
     },
+    {
+      "color": "default" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "danger" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -268,6 +286,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-red-800 dark:bg-red-800 rounded-2xl"
       }
     },
+    {
+      "color": "danger" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "success" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -278,6 +306,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-green-800 dark:bg-green-800 rounded-2xl"
       }
     },
+    {
+      "color": "success" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "warning" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -288,6 +326,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-orange-800 dark:bg-orange-800 rounded-2xl"
       }
     },
+    {
+      "color": "warning" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "primary" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -298,6 +346,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-blue-800 dark:bg-blue-800 rounded-2xl"
       }
     },
+    {
+      "color": "primary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "secondary" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -308,6 +366,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-cyan-800 dark:bg-cyan-800 rounded-2xl"
       }
     },
+    {
+      "color": "secondary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "collab" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -318,6 +386,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-collab-800 dark:bg-collab-800 rounded-2xl"
       }
     },
+    {
+      "color": "collab" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "color": "ai" as typeof color[number],
       "variant": "pill" as typeof variant[number],
@@ -328,6 +406,16 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-ai-800 dark:bg-ai-800 rounded-2xl"
       }
     },
+    {
+      "color": "ai" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "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",
+        "linkLabelWrapper": "min-h-9 bg-inherit dark:bg-inherit rounded-none"
+      }
+    },
     {
       "variant": "pill" as typeof variant[number],
       "active": true,
@@ -338,15 +426,101 @@ export default {
         "linkLabelWrapper": "px-3 -ms-3 rtl:-me-3 rtl:ms-0 leading-[1.563rem] bg-base-800 dark:bg-white/35 rounded-2xl"
       }
     },
+    {
+      "variant": "pill" as typeof variant[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "active": true,
+      "highlight": false,
+      "class": {
+        "linkLabelWrapper": "bg-inherit dark:bg-inherit"
+      }
+    },
     {
       "variant": "pill" as typeof variant[number],
       "active": true,
       "highlight": true,
       "class": {
-        "link": [
-          "hover:before:bg-base-250/80 dark:hover:before:bg-white/10",
-          "before:transition-colors"
-        ]
+        "link": "hover:before:bg-base-250/80 dark:hover:before:bg-white/10 before:transition-colors"
+      }
+    },
+    {
+      "color": "default" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-base-800 hover:dark:before:bg-white/35 before:transition-colors"
+      }
+    },
+    {
+      "color": "danger" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-red-800 hover:dark:before:bg-red-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "success" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-green-800 hover:dark:before:bg-green-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "warning" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-orange-800 hover:dark:before:bg-orange-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "primary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-blue-800 hover:dark:before:bg-blue-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "secondary" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-cyan-800 hover:dark:before:bg-cyan-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "collab" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-collab-800 hover:dark:before:bg-collab-800 before:transition-colors"
+      }
+    },
+    {
+      "color": "ai" as typeof color[number],
+      "orientation": "horizontal" as typeof orientation[number],
+      "variant": "pill" as typeof variant[number],
+      "active": true,
+      "highlight": true,
+      "class": {
+        "link": "hover:before:bg-ai-800 hover:dark:before:bg-ai-800 before:transition-colors"
       }
     },
     {
@@ -354,8 +528,8 @@ export default {
       "variant": "link" as typeof variant[number],
       "class": {
         "viewportWrapper": "top-[calc(100%+0.4rem)]",
-        "viewport": "rounded-b-md rounded-tr-md clip-path-viewport-wrapper",
-        "link": "before:-inset-x-px before:-inset-y-[6px] before:h-[70px] before:rounded-t-md"
+        "viewport": "rounded-b-md [&:has(>[data-viewport=ltr])]:rounded-tr-md [&:has(>[data-viewport=rtl])]:rounded-tl-md clip-path-viewport-wrapper",
+        "link": "before:inset-x-[0px] before:-inset-y-[6px] before:h-[70px] before:rounded-t-md"
       }
     },
     {

package/.nuxt/b24ui/switch.ts

@@ -19,7 +19,7 @@ const size = [
 export default {
   "slots": {
     "root": "relative flex items-start",
-    "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",
+    "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-[background] duration-200",
     "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",
     "icon": "absolute shrink-0 group-data-[state=unchecked]:text-base-400 dark:group-data-[state=unchecked]:text-base-700 opacity-0 p-0.5 size-10/10 transition-[color,opacity] duration-200",

package/.nuxt/b24ui/tabs.ts

@@ -32,7 +32,7 @@ export default {
     "root": "flex items-center gap-2",
     "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 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 transition-colors",
+    "trigger": "group relative inline-flex items-center shrink-0 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 cursor-pointer disabled:cursor-not-allowed disabled:opacity-75 transition-colors",
     "content": "focus:outline-none w-full",
     "leadingIcon": "shrink-0",
     "leadingAvatar": "shrink-0",