@bitrix24/b24ui-nuxt 0.1.1

package/dist/runtime/composables/useComponentIcons.d.ts

@@ -0,0 +1,20 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { AvatarProps, IconComponent } from '../types';
+export interface UseComponentIconsProps {
+    /** Display an icon on the left side. */
+    icon?: IconComponent;
+    /** Display an avatar on the left side. */
+    avatar?: AvatarProps;
+    /** When `true`, the loading icon will be displayed. */
+    loading?: boolean;
+    /** When `true`, the icon will be displayed on the right side. */
+    trailing?: boolean;
+    /** Display an icon on the right side. */
+    trailingIcon?: IconComponent;
+}
+export declare function useComponentIcons(componentProps: MaybeRefOrGetter<UseComponentIconsProps>): {
+    isLeading: import("vue").ComputedRef<any>;
+    isTrailing: import("vue").ComputedRef<boolean>;
+    leadingIconName: import("vue").ComputedRef<IconComponent | undefined>;
+    trailingIconName: import("vue").ComputedRef<IconComponent | undefined>;
+};

package/dist/runtime/composables/useComponentIcons.js

@@ -0,0 +1,25 @@
+import { computed, toValue } from "vue";
+import icons from "../dictionary/icons.js";
+export function useComponentIcons(componentProps) {
+  const props = computed(() => toValue(componentProps));
+  const isLeading = computed(() => props.value.icon && !props.value.trailing || props.value.loading && !props.value.trailing || props.value.avatar);
+  const isTrailing = computed(() => props.value.icon && props.value.trailing || props.value.loading && props.value.trailing || !!props.value.trailingIcon);
+  const leadingIconName = computed(() => {
+    if (props.value.loading) {
+      return icons.loading;
+    }
+    return props.value.icon;
+  });
+  const trailingIconName = computed(() => {
+    if (props.value.loading && !isLeading.value) {
+      return icons.loading;
+    }
+    return props.value.trailingIcon || props.value.icon;
+  });
+  return {
+    isLeading,
+    isTrailing,
+    leadingIconName,
+    trailingIconName
+  };
+}

package/dist/runtime/composables/useFormField.d.ts

@@ -0,0 +1,42 @@
+import { type InjectionKey, type Ref, type ComputedRef } from 'vue';
+import { type UseEventBusReturn } from '@vueuse/core';
+import type { FormFieldProps } from '../types';
+import type { FormEvent, FormFieldInjectedOptions, FormInjectedOptions } from '../types/form';
+import type { GetObjectField } from '../types/utils';
+type Props<T> = {
+    id?: string;
+    name?: string;
+    size?: GetObjectField<T, 'size'>;
+    color?: GetObjectField<T, 'color'>;
+    highlight?: boolean;
+    disabled?: boolean;
+};
+export declare const formOptionsInjectionKey: InjectionKey<ComputedRef<FormInjectedOptions>>;
+export declare const formBusInjectionKey: InjectionKey<UseEventBusReturn<FormEvent<any>, string>>;
+export declare const formFieldInjectionKey: InjectionKey<ComputedRef<FormFieldInjectedOptions<FormFieldProps>>>;
+export declare const inputIdInjectionKey: InjectionKey<Ref<string | undefined>>;
+export declare const formInputsInjectionKey: InjectionKey<Ref<Record<string, {
+    id?: string;
+    pattern?: RegExp;
+}>>>;
+export declare const formLoadingInjectionKey: InjectionKey<Readonly<Ref<boolean>>>;
+export declare function useFormField<T>(props?: Props<T>, opts?: {
+    bind?: boolean;
+    deferInputValidation?: boolean;
+}): {
+    id: ComputedRef<string | undefined>;
+    name: ComputedRef<string | undefined>;
+    size: ComputedRef<any>;
+    color: ComputedRef<"danger" | GetObjectField<T, "color"> | undefined>;
+    highlight: ComputedRef<boolean | undefined>;
+    disabled: ComputedRef<boolean | undefined>;
+    emitFormBlur: () => void;
+    emitFormInput: import("@vueuse/core").PromisifyFn<() => void>;
+    emitFormChange: () => void;
+    emitFormFocus: () => void;
+    ariaAttrs: ComputedRef<{
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+    } | undefined>;
+};
+export {};

