@bitrix24/b24ui-nuxt 0.1.5 → 0.1.6

package/dist/meta.d.ts

@@ -5500,6 +5500,22 @@ var B24UIMeta = {
             }
           }
         },
+        {
+          "name": "name",
+          "global": false,
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "tags": [],
+          "required": false,
+          "type": "string | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "string | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "string"
+            }
+          }
+        },
         {
           "name": "value",
           "global": false,
@@ -5524,22 +5540,6 @@ var B24UIMeta = {
             }
           }
         },
-        {
-          "name": "name",
-          "global": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
-          "tags": [],
-          "required": false,
-          "type": "string | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "string | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "string"
-            }
-          }
-        },
         {
           "name": "required",
           "global": false,
@@ -7103,8 +7103,8 @@ var B24UIMeta = {
               "2": "\"reset\"",
               "3": "\"submit\"",
               "4": "\"image\"",
-              "5": "\"text\"",
-              "6": "\"color\"",
+              "5": "\"color\"",
+              "6": "\"text\"",
               "7": "\"button\"",
               "8": "\"date\"",
               "9": "\"time\"",
@@ -9920,37 +9920,37 @@ var B24UIMeta = {
           "default": "1"
         },
         {
-          "name": "max",
+          "name": "name",
           "global": false,
-          "description": "The maximum value for the range.",
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
           "tags": [],
           "required": false,
-          "type": "number | undefined",
+          "type": "string | undefined",
           "schema": {
             "kind": "enum",
-            "type": "number | undefined",
+            "type": "string | undefined",
             "schema": {
               "0": "undefined",
-              "1": "number"
+              "1": "string"
             }
-          },
-          "default": "100"
+          }
         },
         {
-          "name": "name",
+          "name": "max",
           "global": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "description": "The maximum value for the range.",
           "tags": [],
           "required": false,
-          "type": "string | undefined",
+          "type": "number | undefined",
           "schema": {
             "kind": "enum",
-            "type": "string | undefined",
+            "type": "number | undefined",
             "schema": {
               "0": "undefined",
-              "1": "string"
+              "1": "number"
             }
-          }
+          },
+          "default": "100"
         },
         {
           "name": "inverted",
@@ -13652,9 +13652,9 @@ var B24UIMeta = {
           }
         },
         {
-          "name": "value",
+          "name": "name",
           "global": false,
-          "description": "The value given as data when submitted with a `name`.",
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
           "tags": [],
           "required": false,
           "type": "string | undefined",
@@ -13668,9 +13668,9 @@ var B24UIMeta = {
           }
         },
         {
-          "name": "name",
+          "name": "value",
           "global": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "description": "The value given as data when submitted with a `name`.",
           "tags": [],
           "required": false,
           "type": "string | undefined",

package/dist/meta.mjs

@@ -5500,6 +5500,22 @@ const B24UIMeta = {
             }
           }
         },
+        {
+          "name": "name",
+          "global": false,
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "tags": [],
+          "required": false,
+          "type": "string | undefined",
+          "schema": {
+            "kind": "enum",
+            "type": "string | undefined",
+            "schema": {
+              "0": "undefined",
+              "1": "string"
+            }
+          }
+        },
         {
           "name": "value",
           "global": false,
@@ -5524,22 +5540,6 @@ const B24UIMeta = {
             }
           }
         },
-        {
-          "name": "name",
-          "global": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
-          "tags": [],
-          "required": false,
-          "type": "string | undefined",
-          "schema": {
-            "kind": "enum",
-            "type": "string | undefined",
-            "schema": {
-              "0": "undefined",
-              "1": "string"
-            }
-          }
-        },
         {
           "name": "required",
           "global": false,
@@ -7103,8 +7103,8 @@ const B24UIMeta = {
               "2": "\"reset\"",
               "3": "\"submit\"",
               "4": "\"image\"",
-              "5": "\"text\"",
-              "6": "\"color\"",
+              "5": "\"color\"",
+              "6": "\"text\"",
               "7": "\"button\"",
               "8": "\"date\"",
               "9": "\"time\"",
@@ -9920,37 +9920,37 @@ const B24UIMeta = {
           "default": "1"
         },
         {
-          "name": "max",
+          "name": "name",
           "global": false,
-          "description": "The maximum value for the range.",
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
           "tags": [],
           "required": false,
-          "type": "number | undefined",
+          "type": "string | undefined",
           "schema": {
             "kind": "enum",
-            "type": "number | undefined",
+            "type": "string | undefined",
             "schema": {
               "0": "undefined",
-              "1": "number"
+              "1": "string"
             }
-          },
-          "default": "100"
+          }
         },
         {
-          "name": "name",
+          "name": "max",
           "global": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "description": "The maximum value for the range.",
           "tags": [],
           "required": false,
-          "type": "string | undefined",
+          "type": "number | undefined",
           "schema": {
             "kind": "enum",
-            "type": "string | undefined",
+            "type": "number | undefined",
             "schema": {
               "0": "undefined",
-              "1": "string"
+              "1": "number"
             }
-          }
+          },
+          "default": "100"
         },
         {
           "name": "inverted",
@@ -13652,9 +13652,9 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "value",
+          "name": "name",
           "global": false,
-          "description": "The value given as data when submitted with a `name`.",
+          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
           "tags": [],
           "required": false,
           "type": "string | undefined",
@@ -13668,9 +13668,9 @@ const B24UIMeta = {
           }
         },
         {
-          "name": "name",
+          "name": "value",
           "global": false,
-          "description": "The name of the field. Submitted with its owning form as part of a name/value pair.",
+          "description": "The value given as data when submitted with a `name`.",
           "tags": [],
           "required": false,
           "type": "string | undefined",

package/dist/module.cjs

@@ -2,7 +2,7 @@
 
 const defu = require('defu');
 const kit = require('@nuxt/kit');
-const templates = require('./shared/b24ui-nuxt.D8eTlsIC.cjs');
+const templates = require('./shared/b24ui-nuxt.BAQG__ma.cjs');
 require('node:url');
 require('scule');
 

package/dist/module.json

@@ -5,7 +5,7 @@
     "nuxt": ">=3.13.1"
   },
   "docs": "https://bitrix24.github.io/b24ui/guide/installation-nuxt-app.html",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,6 +1,6 @@
 import { defu } from 'defu';
 import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
