@bitrix24/b24ui-nuxt 0.5.7 → 0.5.9

package/dist/shared/{b24ui-nuxt.BsnG7poi.cjs → b24ui-nuxt.BVg3rkkG.cjs}

@@ -4904,7 +4904,7 @@ const radioGroup = {
     ].join(" "),
     indicator: " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full",
     container: "flex items-center",
-    wrapper: "font-b24-primary font-regular ms-2",
+    wrapper: "font-b24-primary font-regular w-full",
     label: "cursor-pointer block text-base-master dark:text-base-400",
     description: "text-base-500 dark:text-base-600"
   },
@@ -4943,6 +4943,15 @@ const radioGroup = {
         indicator: "bg-ai-500 dark:bg-ai-600"
       }
     },
+    variant: {
+      list: {},
+      card: {
+        item: "items-center border border-base-200 dark:border-base-700 rounded-lg"
+      },
+      table: {
+        item: "border border-base-200 dark:border-base-900"
+      }
+    },
     orientation: {
       horizontal: {
         fieldset: "flex-row",
@@ -4952,6 +4961,20 @@ const radioGroup = {
         fieldset: "flex-col"
       }
     },
+    indicator: {
+      start: {
+        item: "flex-row",
+        base: "me-2"
+      },
+      end: {
+        item: "flex-row-reverse",
+        base: "ms-2"
+      },
+      hidden: {
+        base: "sr-only",
+        wrapper: "text-center"
+      }
+    },
     size: {
       xs: {
         fieldset: "gap-1",
@@ -5002,9 +5025,186 @@ const radioGroup = {
       }
     }
   },
+  compoundVariants: [
+    // region size ////
+    { size: "xs", variant: ["card", "table"], class: { item: "p-2.5" } },
+    { size: "sm", variant: ["card", "table"], class: { item: "p-3" } },
+    { size: "md", variant: ["card", "table"], class: { item: "p-3.5" } },
+    { size: "lg", variant: ["card", "table"], class: { item: "p-4" } },
+    // endregion ////
+    // region orientation/table ////
+    {
+      orientation: "horizontal",
+      variant: "table",
+      class: {
+        item: "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        fieldset: "gap-0 -space-x-px"
+      }
+    },
+    {
+      orientation: "vertical",
+      variant: "table",
+      class: {
+        item: "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
+        fieldset: "gap-0 -space-y-px"
+      }
+    },
+    // endregion ////
+    // region card ////
+    {
+      color: "default",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-base-900 dark:has-data-[state=checked]:border-base-350"
+      }
+    },
+    {
+      color: "danger",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600"
+      }
+    },
+    {
+      color: "success",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600"
+      }
+    },
+    {
+      color: "warning",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600"
+      }
+    },
+    {
+      color: "primary",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600"
+      }
+    },
+    {
+      color: "secondary",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600"
+      }
+    },
+    {
+      color: "collab",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600"
+      }
+    },
+    {
+      color: "ai",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600"
+      }
+    },
+    // endregion ////
+    // region table ////
+    {
+      color: "default",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-base-100 dark:has-data-[state=checked]:bg-base-900",
+          "has-data-[state=checked]:border-base-900/25 dark:has-data-[state=checked]:border-base-700/25",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "danger",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-red-500/24 dark:has-data-[state=checked]:bg-red-600/24",
+          "has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "success",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-green-500/24 dark:has-data-[state=checked]:bg-green-600/24",
+          "has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "warning",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-orange-500/24 dark:has-data-[state=checked]:bg-orange-600/24",
+          "has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "primary",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-blue-500/24 dark:has-data-[state=checked]:bg-blue-600/24",
+          "has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "secondary",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-cyan-500/24 dark:has-data-[state=checked]:bg-cyan-600/24",
+          "has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "collab",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-collab-500/24 dark:has-data-[state=checked]:bg-collab-600/24",
+          "has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "ai",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-ai-500/24 dark:has-data-[state=checked]:bg-ai-600/24",
+          "has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    }
+    // endregion ////
+  ],
   defaultVariants: {
     size: "md",
-    color: "primary"
+    color: "primary",
+    variant: "list",
+    orientation: "vertical",
+    indicator: "start"
   }
 };
 
@@ -6022,6 +6222,12 @@ const textarea = {
       "font-b24-primary font-regular text-md leading-normal",
       "align-middle"
     ].join(" "),