package/dist/runtime/composables/useFormField.js

@@ -0,0 +1,65 @@
+import { inject, computed } from "vue";
+import { useDebounceFn } from "@vueuse/core";
+export const formOptionsInjectionKey = Symbol("bitrix24-ui.form-options");
+export const formBusInjectionKey = Symbol("bitrix24-ui.form-events");
+export const formFieldInjectionKey = Symbol("bitrix24-ui.form-field");
+export const inputIdInjectionKey = Symbol("bitrix24-ui.input-id");
+export const formInputsInjectionKey = Symbol("bitrix24-ui.form-inputs");
+export const formLoadingInjectionKey = Symbol("bitrix24-ui.form-loading");
+export function useFormField(props, opts) {
+  const formOptions = inject(formOptionsInjectionKey, void 0);
+  const formBus = inject(formBusInjectionKey, void 0);
+  const formField = inject(formFieldInjectionKey, void 0);
+  const formInputs = inject(formInputsInjectionKey, void 0);
+  const inputId = inject(inputIdInjectionKey, void 0);
+  if (formField && inputId) {
+    if (opts?.bind === false) {
+      inputId.value = void 0;
+    } else if (props?.id) {
+      inputId.value = props?.id;
+    }
+    if (formInputs && formField.value.name && inputId.value) {
+      formInputs.value[formField.value.name] = { id: inputId.value, pattern: formField.value.errorPattern };
+    }
+  }
+  function emitFormEvent(type, name, eager) {
+    if (formBus && formField && name) {
+      formBus.emit({ type, name, eager });
+    }
+  }
+  function emitFormBlur() {
+    emitFormEvent("blur", formField?.value.name);
+  }
+  function emitFormFocus() {
+    emitFormEvent("focus", formField?.value.name);
+  }
+  function emitFormChange() {
+    emitFormEvent("change", formField?.value.name);
+  }
+  const emitFormInput = useDebounceFn(
+    () => {
+      emitFormEvent("input", formField?.value.name, !opts?.deferInputValidation || formField?.value.eagerValidation);
+    },
+    formField?.value.validateOnInputDelay ?? formOptions?.value.validateOnInputDelay ?? 0
+  );
+  return {
+    id: computed(() => props?.id ?? inputId?.value),
+    name: computed(() => props?.name ?? formField?.value.name),
+    size: computed(() => props?.size ?? formField?.value.size),
+    color: computed(() => formField?.value.error ? "danger" : props?.color),
+    highlight: computed(() => formField?.value.error ? true : props?.highlight),
+    disabled: computed(() => formOptions?.value.disabled || props?.disabled),
+    emitFormBlur,
+    emitFormInput,
+    emitFormChange,
+    emitFormFocus,
+    ariaAttrs: computed(() => {
+      if (!formField?.value) return;
+      const descriptiveAttrs = ["error", "hint", "description"].filter((type) => formField?.value?.[type]).map((type) => `${formField?.value.ariaId}-${type}`) || [];
+      return {
+        "aria-describedby": descriptiveAttrs.join(" "),
+        "aria-invalid": !!formField?.value.error
+      };
+    })
+  };
+}

package/dist/runtime/composables/useKbd.d.ts

@@ -0,0 +1,35 @@
+type KbdKeysSpecificMap = {
+    meta: string;
+    alt: string;
+    ctrl: string;
+};
+export declare const kbdKeysMap: {
+    meta: string;
+    ctrl: string;
+    alt: string;
+    win: string;
+    command: string;
+    shift: string;
+    option: string;
+    enter: string;
+    delete: string;
+    backspace: string;
+    escape: string;
+    tab: string;
+    capslock: string;
+    arrowup: string;
+    arrowright: string;
+    arrowdown: string;
+    arrowleft: string;
+    pageup: string;
+    pagedown: string;
+    home: string;
+    end: string;
+};
+export type KbdKey = keyof typeof kbdKeysMap;
+export type KbdKeySpecific = keyof KbdKeysSpecificMap;
+export declare const useKbd: () => {
+    macOS: import("vue").ComputedRef<false | "" | RegExpMatchArray | null | undefined>;
+    getKbdKey: (value?: KbdKey | string) => string | undefined;
+};
+export {};

package/dist/runtime/composables/useKbd.js

