@bitrix24/b24ui-nuxt 0.6.6 → 0.6.8

package/dist/runtime/components/RadioGroup.vue

@@ -24,10 +24,10 @@ const props = defineProps({
   indicator: { type: null, required: false },
   class: { type: null, required: false },
   b24ui: { type: null, required: false },
-  defaultValue: { type: [String, Number, Object, null], required: false },
+  defaultValue: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   loop: { type: Boolean, required: false },
-  modelValue: { type: [String, Number, Object, null], required: false },
+  modelValue: { type: null, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false }
 });

package/dist/runtime/components/Select.vue

@@ -171,6 +171,8 @@ function isSelectItem(item) {
 
       <SelectPortal v-bind="portalProps">
         <SelectContent :class="b24ui.content({ class: props.b24ui?.content })" v-bind="contentProps">
+          <slot name="content-top" />
+
           <SelectScrollUpButton :class="b24ui.scrollUpDownButton({ class: props.b24ui?.scrollUpDownButton })">
             <Component
               :is="icons.chevronUp"
@@ -238,6 +240,9 @@ function isSelectItem(item) {
               :class="b24ui.scrollUpDownButtonIcon({ class: props.b24ui?.scrollUpDownButtonIcon })"
             />
           </SelectScrollDownButton>
+
+          <slot name="content-bottom" />
+
           <SelectArrow v-if="!!arrow" v-bind="arrowProps" :class="b24ui.arrow({ class: props.b24ui?.arrow })" />
         </SelectContent>
       </SelectPortal>

package/dist/runtime/components/Select.vue.d.ts

@@ -154,6 +154,8 @@ export interface SelectSlots<A extends ArrayOrNested<SelectItem> = ArrayOrNested
     'item-leading': SlotProps<T>;
     'item-label': SlotProps<T>;
     'item-trailing': SlotProps<T>;
+    'content-top': (props?: {}) => any;
+    'content-bottom': (props?: {}) => any;
 }
 declare const _default: <T extends ArrayOrNested<SelectItem>, VK extends GetItemKeys<T> = "value", M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{

package/dist/runtime/components/SelectMenu.vue

@@ -155,7 +155,7 @@ const createItem = computed(() => {
   }
   const newItem = props.valueKey ? { [props.valueKey]: searchTerm.value } : searchTerm.value;
   if (typeof props.createItem === "object" && props.createItem.when === "always" || props.createItem === "always") {
-    return !filteredItems.value.find((item) => compare(item, newItem, String(props.valueKey)));
+    return !filteredItems.value.find((item) => compare(item, newItem, props.valueKey));
   }
   return !filteredItems.value.length;
 });
@@ -283,6 +283,8 @@ function isSelectItem(item) {
       <ComboboxPortal v-bind="portalProps">
         <ComboboxContent :class="b24ui.content({ class: props.b24ui?.content })" v-bind="contentProps">
           <FocusScope trapped :class="b24ui.focusScope({ class: props.b24ui?.focusScope })">
+            <slot name="content-top" />
+
             <ComboboxInput v-if="!!searchInput" v-model="searchTerm" :display-value="() => searchTerm" as-child>
               <B24Input no-border autofocus autocomplete="off" v-bind="searchInputProps" :class="b24ui.input({ class: props.b24ui?.input })" />
             </ComboboxInput>
@@ -352,6 +354,8 @@ function isSelectItem(item) {
 
               <ReuseCreateItemTemplate v-if="createItem && createItemPosition === 'bottom'" />
             </ComboboxViewport>
+
+            <slot name="content-bottom" />
           </FocusScope>
           <ComboboxArrow v-if="!!arrow" v-bind="arrowProps" :class="b24ui.arrow({ class: props.b24ui?.arrow })" />
         </ComboboxContent>

package/dist/runtime/components/SelectMenu.vue.d.ts

@@ -193,6 +193,8 @@ export interface SelectMenuSlots<A extends ArrayOrNested<SelectMenuItem> = Array
     'item-leading': SlotProps<T>;
     'item-label': SlotProps<T>;
     'item-trailing': SlotProps<T>;
+    'content-top': (props?: {}) => any;
+    'content-bottom': (props?: {}) => any;
     'create-item-label'(props: {
         item: string;
     }): any;

package/dist/runtime/components/SidebarLayout.vue

@@ -108,6 +108,8 @@ const handleNavigationClick = () => {
     </header>
 
     <!-- Page Content -->
+    <slot name="content-top" />
+
     <template v-if="!!slots.default">
       <main :class="b24ui.container({ class: props.b24ui?.container })">
         <div :class="b24ui.containerWrapper({ class: props.b24ui?.containerWrapper })">
@@ -117,5 +119,7 @@ const handleNavigationClick = () => {
         </div>
       </main>
     </template>
+
+    <slot name="content-bottom" />
   </Primitive>
 </template>

package/dist/runtime/components/SidebarLayout.vue.d.ts

@@ -18,17 +18,19 @@ export interface SidebarLayoutSlots {
      * @param props
      * @param props.handleClick - Handler for navigation click events
      */
-    sidebar(props: {
+    'sidebar'(props: {
         handleClick: () => void;
     }): any;
     /**
      * Menu for mobile screen sizes.
      */
-    navbar(props?: {}): any;
+    'navbar'(props?: {}): any;
     /**
      * The page content.
      */
-    default(props?: {}): any;
+    'default'(props?: {}): any;
+    'content-top': (props?: {}) => any;
+    'content-bottom': (props?: {}) => any;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SidebarLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SidebarLayoutProps> & Readonly<{}>, {
     as: any;

package/dist/runtime/components/Slideover.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   defaultOpen: { type: Boolean, required: false },
   modal: { type: Boolean, required: false, default: true }
 });
-const emits = defineEmits(["after:leave", "update:open"]);
+const emits = defineEmits(["after:leave", "close:prevent", "update:open"]);
 const slots = defineSlots();
 const { t } = useLocale();
 const appConfig = useAppConfig();
@@ -39,18 +39,20 @@ const rootProps = useForwardPropsEmits(reactivePick(props, "open", "defaultOpen"
 const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => props.content);
 const contentEvents = computed(() => {
-  const events = {
+  const defaultEvents = {
     closeAutoFocus: (e) => e.preventDefault()
   };
   if (!props.dismissible) {
-    return {
-      pointerDownOutside: (e) => e.preventDefault(),
-      interactOutside: (e) => e.preventDefault(),
-      escapeKeyDown: (e) => e.preventDefault(),
-      ...events
-    };
+    const events = ["pointerDownOutside", "interactOutside", "escapeKeyDown", "closeAutoFocus"];
+    return events.reduce((acc, curr) => {
+      acc[curr] = (e) => {
+        e.preventDefault();
+        emits("close:prevent");
+      };
+      return acc;
+    }, {});
   }
-  return events;
+  return defaultEvents;
 });
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.slideover || {} })({
   transition: props.transition,

package/dist/runtime/components/Slideover.vue.d.ts

@@ -64,6 +64,7 @@ export interface SlideoverProps extends DialogRootProps {
 }
 export interface SlideoverEmits extends DialogRootEmits {
     'after:leave': [];
+    'close:prevent': [];
 }
 export interface SlideoverSlots {
     default(props: {
@@ -84,9 +85,11 @@ export interface SlideoverSlots {
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<SlideoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
     "after:leave": () => any;
+    "close:prevent": () => any;
 }, string, import("vue").PublicProps, Readonly<SlideoverProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onAfter:leave"?: (() => any) | undefined;
+    "onClose:prevent"?: (() => any) | undefined;
 }>, {
     close: boolean | Partial<ButtonProps>;
     modal: boolean;

package/dist/runtime/components/StackedLayout.vue

@@ -100,6 +100,8 @@ const handleNavigationClick = () => {
     </header>
 
     <!-- Page Content -->
+    <slot name="content-top" />
+
     <template v-if="!!slots.default">
       <main :class="b24ui.container({ class: props.b24ui?.container })">
         <div :class="b24ui.containerWrapper({ class: props.b24ui?.containerWrapper })">
@@ -109,5 +111,7 @@ const handleNavigationClick = () => {
         </div>
       </main>
     </template>
+
+    <slot name="content-bottom" />
   </Primitive>
 </template>

package/dist/runtime/components/StackedLayout.vue.d.ts

@@ -18,17 +18,19 @@ export interface StackedLayoutSlots {
      * @param props
      * @param props.handleClick - Handler for navigation click events
      */
-    sidebar(props: {
+    'sidebar'(props: {
         handleClick: () => void;
     }): any;
     /**
      * Menu for desktop screen sizes.
      */
-    navbar(props?: {}): any;
+    'navbar'(props?: {}): any;
     /**
      * The page content.
      */
-    default(props?: {}): any;
+    'default'(props?: {}): any;
+    'content-top': (props?: {}) => any;
+    'content-bottom': (props?: {}) => any;
 }
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<StackedLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<StackedLayoutProps> & Readonly<{}>, {
     as: any;

package/dist/shared/{b24ui-nuxt.BL9IkPeR.mjs → b24ui-nuxt.jU270f-Q.mjs}

@@ -5621,7 +5621,7 @@ const separator = {
 };
 
 const skeleton = {
-  base: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800 aria-busy:cursor-progress"
+  base: "animate-pulse rounded-md bg-gray-200 dark:bg-gray-800"
 };
 
 const safeList = [

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

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.BL9IkPeR.mjs';
+import './shared/b24ui-nuxt.jU270f-Q.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.6.6",
+  "version": "0.6.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -100,20 +100,20 @@
     "vue-plugin.d.ts"
   ],
   "dependencies": {
-    "@bitrix24/b24icons-vue": "^1.0.5",
+    "@bitrix24/b24icons-vue": "^2.0.2",
     "@bitrix24/b24style": "^1.0.1",
-    "@internationalized/date": "^3.8.0",
-    "@internationalized/number": "^3.6.1",
-    "@nuxt/kit": "^3.16.2",
-    "@nuxt/schema": "^3.16.2",
+    "@internationalized/date": "^3.8.1",
+    "@internationalized/number": "^3.6.2",
+    "@nuxt/kit": "^3.17.4",
+    "@nuxt/schema": "^3.17.4",
     "@nuxtjs/color-mode": "^3.5.2",
     "@standard-schema/spec": "^1.0.0",
-    "@tailwindcss/postcss": "^4.1.4",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/postcss": "^4.1.8",
+    "@tailwindcss/vite": "^4.1.8",
     "@tanstack/vue-table": "^8.21.3",
-    "@unhead/vue": "^2.0.8",
-    "@vueuse/core": "^13.1.0",
-    "@vueuse/integrations": "^13.1.0",
+    "@unhead/vue": "^2.0.10",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
     "canvas-confetti": "^1.9.3",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.2",
@@ -135,37 +135,37 @@
     "reka-ui": "^2.2.0",
     "scule": "^1.3.0",
     "tailwind-variants": "^1.0.0",
-    "tailwindcss": "^4.1.4",
-    "tinyglobby": "^0.2.13",
-    "unplugin": "^2.3.2",
-    "unplugin-auto-import": "^19.1.2",
-    "unplugin-vue-components": "^28.5.0",
+    "tailwindcss": "^4.1.8",
+    "tinyglobby": "^0.2.14",
+    "unplugin": "^2.3.5",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.7.0",
     "vaul-vue": "^0.4.1"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.3.0",
+    "@nuxt/eslint-config": "^1.4.1",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/test-utils": "^3.17.2",
+    "@nuxt/test-utils": "^3.19.1",
     "@types/canvas-confetti": "^1.9.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.25.1",
-    "happy-dom": "^17.4.4",
-    "nuxt": "^3.16.2",
-    "nuxt-component-meta": "^0.10.1",
-    "vitest": "^3.1.2",
+    "eslint": "^9.28.0",
+    "happy-dom": "^17.6.1",
+    "nuxt": "^3.17.4",
+    "nuxt-component-meta": "^0.11.0",
+    "vitest": "^3.2.0",
     "vitest-environment-nuxt": "^1.0.1",
     "vue-tsc": "^2.2.10"
   },
   "peerDependencies": {
-    "@inertiajs/vue3": "^2.0.8",
+    "@inertiajs/vue3": "^2.0.11",
     "joi": "^17.13.3",
     "superstruct": "^2.0.2",
     "typescript": "^5.8.3",
-    "valibot": "^1.0.0",
-    "vue-router": "^4.5.0",
+    "valibot": "^1.1.0",
+    "vue-router": "^4.5.1",
     "yup": "^1.6.1",
-    "zod": "^3.24.3"
+    "zod": "^3.25.49"
   },
   "peerDependenciesMeta": {
     "@inertiajs/vue3": {