-import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.CGBDJv97.mjs';
+import { d as defaultOptions, a as getDefaultUiConfig, b as addTemplates } from './shared/b24ui-nuxt.n3bAiAAD.mjs';
 import 'node:url';
 import 'scule';
 

package/dist/runtime/components/Badge.vue

@@ -44,6 +44,7 @@ export interface BadgeSlots {
 <script setup lang="ts">
 import { computed } from 'vue'
 import { Primitive } from 'reka-ui'
+import { useButtonGroup } from '../composables/useButtonGroup'
 import { useComponentIcons } from '../composables/useComponentIcons'
 import Cross20Icon from '@bitrix24/b24icons-vue/actions/Cross20Icon'
 import B24Avatar from './Avatar.vue'
@@ -61,12 +62,14 @@ async function onCloseClickWrapper(event: MouseEvent) {
   } finally { /* empty */ }
 }
 
+const { orientation, size: buttonGroupSize } = useButtonGroup<BadgeProps>(props)
 const { isLeading, leadingIconName } = useComponentIcons(props)
 
 const b24ui = computed(() => badge({
   color: props.color,
   depth: props.depth,
-  size: props.size,
+  size: buttonGroupSize.value || props.size,
+  buttonGroup: orientation.value,
   useLink: Boolean(props.useLink),
   useClose: Boolean(props.useClose),
   useFill: Boolean(props.useFill),

package/dist/runtime/components/ButtonGroup.vue

@@ -52,7 +52,7 @@ provide(buttonGroupInjectionKey, computed(() => ({
 </script>
 
 <template>
-  <Primitive :as="as" :class="buttonGroup({ orientation, class: props.class })">
+  <Primitive :as="as" class="group/items is-button-group" :class="buttonGroup({ orientation, class: props.class })">
     <slot />
   </Primitive>
 </template>

package/dist/runtime/vue/components/Link.vue

@@ -99,6 +99,7 @@ import { reactiveOmit } from '@vueuse/core'
 import { hasProtocol } from 'ufo'
 import { useRoute } from '#imports'
 import { RouterLink } from 'vue-router'
+import B24LinkBase from './../../components/LinkBase.vue'
 
 defineOptions({ inheritAttrs: false })
 

package/dist/shared/{b24ui-nuxt.D8eTlsIC.cjs → b24ui-nuxt.BAQG__ma.cjs}

@@ -262,6 +262,73 @@ const avatarGroup = {
   }
 };
 
+const buttonGroupVariant = {
+  buttonGroup: {
+    horizontal: [
+      "focus-visible:outline-none",
+      "ring ring-inset ring-0 focus-visible:ring-2",
+      "group-[.is-button-group]/items:not-only:first:rounded-e-none group-[.is-button-group]/items:not-only:last:rounded-s-none group-[.is-button-group]/items:not-last:not-first:rounded-none",
+      "group-[.is-button-group]/items:not-only:first:border-e-0 group-[.is-button-group]/items:not-only:not-first:border-s-0"
+    ].join(" "),
+    vertical: [
+      "focus-visible:outline-none",
+      "ring ring-inset ring-0 focus-visible:ring-2",
+      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
+    ].join(" ")
+  },
+  noSplit: {
+    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"
+    ].join(" ")
+  }
+};
+const buttonGroupVariantWithRoot = {
+  buttonGroup: {
+    horizontal: {
+      root: "group leading-none",
+      base: [
+        "focus-visible:outline-none",
+        "ring ring-inset ring-1 focus-visible:ring-2",
+        "group-not-only:group-first:rounded-e-3xl group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
+        "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
+        "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
+      ].join(" ")
+    },
+    vertical: {
+      root: "group",
+      base: [
+        "focus-visible:outline-none",
+        "ring ring-inset ring-1 focus-visible:ring-2",
+        "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
+      ].join(" ")
+    }
+  },
+  noSplit: {
+    false: [
+      "group-not-only:not-first:after:content-[''] group-not-only:not-first:after:absolute",
+      "group-not-only:not-first:after:top-[7px] group-not-only:not-first:after:bottom-[6px] group-not-only:not-first:after:left-0 group-not-only:not-first:after:w-px",
+      "group-not-only:not-first:after:bg-current/30"
+    ].join(" ")
+  }
+};
+const buttonGroup = {
+  base: "relative",
+  variants: {
+    size: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    orientation: {
+      horizontal: "flex flex-row -space-x-px",
+      vertical: "flex flex-col -space-y-px"
+    }
+  }
+};
+
 const badge = {
   slots: {
     base: [
@@ -279,6 +346,7 @@ const badge = {
     trailingIcon: "shrink-0 cursor-pointer  hover:rounded-full hover:bg-current/20 dark:hover:bg-current/35"
   },
   variants: {
+    ...buttonGroupVariant,
     useLink: {
       true: {
         base: "cursor-pointer",
@@ -370,8 +438,8 @@ const badge = {
       depth: "normal",
       class: [
         "ring ring-inset",
-        "text-base-800 bg-base-150 ring-base-150",
-        "dark:text-base-950 dark:bg-base-200 dark:ring-base-200"
+        "text-base-800 bg-base-150 ring-base-300",
+        "dark:text-base-950 dark:bg-base-200 dark:ring-base-800"
       ].join(" ")
     },
     // LIGHT ////
@@ -626,6 +694,12 @@ const badge = {
     {
       useClose: true,
       class: ""
+    },
+    // endregion ////
+    // region buttonGroup ////
+    {
+      buttonGroup: ["horizontal", "vertical"],
+      class: "rounded-2xs"
     }
     // endregion ////
   ],
@@ -637,72 +711,6 @@ const badge = {
   }
 };
 
-const buttonGroupVariant = {
-  buttonGroup: {
-    horizontal: [
-      "focus-visible:outline-none",
-      "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none",
-      "not-only:first:border-e-0 not-only:not-first:border-s-0"
-    ].join(" "),
-    vertical: [
-      "focus-visible:outline-none",
-      "ring ring-inset ring-0 focus-visible:ring-2",
-      "not-only:first:rounded-b-none not-only:last:rounded-t-none not-last:not-first:rounded-none"
-    ].join(" ")
-  },
-  noSplit: {
-    false: [
-      "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
-      "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
-      "not-only:not-first:after:bg-current/30"
-    ].join(" ")
-  }
-};
-const buttonGroupVariantWithRoot = {
-  buttonGroup: {
-    horizontal: {
-      root: "group",
-      base: [
-        "focus-visible:outline-none",
-        "ring ring-inset ring-1 focus-visible:ring-2",
-        "group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none",
-        "group-not-only:group-first:border-e-0 group-not-only:group-not-first:border-s-0"
-      ].join(" ")
-    },
-    vertical: {
-      root: "group",
-      base: [
-        "focus-visible:outline-none",
-        "ring ring-inset ring-1 focus-visible:ring-2",
-        "group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"
-      ].join(" ")
-    }
-  },
-  noSplit: {
-    false: [
-      "not-only:not-first:after:content-[''] not-only:not-first:after:absolute",
-      "not-only:not-first:after:top-[7px] not-only:not-first:after:bottom-[6px] not-only:not-first:after:left-0 not-only:not-first:after:w-px",
-      "not-only:not-first:after:bg-current/30"
-    ].join(" ")
-  }
-};
-const buttonGroup = {
-  base: "relative",
-  variants: {
-    size: {
-      xs: "",
-      sm: "",
-      md: "",
-      lg: ""
-    },
-    orientation: {
-      horizontal: "inline-flex -space-x-px",
-      vertical: "flex flex-col -space-y-px"
-    }
-  }
-};
-
 const button = {
   slots: {
     base: [
@@ -2699,10 +2707,10 @@ const select = () => {
   return defu.defuFn(
     {
       slots: {
-        root: () => "relative inline-flex items-center min-w-full w-full",
+        root: () => "relative inline-flex items-center w-full",
         base: () => [
           "relative inline-flex items-center group",
-          "min-w-full w-full py-0 border-0 focus:outline-none",
+          "py-0 border-0 focus:outline-none",
           "cursor-pointer disabled:cursor-not-allowed",
           "disabled:bg-base-30/37 disabled:text-base-500",
           "dark:disabled:bg-base-900/37 dark:disabled:text-base-800",
@@ -2712,7 +2720,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",
+          "font-b24-primary font-regular text-sm leading-none",
           "align-middle",
           "text-ellipsis whitespace-nowrap"
         ].join(" "),