@@ -0,0 +1,52 @@
+import { reactive, computed, onMounted } from "vue";
+import { createSharedComposable } from "@vueuse/core";
+export const kbdKeysMap = {
+  meta: "",
+  ctrl: "",
+  alt: "",
+  win: "\u229E",
+  command: "\u2318",
+  shift: "\u21E7",
+  option: "\u2325",
+  enter: "\u21B5",
+  delete: "\u2326",
+  backspace: "\u232B",
+  escape: "\u238B",
+  tab: "\u21E5",
+  capslock: "\u21EA",
+  arrowup: "\u2191",
+  arrowright: "\u2192",
+  arrowdown: "\u2193",
+  arrowleft: "\u2190",
+  pageup: "\u21DE",
+  pagedown: "\u21DF",
+  home: "\u2196",
+  end: "\u2198"
+};
+const _useKbd = () => {
+  const macOS = computed(() => import.meta.client && navigator && navigator.userAgent && navigator.userAgent.match(/Macintosh;/));
+  const kbdKeysSpecificMap = reactive({
+    meta: " ",
+    alt: " ",
+    ctrl: " "
+  });
+  onMounted(() => {
+    kbdKeysSpecificMap.meta = macOS.value ? kbdKeysMap.command : kbdKeysMap.win;
+    kbdKeysSpecificMap.alt = macOS.value ? kbdKeysMap.option : "alt";
+    kbdKeysSpecificMap.ctrl = macOS.value ? "\u2303" : "ctrl";
+  });
+  function getKbdKey(value) {
+    if (!value) {
+      return;
+    }
+    if (["meta", "alt", "ctrl"].includes(value)) {
+      return kbdKeysSpecificMap[value];
+    }
+    return kbdKeysMap[value] || value.toUpperCase();
+  }
+  return {
+    macOS,
+    getKbdKey
+  };
+};
+export const useKbd = createSharedComposable(_useKbd);

package/dist/runtime/composables/useLocale.d.ts

@@ -0,0 +1,4 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { Locale } from '../types/locale';
+export declare const localeContextInjectionKey: InjectionKey<Ref<Locale | undefined>>;
+export declare const useLocale: (localeOverrides?: Ref<Locale | undefined>) => import("../utils/locale").LocaleContext;

package/dist/runtime/composables/useLocale.js

@@ -0,0 +1,10 @@
+import { computed, inject, ref } from "vue";
+import { buildLocaleContext } from "../utils/locale.js";
+import en from "../locale/en.js";
+import { createSharedComposable } from "@vueuse/core";
+export const localeContextInjectionKey = Symbol("bitrix24-ui.locale-context");
+const _useLocale = (localeOverrides) => {
+  const locale = localeOverrides || inject(localeContextInjectionKey, ref());
+  return buildLocaleContext(computed(() => locale.value || en));
+};
+export const useLocale = createSharedComposable(_useLocale);

package/dist/runtime/composables/useToast.d.ts

@@ -0,0 +1,12 @@
+import type { ToastProps } from '../types';
+export interface Toast extends Omit<ToastProps, 'defaultOpen'> {
+    id: string | number;
+    click?: (toast: Toast) => void;
+}
+export declare function useToast(): {
+    toasts: import("vue").Ref<Toast[], Toast[]>;
+    add: (toast: Partial<Toast>) => Promise<Toast>;
+    update: (id: string | number, toast: Omit<Partial<Toast>, "id">) => void;
+    remove: (id: string | number) => void;
+    clear: () => void;
+};

package/dist/runtime/composables/useToast.js

