@bitrix24/b24ui-nuxt 2.0.9 → 2.1.0

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

@@ -1,9 +1,10 @@
-import type { Ref, WatchOptions } from 'vue';
+import type { WatchOptions } from 'vue';
 import type { AppConfig } from '@nuxt/schema';
 import type { Cell, Header, RowData, TableMeta } from '@tanstack/table-core';
 import type { CellContext, ColumnDef, ColumnFiltersOptions, ColumnFiltersState, ColumnOrderState, ColumnPinningOptions, ColumnPinningState, ColumnSizingInfoState, ColumnSizingOptions, ColumnSizingState, CoreOptions, ExpandedOptions, ExpandedState, FacetedOptions, GlobalFilterOptions, GroupingOptions, GroupingState, HeaderContext, PaginationOptions, PaginationState, Row, RowPinningOptions, RowPinningState, RowSelectionOptions, RowSelectionState, SortingOptions, SortingState, VisibilityOptions, VisibilityState } from '@tanstack/vue-table';
 import type { VirtualizerOptions } from '@tanstack/vue-virtual';
 import theme from '#build/b24ui/table';
+import type { TableHTMLAttributes } from '../types/html';
 import type { ComponentConfig } from '../types/tv';
 declare module '@tanstack/table-core' {
     interface ColumnMeta<TData extends RowData, TValue> {
@@ -40,7 +41,7 @@ export interface TableOptions<T extends TableData = TableData> extends Omit<Core
     onStateChange?: CoreOptions<T>['onStateChange'];
     renderFallbackValue?: CoreOptions<T>['renderFallbackValue'];
 }
-export interface TableProps<T extends TableData = TableData> extends TableOptions<T> {
+export interface TableProps<T extends TableData = TableData> extends TableOptions<T>, /** @vue-ignore */ TableHTMLAttributes {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -205,8 +206,8 @@ declare const __VLS_export: <T extends TableData>(__VLS_props: NonNullable<Await
         "onUpdate:pagination"?: ((value: PaginationState) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        readonly $el: any;
-        tableRef: Ref<HTMLTableElement | null, HTMLTableElement | null>;
+        readonly $el: HTMLElement;
+        tableRef: Readonly<import("vue").ShallowRef<HTMLTableElement | null>>;
         tableApi: import("@tanstack/table-core").Table<T>;
     }>) => void;
     attrs: any;

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

@@ -2,11 +2,12 @@ import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/textarea';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
 import type { BadgeProps } from '../types';
+import type { TextareaHTMLAttributes } from '../types/html';
 import type { ModelModifiers } from '../types/input';
 import type { ComponentConfig } from '../types/tv';
 type Textarea = ComponentConfig<typeof theme, AppConfig, 'textarea'>;
 type TextareaValue = string | number | null;
-export interface TextareaProps<T extends TextareaValue = TextareaValue> extends UseComponentIconsProps {
+export interface TextareaProps<T extends TextareaValue = TextareaValue> extends UseComponentIconsProps, /** @vue-ignore */ Omit<TextareaHTMLAttributes, 'name' | 'placeholder' | 'required' | 'autofocus' | 'disabled' | 'rows'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -36,7 +37,7 @@ export interface TextareaProps<T extends TextareaValue = TextareaValue> extends
      */
     underline?: boolean;
     /**
-     * Rounds the corners of the button
+     * Rounds the corners of the textarea
      * @defaultValue false
      */
     rounded?: boolean;
@@ -60,7 +61,7 @@ export interface TextareaProps<T extends TextareaValue = TextareaValue> extends
     highlight?: boolean;
     modelValue?: T;
     defaultValue?: T;
-    modelModifiers?: ModelModifiers;
+    modelModifiers?: ModelModifiers<T>;
     class?: any;
     b24ui?: Textarea['slots'];
 }
@@ -82,16 +83,16 @@ export interface TextareaSlots {
 }
 declare const __VLS_export: <T extends TextareaValue>(__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<TextareaProps<T> & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((event: Event) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        textareaRef: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
     }>) => void;
     attrs: any;
     slots: TextareaSlots;
-    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/Textarea.vue

@@ -3,7 +3,7 @@ import theme from "#build/b24ui/textarea";
 </script>
 
 <script setup>
-import { ref, computed, onMounted, nextTick, watch } from "vue";
+import { useTemplateRef, computed, onMounted, nextTick, watch } from "vue";
 import { Primitive } from "reka-ui";
 import { useVModel } from "@vueuse/core";
 import { useAppConfig } from "#imports";
@@ -68,7 +68,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.textare
   leading: Boolean(isLeading.value || !!props.avatar || !!slots.leading),
   trailing: Boolean(isTrailing.value || !!slots.trailing)
 }));