+    leading: "absolute start-0 flex items-start inset-y-1.5 px-1.5",
+    leadingIcon: "shrink-0 text-base-400 inset-y-1.5 size-lg2",
+    leadingAvatar: "shrink-0",
+    leadingAvatarSize: "xs",
+    trailing: "absolute end-0 flex items-start inset-y-1.5 px-1.5",
+    trailingIcon: "shrink-0 text-base-400 size-lg2",
     tag: [
       "pointer-events-none select-none",
       "absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center",
@@ -6030,6 +6236,11 @@ const textarea = {
   },
   variants: {
     ...buttonGroupVariantWithRoot,
+    autoresize: {
+      true: {
+        base: "resize-none"
+      }
+    },
     color: {
       default: "",
       danger: "",
@@ -6081,6 +6292,15 @@ const textarea = {
     underline: {
       true: "ring-0 focus-visible:ring-0 border-b border-b-base-300 rounded-none"
     },
+    leading: {
+      true: ""
+    },
+    trailing: {
+      true: ""
+    },
+    loading: {
+      true: ""
+    },
     highlight: {
       true: ""
     }
@@ -6309,8 +6529,37 @@ const textarea = {
       noBorder: false,
       underline: true,
       class: "border-b-ai-500 dark:border-b-ai-600"
-    }
+    },
+    // endregion ////
+    // endregion ////
+    // region leading ////
+    {
+      leading: true,
+      class: "ps-8"
+    },
     // endregion ////
+    // region trailing ////
+    {
+      trailing: true,
+      class: "pe-8"
+    },
+    // endregion ////
+    // region loading ////
+    {
+      loading: true,
+      leading: true,
+      class: {
+        leadingIcon: "size-[21px]"
+      }
+    },
+    {
+      loading: true,
+      leading: false,
+      trailing: true,
+      class: {
+        trailingIcon: "size-[21px]"
+      }
+    }
     // endregion ////
   ],
   defaultVariants: {

package/dist/shared/{b24ui-nuxt.CMCKw62O.mjs → b24ui-nuxt.C1lGF53R.mjs}

@@ -4902,7 +4902,7 @@ const radioGroup = {
     ].join(" "),
     indicator: " flex items-center justify-center size-full rounded-full after:bg-white dark:after:bg-base-dark after:rounded-full",
     container: "flex items-center",
-    wrapper: "font-b24-primary font-regular ms-2",
+    wrapper: "font-b24-primary font-regular w-full",
     label: "cursor-pointer block text-base-master dark:text-base-400",
     description: "text-base-500 dark:text-base-600"
   },
@@ -4941,6 +4941,15 @@ const radioGroup = {
         indicator: "bg-ai-500 dark:bg-ai-600"
       }
     },
+    variant: {
+      list: {},
+      card: {
+        item: "items-center border border-base-200 dark:border-base-700 rounded-lg"
+      },
+      table: {
+        item: "border border-base-200 dark:border-base-900"
+      }
+    },
     orientation: {
       horizontal: {
         fieldset: "flex-row",
@@ -4950,6 +4959,20 @@ const radioGroup = {
         fieldset: "flex-col"
       }
     },
+    indicator: {
+      start: {
+        item: "flex-row",
+        base: "me-2"
+      },
+      end: {
+        item: "flex-row-reverse",
+        base: "ms-2"
+      },
+      hidden: {
+        base: "sr-only",
+        wrapper: "text-center"
+      }
+    },
     size: {
       xs: {
         fieldset: "gap-1",
@@ -5000,9 +5023,186 @@ const radioGroup = {
       }
     }
   },
+  compoundVariants: [
+    // region size ////
+    { size: "xs", variant: ["card", "table"], class: { item: "p-2.5" } },
+    { size: "sm", variant: ["card", "table"], class: { item: "p-3" } },
+    { size: "md", variant: ["card", "table"], class: { item: "p-3.5" } },
+    { size: "lg", variant: ["card", "table"], class: { item: "p-4" } },
+    // endregion ////
+    // region orientation/table ////
+    {
+      orientation: "horizontal",
+      variant: "table",
+      class: {
+        item: "first-of-type:rounded-l-lg last-of-type:rounded-r-lg",
+        fieldset: "gap-0 -space-x-px"
+      }
+    },
+    {
+      orientation: "vertical",
+      variant: "table",
+      class: {
+        item: "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
+        fieldset: "gap-0 -space-y-px"
+      }
+    },
+    // endregion ////
+    // region card ////
+    {
+      color: "default",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-base-900 dark:has-data-[state=checked]:border-base-350"
+      }
+    },
+    {
+      color: "danger",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600"
+      }
+    },
+    {
+      color: "success",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600"
+      }
+    },
+    {
+      color: "warning",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600"
+      }
+    },
+    {
+      color: "primary",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600"
+      }
+    },
+    {
+      color: "secondary",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600"
+      }
+    },
+    {
+      color: "collab",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600"
+      }
+    },
+    {
+      color: "ai",
+      variant: "card",
+      class: {
+        item: "has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600"
+      }
+    },
+    // endregion ////
+    // region table ////
+    {
+      color: "default",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-base-100 dark:has-data-[state=checked]:bg-base-900",
+          "has-data-[state=checked]:border-base-900/25 dark:has-data-[state=checked]:border-base-700/25",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "danger",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-red-500/24 dark:has-data-[state=checked]:bg-red-600/24",
+          "has-data-[state=checked]:border-red-500 dark:has-data-[state=checked]:border-red-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "success",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-green-500/24 dark:has-data-[state=checked]:bg-green-600/24",
+          "has-data-[state=checked]:border-green-500 dark:has-data-[state=checked]:border-green-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "warning",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-orange-500/24 dark:has-data-[state=checked]:bg-orange-600/24",
+          "has-data-[state=checked]:border-orange-500 dark:has-data-[state=checked]:border-orange-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "primary",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-blue-500/24 dark:has-data-[state=checked]:bg-blue-600/24",
+          "has-data-[state=checked]:border-blue-500 dark:has-data-[state=checked]:border-blue-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "secondary",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-cyan-500/24 dark:has-data-[state=checked]:bg-cyan-600/24",
+          "has-data-[state=checked]:border-cyan-500 dark:has-data-[state=checked]:border-cyan-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "collab",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-collab-500/24 dark:has-data-[state=checked]:bg-collab-600/24",
+          "has-data-[state=checked]:border-collab-500 dark:has-data-[state=checked]:border-collab-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    },
+    {
+      color: "ai",
+      variant: "table",
+      class: {
+        item: [
+          "has-data-[state=checked]:bg-ai-500/24 dark:has-data-[state=checked]:bg-ai-600/24",
+          "has-data-[state=checked]:border-ai-500 dark:has-data-[state=checked]:border-ai-600",
+          "has-data-[state=checked]:z-[1]"
+        ].join(" ")
+      }
+    }
+    // endregion ////
+  ],
   defaultVariants: {
     size: "md",
-    color: "primary"
+    color: "primary",
+    variant: "list",
+    orientation: "vertical",
+    indicator: "start"
   }
 };
 
