@bitrix24/b24ui-nuxt 0.5.2 → 0.5.4

package/dist/shared/{b24ui-nuxt.DQ3Ix7rC.mjs → b24ui-nuxt.CTERD7XY.mjs}

@@ -724,7 +724,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
@@ -749,7 +749,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",
@@ -757,7 +757,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",
@@ -765,7 +765,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",
@@ -773,7 +773,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",
@@ -781,7 +781,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",
@@ -789,7 +789,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",
@@ -797,7 +797,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",
@@ -805,7 +805,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",
@@ -814,7 +814,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: {
@@ -1646,7 +1646,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
 };
 
@@ -3566,11 +3566,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: [
@@ -3578,7 +3578,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)",
@@ -3653,8 +3653,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"
       },
@@ -3677,7 +3677,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",
@@ -3764,6 +3767,16 @@ const navigationMenu = {
     },
     // endregion ////
     // region pill ////
+    {
+      disabled: true,
+      orientation: "horizontal",
+      variant: "pill",
+      class: {
+        link: [
+          "hover:before:rounded-md"
+        ].join(" ")
+      }
+    },
     {
       disabled: false,
       active: false,
@@ -3826,6 +3839,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",
@@ -3845,6 +3878,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",
@@ -3864,6 +3917,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",
@@ -3883,6 +3956,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",
@@ -3902,6 +3995,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",
@@ -3921,6 +4034,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",
@@ -3940,6 +4073,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",
@@ -3959,6 +4112,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,
@@ -3980,6 +4153,17 @@ const navigationMenu = {
         ].join(" ")
       }
     },
+    {
+      variant: "pill",
+      orientation: "horizontal",
+      active: true,
+      highlight: false,
+      class: {
+        linkLabelWrapper: [
+          "bg-inherit dark:bg-inherit"
+        ].join(" ")
+      }
+    },
     {
       variant: "pill",
       active: true,
@@ -3988,7 +4172,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 ////
@@ -4001,11 +4289,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(" ")
       }
@@ -5261,7 +5550,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",
@@ -5383,7 +5672,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",

package/dist/types.d.mts

@@ -1 +1,7 @@
-export { type ModuleOptions, default } from './module.js'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module.js'

package/dist/types.d.ts

@@ -1 +1,7 @@
-export { type ModuleOptions, default } from './module'
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { default } from './module'

package/dist/unplugin.cjs

@@ -5,7 +5,7 @@ const pathe = require('pathe');
 const unplugin = require('unplugin');
 const defu = require('defu');
 const tailwind = require('@tailwindcss/vite');
-const templates = require('./shared/b24ui-nuxt.CKEqlXJP.cjs');
+const templates = require('./shared/b24ui-nuxt.BfU7TRfz.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

package/dist/unplugin.d.cts

@@ -29,4 +29,5 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;
 
-export { type Bitrix24UIOptions, Bitrix24UIPlugin, runtimeDir };
+export { Bitrix24UIPlugin, runtimeDir };
+export type { Bitrix24UIOptions };

package/dist/unplugin.d.mts

@@ -29,4 +29,5 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;
 
-export { type Bitrix24UIOptions, Bitrix24UIPlugin, runtimeDir };
+export { Bitrix24UIPlugin, runtimeDir };
+export type { Bitrix24UIOptions };

package/dist/unplugin.d.ts

@@ -29,4 +29,5 @@ interface Bitrix24UIOptions extends Omit<ModuleOptions, 'colorMode'> {
 declare const runtimeDir: string;
 declare const Bitrix24UIPlugin: unplugin.UnpluginInstance<Bitrix24UIOptions | undefined, boolean>;
 
-export { type Bitrix24UIOptions, Bitrix24UIPlugin, runtimeDir };
+export { Bitrix24UIPlugin, runtimeDir };
+export type { Bitrix24UIOptions };

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 getDefaultUiConfig } from './shared/b24ui-nuxt.DQ3Ix7rC.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.CTERD7XY.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';

package/dist/vite.cjs

@@ -6,7 +6,7 @@ require('pathe');
 require('unplugin');
 require('defu');
 require('@tailwindcss/vite');
-require('./shared/b24ui-nuxt.CKEqlXJP.cjs');
+require('./shared/b24ui-nuxt.BfU7TRfz.cjs');
 require('scule');
 require('@nuxt/kit');
 require('tinyglobby');

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.DQ3Ix7rC.mjs';
+import './shared/b24ui-nuxt.CTERD7XY.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';