@@ -0,0 +1,62 @@
+import { ref, nextTick } from "vue";
+import { useState } from "#imports";
+export function useToast() {
+  const toasts = useState("toasts", () => []);
+  const maxToasts = 12;
+  const running = ref(false);
+  const queue = [];
+  const generateId = () => `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  async function processQueue() {
+    if (running.value || queue.length === 0) {
+      return;
+    }
+    running.value = true;
+    while (queue.length > 0) {
+      const toast = queue.shift();
+      await nextTick();
+      toasts.value = [...toasts.value, toast].slice(-1 * maxToasts);
+    }
+    running.value = false;
+  }
+  async function add(toast) {
+    const body = {
+      id: generateId(),
+      open: true,
+      ...toast
+    };
+    queue.push(body);
+    await processQueue();
+    return body;
+  }
+  function update(id, toast) {
+    const index = toasts.value.findIndex((t) => t.id === id);
+    if (index !== -1) {
+      toasts.value[index] = {
+        ...toasts.value[index],
+        ...toast
+      };
+    }
+  }
+  function remove(id) {
+    const index = toasts.value.findIndex((t) => t.id === id);
+    if (index !== -1) {
+      toasts.value[index] = {
+        ...toasts.value[index],
+        open: false
+      };
+    }
+    setTimeout(() => {
+      toasts.value = toasts.value.filter((t) => t.id !== id);
+    }, 200);
+  }
+  function clear() {
+    toasts.value = [];
+  }
+  return {
+    toasts,
+    add,
+    update,
+    remove,
+    clear
+  };
+}

package/dist/runtime/dictionary/icons.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+    arrowLeft: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    arrowRight: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    check: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    chevronDoubleLeft: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    chevronDoubleRight: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    chevronDown: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    chevronLeft: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    chevronRight: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    chevronUp: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    close: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    ellipsis: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    external: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    loading: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    refresh: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    minus: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    plus: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+    search: import("vue").FunctionalComponent<import("vue").HTMLAttributes & import("vue").VNodeProps, {}, any, {}>;
+};
+export default _default;

package/dist/runtime/dictionary/icons.js

@@ -0,0 +1,35 @@
+import ArrowToTheLeftIcon from "@bitrix24/b24icons-vue/actions/ArrowToTheLeftIcon";
+import ArrowToTheRightIcon from "@bitrix24/b24icons-vue/actions/ArrowToTheRightIcon";
+import CheckIcon from "@bitrix24/b24icons-vue/main/CheckIcon";
+import ChevronUpIcon from "@bitrix24/b24icons-vue/actions/ChevronUpIcon";
+import ChevronDownIcon from "@bitrix24/b24icons-vue/actions/ChevronDownIcon";
+import ChevronToTheLeftIcon from "@bitrix24/b24icons-vue/actions/ChevronToTheLeftIcon";
+import ChevronToTheRightIcon from "@bitrix24/b24icons-vue/actions/ChevronToTheRightIcon";
+import DoubleShevronsRightIcon from "@bitrix24/b24icons-vue/actions/DoubleShevronsRightIcon";
+import Cross30Icon from "@bitrix24/b24icons-vue/actions/Cross30Icon";
+import DotsIcon from "@bitrix24/b24icons-vue/button/DotsIcon";
+import OpenIn50Icon from "@bitrix24/b24icons-vue/actions/OpenIn50Icon";
+import Refresh6Icon from "@bitrix24/b24icons-vue/actions/Refresh6Icon";
+import Minus30Icon from "@bitrix24/b24icons-vue/actions/Minus30Icon";
+import Plus30Icon from "@bitrix24/b24icons-vue/actions/Plus30Icon";
+import Search2Icon from "@bitrix24/b24icons-vue/main/Search2Icon";
+import LoaderWaitIcon from "@bitrix24/b24icons-vue/animated/LoaderWaitIcon";
+export default {
+  arrowLeft: ArrowToTheLeftIcon,
+  arrowRight: ArrowToTheRightIcon,
+  check: CheckIcon,
+  chevronDoubleLeft: ChevronToTheLeftIcon,
+  chevronDoubleRight: DoubleShevronsRightIcon,
+  chevronDown: ChevronDownIcon,
+  chevronLeft: ChevronToTheLeftIcon,
+  chevronRight: ChevronToTheRightIcon,
+  chevronUp: ChevronUpIcon,
+  close: Cross30Icon,
+  ellipsis: DotsIcon,
+  external: OpenIn50Icon,
+  loading: LoaderWaitIcon,
+  refresh: Refresh6Icon,
+  minus: Minus30Icon,
+  plus: Plus30Icon,
+  search: Search2Icon
+};

package/dist/runtime/index.css

@@ -0,0 +1 @@
+@plugin "@bitrix24/b24style";@import "./keyframes.css";@variant light (&:where(.light, .light *));@variant dark (&:where(.dark, .dark *));@layer base{body{@apply antialiased scheme-light dark:scheme-dark}}

package/dist/runtime/keyframes.css

@@ -0,0 +1 @@
+@keyframes accordion-up{0%{height:var(--reka-accordion-content-height)}to{height:0}}@keyframes accordion-down{0%{height:0}to{height:var(--reka-accordion-content-height)}}@keyframes collapsible-up{0%{height:var(--reka-collapsible-content-height)}to{height:0}}@keyframes collapsible-down{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes toast-collapsed-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--before) - var(--height))*var(--gap))) scale(var(--scale))}}@keyframes toast-closed{0%{transform:var(--transform)}to{transform:translateY(calc((var(--offset) - var(--height))*var(--translate-factor)))}}@keyframes toast-slide-left{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(-100%) translateY(var(--translate))}}@keyframes toast-slide-right{0%{transform:translateX(0) translateY(var(--translate))}to{transform:translateX(100%) translateY(var(--translate))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out-to-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slide-out-to-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slide-in-from-top-and-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-top-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-in-from-right-and-fade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-right-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(4px)}}@keyframes slide-in-from-bottom-and-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-to-bottom-and-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes slide-in-from-left-and-fade{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-to-left-and-fade{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-4px)}}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes exit-to-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(200px)}}@keyframes exit-to-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-200px)}}@keyframes carousel{0%,to{width:30%}0%{transform:translateX(-100%)}to{transform:translateX(370%)}}@keyframes carousel-rtl{0%,to{width:30%}0%{transform:translateX(100%)}to{transform:translateX(-370%)}}@keyframes carousel-vertical{0%,to{height:30%}0%{transform:translateY(-100%)}to{transform:translateY(370%)}}@keyframes carousel-inverse{0%,to{width:30%}0%{transform:translateX(370%)}to{transform:translateX(-100%)}}@keyframes carousel-inverse-rtl{0%,to{width:30%}0%{transform:translateX(-370%)}to{transform:translateX(100%)}}@keyframes carousel-inverse-vertical{0%,to{height:30%}0%{transform:translateY(370%)}to{transform:translateY(-100%)}}@keyframes swing{0%,to{width:30%}0%,to{transform:translateX(-25%)}50%{transform:translateX(275%)}}@keyframes swing-vertical{0%,to{height:30%}0%,to{transform:translateY(-25%)}50%{transform:translateY(275%)}}@keyframes elastic{0%,to{margin-left:25%;width:50%}50%{margin-left:5%;width:90%}}@keyframes elastic-vertical{0%,to{height:50%;margin-top:25%}50%{height:90%;margin-top:5%}}@keyframes progressbar-loading{0%,to{width:30%}0%{transform:translateX(-200%)}50%{transform:translateX(350%)}to{transform:translateX(-200%)}}@keyframes progressbar-loading-vertical{0%,to{height:30%}0%{transform:translateY(-200%)}50%{transform:translateY(350%)}to{transform:translateY(-200%)}}

package/dist/runtime/locale/en.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/en.js

@@ -0,0 +1,48 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "English",
+  code: "en",
+  messages: {
+    inputMenu: {
+      noMatch: "No matching data",
+      noData: "No data",
+      create: 'Create "{label}"'
+    },
+    inputNumber: {
+      increment: "Increment",
+      decrement: "Decrement"
+    },
+    commandPalette: {
+      placeholder: "Type a command or search...",
+      noMatch: "No matching data",
+      noData: "No data",
+      close: "Close"
+    },
+    selectMenu: {
+      noMatch: "No matching data",
+      noData: "No data",
+      create: 'Create "{label}"',
+      search: "Search..."
+    },
+    toast: {
+      close: "Close"
+    },
+    carousel: {
+      prev: "Prev",
+      next: "Next",
+      goto: "Go to slide {slide}"
+    },
+    modal: {
+      close: "Close"
+    },
+    slideover: {
+      close: "Close"
+    },
+    alert: {
+      close: "Close"
+    },
+    table: {
+      noData: "No data"
+    }
+  }
+});

package/dist/runtime/locale/es.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/es.js

@@ -0,0 +1,48 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "Espa\xF1ol",
+  code: "es",
+  messages: {
+    inputMenu: {
+      noMatch: "No hay datos coincidentes",
+      noData: "Sin datos",
+      create: 'Crear "{label}"'
+    },
+    inputNumber: {
+      increment: "Incremento",
+      decrement: "Decremento"
+    },
+    commandPalette: {
+      placeholder: "Escribe un comando o busca...",
+      noMatch: "No hay datos coincidentes",
+      noData: "Sin datos",
+      close: "Cerrar"
+    },
+    selectMenu: {
+      noMatch: "No hay datos coincidentes",
+      noData: "Sin datos",
+      create: 'Crear "{label}"',
+      search: "Buscar..."
+    },
+    toast: {
+      close: "Cerrar"
+    },
+    carousel: {
+      prev: "Anterior",
+      next: "Siguiente",
+      goto: "Ir a la diapositiva {slide}"
+    },
+    modal: {
+      close: "Cerrar"
+    },
+    slideover: {
+      close: "Cerrar"
+    },
+    alert: {
+      close: "Cerrar"
+    },
+    table: {
+      noData: "Sin datos"
+    }
+  }
+});

package/dist/runtime/locale/index.d.ts

@@ -0,0 +1,3 @@
+export { default as en } from './en';
+export { default as es } from './es';
+export { default as ru } from './ru';

package/dist/runtime/locale/index.js

@@ -0,0 +1,3 @@
+export { default as en } from "./en.js";
+export { default as es } from "./es.js";
+export { default as ru } from "./ru.js";

package/dist/runtime/locale/ru.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../types").Locale;
+export default _default;

package/dist/runtime/locale/ru.js

@@ -0,0 +1,48 @@
+import { defineLocale } from "../composables/defineLocale.js";
+export default defineLocale({
+  name: "\u0420\u0443\u0441\u0441\u043A\u0438\u0439",
+  code: "ru",
+  messages: {
+    inputMenu: {
+      noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445",
+      create: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C "{label}"'
+    },
+    inputNumber: {
+      increment: "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C",
+      decrement: "\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C"
+    },
+    commandPalette: {
+      placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u043C\u0430\u043D\u0434\u0443 \u0438\u043B\u0438 \u0432\u044B\u043F\u043E\u043B\u043D\u0438\u0442\u0435 \u043F\u043E\u0438\u0441\u043A...",
+      noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445",
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    selectMenu: {
+      noMatch: "\u0421\u043E\u0432\u043F\u0430\u0434\u0435\u043D\u0438\u0439 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445",
+      create: '\u0421\u043E\u0437\u0434\u0430\u0442\u044C "{label}"',
+      search: "\u041F\u043E\u0438\u0441\u043A..."
+    },
+    toast: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    carousel: {
+      prev: "\u041D\u0430\u0437\u0430\u0434",
+      next: "\u0414\u0430\u043B\u0435\u0435",
+      goto: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043A {slide}"
+    },
+    modal: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    slideover: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    alert: {
+      close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+    },
+    table: {
+      noData: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445"
+    }
+  }
+});

package/dist/runtime/plugins/colors.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugins/colors.js

@@ -0,0 +1,40 @@
+import { computed } from "vue";
+import {
+  defineNuxtPlugin,
+  useNuxtApp,
+  useHead
+} from "#imports";
+export default defineNuxtPlugin(() => {
+  const nuxtApp = useNuxtApp();
+  const root = computed(() => {
+    return `@layer base {
+  :root {
+    ${[].join("\n  ")}
+  }
+  :root, .light {
+    ${[].join("\n  ")}
+  }
+  .dark {
+    ${[].join("\n  ")}
+  }
+}`;
+  });
+  const headData = {
+    style: [{
+      innerHTML: () => root.value,
+      tagPriority: -2,
+      id: "bitrix24-ui-colors",
+      type: "text/css"
+    }]
+  };
+  if (import.meta.client && nuxtApp.isHydrating && !nuxtApp.payload.serverRendered) {
+    const style = document.createElement("style");
+    style.innerHTML = root.value;
+    style.setAttribute("data-bitrix24-ui-colors", "");
+    document.head.appendChild(style);
+    headData.script = [{
+      innerHTML: "document.head.removeChild(document.querySelector('[data-bitrix24-ui-colors]'))"
+    }];
+  }
+  useHead(headData);
+});

package/dist/runtime/types/app.config.d.ts

@@ -0,0 +1,6 @@
+declare module '#build/app.config' {
+  import type { AppConfig } from '@nuxt/schema'
+
+  const _default: AppConfig
+  export default _default
+}