@@ -6020,6 +6220,12 @@ const textarea = {
       "font-b24-primary font-regular text-md leading-normal",
       "align-middle"
     ].join(" "),
+    leading: "absolute start-0 flex items-start inset-y-1.5 px-1.5",
+    leadingIcon: "shrink-0 text-base-400 inset-y-1.5 size-lg2",
+    leadingAvatar: "shrink-0",
+    leadingAvatarSize: "xs",
+    trailing: "absolute end-0 flex items-start inset-y-1.5 px-1.5",
+    trailingIcon: "shrink-0 text-base-400 size-lg2",
     tag: [
       "pointer-events-none select-none",
       "absolute z-10 -top-1.5 right-3 h-sm px-1.5 flex flex-col justify-center items-center",
@@ -6028,6 +6234,11 @@ const textarea = {
   },
   variants: {
     ...buttonGroupVariantWithRoot,
+    autoresize: {
+      true: {
+        base: "resize-none"
+      }
+    },
     color: {
       default: "",
       danger: "",
@@ -6079,6 +6290,15 @@ const textarea = {
     underline: {
       true: "ring-0 focus-visible:ring-0 border-b border-b-base-300 rounded-none"
     },
+    leading: {
+      true: ""
+    },
+    trailing: {
+      true: ""
+    },
+    loading: {
+      true: ""
+    },
     highlight: {
       true: ""
     }
@@ -6307,8 +6527,37 @@ const textarea = {
       noBorder: false,
       underline: true,
       class: "border-b-ai-500 dark:border-b-ai-600"
-    }
+    },
+    // endregion ////
+    // endregion ////
+    // region leading ////
+    {
+      leading: true,
+      class: "ps-8"
+    },
     // endregion ////
+    // region trailing ////
+    {
+      trailing: true,
+      class: "pe-8"
+    },
+    // endregion ////
+    // region loading ////
+    {
+      loading: true,
+      leading: true,
+      class: {
+        leadingIcon: "size-[21px]"
+      }
+    },
+    {
+      loading: true,
+      leading: false,
+      trailing: true,
+      class: {
+        trailingIcon: "size-[21px]"
+      }
+    }
     // endregion ////
   ],
   defaultVariants: {

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.BsnG7poi.cjs');
+const templates = require('./shared/b24ui-nuxt.BVg3rkkG.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.CMCKw62O.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.C1lGF53R.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.BsnG7poi.cjs');
+require('./shared/b24ui-nuxt.BVg3rkkG.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.CMCKw62O.mjs';
+import './shared/b24ui-nuxt.C1lGF53R.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.5.7",
+  "version": "0.5.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -72,8 +72,8 @@
     "@bitrix24/b24style": "^1.0.1",
     "@internationalized/date": "^3.7.0",
     "@internationalized/number": "^3.6.0",
-    "@nuxt/kit": "^3.16.1",
-    "@nuxt/schema": "^3.16.1",
+    "@nuxt/kit": "^3.16.2",
+    "@nuxt/schema": "^3.16.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
     "@tailwindcss/postcss": "^4.0.17",
@@ -113,7 +113,7 @@
     "vue-router": "^4.5.0"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.2.0",
+    "@nuxt/eslint-config": "^1.3.0",
     "@nuxt/module-builder": "^0.8.4",
     "@nuxt/test-utils": "^3.17.2",
     "@types/canvas-confetti": "^1.9.0",
@@ -121,10 +121,10 @@
     "embla-carousel": "^8.5.2",
     "eslint": "^9.23.0",
     "happy-dom": "^17.4.4",
-    "nuxt": "^3.16.1",
+    "nuxt": "^3.16.2",
     "nuxt-component-meta": "^0.10.0",
     "vitepress": "^1.5.0",
-    "vitest": "^3.0.9",
+    "vitest": "^3.1.1",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.0"
   },