@bitrix24/b24ui-nuxt 0.1.6 → 0.1.7

package/dist/shared/{b24ui-nuxt.n3bAiAAD.mjs → b24ui-nuxt.vQRZieQw.mjs}

@@ -1,7 +1,7 @@
 import 'node:url';
 import { kebabCase } from 'scule';
 import { addTypeTemplate, addTemplate } from '@nuxt/kit';
-import { defuFn } from 'defu';
+import { defuFn, defu } from 'defu';
 
 const getDefaultUiConfig = () => ({});
 const defaultOptions = {
@@ -2718,7 +2718,7 @@ const select = () => {
           "dark:ring-base-800",
           "text-base-master bg-white hover:text-base-900 focus:text-base-900 active:text-base-900",
           "dark:text-base-150 dark:bg-transparent dark:hover:text-base-350 dark:focus:text-base-350 dark:active:text-base-350",
-          "font-b24-primary font-regular text-sm leading-none",
+          "font-b24-primary font-regular text-sm leading-tight",
           "align-middle",
           "text-ellipsis whitespace-nowrap"
         ].join(" "),
@@ -2726,7 +2726,9 @@ const select = () => {
         placeholder: "truncate text-base-400 dark:text-base-300",
         arrow: "fill-base-master/10 dark:fill-base-100/20",
         content: [
-          "max-h-60 w-[var(--reka-popper-anchor-width)]",
+          "w-[var(--reka-popper-anchor-width)]",
+          "max-h-60",
+          // 'h-[var(--reka-popper-available-height)]',
           "bg-white dark:bg-base-dark",
           "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
           "overflow-hidden",
@@ -2752,11 +2754,15 @@ const select = () => {
           "before:absolute before:z-[-1] before:inset-px before:rounded-2xs",
           "cursor-pointer",
           "data-disabled:cursor-not-allowed data-disabled:opacity-75",
-          "text-base-master dark:text-base-150 data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
+          "text-base-master dark:text-base-150",
+          "data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-base-100/50 dark:data-highlighted:before:bg-base-900",
+          "data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-base-100/50 dark:data-[state=checked]:before:bg-base-900",
           "transition-colors before:transition-colors"
         ].join(" "),
         itemLeadingIcon: [
-          "shrink-0 text-base-500 dark:text-base-700 group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
+          "shrink-0 text-base-500 dark:text-base-700",
+          "group-data-highlighted:text-base-master dark:group-data-highlighted:text-base-150",
+          "group-data-[state=checked]:text-base-master dark:group-data-[state=checked]:text-base-150",
           "transition-colors"
         ].join(" "),
         itemLeadingAvatar: "shrink-0",
@@ -2781,6 +2787,34 @@ const select = () => {
   );
 };
 
+const selectMenu = () => {
+  return defu({
+    slots: {
+      input: "border-b border-base-300 dark:dark:border-base-800"
+    },
+    variants: {
+      addNew: {
+        true: {
+          group: "p-0 isolate -m-px",
+          item: [
+            "before:rounded-none",
+            "text-base-master dark:text-base-150 before:bg-blue-200 dark:before:bg-blue-800",
+            "data-highlighted:text-base-900 dark:data-highlighted:text-base-200 data-highlighted:before:bg-blue-200 dark:data-highlighted:before:bg-blue-800",
+            "data-[state=checked]:text-base-900 dark:data-[state=checked]:text-base-200 data-[state=checked]:before:bg-blue-200 dark:data-[state=checked]:before:bg-blue-800"
+          ].join(" "),
+          itemLabel: "flex flex-row flex-nowrap items-center justify-start gap-2",
+          itemLeadingIcon: [
+            "size-5 rounded-full",
+            "text-white dark:text-base-150 bg-blue-500 dark:bg-blue-600",
+            "group-data-highlighted:text-white dark:group-data-highlighted:text-base-150 group-data-highlighted:bg-blue-500 dark:group-data-highlighted:bg-blue-600",
+            "group-data-[state=checked]:text-white dark:group-data-[state=checked]:text-base-150 group-data-[state=checked]:bg-blue-500 dark:group-data-[state=checked]:bg-blue-600"
+          ].join(" ")
+        }
+      }
+    }
+  }, select());
+};
+
 const separator = {
   slots: {
     root: "flex items-center align-center text-center",
@@ -3866,6 +3900,7 @@ const theme = {
   radioGroup: radioGroup,
   range: range,
   select: select,
+  selectMenu: selectMenu,
   separator: separator,
   skeleton: skeleton,
   switch: _switch,
@@ -4044,7 +4079,7 @@ function getTemplates(options) {
   templates.push({
     filename: "types/b24ui.d.ts",
     getContents: () => replaceBrackets(`import * as b24ui from '#build/b24ui'
-import type { DeepPartial } from '#b24ui/types/utils'
+import type { DeepPartial } from '@bitrix24/b24ui-nuxt'
 import type { defaultConfig } from 'tailwind-variants'
 
 type AppConfigUI = {

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.BAQG__ma.cjs');
+const templates = require('./shared/b24ui-nuxt.ZUYaG6CJ.cjs');
 const tinyglobby = require('tinyglobby');
 const knitwork = require('knitwork');
 const MagicString = require('magic-string');

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.n3bAiAAD.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.vQRZieQw.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.BAQG__ma.cjs');
+require('./shared/b24ui-nuxt.ZUYaG6CJ.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.n3bAiAAD.mjs';
+import './shared/b24ui-nuxt.vQRZieQw.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -35,6 +35,10 @@
       "types": "./vue-plugin.d.ts"
     },
     "./runtime/*": "./dist/runtime/*",
+    "./utils/*": {
+      "types": "./dist/runtime/utils/*.d.ts",
+      "import": "./dist/runtime/utils/*.js"
+    },
     "./locale": {
       "types": "./dist/runtime/locale/index.d.ts",
       "import": "./dist/runtime/locale/index.js"
@@ -113,7 +117,7 @@
     "superstruct": "^2.0.2",
     "valibot": "^0.42.1",
     "vitepress": "^1.5.0",
-    "vitest": "^3.0.4",
+    "vitest": "^3.0.5",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.0",
     "yup": "^1.6.1",