-const textareaRef = ref(null);
+const textareaRef = useTemplateRef("textareaRef");
 function updateInput(value) {
   if (props.modelModifiers?.trim) {
     value = value?.trim() ?? null;

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

@@ -2,11 +2,12 @@ import type { AppConfig } from '@nuxt/schema';
 import theme from '#build/b24ui/textarea';
 import type { UseComponentIconsProps } from '../composables/useComponentIcons';
 import type { BadgeProps } from '../types';
+import type { TextareaHTMLAttributes } from '../types/html';
 import type { ModelModifiers } from '../types/input';
 import type { ComponentConfig } from '../types/tv';
 type Textarea = ComponentConfig<typeof theme, AppConfig, 'textarea'>;
 type TextareaValue = string | number | null;
-export interface TextareaProps<T extends TextareaValue = TextareaValue> extends UseComponentIconsProps {
+export interface TextareaProps<T extends TextareaValue = TextareaValue> extends UseComponentIconsProps, /** @vue-ignore */ Omit<TextareaHTMLAttributes, 'name' | 'placeholder' | 'required' | 'autofocus' | 'disabled' | 'rows'> {
     /**
      * The element or component this component should render as.
      * @defaultValue 'div'
@@ -36,7 +37,7 @@ export interface TextareaProps<T extends TextareaValue = TextareaValue> extends
      */
     underline?: boolean;
     /**
-     * Rounds the corners of the button
+     * Rounds the corners of the textarea
      * @defaultValue false
      */
     rounded?: boolean;
@@ -60,7 +61,7 @@ export interface TextareaProps<T extends TextareaValue = TextareaValue> extends
     highlight?: boolean;
     modelValue?: T;
     defaultValue?: T;
-    modelModifiers?: ModelModifiers;
+    modelModifiers?: ModelModifiers<T>;
     class?: any;
     b24ui?: Textarea['slots'];
 }
@@ -82,16 +83,16 @@ export interface TextareaSlots {
 }
 declare const __VLS_export: <T extends TextareaValue>(__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<TextareaProps<T> & {
-        onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((event: Event) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: T) => any) | undefined;
     }> & import("vue").PublicProps;
     expose: (exposed: import("vue").ShallowUnwrapRef<{
-        textareaRef: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+        textareaRef: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
     }>) => void;
     attrs: any;
     slots: TextareaSlots;
-    emit: ((evt: "blur", event: FocusEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: T) => void);
+    emit: ((evt: "change", event: Event) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "update:modelValue", value: T) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/components/Toast.vue

@@ -3,7 +3,7 @@ import theme from "#build/b24ui/toast";
 </script>
 
 <script setup>
-import { ref, computed, onMounted, nextTick } from "vue";
+import { ref, computed, onMounted, nextTick, useTemplateRef } from "vue";
 import { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
@@ -42,14 +42,14 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.toast |
   orientation: props.orientation,
   title: !!props.title || !!slots.title
 }));
-const el = ref();
+const rootRef = useTemplateRef("rootRef");
 const height = ref(0);
 onMounted(() => {
-  if (!el.value) {
+  if (!rootRef.value) {
     return;
   }
   nextTick(() => {
-    height.value = el.value?.$el?.getBoundingClientRect()?.height;
+    height.value = rootRef.value?.$el?.getBoundingClientRect()?.height;
   });
 });
 defineExpose({
@@ -59,7 +59,7 @@ defineExpose({
 
 <template>
   <ToastRoot
-    ref="el"
+    ref="rootRef"
     v-slot="{ remaining, duration, open }"
     v-bind="rootProps"
     :data-orientation="orientation"

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

@@ -43,8 +43,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Toaste
     progress: boolean;
     duration: number;
     position: Toaster["variants"]["position"];
-    expand: boolean;
     max: number;
+    expand: boolean;
     portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
 declare const _default: typeof __VLS_export;

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

@@ -43,8 +43,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Toaste
     progress: boolean;
     duration: number;
     position: Toaster["variants"]["position"];
-    expand: boolean;
     max: number;
+    expand: boolean;
     portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToasterSlots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/color-mode/ColorModeAvatar.d.vue.ts

@@ -1,8 +1,8 @@
-import type { AvatarProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeAvatarProps extends /** @vue-ignore */ Omit<AvatarProps, 'src'> {
+import type { AvatarProps } from '../../types';
+export interface ColorModeAvatarProps extends Omit<AvatarProps, 'src'> {
     light: string;
     dark: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeAvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/color-mode/ColorModeAvatar.vue

@@ -3,15 +3,27 @@
 </script>
 
 <script setup>
+import { useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 import B24Avatar from "../Avatar.vue";
 defineOptions({ inheritAttrs: false });
-defineProps({
+const props = defineProps({
   light: { type: String, required: true },
-  dark: { type: String, required: true }
+  dark: { type: String, required: true },
+  as: { type: null, required: false },
+  alt: { type: String, required: false },
+  icon: { type: [Function, Object], required: false },
+  text: { type: String, required: false },
+  size: { type: null, required: false },
+  chip: { type: [Boolean, Object], required: false },
+  class: { type: null, required: false },
+  style: { type: null, required: false },
+  b24ui: { type: null, required: false }
 });
+const avatarProps = useForwardProps(reactiveOmit(props, "light", "dark"));
 </script>
 
 <template>
-  <B24Avatar :src="light" class="dark:hidden" v-bind="$attrs" />
-  <B24Avatar :src="dark" class="hidden dark:block" v-bind="$attrs" />
+  <B24Avatar v-bind="{ ...avatarProps, ...$attrs }" :src="light" class="dark:hidden" />
+  <B24Avatar v-bind="{ ...avatarProps, ...$attrs }" :src="dark" class="hidden dark:block" />
 </template>

package/dist/runtime/components/color-mode/ColorModeAvatar.vue.d.ts

@@ -1,8 +1,8 @@
-import type { AvatarProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeAvatarProps extends /** @vue-ignore */ Omit<AvatarProps, 'src'> {
+import type { AvatarProps } from '../../types';
+export interface ColorModeAvatarProps extends Omit<AvatarProps, 'src'> {
     light: string;
     dark: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeAvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/color-mode/ColorModeButton.d.vue.ts

@@ -1,12 +1,12 @@
-import type { ButtonProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'b24ui'> {
+import type { ButtonProps } from '../../types';
+export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
     /**
      * @defaultValue 'air-tertiary-no-accent'
      */
     color?: ButtonProps['color'];
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: ButtonProps["color"];
+    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     fallback(props?: {}): any;
 }>;

package/dist/runtime/components/color-mode/ColorModeButton.vue

@@ -4,17 +4,63 @@
 
 <script setup>
 import { computed } from "vue";
+import { useForwardProps } from "reka-ui";
+import { reactiveOmit } from "@vueuse/core";
 import { useColorMode } from "#imports";
 import { useLocale } from "../../composables/useLocale";
 import icons from "../../dictionary/icons";
 import B24Button from "../Button.vue";
 defineOptions({ inheritAttrs: false });
-defineProps({
-  color: { type: null, required: false, default: "air-tertiary-no-accent" }
+const props = defineProps({
+  color: { type: null, required: false, default: "air-tertiary-no-accent" },
+  label: { type: String, required: false },
+  activeColor: { type: null, required: false },
+  depth: { type: null, required: false },
+  activeDepth: { type: null, required: false },
+  size: { type: null, required: false },
+  rounded: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  loadingAuto: { type: Boolean, required: false },
+  normalCase: { type: Boolean, required: false },
+  useWait: { type: Boolean, required: false },
+  useClock: { type: Boolean, required: false },
+  useDropdown: { type: Boolean, required: false },
+  onClick: { type: [Function, Array], required: false },
+  class: { type: null, required: false },
+  activeClass: { type: String, required: false },
+  inactiveClass: { type: String, required: false },
+  b24ui: { type: null, required: false },
+  icon: { type: [Function, Object], required: false },
+  avatar: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  active: { type: Boolean, required: false },
+  exact: { type: Boolean, required: false },
+  exactQuery: { type: [Boolean, String], required: false },
+  exactHash: { type: Boolean, required: false },
+  isAction: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  href: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false }
 });
 defineSlots();
 const { t } = useLocale();
 const colorMode = useColorMode();
+const buttonProps = useForwardProps(reactiveOmit(props, "icon"));
 const isDark = computed({
   get() {
     return colorMode.value === "dark";
@@ -28,10 +74,12 @@ const isDark = computed({
 <template>
   <ClientOnly v-if="!colorMode?.forced">
     <B24Button
-      :icon="isDark ? icons.dark : icons.light"
-      :color="color"
-      :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-      v-bind="$attrs"
+      v-bind="{
+  ...buttonProps,
+  'icon': props.icon || (isDark ? icons.dark : icons.light),
+  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
+  ...$attrs
+}"
       @click="isDark = !isDark"
     />
 

package/dist/runtime/components/color-mode/ColorModeButton.vue.d.ts

@@ -1,12 +1,12 @@
-import type { ButtonProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeButtonProps extends /** @vue-ignore */ Pick<ButtonProps, 'as' | 'size' | 'disabled' | 'b24ui'> {
+import type { ButtonProps } from '../../types';
+export interface ColorModeButtonProps extends Omit<ButtonProps, 'color'> {
     /**
      * @defaultValue 'air-tertiary-no-accent'
      */
     color?: ButtonProps['color'];
 }
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorModeButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeButtonProps> & Readonly<{}>, {
-    color: ButtonProps["color"];
+    color: "default" | "link" | "air-primary" | "air-primary-success" | "air-primary-alert" | "air-primary-copilot" | "air-secondary" | "air-secondary-accent" | "air-secondary-accent-1" | "air-tertiary" | "danger" | "success" | "warning" | "primary" | "secondary" | "collab" | "ai" | "air-secondary-alert" | "air-secondary-accent-2" | "air-secondary-no-accent" | "air-tertiary-accent" | "air-tertiary-no-accent" | "air-selection" | "air-boost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     fallback(props?: {}): any;
 }>;

package/dist/runtime/components/color-mode/ColorModeImage.d.vue.ts

@@ -1,7 +1,8 @@
-type __VLS_Props = {
+import type { ImgHTMLAttributes } from '../../types/html';
+export interface ColorModeImageProps extends /** @vue-ignore */ Omit<ImgHTMLAttributes, 'src'> {
     dark: string;
     light: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}
+declare const __VLS_export: import("vue").DefineComponent<ColorModeImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/color-mode/ColorModeImage.vue

@@ -1,3 +1,7 @@
+<script>
+
+</script>
+
 <script setup>
 import ImageComponent from "#build/b24ui-image-component";
 defineOptions({ inheritAttrs: false });

package/dist/runtime/components/color-mode/ColorModeImage.vue.d.ts

@@ -1,7 +1,8 @@
-type __VLS_Props = {
+import type { ImgHTMLAttributes } from '../../types/html';
+export interface ColorModeImageProps extends /** @vue-ignore */ Omit<ImgHTMLAttributes, 'src'> {
     dark: string;
     light: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}
+declare const __VLS_export: import("vue").DefineComponent<ColorModeImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/color-mode/ColorModeSelect.d.vue.ts

@@ -1,6 +1,8 @@
-import type { SelectMenuProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'b24ui'> {
+import type { SelectMenuProps, SelectMenuItem } from '../../types';
+export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../Input.vue").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/color-mode/ColorModeSelect.vue

@@ -4,14 +4,58 @@
 
 <script setup>
 import { computed } from "vue";
+import { useForwardProps } from "reka-ui";
 import { useColorMode } from "#imports";
 import { useLocale } from "../../composables/useLocale";
 import icons from "../../dictionary/icons";
 import B24SelectMenu from "../SelectMenu.vue";
 defineOptions({ inheritAttrs: false });
-defineProps({});
+const props = defineProps({
+  id: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  searchInput: { type: [Boolean, Object], required: false, default: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  noPadding: { type: Boolean, required: false },
+  noBorder: { type: Boolean, required: false },
+  underline: { type: Boolean, required: false },
+  rounded: { type: Boolean, required: false },
+  tag: { type: String, required: false },
+  tagColor: { type: null, required: false },
+  required: { type: Boolean, required: false },
+  trailingIcon: { type: [Function, Object], required: false },
+  selectedIcon: { type: [Function, Object], required: false },
+  content: { type: Object, required: false },
+  arrow: { type: [Boolean, Object], required: false },
+  portal: { type: [Boolean, String], required: false, skipCheck: true },
+  virtualize: { type: [Boolean, Object], required: false },
+  valueKey: { type: null, required: false },
+  labelKey: { type: null, required: false },
+  descriptionKey: { type: null, required: false },
+  defaultValue: { type: null, required: false },
+  multiple: { type: Boolean, required: false },
+  highlight: { type: Boolean, required: false },
+  createItem: { type: [Boolean, String, Object], required: false },
+  filterFields: { type: Array, required: false },
+  ignoreFilter: { type: Boolean, required: false },
+  autofocus: { type: Boolean, required: false },
+  autofocusDelay: { type: Number, required: false },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  resetSearchTermOnBlur: { type: Boolean, required: false },
+  resetSearchTermOnSelect: { type: Boolean, required: false },
+  highlightOnHover: { type: Boolean, required: false },
+  avatar: { type: Object, required: false },
+  loading: { type: Boolean, required: false },
+  trailing: { type: Boolean, required: false }
+});
 const { t } = useLocale();
 const colorMode = useColorMode();
+const selectMenuProps = useForwardProps(props);
 const items = computed(() => [
   { label: t("colorMode.system"), value: "system", icon: icons.system },
   { label: t("colorMode.light"), value: "light", icon: icons.light },
@@ -31,18 +75,16 @@ const preference = computed({
   <ClientOnly v-if="!colorMode?.forced">
     <B24SelectMenu
       v-model="preference"
-      :search-input="false"
       :icon="preference?.icon"
-      v-bind="$attrs"
+      v-bind="{ ...selectMenuProps, ...$attrs }"
       :items="items"
     />
 
     <template #fallback>
       <B24SelectMenu
-        :search-input="false"
         :icon="items[0]?.icon"
-        v-bind="$attrs"
         :model-value="items[0]"
+        v-bind="{ ...selectMenuProps, ...$attrs }"
         :items="items"
         disabled
       />

package/dist/runtime/components/color-mode/ColorModeSelect.vue.d.ts

@@ -1,6 +1,8 @@
-import type { SelectMenuProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeSelectProps extends /** @vue-ignore */ Pick<SelectMenuProps<any>, 'color' | 'size' | 'trailingIcon' | 'selectedIcon' | 'content' | 'arrow' | 'portal' | 'disabled' | 'b24ui'> {
+import type { SelectMenuProps, SelectMenuItem } from '../../types';
+export interface ColorModeSelectProps extends Omit<SelectMenuProps<SelectMenuItem[]>, 'icon' | 'items' | 'modelValue'> {
 }
-declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<ColorModeSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSelectProps> & Readonly<{}>, {
+    searchInput: boolean | import("../Input.vue").InputProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/color-mode/ColorModeSwitch.d.vue.ts

@@ -1,5 +1,5 @@
-import type { SwitchProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'b24ui'> {
+import type { SwitchProps } from '../../types';
+export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/color-mode/ColorModeSwitch.vue

@@ -4,14 +4,32 @@
 
 <script setup>
 import { computed } from "vue";
+import { useForwardProps } from "reka-ui";
 import { useColorMode } from "#imports";
 import { useLocale } from "../../composables/useLocale";
 import icons from "../../dictionary/icons";
 import B24Switch from "../Switch.vue";
 defineOptions({ inheritAttrs: false });
-defineProps({});
+const props = defineProps({
+  as: { type: null, required: false },
+  color: { type: null, required: false },
+  size: { type: null, required: false },
+  loading: { type: Boolean, required: false },
+  loadingIcon: { type: [Function, Object], required: false },
+  label: { type: String, required: false },
+  description: { type: String, required: false },
+  class: { type: null, required: false },
+  b24ui: { type: null, required: false },
+  disabled: { type: Boolean, required: false },
+  id: { type: String, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false },
+  value: { type: String, required: false },
+  defaultValue: { type: Boolean, required: false }
+});
 const { t } = useLocale();
 const colorMode = useColorMode();
+const switchProps = useForwardProps(props);
 const isDark = computed({
   get() {
     return colorMode.value === "dark";
@@ -28,16 +46,22 @@ const isDark = computed({
       v-model="isDark"
       :checked-icon="icons.dark"
       :unchecked-icon="icons.light"
-      :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-      v-bind="$attrs"
+      v-bind="{
+  ...switchProps,
+  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
+  ...$attrs
+}"
     />
 
     <template #fallback>
       <B24Switch
         :checked-icon="icons.dark"
         :unchecked-icon="icons.light"
-        :aria-label="isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark')"
-        v-bind="$attrs"
+        v-bind="{
+  ...switchProps,
+  'aria-label': isDark ? t('colorMode.switchToLight') : t('colorMode.switchToDark'),
+  ...$attrs
+}"
         disabled
       />
     </template>

package/dist/runtime/components/color-mode/ColorModeSwitch.vue.d.ts

@@ -1,5 +1,5 @@
-import type { SwitchProps } from '@bitrix24/b24ui-nuxt';
-export interface ColorModeSwitchProps extends /** @vue-ignore */ Pick<SwitchProps, 'as' | 'color' | 'size' | 'disabled' | 'b24ui'> {
+import type { SwitchProps } from '../../types';
+export interface ColorModeSwitchProps extends Omit<SwitchProps, 'checkedIcon' | 'uncheckedIcon' | 'modelValue'> {
 }
 declare const __VLS_export: import("vue").DefineComponent<ColorModeSwitchProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorModeSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;