@retailcrm/embed-ui-v1-components 0.9.11-alpha.1 → 0.9.11-alpha.2

package/dist/remote.cjs

@@ -1,1026 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const remote = require("@omnicajs/vue-remote/remote");
 const vue = require("vue");
-require("@remote-ui/rpc");
 const isEqual = require("lodash.isequal");
 const imagePreview = require("@retailcrm/image-preview");
+const locale = require("date-fns/locale");
 const dateFns = require("date-fns");
-const ACTION_MOUNT = "mount";
-const ACTION_INSERT_CHILD = "insert-child";
-const ACTION_REMOVE_CHILD = "remove-child";
-const ACTION_UPDATE_TEXT = "update-text";
-const ACTION_UPDATE_PROPERTIES = "update-properties";
-const ACTION_INVOKE = "invoke";
-const KIND_COMMENT = "comment";
-const KIND_COMPONENT = "component";
-const KIND_FRAGMENT = "fragment";
-const KIND_ROOT = "root";
-const KIND_TEXT = "text";
-const ROOT_ID = "~";
-const addMethod = (o, name, fn) => {
-  return Object.defineProperty(o, name, {
-    value: fn,
-    configurable: true,
-    writable: false,
-    enumerable: false
-  });
-};
-const arraify = (value) => Array.isArray(value) ? [...value] : [value];
-const capture = (o, freeze) => {
-  return freeze ? Object.freeze(o) : o;
-};
-const isFunction = (value) => {
-  return typeof value === "function";
-};
-const isObject = (value) => {
-  if (value == null || typeof value !== "object") {
-    return false;
-  }
-  const prototype = Object.getPrototypeOf(value);
-  return prototype == null || prototype === Object.prototype;
-};
-const keysOf = (o) => Object.keys(o);
-const visitArray = (value, visited, visit) => {
-  const result = [];
-  visited.set(value, result);
-  for (const nested of value) {
-    result.push(visit(nested, visited));
-  }
-  return result;
-};
-const visitObject = (value, visited, visit) => {
-  const result = {};
-  visited.set(value, result);
-  for (const key of keysOf(value)) {
-    result[key] = visit(value[key], visited);
-  }
-  return result;
-};
-const REMOTE_SLOT = "RemoteSlot";
-const HTMLTagList = [
-  "a",
-  "abbr",
-  "address",
-  "area",
-  "article",
-  "aside",
-  "audio",
-  "b",
-  "base",
-  "bdi",
-  "bdo",
-  "blockquote",
-  "body",
-  "br",
-  "button",
-  "canvas",
-  "caption",
-  "cite",
-  "code",
-  "col",
-  "colgroup",
-  "datalist",
-  "dd",
-  "del",
-  "details",
-  "dfn",
-  "dialog",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "fieldset",
-  "figcaption",
-  "figure",
-  "footer",
-  "form",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "header",
-  "hgroup",
-  "hr",
-  "html",
-  "i",
-  "iframe",
-  "img",
-  "input",
-  "ins",
-  "kbd",
-  "keygen",
-  "label",
-  "legend",
-  "li",
-  "link",
-  "main",
-  "map",
-  "mark",
-  "menu",
-  "menuitem",
-  "meta",
-  "meter",
-  "nav",
-  "noscript",
-  "object",
-  "ol",
-  "optgroup",
-  "option",
-  "output",
-  "p",
-  "param",
-  "picture",
-  "pre",
-  "progress",
-  "q",
-  "rp",
-  "rt",
-  "ruby",
-  "s",
-  "samp",
-  "script",
-  "section",
-  "select",
-  "small",
-  "source",
-  "span",
-  "strong",
-  "style",
-  "sub",
-  "summary",
-  "sup",
-  "table",
-  "tbody",
-  "td",
-  "textarea",
-  "tfoot",
-  "th",
-  "thead",
-  "time",
-  "title",
-  "tr",
-  "track",
-  "u",
-  "ul",
-  "var",
-  "video",
-  "wbr"
-];
-const MathMLTagList = [
-  "math",
-  "maction",
-  "maligngroup",
-  "malignmark",
-  "menclose",
-  "merror",
-  "mfenced",
-  "mfrac",
-  "mglyph",
-  "mi",
-  "mlabeledtr",
-  "mlongdiv",
-  "mmultiscripts",
-  "mn",
-  "mo",
-  "mover",
-  "mpadded",
-  "mphantom",
-  "mroot",
-  "mrow",
-  "ms",
-  "mscarries",
-  "mscarry",
-  "msgroup",
-  "msline",
-  "mstack",
-  "mspace",
-  "msqrt",
-  "msrow",
-  "mstyle",
-  "msub",
-  "msup",
-  "msubsup",
-  "mtable",
-  "mtd",
-  "mtext",
-  "mtr",
-  "munder",
-  "munderover",
-  "none",
-  "semantics",
-  "annotation",
-  "annotation-xml"
-];
-const SVGTagList = [
-  "a",
-  "altGlyph",
-  "altGlyphDef",
-  "altGlyphItem",
-  "animate",
-  "animateColor",
-  "animateMotion",
-  "animateTransform",
-  "circle",
-  "clipPath",
-  "color-profile",
-  "cursor",
-  "defs",
-  "desc",
-  "discard",
-  "ellipse",
-  "feBlend",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feConvolveMatrix",
-  "feDiffuseLighting",
-  "feDisplacementMap",
-  "feDistantLight",
-  "feDropShadow",
-  "feFlood",
-  "feFuncA",
-  "feFuncB",
-  "feFuncG",
-  "feFuncR",
-  "feGaussianBlur",
-  "feImage",
-  "feMerge",
-  "feMergeNode",
-  "feMorphology",
-  "feOffset",
-  "fePointLight",
-  "feSpecularLighting",
-  "feSpotLight",
-  "feTile",
-  "feTurbulence",
-  "filter",
-  "font",
-  "font-face",
-  "font-face-format",
-  "font-face-name",
-  "font-face-src",
-  "font-face-uri",
-  "foreignObject",
-  "g",
-  "glyph",
-  "glyphRef",
-  "hkern",
-  "image",
-  "line",
-  "linearGradient",
-  "marker",
-  "mask",
-  "metadata",
-  "missing-glyph",
-  "mpath",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "radialGradient",
-  "rect",
-  "script",
-  "set",
-  "stop",
-  "style",
-  "svg",
-  "switch",
-  "symbol",
-  "text",
-  "textPath",
-  "title",
-  "tref",
-  "tspan",
-  "use",
-  "view",
-  "vkern"
-];
-function isRemoteFragment(value) {
-  return value != null && value.kind === KIND_FRAGMENT;
-}
-const normalizeChild = (child, root) => typeof child === "string" ? root.createText(child) : child;
-const normalizeChildren = (children, root) => children.map((child) => normalizeChild(child, root));
-const traverse = (element, each) => {
-  const _traverse = (element2) => {
-    if ("children" in element2) {
-      for (const child of element2.children) {
-        each(child);
-        _traverse(child);
-      }
-    }
-  };
-  _traverse(element);
-};
-function attach(context, parent, node) {
-  const { progenitors, parents } = context;
-  const progenitor = parent.kind === KIND_ROOT ? parent : parent.progenitor;
-  if (progenitor) {
-    progenitors.set(node, progenitor);
-  }
-  parents.set(node, parent);
-  attachFragments(context, node);
-  traverse(node, (descendant) => {
-    if (progenitor) {
-      progenitors.set(descendant, progenitor);
-    }
-    attachFragments(context, descendant);
-  });
-}
-function attachFragments(context, node) {
-  if (node.kind === KIND_COMPONENT) {
-    Object.values(node.properties).forEach((prop) => {
-      if (isRemoteFragment(prop)) {
-        attach(context, node, prop);
-      }
-    });
-  }
-}
-function detach(context, node) {
-  const { progenitors, parents } = context;
-  progenitors.delete(node);
-  parents.delete(node);
-  traverse(node, (descendant) => {
-    progenitors.delete(descendant);
-    detachFragments(context, descendant);
-  });
-  detachFragments(context, node);
-}
-function detachFragments(context, node) {
-  if (node.kind !== KIND_COMPONENT) {
-    return;
-  }
-  const properties = node.properties;
-  for (const key of Object.keys(properties)) {
-    const p = properties[key];
-    if (isRemoteFragment(p)) {
-      detach(context, p);
-    }
-  }
-}
-const update = (context, node, remote, local) => {
-  var _a;
-  if (context.mounted && (node.kind === KIND_ROOT || ((_a = node.progenitor) == null ? void 0 : _a.kind) === KIND_ROOT)) {
-    remote(context.channel);
-  }
-  local();
-};
-function dataOf(context, parent) {
-  switch (parent == null ? void 0 : parent.kind) {
-    case KIND_COMPONENT:
-      return context.components.get(parent);
-    case KIND_FRAGMENT:
-      return context.fragments.get(parent);
-    case KIND_ROOT:
-      return context;
-  }
-}
-const insertToArray = (target, el, before) => {
-  if (before == null) {
-    target.push(el);
-  } else {
-    target.splice(target.indexOf(before), 0, el);
-  }
-  return target;
-};
-const remoteFromArray = (target, index) => {
-  const result = [...target];
-  result.splice(index, 1);
-  return result;
-};
-const insert = (context, parent, child, before = null) => {
-  const currentParent = child.parent;
-  const currentIndex = (currentParent == null ? void 0 : currentParent.children.indexOf(child)) ?? -1;
-  attach(context, parent, child);
-  let newChildren;
-  const parentData = dataOf(context, parent);
-  if (currentParent) {
-    const currentParentData = dataOf(context, currentParent);
-    const currentChildren = remoteFromArray(currentParentData.children, currentIndex);
-    if (currentParent === parent) {
-      newChildren = currentChildren;
-    } else {
-      currentParentData.children = capture(currentChildren, context.strict);
-      newChildren = [...parentData.children];
-    }
-  } else {
-    newChildren = [...parentData.children];
-  }
-  parentData.children = capture(insertToArray(newChildren, child, before), context.strict);
-};
-const appendChild = (context, parent, child) => {
-  if (!context.nodes.has(child)) {
-    throw new Error("Cannot append a node that was not created by this remote root");
-  }
-  const currentParent = child.parent;
-  const currentIndex = (currentParent == null ? void 0 : currentParent.children.indexOf(child)) ?? -1;
-  return update(context, parent, (channel) => {
-    channel(
-      ACTION_INSERT_CHILD,
-      parent.id,
-      currentIndex < 0 ? parent.children.length : parent.children.length - 1,
-      child.serialize(),
-      currentParent ? currentParent.id : false
-    );
-  }, () => insert(context, parent, child));
-};
-const insertBefore = (context, parent, child, before) => {
-  if (!context.nodes.has(child)) {
-    throw new Error("Cannot insert a node that was not created by this remote root");
-  }
-  if (before && before.id === child.id) return;
-  if (before && !parent.children.includes(before)) {
-    throw new DOMException(
-      "Cannot add a child before an element that is not a child of the target parent.",
-      "HierarchyRequestError"
-    );
-  }
-  const oldIndex = parent.children.indexOf(child) ?? -1;
-  const oldParent = child.parent;
-  const beforeIndex = before ? parent.children.indexOf(before) : -1;
-  return update(context, parent, (channel) => channel(
-    ACTION_INSERT_CHILD,
-    parent.id,
-    beforeIndex < 0 ? parent.children.length : oldIndex < 0 || oldIndex > beforeIndex ? beforeIndex : beforeIndex - 1,
-    child.serialize(),
-    oldParent ? oldParent.id : false
-  ), () => insert(context, parent, child, before));
-};
-const removeChild = (context, parent, child) => {
-  const data = dataOf(context, parent);
-  return update(context, parent, (channel) => channel(
-    ACTION_REMOVE_CHILD,
-    parent.id,
-    parent.children.indexOf(child)
-  ), () => {
-    detach(context, child);
-    data.children = capture(remoteFromArray(
-      data.children,
-      data.children.indexOf(child)
-    ), context.strict);
-  });
-};
-const addAttachMethod = (context) => addMethod(context, "attach", (parent, node) => attach(context, parent, node));
-const addDetachMethod = (context) => addMethod(context, "detach", (node) => detach(context, node));
-const addAppendMethod$1 = (context) => addMethod(context, "append", (parent, children) => {
-  for (const child of children) {
-    appendChild(context, parent, child);
-  }
-});
-const addUpdateMethod = (context) => addMethod(context, "update", (node, remote, local) => update(context, node, remote, local));
-const addReplaceMethod$1 = (context) => addMethod(context, "replace", (parent, children) => {
-  for (const child of parent.children) {
-    removeChild(context, parent, child);
-  }
-  for (const child of children) {
-    appendChild(context, parent, child);
-  }
-});
-const addCollectMethod = (context) => addMethod(context, "collect", (node) => {
-  if (context.nodes.has(node)) {
-    return;
-  }
-  context.nodes.add(node);
-  Object.defineProperty(node, "parent", {
-    get: () => context.parents.get(node) ?? null,
-    configurable: true,
-    enumerable: true
-  });
-  Object.defineProperty(node, "progenitor", {
-    get: () => context.progenitors.get(node) ?? null,
-    configurable: true,
-    enumerable: true
-  });
-});
-const addInvokeMethod = (context) => addMethod(context, "invoke", (node, method, payload) => {
-  if (!context.nodes.has(node)) {
-    throw new Error("Cannot invoke method for a node that was not created by this remote root");
-  }
-  return new Promise((resolve, reject) => {
-    context.channel(
-      ACTION_INVOKE,
-      node.id,
-      method,
-      payload,
-      resolve,
-      reject
-    );
-  });
-});
-const createRemoteRootData = (channel, { components, strict = true } = {}) => {
-  if (strict) {
-    Object.freeze(components);
-  }
-  return {
-    strict,
-    mounted: false,
-    channel,
-    children: [],
-    nodes: /* @__PURE__ */ new WeakSet(),
-    parents: /* @__PURE__ */ new WeakMap(),
-    progenitors: /* @__PURE__ */ new WeakMap(),
-    components: /* @__PURE__ */ new WeakMap(),
-    fragments: /* @__PURE__ */ new WeakMap()
-  };
-};
-const createTreeContext = (channel, options = {}) => {
-  const context = createRemoteRootData(channel, options);
-  let lastId = 0;
-  addMethod(context, "nextId", () => `${++lastId}`);
-  addCollectMethod(context);
-  addAttachMethod(context);
-  addDetachMethod(context);
-  addAppendMethod$1(context);
-  addUpdateMethod(context);
-  addMethod(context, "insert", (parent, child, before) => insertBefore(context, parent, child, before));
-  addMethod(context, "removeChild", (parent, child) => removeChild(context, parent, child));
-  addReplaceMethod$1(context);
-  addInvokeMethod(context);
-  return context;
-};
-const createRemoteComment = (content, root, context) => {
-  const id = context.nextId();
-  const data = { text: content };
-  const node = {
-    kind: KIND_COMMENT,
-    get id() {
-      return id;
-    },
-    get root() {
-      return root;
-    },
-    get text() {
-      return data.text;
-    },
-    update: (text) => context.update(
-      node,
-      (channel) => channel(ACTION_UPDATE_TEXT, node.id, text),
-      () => data.text = text
-    ),
-    serialize: () => ({ id, kind: KIND_COMMENT, text: data.text }),
-    remove: () => {
-      var _a;
-      return (_a = node.parent) == null ? void 0 : _a.removeChild(node);
-    },
-    print: () => `Comment(${data.text})`
-  };
-  context.collect(node);
-  return node;
-};
-const isProxy = (value) => {
-  return value instanceof Function && "__current" in value;
-};
-const toProxy = (value) => {
-  const _proxy = (...args) => {
-    return _proxy.__current ? _proxy.__current(...args) : void 0;
-  };
-  Object.defineProperty(_proxy, "__current", {
-    value,
-    configurable: false,
-    enumerable: false,
-    writable: true
-  });
-  return _proxy;
-};
-function proxyFunctionsIn(value, visited = /* @__PURE__ */ new Map()) {
-  if (visited.has(value)) {
-    return visited.get(value);
-  }
-  if (isRemoteFragment(value)) {
-    visited.set(value, value);
-    return value;
-  }
-  if (Array.isArray(value)) {
-    return visitArray(value, visited, proxyFunctionsIn);
-  }
-  if (isObject(value)) {
-    return visitObject(value, visited, proxyFunctionsIn);
-  }
-  if (isFunction(value)) {
-    const proxy = toProxy(value);
-    visited.set(value, proxy);
-    return proxy;
-  }
-  visited.set(value, value);
-  return value;
-}
-const collectProxies = (value, visited = /* @__PURE__ */ new Set()) => {
-  if (visited.has(value)) {
-    return void 0;
-  }
-  visited.add(value);
-  if (Array.isArray(value)) {
-    return value.reduce((all, element) => {
-      const nested = collectProxies(element, visited);
-      return nested ? [...all, ...nested] : all;
-    }, []);
-  }
-  if (isObject(value)) {
-    return keysOf(value).reduce((all, key) => {
-      const nested = collectProxies(value[key], visited);
-      return nested ? [...all, ...nested] : all;
-    }, []);
-  }
-  return isProxy(value) ? [value] : void 0;
-};
-const prepareProxiesUnset = (value) => {
-  var _a;
-  return ((_a = collectProxies(value)) == null ? void 0 : _a.map((p) => [p, void 0])) ?? [];
-};
-function prepareProxies(oldValue, newValue, visited = /* @__PURE__ */ new Set()) {
-  if (visited.has(oldValue)) {
-    return [oldValue, [], true];
-  }
-  visited.add(oldValue);
-  if (isProxy(oldValue)) {
-    return isFunction(newValue) ? [oldValue, [[oldValue, newValue]], true] : [proxyFunctionsIn(newValue), [], false];
-  }
-  if (Array.isArray(oldValue)) {
-    return !Array.isArray(newValue) ? [proxyFunctionsIn(newValue), prepareProxiesUnset(oldValue), false] : prepareProxiesInArray(oldValue, newValue, visited);
-  }
-  if (isObject(oldValue) && !isRemoteFragment(oldValue)) {
-    return !isObject(newValue) ? [proxyFunctionsIn(newValue), prepareProxiesUnset(oldValue), false] : prepareProxiesInObject(oldValue, newValue, visited);
-  }
-  return [newValue, [], oldValue === newValue];
-}
-function prepareProxiesInObject(oldValue, newValue, visited) {
-  const normalized = {};
-  const records = [];
-  let changed = false;
-  for (const key of keysOf(oldValue)) {
-    const oldEl = oldValue[key];
-    if (!(key in newValue)) {
-      records.push(...prepareProxiesUnset(oldEl));
-      changed = true;
-    }
-    const newEl = newValue[key];
-    const [updated, record, skip] = prepareProxies(oldEl, newEl, visited);
-    records.push(...record);
-    if (!skip) {
-      normalized[key] = updated;
-      changed = true;
-    }
-  }
-  for (const key of keysOf(newValue)) {
-    if (!(key in normalized)) {
-      normalized[key] = proxyFunctionsIn(newValue[key]);
-      changed = true;
-    }
-  }
-  return [normalized, records, !changed];
-}
-function prepareProxiesInArray(oldValue, newValue, visited) {
-  const normalized = [];
-  const records = [];
-  let changed = false;
-  for (let i = 0; i < Math.max(oldValue.length, newValue.length); i++) {
-    const oldEl = oldValue[i];
-    const newEl = newValue[i];
-    if (i >= newValue.length) {
-      records.push(...prepareProxiesUnset(oldEl));
-      changed = true;
-      continue;
-    }
-    if (i >= oldValue.length) {
-      normalized[i] = proxyFunctionsIn(newEl);
-      changed = true;
-      continue;
-    }
-    const [updated, record, skip] = prepareProxies(oldEl, newEl, visited);
-    records.push(...record);
-    normalized[i] = skip ? oldEl : updated;
-    changed = !skip || changed;
-  }
-  return [normalized, records, !changed];
-}
-const updateProxies = (records) => {
-  for (const [fn, current] of records) {
-    if (fn.__current !== current) {
-      fn.__current = current;
-    }
-  }
-};
-function createRemoteComponent(type, properties, children, root, context) {
-  const id = context.nextId();
-  const descriptor = typeof type === "object" && "type" in type ? type : null;
-  const data = createRemoteComponentData(properties, children, root, context);
-  const node = {
-    kind: KIND_COMPONENT,
-    get id() {
-      return id;
-    },
-    get type() {
-      return descriptor ? descriptor.type : type;
-    },
-    get root() {
-      return root;
-    },
-    get children() {
-      return data.children;
-    },
-    get properties() {
-      return data.properties.original;
-    },
-    append: (...children2) => context.append(
-      node,
-      normalizeChildren(children2, root)
-    ),
-    insertBefore: (child, before) => context.insert(
-      node,
-      normalizeChild(child, root),
-      before
-    ),
-    updateProperties: (properties2) => updateProperties(
-      context,
-      node,
-      properties2
-    ),
-    replace: (...children2) => context.replace(
-      node,
-      normalizeChildren(children2, root)
-    ),
-    removeChild: (child) => context.removeChild(node, child),
-    remove: () => node.parent ? context.removeChild(node.parent, node) : null,
-    invoke: (method, ...payload) => !descriptor || (descriptor == null ? void 0 : descriptor.hasMethod(method)) ? context.invoke(node, method, payload) : Promise.reject(`Method ${method} is not supported`),
-    serialize: () => ({
-      id,
-      kind: KIND_COMPONENT,
-      type,
-      properties: data.properties.serializable,
-      children: data.children.map((c) => c.serialize())
-    }),
-    print: () => _print(id, type, data.properties.original, data.children)
-  };
-  context.collect(node);
-  context.components.set(node, data);
-  data.children.forEach((c) => context.attach(node, c));
-  return node;
-}
-const RESERVED = ["children"];
-const notReserved = (name) => !RESERVED.includes(name);
-function createRemoteComponentData(properties, children, root, context) {
-  const original = properties ?? {};
-  const serializable = {};
-  for (const key of keysOf(original).filter(notReserved)) {
-    serializable[key] = proxyFunctionsIn(serializeProperty(original[key]));
-  }
-  return {
-    properties: {
-      original: capture(original, context.strict),
-      serializable
-    },
-    children: capture(normalizeChildren(children, root), context.strict)
-  };
-}
-function updateProperties(context, component, properties) {
-  const componentData = context.components.get(component);
-  const normalized = {};
-  const records = [];
-  let changed = false;
-  for (const key of keysOf(properties).filter(notReserved)) {
-    const oldOriginal = componentData.properties.original[key];
-    const newOriginal = properties[key];
-    const oldSerializable = componentData.properties.serializable[key];
-    const newSerializable = serializeProperty(newOriginal);
-    if (oldSerializable === newSerializable && (newSerializable == null || typeof newSerializable !== "object")) {
-      continue;
-    }
-    const [value, record, skip] = prepareProxies(oldSerializable, newSerializable);
-    records.push(...record);
-    if (!skip) {
-      normalized[key] = value;
-      changed = true;
-      if (isRemoteFragment(oldOriginal)) {
-        context.detach(oldOriginal);
-      }
-      if (isRemoteFragment(newOriginal)) {
-        context.attach(component, newOriginal);
-      }
-    }
-  }
-  return context.update(component, (channel) => {
-    if (changed) {
-      channel(ACTION_UPDATE_PROPERTIES, component.id, normalized);
-    }
-  }, () => {
-    componentData.properties.original = capture({ ...componentData.properties.original, ...properties }, context.strict);
-    componentData.properties.serializable = { ...componentData.properties.serializable, ...normalized };
-    updateProxies(records);
-  });
-}
-function serializeProperty(property) {
-  return isRemoteFragment(property) ? property.serialize() : property;
-}
-function _print(id, type, _properties, children) {
-  const _head = `${typeof type === "string" ? type : type.type}:${id}`;
-  const _children = children.map((c) => typeof c === "string" ? c : c.print());
-  const _body = _children.length > 0 ? `
-${_indent(_children.join(",\n"))}
-` : "";
-  return `${_head}[${_body}]`;
-}
-function _indent(text) {
-  return text.split("\n").map((line) => `  ${line}`).join("\n");
-}
-const createRemoteFragment = (root, context) => {
-  const id = context.nextId();
-  const data = { children: capture([], context.strict) };
-  const fragment = {
-    kind: KIND_FRAGMENT,
-    get id() {
-      return id;
-    },
-    get root() {
-      return root;
-    },
-    get children() {
-      return data.children;
-    },
-    append: (...children) => context.append(fragment, normalizeChildren(children, root)),
-    insertBefore: (child, before) => context.insert(
-      fragment,
-      normalizeChild(child, root),
-      before
-    ),
-    replace: (...children) => context.replace(fragment, normalizeChildren(children, root)),
-    removeChild: (child) => context.removeChild(fragment, child),
-    serialize: () => ({
-      id,
-      kind: KIND_FRAGMENT,
-      children: data.children.map((c) => c.serialize())
-    })
-  };
-  context.collect(fragment);
-  context.fragments.set(fragment, data);
-  return fragment;
-};
-const createRemoteText = (content, root, context) => {
-  const id = context.nextId();
-  const data = { text: content };
-  const node = {
-    kind: KIND_TEXT,
-    get id() {
-      return id;
-    },
-    get root() {
-      return root;
-    },
-    get text() {
-      return data.text;
-    },
-    update: (text) => context.update(
-      node,
-      (channel) => channel(ACTION_UPDATE_TEXT, node.id, text),
-      () => data.text = text
-    ),
-    serialize: () => ({ id, kind: KIND_TEXT, text: data.text }),
-    remove: () => {
-      var _a;
-      return (_a = node.parent) == null ? void 0 : _a.removeChild(node);
-    },
-    print: () => `Text(${data.text})`
-  };
-  context.collect(node);
-  return node;
-};
-function createRemoteRoot$1(channel, {
-  components,
-  strict = true
-} = {}) {
-  const context = createTreeContext(channel, {
-    components,
-    strict
-  });
-  const root = {
-    kind: KIND_ROOT,
-    options: capture({ strict, components }, strict),
-    get id() {
-      return ROOT_ID;
-    },
-    get children() {
-      return context.children;
-    },
-    removeChild: (child) => context.removeChild(root, child)
-  };
-  addCreateCommentMethod(root, context);
-  addCreateComponentMethod(root, context);
-  addCreateFragmentMethod(root, context);
-  addCreateTextMethod(root, context);
-  addMountMethod(root, context);
-  addAppendMethod(root, context);
-  addInsertMethod(root, context);
-  addReplaceMethod(root, context);
-  return root;
-}
-function addCreateCommentMethod(root, context) {
-  addMethod(root, "createComment", (text = "") => {
-    return createRemoteComment(text, root, context);
-  });
-}
-function addCreateComponentMethod(root, context) {
-  addMethod(root, "createComponent", (type, ...rest) => {
-    const components = root.options.components;
-    if (components && !components.some((c) => c === type || c.type === type)) {
-      throw new Error(`Unsupported component: ${type}`);
-    }
-    const _type = (components == null ? void 0 : components.find((c) => c === type || c.type === type)) ?? type;
-    const [properties, children, ...restChildren] = rest;
-    return createRemoteComponent(_type, properties, [
-      ...arraify(children ?? []),
-      ...restChildren
-    ], root, context);
-  });
-}
-function addCreateFragmentMethod(root, context) {
-  addMethod(root, "createFragment", () => createRemoteFragment(root, context));
-}
-function addCreateTextMethod(root, context) {
-  addMethod(root, "createText", (text = "") => {
-    return createRemoteText(text, root, context);
-  });
-}
-function addMountMethod(root, context) {
-  addMethod(root, "mount", () => {
-    if (context.mounted) {
-      return Promise.resolve();
-    }
-    context.mounted = true;
-    return Promise.resolve(context.channel(
-      ACTION_MOUNT,
-      context.children.map((c) => c.serialize())
-    ));
-  });
-}
-function addAppendMethod(root, context) {
-  addMethod(root, "append", (...children) => {
-    context.append(root, normalizeChildren(children, root));
-  });
-}
-function addInsertMethod(root, context) {
-  addMethod(root, "insertBefore", (child, before) => {
-    context.insert(root, normalizeChild(child, root), before);
-  });
-}
-function addReplaceMethod(root, context) {
-  addMethod(root, "replace", (...children) => {
-    context.replace(root, normalizeChildren(children, root));
-  });
-}
-const createRemoteRoot = (channel, options = {}) => createRemoteRoot$1(channel, {
-  ...options,
-  components: [
-    ...HTMLTagList,
-    ...MathMLTagList,
-    ...SVGTagList,
-    REMOTE_SLOT,
-    ...options.components ?? []
-  ]
-});
-const toRemoteSlots = (named, slots) => {
-  const actual = named.filter((slotName) => slotName in slots);
-  if (actual.length === 0) {
-    return slots;
-  }
-  return {
-    default: () => {
-      var _a;
-      return [
-        ..."default" in slots ? [(_a = slots.default) == null ? void 0 : _a.call(slots)] : [],
-        ...actual.map((slotName) => vue.h(REMOTE_SLOT, { name: slotName }, {
-          default: slots[slotName]
-        }))
-      ];
-    }
-  };
-};
-const capitalize = (text) => text.charAt(0).toUpperCase() + text.slice(1);
-const fallthroughEvents = (emits, emit) => {
-  if (emits === void 0) {
-    return {};
-  }
-  const events2 = Array.isArray(emits) ? emits : Object.keys(emits);
-  return events2.reduce((processed, event) => {
-    processed["on" + capitalize(event)] = (...args) => emit(event, ...args);
-    return processed;
-  }, {});
-};
-const defineRemoteComponent = (type, emits = void 0, slots = []) => vue.defineComponent({
-  name: type,
-  inheritAttrs: false,
-  ...emits ? { emits } : {},
-  setup(props, { attrs, emit, slots: internalSlots }) {
-    return () => vue.h(type, {
-      ...props,
-      ...attrs,
-      ...fallthroughEvents(emits, emit)
-    }, toRemoteSlots(slots, internalSlots));
-  }
-});
 const UiAddButtonType = "UiAddButton";
-const UiAddButton = defineRemoteComponent(
+const UiAddButton = remote.defineRemoteComponent(
   UiAddButtonType,
   ["click", "focus", "blur"],
   [
@@ -1029,7 +16,7 @@ const UiAddButton = defineRemoteComponent(
   ]
 );
 const UiAlertType = "UiAlert";
-const UiAlert = defineRemoteComponent(
+const UiAlert = remote.defineRemoteComponent(
   UiAlertType,
   [
     "showing",
@@ -1039,16 +26,16 @@ const UiAlert = defineRemoteComponent(
   ]
 );
 const UiAvatarType = "UiAvatar";
-const UiAvatar = defineRemoteComponent(UiAvatarType);
+const UiAvatar = remote.defineRemoteComponent(UiAvatarType);
 const UiAvatarListType = "UiAvatarList";
-const UiAvatarList = defineRemoteComponent(UiAvatarListType);
+const UiAvatarList = remote.defineRemoteComponent(UiAvatarListType);
 const UiButtonType = "UiButton";
-const UiButton = defineRemoteComponent(
+const UiButton = remote.defineRemoteComponent(
   UiButtonType,
   ["click", "focus", "blur"]
 );
 const UiCalendarType = "UiCalendar";
-const UiCalendar = defineRemoteComponent(
+const UiCalendar = remote.defineRemoteComponent(
   UiCalendarType,
   [
     "change",
@@ -1056,12 +43,12 @@ const UiCalendar = defineRemoteComponent(
   ]
 );
 const UiCheckboxType = "UiCheckbox";
-const UiCheckbox = defineRemoteComponent(
+const UiCheckbox = remote.defineRemoteComponent(
   UiCheckboxType,
   ["click", "focus", "blur"]
 );
 const UiCollapseType = "UiCollapse";
-const UiCollapse = defineRemoteComponent(
+const UiCollapse = remote.defineRemoteComponent(
   UiCollapseType,
   [
     "collapsed",
@@ -1074,7 +61,7 @@ const UiCollapse = defineRemoteComponent(
   ]
 );
 const UiCollapseBoxType = "UiCollapseBox";
-const UiCollapseBox = defineRemoteComponent(
+const UiCollapseBox = remote.defineRemoteComponent(
   UiCollapseBoxType,
   [
     "collapsed",
@@ -1095,7 +82,7 @@ const UiCollapseBox = defineRemoteComponent(
   ]
 );
 const UiCollapseGroupType = "UiCollapseGroup";
-const UiCollapseGroup = defineRemoteComponent(
+const UiCollapseGroup = remote.defineRemoteComponent(
   UiCollapseGroupType,
   [
     "expand-cancelled",
@@ -1107,7 +94,7 @@ const UiCollapseGroup = defineRemoteComponent(
   ]
 );
 const UiCopyButtonType = "UiCopyButton";
-const UiCopyButton = defineRemoteComponent(
+const UiCopyButton = remote.defineRemoteComponent(
   UiCopyButtonType,
   ["click", "focus", "blur"],
   [
@@ -1117,9 +104,9 @@ const UiCopyButton = defineRemoteComponent(
   ]
 );
 const UiDateType = "UiDate";
-const UiDate = defineRemoteComponent(UiDateType);
+const UiDate = remote.defineRemoteComponent(UiDateType);
 const UiDatePickerType = "UiDatePicker";
-const UiDatePicker = defineRemoteComponent(
+const UiDatePicker = remote.defineRemoteComponent(
   UiDatePickerType,
   [
     "open",
@@ -1129,7 +116,7 @@ const UiDatePicker = defineRemoteComponent(
   ]
 );
 const UiErrorType = "UiError";
-const UiError = defineRemoteComponent(
+const UiError = remote.defineRemoteComponent(
   UiErrorType,
   ["click", "focus", "blur"]
 );
@@ -1149,13 +136,13 @@ function render$2(_ctx, _cache) {
 }
 const IconHelp = { render: render$2 };
 const UiPopperType = "UiPopper";
-const UiPopper = defineRemoteComponent(UiPopperType);
+const UiPopper = remote.defineRemoteComponent(UiPopperType);
 const UiPopperConnectorType = "UiPopperConnector";
-const UiPopperConnector = defineRemoteComponent(UiPopperConnectorType);
+const UiPopperConnector = remote.defineRemoteComponent(UiPopperConnectorType);
 const UiPopperTargetType = "UiPopperTarget";
-const UiPopperTarget = defineRemoteComponent(UiPopperTargetType);
+const UiPopperTarget = remote.defineRemoteComponent(UiPopperTargetType);
 const UiTooltipType = "UiTooltip";
-const UiTooltip = defineRemoteComponent(UiTooltipType);
+const UiTooltip = remote.defineRemoteComponent(UiTooltipType);
 const _hoisted_1$4 = { class: "ui-v1-field__headline" };
 const _hoisted_2$1 = ["id", "for"];
 const _hoisted_3$1 = {
@@ -1300,7 +287,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const UiInfoboxType = "UiInfobox";
-const UiInfobox = defineRemoteComponent(
+const UiInfobox = remote.defineRemoteComponent(
   UiInfoboxType,
   [
     "show",
@@ -1316,18 +303,18 @@ const UiInfobox = defineRemoteComponent(
   ]
 );
 const UiLinkType = "UiLink";
-const UiLink = defineRemoteComponent(
+const UiLink = remote.defineRemoteComponent(
   UiLinkType,
   ["click", "focus", "blur"],
   ["icon"]
 );
 const UiLoaderType = "UiLoader";
-const UiLoader = defineRemoteComponent(
+const UiLoader = remote.defineRemoteComponent(
   UiLoaderType,
   ["click", "focus", "blur"]
 );
 const UiModalSidebarType = "UiModalSidebar";
-const UiModalSidebar = defineRemoteComponent(
+const UiModalSidebar = remote.defineRemoteComponent(
   UiModalSidebarType,
   [
     "open",
@@ -1348,7 +335,7 @@ const UiModalSidebar = defineRemoteComponent(
   ]
 );
 const UiModalWindowType = "UiModalWindow";
-const UiModalWindow = defineRemoteComponent(
+const UiModalWindow = remote.defineRemoteComponent(
   UiModalWindowType,
   [
     "open",
@@ -1369,7 +356,7 @@ const UiModalWindow = defineRemoteComponent(
   ]
 );
 const UiModalWindowSurfaceType = "UiModalWindowSurface";
-const UiModalWindowSurface = defineRemoteComponent(
+const UiModalWindowSurface = remote.defineRemoteComponent(
   UiModalWindowSurfaceType,
   [
     "open",
@@ -1386,7 +373,7 @@ const UiModalWindowSurface = defineRemoteComponent(
   ]
 );
 const UiNumberStepperType = "UiNumberStepper";
-const UiNumberStepper = defineRemoteComponent(
+const UiNumberStepper = remote.defineRemoteComponent(
   UiNumberStepperType,
   [
     "change",
@@ -1399,12 +386,12 @@ const UiNumberStepper = defineRemoteComponent(
   ]
 );
 const UiRadioType = "UiRadio";
-const UiRadio = defineRemoteComponent(
+const UiRadio = remote.defineRemoteComponent(
   UiRadioType,
   ["click", "focus", "blur"]
 );
 const UiScrollBoxType = "UiScrollBox";
-const UiScrollBox = defineRemoteComponent(
+const UiScrollBox = remote.defineRemoteComponent(
   UiScrollBoxType,
   [
     "click",
@@ -1415,17 +402,17 @@ const UiScrollBox = defineRemoteComponent(
   ]
 );
 const UiSliderType = "UiSlider";
-const UiSlider = defineRemoteComponent(
+const UiSlider = remote.defineRemoteComponent(
   UiSliderType,
   ["update:value"]
 );
 const UiSwitchType = "UiSwitch";
-const UiSwitch = defineRemoteComponent(
+const UiSwitch = remote.defineRemoteComponent(
   UiSwitchType,
   ["click", "focus", "blur"]
 );
 const UiTagType = "UiTag";
-const UiTag = defineRemoteComponent(
+const UiTag = remote.defineRemoteComponent(
   UiTagType,
   ["click", "focus", "blur", "remove"]
 );
@@ -1449,12 +436,12 @@ const events = [
   "clear"
 ];
 const UiTextboxType = "UiTextbox";
-const UiTextbox = defineRemoteComponent(
+const UiTextbox = remote.defineRemoteComponent(
   UiTextboxType,
   events
 );
 const UiTimePickerType = "UiTimePicker";
-const UiTimePicker = defineRemoteComponent(
+const UiTimePicker = remote.defineRemoteComponent(
   UiTimePickerType,
   [
     "change",
@@ -1464,19 +451,19 @@ const UiTimePicker = defineRemoteComponent(
   ]
 );
 const UiToolbarButtonType = "UiToolbarButton";
-const UiToolbarButton = defineRemoteComponent(
+const UiToolbarButton = remote.defineRemoteComponent(
   UiToolbarButtonType,
   ["click", "focus", "blur"]
 );
 const UiToolbarLinkType = "UiToolbarLink";
-const UiToolbarLink = defineRemoteComponent(
+const UiToolbarLink = remote.defineRemoteComponent(
   UiToolbarLinkType,
   ["click", "focus", "blur"]
 );
 const UiTransitionType = "UiTransition";
-const UiTransition = defineRemoteComponent(UiTransitionType);
+const UiTransition = remote.defineRemoteComponent(UiTransitionType);
 const UiYandexMapType = "UiYandexMap";
-const UiYandexMap = defineRemoteComponent(
+const UiYandexMap = remote.defineRemoteComponent(
   UiYandexMapType,
   [
     "change",
@@ -1484,7 +471,7 @@ const UiYandexMap = defineRemoteComponent(
   ]
 );
 const UiMenuItemType = "UiMenuItem";
-const UiMenuItem = defineRemoteComponent(
+const UiMenuItem = remote.defineRemoteComponent(
   UiMenuItemType,
   [],
   [
@@ -1496,7 +483,7 @@ const UiMenuItem = defineRemoteComponent(
   ]
 );
 const UiMenuItemGroupType = "UiMenuItemGroup";
-const UiMenuItemGroup = defineRemoteComponent(
+const UiMenuItemGroup = remote.defineRemoteComponent(
   UiMenuItemGroupType,
   [],
   [
@@ -1546,11 +533,11 @@ const compile = (messages, path, values = void 0) => {
 const fail = (message) => {
   throw new Error(message);
 };
-const t = (locale, messages, path, values = void 0) => {
+const t = (locale2, messages, path, values = void 0) => {
   const keys = path.split(".");
-  if (locale) {
-    const message = compile(messages[locale] ?? {}, keys, values);
-    return typeof message !== "object" ? message : fail(`Translation for "${locale}:${path}" is not translatable`);
+  if (locale2) {
+    const message = compile(messages[locale2] ?? {}, keys, values);
+    return typeof message !== "object" ? message : fail(`Translation for "${locale2}:${path}" is not translatable`);
   }
   return void 0;
 };
@@ -1576,35 +563,35 @@ class I18n {
     };
     this.fallback = options?.fallback;
   }
-  t(locale, path, values = void 0) {
+  t(locale2, path, values = void 0) {
     try {
-      const _t = (locale2) => t(locale2, this.messages, path, values);
-      return _t(locale) ?? _t(this.fallback) ?? fail(`Translation for "${path}" does not exists`);
+      const _t = (locale22) => t(locale22, this.messages, path, values);
+      return _t(locale2) ?? _t(this.fallback) ?? fail(`Translation for "${path}" does not exists`);
     } catch (e) {
       if (this.parent) {
-        return this.parent.t(locale, path, values);
+        return this.parent.t(locale2, path, values);
       }
       throw e;
     }
   }
-  tc(locale, path, choice, values = void 0) {
+  tc(locale2, path, choice, values = void 0) {
     return plural(
       this.t(
-        locale,
+        locale2,
         path,
         values
       ),
       choice,
-      this.pluralization[locale]
+      this.pluralization[locale2]
     );
   }
-  compute(locale, key, values) {
+  compute(locale2, key, values) {
     const computed = this.computed[key];
     if (computed) {
-      return computed(localize$3(this, locale), values);
+      return computed(localize(this, locale2), values);
     }
     if (this.parent) {
-      return this.parent.compute(locale, key, values);
+      return this.parent.compute(locale2, key, values);
     }
     return fail("Key " + key + " is not registered");
   }
@@ -1616,15 +603,15 @@ class I18n {
     }, this);
   }
 }
-const localize$3 = (i18n, locale) => ({
+const localize = (i18n, locale2) => ({
   t(path, values = void 0) {
-    return i18n.t(locale, path, values);
+    return i18n.t(locale2, path, values);
   },
   tc(path, choice, values = void 0) {
-    return i18n.tc(locale, path, choice, values);
+    return i18n.tc(locale2, path, choice, values);
   },
   compute(key, values) {
-    return i18n.compute(locale, key, values);
+    return i18n.compute(locale2, key, values);
   }
 });
 const fallback = "en-GB";
@@ -1636,9 +623,9 @@ const define = (options = void 0, parent = void 0) => {
   const extend = (i18n2, options2 = void 0) => options2 ? i18n2.extend(options2) : i18n2;
   return {
     i18n,
-    init: (locale, options2 = void 0) => localize$3(
+    init: (locale2, options2 = void 0) => localize(
       extend(i18n, options2),
-      locale
+      locale2
     ),
     fallback
   };
@@ -1698,6 +685,7 @@ const FilterKey = Symbol("UiSelectFilter");
 const FilteredKey = Symbol("UiSelectFiltered");
 const TickerKey = Symbol("UiSelectTicker");
 const MultipleKey = Symbol("UiSelectMultiple");
+const ActiveOptionIdKey = Symbol("UiSelectActiveOptionId");
 const FastenedKey = Symbol("UiSelectFastened");
 const UnregisterOptionKey = Symbol("UiSelectUnregisterOption");
 const RegisterOptionKey = Symbol("UiSelectRegisterOption");
@@ -1707,19 +695,20 @@ const RegisterHeaderOptionKey = Symbol("UiSelectOptionGroupRegisterHeaderOption"
 const UnregisterHeaderOptionKey = Symbol("UiSelectOptionGroupUnregisterHeaderOption");
 const I18nInjectKey = Symbol("$embedI18n");
 const UiSelectTriggerType = "UiSelectTrigger";
-const UiSelectTrigger = defineRemoteComponent(
+const UiSelectTrigger = remote.defineRemoteComponent(
   UiSelectTriggerType,
   [
     "input",
     "focus",
     "blur",
+    "keydown",
     "clear",
     "update:value",
     "update:expanded"
   ]
 );
 const UiSelectPopperType = "UiSelectPopper";
-const UiSelectPopper = defineRemoteComponent(
+const UiSelectPopper = remote.defineRemoteComponent(
   UiSelectPopperType,
   [
     "update:visible",
@@ -1731,7 +720,7 @@ const UiSelectPopper = defineRemoteComponent(
   ]
 );
 const UiSelectOptionType = "UiSelectOption";
-defineRemoteComponent(
+remote.defineRemoteComponent(
   UiSelectOptionType
 );
 const _hoisted_1$3 = {
@@ -1859,11 +848,14 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       filter: "",
       value: props.value
     });
+    const localId = uid("ui-v1-select");
+    const resolvedId = vue.computed(() => props.id ?? localId);
     const i18n = vue.computed(() => _18n.init(vue.inject(I18nInjectKey, null)?.locale ?? _18n.fallback));
     const noResult = vue.computed(() => i18n.value.t("search.noResult", { filter: state.filter }));
     const optionsRegistry = vue.ref([]);
+    const activeOptionId = vue.ref(null);
     const selection = vue.computed(() => {
-      const model = arraify2(state.value);
+      const model = arraify(state.value);
       const selectedOptions = [];
       model.forEach((item) => {
         const option = optionsRegistry.value.find((o) => equals(o.value, item));
@@ -1873,9 +865,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       });
       return selectedOptions;
     });
-    const arraify2 = (value) => Array.isArray(value) ? [...value] : typeof value === "number" || typeof value === "boolean" || value ? [value] : [];
+    const arraify = (value) => Array.isArray(value) ? [...value] : typeof value === "number" || typeof value === "boolean" || value ? [value] : [];
     const equals = (a, b) => props.equalsFn(a, b);
     const contains = (array, value) => array.some((v) => equals(v, value));
+    const navigableOptions = vue.computed(() => optionsRegistry.value.filter((option) => option.isMatched() && !option.disabled));
     vue.provide(RegisterKey, (option) => {
       if (optionsRegistry.value.some((item) => item.id === option.id)) {
         throw new Error(`[UiSelect] Component with id ${option.id} already registered. Unregister it before using again.`);
@@ -1887,6 +880,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       if (option) {
         option.label = data.label;
         option.value = data.value;
+        option.disabled = data.disabled;
       }
     });
     vue.provide(UnregisterKey, (id) => {
@@ -1900,7 +894,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     }));
     vue.provide(ToggleKey, (value) => {
       if (props.multiple) {
-        const model = arraify2(state.value);
+        const model = arraify(state.value);
         const index = model.findIndex((item) => equals(item, value));
         if (index !== -1) {
           model.splice(index, 1);
@@ -1920,29 +914,149 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     vue.provide(FilteredKey, vue.computed(() => props.filterable && state.filter.length > 0));
     vue.provide(TickerKey, vue.computed(() => props.ticker));
     vue.provide(MultipleKey, vue.computed(() => props.multiple));
+    vue.provide(ActiveOptionIdKey, vue.computed(() => activeOptionId.value));
     const onInput = (value) => {
       state.filter = value;
     };
+    const resolveHighlightedOption = (mode = "selected-first") => {
+      const options = navigableOptions.value;
+      if (options.length === 0) {
+        activeOptionId.value = null;
+        return;
+      }
+      if (mode === "first") {
+        activeOptionId.value = options[0].id;
+        return;
+      }
+      if (mode === "last") {
+        activeOptionId.value = options[options.length - 1].id;
+        return;
+      }
+      const selectedOption = options.find((option) => {
+        return Array.isArray(state.value) ? contains(state.value, option.value) : equals(state.value, option.value);
+      });
+      activeOptionId.value = selectedOption?.id ?? options[0].id;
+    };
+    const moveHighlight = (step) => {
+      const options = navigableOptions.value;
+      if (options.length === 0) {
+        activeOptionId.value = null;
+        return;
+      }
+      const currentIndex = options.findIndex((option) => option.id === activeOptionId.value);
+      const nextIndex = currentIndex === -1 ? step > 0 ? 0 : options.length - 1 : (currentIndex + step + options.length) % options.length;
+      activeOptionId.value = options[nextIndex].id;
+    };
+    const selectHighlightedOption = () => {
+      const option = navigableOptions.value.find((item) => item.id === activeOptionId.value);
+      if (!option) {
+        return;
+      }
+      if (props.multiple) {
+        const model = arraify(state.value);
+        const index = model.findIndex((item) => equals(item, option.value));
+        if (index !== -1) {
+          model.splice(index, 1);
+        } else {
+          model.push(option.value);
+        }
+        state.value = model;
+      } else {
+        state.value = option.value;
+        close();
+      }
+    };
+    const onKeyDown = (event) => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (event.key === "Escape") {
+        close();
+        return;
+      }
+      if (event.key === "Tab") {
+        close();
+        return;
+      }
+      if (event.key === "Home") {
+        if (!state.expanded) {
+          state.expanded = true;
+        }
+        resolveHighlightedOption("first");
+        return;
+      }
+      if (event.key === "End") {
+        if (!state.expanded) {
+          state.expanded = true;
+        }
+        resolveHighlightedOption("last");
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        if (!state.expanded) {
+          state.expanded = true;
+          resolveHighlightedOption("first");
+          return;
+        }
+        moveHighlight(1);
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        if (!state.expanded) {
+          state.expanded = true;
+          resolveHighlightedOption("last");
+          return;
+        }
+        moveHighlight(-1);
+        return;
+      }
+      if (event.key === "Enter") {
+        if (!state.expanded) {
+          state.expanded = true;
+          resolveHighlightedOption("selected-first");
+          return;
+        }
+        selectHighlightedOption();
+      }
+    };
     const close = () => {
       if (state.expanded) {
         state.expanded = false;
         state.filter = "";
+        activeOptionId.value = null;
       }
     };
     vue.watch(() => props.expanded, (newVal) => {
       state.expanded = newVal;
       if (!newVal) {
         state.filter = "";
+        activeOptionId.value = null;
       }
     });
     vue.watch(() => props.value, (newVal) => {
       state.value = newVal;
     });
+    vue.watch(() => state.expanded, (expanded) => {
+      if (expanded) {
+        resolveHighlightedOption("selected-first");
+      } else {
+        activeOptionId.value = null;
+      }
+    });
+    vue.watch(navigableOptions, () => {
+      if (!state.expanded) {
+        return;
+      }
+      const exists = navigableOptions.value.some((option) => option.id === activeOptionId.value);
+      if (!exists) {
+        resolveHighlightedOption("selected-first");
+      }
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(UiPopperConnector), null, {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(UiSelectTrigger), {
-            id: __props.id,
+            id: resolvedId.value,
             value: state.value,
             multiple: __props.multiple,
             selection: selection.value,
@@ -1956,12 +1070,14 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             "placeholder-only": __props.placeholderOnly,
             placeholder: __props.placeholder,
             "textbox-size": __props.textboxSize,
+            "active-descendant": activeOptionId.value,
             onInput,
+            onKeydown: onKeyDown,
             "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.value = $event),
             "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => state.expanded = $event)
-          }, null, 8, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size"]),
+          }, null, 8, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "active-descendant"]),
           vue.createVNode(vue.unref(UiSelectPopper), {
-            id: __props.id,
+            id: resolvedId.value,
             disabled: __props.disabled || __props.readonly,
             multiple: __props.multiple,
             opened: state.expanded,
@@ -2026,7 +1142,7 @@ var SIZE = /* @__PURE__ */ ((SIZE2) => {
   SIZE2["LG"] = "lg";
   return SIZE2;
 })(SIZE || {});
-const _hoisted_1 = ["aria-selected"];
+const _hoisted_1 = ["id", "aria-selected", "aria-current"];
 const _hoisted_2 = ["innerHTML"];
 const _hoisted_3 = ["innerHTML"];
 const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
@@ -2082,8 +1198,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       IsSelectedKey,
       vue.computed(() => () => false)
     );
-    const syncInSelect = vue.inject(SyncKey, () => {
-    });
+    const syncInSelect = vue.inject(SyncKey, (() => void 0));
     const registerInGroup = vue.inject(RegisterOptionKey, () => {
     });
     const registerInSelect = vue.inject(RegisterKey, () => {
@@ -2095,6 +1210,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const toggle = vue.inject(ToggleKey, () => {
     });
     const fastened = vue.inject(FastenedKey, false);
+    const activeOptionId = vue.inject(ActiveOptionIdKey, vue.ref(null));
     const filter = vue.inject(FilterKey, vue.ref(""));
     const filtered = vue.inject(FilteredKey, vue.ref(false));
     const ticker = vue.inject(TickerKey, vue.ref(false));
@@ -2105,6 +1221,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       description: filtered.value ? highlight$1(props.description, "font-weight: 600;") : props.description
     }));
     const matched = vue.computed(() => texts.value.label !== props.label || texts.value.description !== props.description);
+    const active = vue.computed(() => props.active || activeOptionId.value === id);
     const selected2 = vue.computed(() => props.active || isSelected.value(props.value));
     const hidden = vue.computed(() => !(fastened || !filtered.value || matched.value));
     const onClick = () => {
@@ -2114,12 +1231,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
     const off = vue.watch([
       () => props.label,
-      () => props.value
-    ], ([newLabel, newValue], [oldLabel, oldValue]) => {
-      if (newLabel !== oldLabel || !isEqual(newValue, oldValue)) {
+      () => props.value,
+      () => props.disabled
+    ], ([newLabel, newValue, newDisabled], [oldLabel, oldValue, oldDisabled]) => {
+      if (newLabel !== oldLabel || !isEqual(newValue, oldValue) || newDisabled !== oldDisabled) {
         syncInSelect(id, {
           label: newLabel,
-          value: newValue
+          value: newValue,
+          disabled: newDisabled
         });
       }
     });
@@ -2128,6 +1247,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         id,
         value: props.value,
         label: props.label,
+        disabled: props.disabled,
         isMatched: () => !filtered.value || matched.value
       };
       registerInSelect(option);
@@ -2139,10 +1259,12 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
       unregisterInGroup(id);
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps(_ctx.$attrs, {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ id: vue.unref(id) }, _ctx.$attrs, {
         "aria-selected": selected2.value ? "true" : "false",
+        "aria-current": active.value ? "true" : void 0,
         class: {
           "ui-v1-select-option": true,
+          "ui-v1-select-option_active": active.value,
           "ui-v1-select-option_selected": selected2.value,
           "ui-v1-select-option_disabled": __props.disabled,
           "ui-v1-select-option_hidden": hidden.value
@@ -2156,6 +1278,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         }, () => [
           vue.createVNode(vue.unref(UiMenuItem), {
             accent: __props.accent,
+            active: active.value,
             counter: __props.counter,
             disabled: __props.disabled,
             size: __props.size,
@@ -2199,7 +1322,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
               ]),
               key: "1"
             } : void 0
-          ]), 1032, ["accent", "counter", "disabled", "size", "ticker"])
+          ]), 1032, ["accent", "active", "counter", "disabled", "size", "ticker"])
         ])
       ], 16, _hoisted_1);
     };
@@ -2373,7 +1496,7 @@ const createEndpointRoot = async (channel) => {
     "UiTransition",
     "UiYandexMap"
   ];
-  return createRemoteRoot(channel, {
+  return remote.createRemoteRoot(channel, {
     components: defaultRemoteEndpointComponents
   });
 };
@@ -2390,1607 +1513,12 @@ const usePreview = (workers = vue.ref([])) => {
     preview: (url, resize = void 0, crop = void 0) => imagePreview.preview(_workers.value, url, resize, crop)
   };
 };
-function buildFormatLongFn(args) {
-  return (options = {}) => {
-    const width = options.width ? String(options.width) : args.defaultWidth;
-    const format = args.formats[width] || args.formats[args.defaultWidth];
-    return format;
-  };
-}
-function buildLocalizeFn(args) {
-  return (value, options) => {
-    const context = options?.context ? String(options.context) : "standalone";
-    let valuesArray;
-    if (context === "formatting" && args.formattingValues) {
-      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-      const width = options?.width ? String(options.width) : defaultWidth;
-      valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
-    } else {
-      const defaultWidth = args.defaultWidth;
-      const width = options?.width ? String(options.width) : args.defaultWidth;
-      valuesArray = args.values[width] || args.values[defaultWidth];
-    }
-    const index = args.argumentCallback ? args.argumentCallback(value) : value;
-    return valuesArray[index];
-  };
-}
-function buildMatchFn(args) {
-  return (string, options = {}) => {
-    const width = options.width;
-    const matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
-    const matchResult = string.match(matchPattern);
-    if (!matchResult) {
-      return null;
-    }
-    const matchedString = matchResult[0];
-    const parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
-    const key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString)) : (
-      // [TODO] -- I challenge you to fix the type
-      findKey(parsePatterns, (pattern) => pattern.test(matchedString))
-    );
-    let value;
-    value = args.valueCallback ? args.valueCallback(key) : key;
-    value = options.valueCallback ? (
-      // [TODO] -- I challenge you to fix the type
-      options.valueCallback(value)
-    ) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-function findKey(object, predicate) {
-  for (const key in object) {
-    if (Object.prototype.hasOwnProperty.call(object, key) && predicate(object[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-function findIndex(array, predicate) {
-  for (let key = 0; key < array.length; key++) {
-    if (predicate(array[key])) {
-      return key;
-    }
-  }
-  return void 0;
-}
-function buildMatchPatternFn(args) {
-  return (string, options = {}) => {
-    const matchResult = string.match(args.matchPattern);
-    if (!matchResult) return null;
-    const matchedString = matchResult[0];
-    const parseResult = string.match(args.parsePattern);
-    if (!parseResult) return null;
-    let value = args.valueCallback ? args.valueCallback(parseResult[0]) : parseResult[0];
-    value = options.valueCallback ? options.valueCallback(value) : value;
-    const rest = string.slice(matchedString.length);
-    return { value, rest };
-  };
-}
-const constructFromSymbol = Symbol.for("constructDateFrom");
-function constructFrom(date, value) {
-  if (typeof date === "function") return date(value);
-  if (date && typeof date === "object" && constructFromSymbol in date)
-    return date[constructFromSymbol](value);
-  if (date instanceof Date) return new date.constructor(value);
-  return new Date(value);
-}
-function normalizeDates(context, ...dates) {
-  const normalize = constructFrom.bind(
-    null,
-    context || dates.find((date) => typeof date === "object")
-  );
-  return dates.map(normalize);
-}
-let defaultOptions = {};
-function getDefaultOptions() {
-  return defaultOptions;
-}
-function toDate(argument, context) {
-  return constructFrom(context || argument, argument);
-}
-function startOfWeek(date, options) {
-  const defaultOptions2 = getDefaultOptions();
-  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
-  const _date = toDate(date, options?.in);
-  const day = _date.getDay();
-  const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
-  _date.setDate(_date.getDate() - diff);
-  _date.setHours(0, 0, 0, 0);
-  return _date;
-}
-function isSameWeek(laterDate, earlierDate, options) {
-  const [laterDate_, earlierDate_] = normalizeDates(
-    options?.in,
-    laterDate,
-    earlierDate
-  );
-  return +startOfWeek(laterDate_, options) === +startOfWeek(earlierDate_, options);
-}
-const formatDistanceLocale$2 = {
-  lessThanXSeconds: {
-    one: "less than a second",
-    other: "less than {{count}} seconds"
-  },
-  xSeconds: {
-    one: "1 second",
-    other: "{{count}} seconds"
-  },
-  halfAMinute: "half a minute",
-  lessThanXMinutes: {
-    one: "less than a minute",
-    other: "less than {{count}} minutes"
-  },
-  xMinutes: {
-    one: "1 minute",
-    other: "{{count}} minutes"
-  },
-  aboutXHours: {
-    one: "about 1 hour",
-    other: "about {{count}} hours"
-  },
-  xHours: {
-    one: "1 hour",
-    other: "{{count}} hours"
-  },
-  xDays: {
-    one: "1 day",
-    other: "{{count}} days"
-  },
-  aboutXWeeks: {
-    one: "about 1 week",
-    other: "about {{count}} weeks"
-  },
-  xWeeks: {
-    one: "1 week",
-    other: "{{count}} weeks"
-  },
-  aboutXMonths: {
-    one: "about 1 month",
-    other: "about {{count}} months"
-  },
-  xMonths: {
-    one: "1 month",
-    other: "{{count}} months"
-  },
-  aboutXYears: {
-    one: "about 1 year",
-    other: "about {{count}} years"
-  },
-  xYears: {
-    one: "1 year",
-    other: "{{count}} years"
-  },
-  overXYears: {
-    one: "over 1 year",
-    other: "over {{count}} years"
-  },
-  almostXYears: {
-    one: "almost 1 year",
-    other: "almost {{count}} years"
-  }
-};
-const formatDistance$2 = (token, count, options) => {
-  let result;
-  const tokenValue = formatDistanceLocale$2[token];
-  if (typeof tokenValue === "string") {
-    result = tokenValue;
-  } else if (count === 1) {
-    result = tokenValue.one;
-  } else {
-    result = tokenValue.other.replace("{{count}}", count.toString());
-  }
-  if (options?.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      return "in " + result;
-    } else {
-      return result + " ago";
-    }
-  }
-  return result;
-};
-const formatRelativeLocale$2 = {
-  lastWeek: "'last' eeee 'at' p",
-  yesterday: "'yesterday at' p",
-  today: "'today at' p",
-  tomorrow: "'tomorrow at' p",
-  nextWeek: "eeee 'at' p",
-  other: "P"
-};
-const formatRelative$2 = (token, _date, _baseDate, _options) => formatRelativeLocale$2[token];
-const eraValues$2 = {
-  narrow: ["B", "A"],
-  abbreviated: ["BC", "AD"],
-  wide: ["Before Christ", "Anno Domini"]
-};
-const quarterValues$2 = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
-  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-};
-const monthValues$2 = {
-  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
-  abbreviated: [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ],
-  wide: [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ]
-};
-const dayValues$2 = {
-  narrow: ["S", "M", "T", "W", "T", "F", "S"],
-  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
-  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
-  wide: [
-    "Sunday",
-    "Monday",
-    "Tuesday",
-    "Wednesday",
-    "Thursday",
-    "Friday",
-    "Saturday"
-  ]
-};
-const dayPeriodValues$2 = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "morning",
-    afternoon: "afternoon",
-    evening: "evening",
-    night: "night"
-  }
-};
-const formattingDayPeriodValues$2 = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mi",
-    noon: "n",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "midnight",
-    noon: "noon",
-    morning: "in the morning",
-    afternoon: "in the afternoon",
-    evening: "in the evening",
-    night: "at night"
-  }
-};
-const ordinalNumber$2 = (dirtyNumber, _options) => {
-  const number = Number(dirtyNumber);
-  const rem100 = number % 100;
-  if (rem100 > 20 || rem100 < 10) {
-    switch (rem100 % 10) {
-      case 1:
-        return number + "st";
-      case 2:
-        return number + "nd";
-      case 3:
-        return number + "rd";
-    }
-  }
-  return number + "th";
-};
-const localize$2 = {
-  ordinalNumber: ordinalNumber$2,
-  era: buildLocalizeFn({
-    values: eraValues$2,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues$2,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => quarter - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues$2,
-    defaultWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues$2,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues$2,
-    defaultWidth: "wide",
-    formattingValues: formattingDayPeriodValues$2,
-    defaultFormattingWidth: "wide"
-  })
-};
-const matchOrdinalNumberPattern$2 = /^(\d+)(th|st|nd|rd)?/i;
-const parseOrdinalNumberPattern$2 = /\d+/i;
-const matchEraPatterns$2 = {
-  narrow: /^(b|a)/i,
-  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
-  wide: /^(before christ|before common era|anno domini|common era)/i
-};
-const parseEraPatterns$2 = {
-  any: [/^b/i, /^(a|c)/i]
-};
-const matchQuarterPatterns$2 = {
-  narrow: /^[1234]/i,
-  abbreviated: /^q[1234]/i,
-  wide: /^[1234](th|st|nd|rd)? quarter/i
-};
-const parseQuarterPatterns$2 = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-const matchMonthPatterns$2 = {
-  narrow: /^[jfmasond]/i,
-  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
-  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-};
-const parseMonthPatterns$2 = {
-  narrow: [
-    /^j/i,
-    /^f/i,
-    /^m/i,
-    /^a/i,
-    /^m/i,
-    /^j/i,
-    /^j/i,
-    /^a/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ],
-  any: [
-    /^ja/i,
-    /^f/i,
-    /^mar/i,
-    /^ap/i,
-    /^may/i,
-    /^jun/i,
-    /^jul/i,
-    /^au/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ]
-};
-const matchDayPatterns$2 = {
-  narrow: /^[smtwf]/i,
-  short: /^(su|mo|tu|we|th|fr|sa)/i,
-  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
-  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-};
-const parseDayPatterns$2 = {
-  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
-  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-};
-const matchDayPeriodPatterns$2 = {
-  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
-  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-};
-const parseDayPeriodPatterns$2 = {
-  any: {
-    am: /^a/i,
-    pm: /^p/i,
-    midnight: /^mi/i,
-    noon: /^no/i,
-    morning: /morning/i,
-    afternoon: /afternoon/i,
-    evening: /evening/i,
-    night: /night/i
-  }
-};
-const match$2 = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern$2,
-    parsePattern: parseOrdinalNumberPattern$2,
-    valueCallback: (value) => parseInt(value, 10)
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns$2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns$2,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns$2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns$2,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns$2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns$2,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns$2,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns$2,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns$2,
-    defaultMatchWidth: "any",
-    parsePatterns: parseDayPeriodPatterns$2,
-    defaultParseWidth: "any"
-  })
-};
-const dateFormats$2 = {
-  full: "EEEE, d MMMM yyyy",
-  long: "d MMMM yyyy",
-  medium: "d MMM yyyy",
-  short: "dd/MM/yyyy"
-};
-const timeFormats$2 = {
-  full: "HH:mm:ss zzzz",
-  long: "HH:mm:ss z",
-  medium: "HH:mm:ss",
-  short: "HH:mm"
-};
-const dateTimeFormats$2 = {
-  full: "{{date}} 'at' {{time}}",
-  long: "{{date}} 'at' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-const formatLong$2 = {
-  date: buildFormatLongFn({
-    formats: dateFormats$2,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats$2,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats$2,
-    defaultWidth: "full"
-  })
-};
-const enGB = {
-  code: "en-GB",
-  formatDistance: formatDistance$2,
-  formatLong: formatLong$2,
-  formatRelative: formatRelative$2,
-  localize: localize$2,
-  match: match$2,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 4
-  }
-};
-const formatDistanceLocale$1 = {
-  lessThanXSeconds: {
-    one: "menos de un segundo",
-    other: "menos de {{count}} segundos"
-  },
-  xSeconds: {
-    one: "1 segundo",
-    other: "{{count}} segundos"
-  },
-  halfAMinute: "medio minuto",
-  lessThanXMinutes: {
-    one: "menos de un minuto",
-    other: "menos de {{count}} minutos"
-  },
-  xMinutes: {
-    one: "1 minuto",
-    other: "{{count}} minutos"
-  },
-  aboutXHours: {
-    one: "alrededor de 1 hora",
-    other: "alrededor de {{count}} horas"
-  },
-  xHours: {
-    one: "1 hora",
-    other: "{{count}} horas"
-  },
-  xDays: {
-    one: "1 día",
-    other: "{{count}} días"
-  },
-  aboutXWeeks: {
-    one: "alrededor de 1 semana",
-    other: "alrededor de {{count}} semanas"
-  },
-  xWeeks: {
-    one: "1 semana",
-    other: "{{count}} semanas"
-  },
-  aboutXMonths: {
-    one: "alrededor de 1 mes",
-    other: "alrededor de {{count}} meses"
-  },
-  xMonths: {
-    one: "1 mes",
-    other: "{{count}} meses"
-  },
-  aboutXYears: {
-    one: "alrededor de 1 año",
-    other: "alrededor de {{count}} años"
-  },
-  xYears: {
-    one: "1 año",
-    other: "{{count}} años"
-  },
-  overXYears: {
-    one: "más de 1 año",
-    other: "más de {{count}} años"
-  },
-  almostXYears: {
-    one: "casi 1 año",
-    other: "casi {{count}} años"
-  }
-};
-const formatDistance$1 = (token, count, options) => {
-  let result;
-  const tokenValue = formatDistanceLocale$1[token];
-  if (typeof tokenValue === "string") {
-    result = tokenValue;
-  } else if (count === 1) {
-    result = tokenValue.one;
-  } else {
-    result = tokenValue.other.replace("{{count}}", count.toString());
-  }
-  if (options?.addSuffix) {
-    if (options.comparison && options.comparison > 0) {
-      return "en " + result;
-    } else {
-      return "hace " + result;
-    }
-  }
-  return result;
-};
-const dateFormats$1 = {
-  full: "EEEE, d 'de' MMMM 'de' y",
-  long: "d 'de' MMMM 'de' y",
-  medium: "d MMM y",
-  short: "dd/MM/y"
-};
-const timeFormats$1 = {
-  full: "HH:mm:ss zzzz",
-  long: "HH:mm:ss z",
-  medium: "HH:mm:ss",
-  short: "HH:mm"
-};
-const dateTimeFormats$1 = {
-  full: "{{date}} 'a las' {{time}}",
-  long: "{{date}} 'a las' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-const formatLong$1 = {
-  date: buildFormatLongFn({
-    formats: dateFormats$1,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats$1,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats$1,
-    defaultWidth: "full"
-  })
-};
-const formatRelativeLocale$1 = {
-  lastWeek: "'el' eeee 'pasado a la' p",
-  yesterday: "'ayer a la' p",
-  today: "'hoy a la' p",
-  tomorrow: "'mañana a la' p",
-  nextWeek: "eeee 'a la' p",
-  other: "P"
-};
-const formatRelativeLocalePlural = {
-  lastWeek: "'el' eeee 'pasado a las' p",
-  yesterday: "'ayer a las' p",
-  today: "'hoy a las' p",
-  tomorrow: "'mañana a las' p",
-  nextWeek: "eeee 'a las' p",
-  other: "P"
-};
-const formatRelative$1 = (token, date, _baseDate, _options) => {
-  if (date.getHours() !== 1) {
-    return formatRelativeLocalePlural[token];
-  } else {
-    return formatRelativeLocale$1[token];
-  }
-};
-const eraValues$1 = {
-  narrow: ["AC", "DC"],
-  abbreviated: ["AC", "DC"],
-  wide: ["antes de cristo", "después de cristo"]
-};
-const quarterValues$1 = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["T1", "T2", "T3", "T4"],
-  wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
-};
-const monthValues$1 = {
-  narrow: ["e", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
-  abbreviated: [
-    "ene",
-    "feb",
-    "mar",
-    "abr",
-    "may",
-    "jun",
-    "jul",
-    "ago",
-    "sep",
-    "oct",
-    "nov",
-    "dic"
-  ],
-  wide: [
-    "enero",
-    "febrero",
-    "marzo",
-    "abril",
-    "mayo",
-    "junio",
-    "julio",
-    "agosto",
-    "septiembre",
-    "octubre",
-    "noviembre",
-    "diciembre"
-  ]
-};
-const dayValues$1 = {
-  narrow: ["d", "l", "m", "m", "j", "v", "s"],
-  short: ["do", "lu", "ma", "mi", "ju", "vi", "sá"],
-  abbreviated: ["dom", "lun", "mar", "mié", "jue", "vie", "sáb"],
-  wide: [
-    "domingo",
-    "lunes",
-    "martes",
-    "miércoles",
-    "jueves",
-    "viernes",
-    "sábado"
-  ]
-};
-const dayPeriodValues$1 = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mn",
-    noon: "md",
-    morning: "mañana",
-    afternoon: "tarde",
-    evening: "tarde",
-    night: "noche"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "medianoche",
-    noon: "mediodia",
-    morning: "mañana",
-    afternoon: "tarde",
-    evening: "tarde",
-    night: "noche"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "medianoche",
-    noon: "mediodia",
-    morning: "mañana",
-    afternoon: "tarde",
-    evening: "tarde",
-    night: "noche"
-  }
-};
-const formattingDayPeriodValues$1 = {
-  narrow: {
-    am: "a",
-    pm: "p",
-    midnight: "mn",
-    noon: "md",
-    morning: "de la mañana",
-    afternoon: "de la tarde",
-    evening: "de la tarde",
-    night: "de la noche"
-  },
-  abbreviated: {
-    am: "AM",
-    pm: "PM",
-    midnight: "medianoche",
-    noon: "mediodia",
-    morning: "de la mañana",
-    afternoon: "de la tarde",
-    evening: "de la tarde",
-    night: "de la noche"
-  },
-  wide: {
-    am: "a.m.",
-    pm: "p.m.",
-    midnight: "medianoche",
-    noon: "mediodia",
-    morning: "de la mañana",
-    afternoon: "de la tarde",
-    evening: "de la tarde",
-    night: "de la noche"
-  }
-};
-const ordinalNumber$1 = (dirtyNumber, _options) => {
-  const number = Number(dirtyNumber);
-  return number + "º";
-};
-const localize$1 = {
-  ordinalNumber: ordinalNumber$1,
-  era: buildLocalizeFn({
-    values: eraValues$1,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues$1,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => Number(quarter) - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues$1,
-    defaultWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues$1,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues$1,
-    defaultWidth: "wide",
-    formattingValues: formattingDayPeriodValues$1,
-    defaultFormattingWidth: "wide"
-  })
-};
-const matchOrdinalNumberPattern$1 = /^(\d+)(º)?/i;
-const parseOrdinalNumberPattern$1 = /\d+/i;
-const matchEraPatterns$1 = {
-  narrow: /^(ac|dc|a|d)/i,
-  abbreviated: /^(a\.?\s?c\.?|a\.?\s?e\.?\s?c\.?|d\.?\s?c\.?|e\.?\s?c\.?)/i,
-  wide: /^(antes de cristo|antes de la era com[uú]n|despu[eé]s de cristo|era com[uú]n)/i
-};
-const parseEraPatterns$1 = {
-  any: [/^ac/i, /^dc/i],
-  wide: [
-    /^(antes de cristo|antes de la era com[uú]n)/i,
-    /^(despu[eé]s de cristo|era com[uú]n)/i
-  ]
-};
-const matchQuarterPatterns$1 = {
-  narrow: /^[1234]/i,
-  abbreviated: /^T[1234]/i,
-  wide: /^[1234](º)? trimestre/i
-};
-const parseQuarterPatterns$1 = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-const matchMonthPatterns$1 = {
-  narrow: /^[efmajsond]/i,
-  abbreviated: /^(ene|feb|mar|abr|may|jun|jul|ago|sep|oct|nov|dic)/i,
-  wide: /^(enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre)/i
-};
-const parseMonthPatterns$1 = {
-  narrow: [
-    /^e/i,
-    /^f/i,
-    /^m/i,
-    /^a/i,
-    /^m/i,
-    /^j/i,
-    /^j/i,
-    /^a/i,
-    /^s/i,
-    /^o/i,
-    /^n/i,
-    /^d/i
-  ],
-  any: [
-    /^en/i,
-    /^feb/i,
-    /^mar/i,
-    /^abr/i,
-    /^may/i,
-    /^jun/i,
-    /^jul/i,
-    /^ago/i,
-    /^sep/i,
-    /^oct/i,
-    /^nov/i,
-    /^dic/i
-  ]
-};
-const matchDayPatterns$1 = {
-  narrow: /^[dlmjvs]/i,
-  short: /^(do|lu|ma|mi|ju|vi|s[áa])/i,
-  abbreviated: /^(dom|lun|mar|mi[ée]|jue|vie|s[áa]b)/i,
-  wide: /^(domingo|lunes|martes|mi[ée]rcoles|jueves|viernes|s[áa]bado)/i
-};
-const parseDayPatterns$1 = {
-  narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^j/i, /^v/i, /^s/i],
-  any: [/^do/i, /^lu/i, /^ma/i, /^mi/i, /^ju/i, /^vi/i, /^sa/i]
-};
-const matchDayPeriodPatterns$1 = {
-  narrow: /^(a|p|mn|md|(de la|a las) (mañana|tarde|noche))/i,
-  any: /^([ap]\.?\s?m\.?|medianoche|mediodia|(de la|a las) (mañana|tarde|noche))/i
-};
-const parseDayPeriodPatterns$1 = {
-  any: {
-    am: /^a/i,
-    pm: /^p/i,
-    midnight: /^mn/i,
-    noon: /^md/i,
-    morning: /mañana/i,
-    afternoon: /tarde/i,
-    evening: /tarde/i,
-    night: /noche/i
-  }
-};
-const match$1 = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern$1,
-    parsePattern: parseOrdinalNumberPattern$1,
-    valueCallback: function(value) {
-      return parseInt(value, 10);
-    }
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns$1,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns$1,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns$1,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns$1,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns$1,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns$1,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns$1,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns$1,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns$1,
-    defaultMatchWidth: "any",
-    parsePatterns: parseDayPeriodPatterns$1,
-    defaultParseWidth: "any"
-  })
-};
-const es = {
-  code: "es",
-  formatDistance: formatDistance$1,
-  formatLong: formatLong$1,
-  formatRelative: formatRelative$1,
-  localize: localize$1,
-  match: match$1,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 1
-  }
-};
-function declension(scheme, count) {
-  if (scheme.one !== void 0 && count === 1) {
-    return scheme.one;
-  }
-  const rem10 = count % 10;
-  const rem100 = count % 100;
-  if (rem10 === 1 && rem100 !== 11) {
-    return scheme.singularNominative.replace("{{count}}", String(count));
-  } else if (rem10 >= 2 && rem10 <= 4 && (rem100 < 10 || rem100 > 20)) {
-    return scheme.singularGenitive.replace("{{count}}", String(count));
-  } else {
-    return scheme.pluralGenitive.replace("{{count}}", String(count));
-  }
-}
-function buildLocalizeTokenFn(scheme) {
-  return (count, options) => {
-    if (options?.addSuffix) {
-      if (options.comparison && options.comparison > 0) {
-        if (scheme.future) {
-          return declension(scheme.future, count);
-        } else {
-          return "через " + declension(scheme.regular, count);
-        }
-      } else {
-        if (scheme.past) {
-          return declension(scheme.past, count);
-        } else {
-          return declension(scheme.regular, count) + " назад";
-        }
-      }
-    } else {
-      return declension(scheme.regular, count);
-    }
-  };
-}
-const formatDistanceLocale = {
-  lessThanXSeconds: buildLocalizeTokenFn({
-    regular: {
-      one: "меньше секунды",
-      singularNominative: "меньше {{count}} секунды",
-      singularGenitive: "меньше {{count}} секунд",
-      pluralGenitive: "меньше {{count}} секунд"
-    },
-    future: {
-      one: "меньше, чем через секунду",
-      singularNominative: "меньше, чем через {{count}} секунду",
-      singularGenitive: "меньше, чем через {{count}} секунды",
-      pluralGenitive: "меньше, чем через {{count}} секунд"
-    }
-  }),
-  xSeconds: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} секунда",
-      singularGenitive: "{{count}} секунды",
-      pluralGenitive: "{{count}} секунд"
-    },
-    past: {
-      singularNominative: "{{count}} секунду назад",
-      singularGenitive: "{{count}} секунды назад",
-      pluralGenitive: "{{count}} секунд назад"
-    },
-    future: {
-      singularNominative: "через {{count}} секунду",
-      singularGenitive: "через {{count}} секунды",
-      pluralGenitive: "через {{count}} секунд"
-    }
-  }),
-  halfAMinute: (_count, options) => {
-    if (options?.addSuffix) {
-      if (options.comparison && options.comparison > 0) {
-        return "через полминуты";
-      } else {
-        return "полминуты назад";
-      }
-    }
-    return "полминуты";
-  },
-  lessThanXMinutes: buildLocalizeTokenFn({
-    regular: {
-      one: "меньше минуты",
-      singularNominative: "меньше {{count}} минуты",
-      singularGenitive: "меньше {{count}} минут",
-      pluralGenitive: "меньше {{count}} минут"
-    },
-    future: {
-      one: "меньше, чем через минуту",
-      singularNominative: "меньше, чем через {{count}} минуту",
-      singularGenitive: "меньше, чем через {{count}} минуты",
-      pluralGenitive: "меньше, чем через {{count}} минут"
-    }
-  }),
-  xMinutes: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} минута",
-      singularGenitive: "{{count}} минуты",
-      pluralGenitive: "{{count}} минут"
-    },
-    past: {
-      singularNominative: "{{count}} минуту назад",
-      singularGenitive: "{{count}} минуты назад",
-      pluralGenitive: "{{count}} минут назад"
-    },
-    future: {
-      singularNominative: "через {{count}} минуту",
-      singularGenitive: "через {{count}} минуты",
-      pluralGenitive: "через {{count}} минут"
-    }
-  }),
-  aboutXHours: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "около {{count}} часа",
-      singularGenitive: "около {{count}} часов",
-      pluralGenitive: "около {{count}} часов"
-    },
-    future: {
-      singularNominative: "приблизительно через {{count}} час",
-      singularGenitive: "приблизительно через {{count}} часа",
-      pluralGenitive: "приблизительно через {{count}} часов"
-    }
-  }),
-  xHours: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} час",
-      singularGenitive: "{{count}} часа",
-      pluralGenitive: "{{count}} часов"
-    }
-  }),
-  xDays: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} день",
-      singularGenitive: "{{count}} дня",
-      pluralGenitive: "{{count}} дней"
-    }
-  }),
-  aboutXWeeks: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "около {{count}} недели",
-      singularGenitive: "около {{count}} недель",
-      pluralGenitive: "около {{count}} недель"
-    },
-    future: {
-      singularNominative: "приблизительно через {{count}} неделю",
-      singularGenitive: "приблизительно через {{count}} недели",
-      pluralGenitive: "приблизительно через {{count}} недель"
-    }
-  }),
-  xWeeks: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} неделя",
-      singularGenitive: "{{count}} недели",
-      pluralGenitive: "{{count}} недель"
-    }
-  }),
-  aboutXMonths: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "около {{count}} месяца",
-      singularGenitive: "около {{count}} месяцев",
-      pluralGenitive: "около {{count}} месяцев"
-    },
-    future: {
-      singularNominative: "приблизительно через {{count}} месяц",
-      singularGenitive: "приблизительно через {{count}} месяца",
-      pluralGenitive: "приблизительно через {{count}} месяцев"
-    }
-  }),
-  xMonths: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} месяц",
-      singularGenitive: "{{count}} месяца",
-      pluralGenitive: "{{count}} месяцев"
-    }
-  }),
-  aboutXYears: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "около {{count}} года",
-      singularGenitive: "около {{count}} лет",
-      pluralGenitive: "около {{count}} лет"
-    },
-    future: {
-      singularNominative: "приблизительно через {{count}} год",
-      singularGenitive: "приблизительно через {{count}} года",
-      pluralGenitive: "приблизительно через {{count}} лет"
-    }
-  }),
-  xYears: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "{{count}} год",
-      singularGenitive: "{{count}} года",
-      pluralGenitive: "{{count}} лет"
-    }
-  }),
-  overXYears: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "больше {{count}} года",
-      singularGenitive: "больше {{count}} лет",
-      pluralGenitive: "больше {{count}} лет"
-    },
-    future: {
-      singularNominative: "больше, чем через {{count}} год",
-      singularGenitive: "больше, чем через {{count}} года",
-      pluralGenitive: "больше, чем через {{count}} лет"
-    }
-  }),
-  almostXYears: buildLocalizeTokenFn({
-    regular: {
-      singularNominative: "почти {{count}} год",
-      singularGenitive: "почти {{count}} года",
-      pluralGenitive: "почти {{count}} лет"
-    },
-    future: {
-      singularNominative: "почти через {{count}} год",
-      singularGenitive: "почти через {{count}} года",
-      pluralGenitive: "почти через {{count}} лет"
-    }
-  })
-};
-const formatDistance = (token, count, options) => {
-  return formatDistanceLocale[token](count, options);
-};
-const dateFormats = {
-  full: "EEEE, d MMMM y 'г.'",
-  long: "d MMMM y 'г.'",
-  medium: "d MMM y 'г.'",
-  short: "dd.MM.y"
-};
-const timeFormats = {
-  full: "H:mm:ss zzzz",
-  long: "H:mm:ss z",
-  medium: "H:mm:ss",
-  short: "H:mm"
-};
-const dateTimeFormats = {
-  any: "{{date}}, {{time}}"
-};
-const formatLong = {
-  date: buildFormatLongFn({
-    formats: dateFormats,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats,
-    defaultWidth: "any"
-  })
-};
-const accusativeWeekdays = [
-  "воскресенье",
-  "понедельник",
-  "вторник",
-  "среду",
-  "четверг",
-  "пятницу",
-  "субботу"
-];
-function lastWeek(day) {
-  const weekday = accusativeWeekdays[day];
-  switch (day) {
-    case 0:
-      return "'в прошлое " + weekday + " в' p";
-    case 1:
-    case 2:
-    case 4:
-      return "'в прошлый " + weekday + " в' p";
-    case 3:
-    case 5:
-    case 6:
-      return "'в прошлую " + weekday + " в' p";
-  }
-}
-function thisWeek(day) {
-  const weekday = accusativeWeekdays[day];
-  if (day === 2) {
-    return "'во " + weekday + " в' p";
-  } else {
-    return "'в " + weekday + " в' p";
-  }
-}
-function nextWeek(day) {
-  const weekday = accusativeWeekdays[day];
-  switch (day) {
-    case 0:
-      return "'в следующее " + weekday + " в' p";
-    case 1:
-    case 2:
-    case 4:
-      return "'в следующий " + weekday + " в' p";
-    case 3:
-    case 5:
-    case 6:
-      return "'в следующую " + weekday + " в' p";
-  }
-}
-const formatRelativeLocale = {
-  lastWeek: (date, baseDate, options) => {
-    const day = date.getDay();
-    if (isSameWeek(date, baseDate, options)) {
-      return thisWeek(day);
-    } else {
-      return lastWeek(day);
-    }
-  },
-  yesterday: "'вчера в' p",
-  today: "'сегодня в' p",
-  tomorrow: "'завтра в' p",
-  nextWeek: (date, baseDate, options) => {
-    const day = date.getDay();
-    if (isSameWeek(date, baseDate, options)) {
-      return thisWeek(day);
-    } else {
-      return nextWeek(day);
-    }
-  },
-  other: "P"
-};
-const formatRelative = (token, date, baseDate, options) => {
-  const format = formatRelativeLocale[token];
-  if (typeof format === "function") {
-    return format(date, baseDate, options);
-  }
-  return format;
-};
-const eraValues = {
-  narrow: ["до н.э.", "н.э."],
-  abbreviated: ["до н. э.", "н. э."],
-  wide: ["до нашей эры", "нашей эры"]
-};
-const quarterValues = {
-  narrow: ["1", "2", "3", "4"],
-  abbreviated: ["1-й кв.", "2-й кв.", "3-й кв.", "4-й кв."],
-  wide: ["1-й квартал", "2-й квартал", "3-й квартал", "4-й квартал"]
-};
-const monthValues = {
-  narrow: ["Я", "Ф", "М", "А", "М", "И", "И", "А", "С", "О", "Н", "Д"],
-  abbreviated: [
-    "янв.",
-    "фев.",
-    "март",
-    "апр.",
-    "май",
-    "июнь",
-    "июль",
-    "авг.",
-    "сент.",
-    "окт.",
-    "нояб.",
-    "дек."
-  ],
-  wide: [
-    "январь",
-    "февраль",
-    "март",
-    "апрель",
-    "май",
-    "июнь",
-    "июль",
-    "август",
-    "сентябрь",
-    "октябрь",
-    "ноябрь",
-    "декабрь"
-  ]
-};
-const formattingMonthValues = {
-  narrow: ["Я", "Ф", "М", "А", "М", "И", "И", "А", "С", "О", "Н", "Д"],
-  abbreviated: [
-    "янв.",
-    "фев.",
-    "мар.",
-    "апр.",
-    "мая",
-    "июн.",
-    "июл.",
-    "авг.",
-    "сент.",
-    "окт.",
-    "нояб.",
-    "дек."
-  ],
-  wide: [
-    "января",
-    "февраля",
-    "марта",
-    "апреля",
-    "мая",
-    "июня",
-    "июля",
-    "августа",
-    "сентября",
-    "октября",
-    "ноября",
-    "декабря"
-  ]
-};
-const dayValues = {
-  narrow: ["В", "П", "В", "С", "Ч", "П", "С"],
-  short: ["вс", "пн", "вт", "ср", "чт", "пт", "сб"],
-  abbreviated: ["вск", "пнд", "втр", "срд", "чтв", "птн", "суб"],
-  wide: [
-    "воскресенье",
-    "понедельник",
-    "вторник",
-    "среда",
-    "четверг",
-    "пятница",
-    "суббота"
-  ]
-};
-const dayPeriodValues = {
-  narrow: {
-    am: "ДП",
-    pm: "ПП",
-    midnight: "полн.",
-    noon: "полд.",
-    morning: "утро",
-    afternoon: "день",
-    evening: "веч.",
-    night: "ночь"
-  },
-  abbreviated: {
-    am: "ДП",
-    pm: "ПП",
-    midnight: "полн.",
-    noon: "полд.",
-    morning: "утро",
-    afternoon: "день",
-    evening: "веч.",
-    night: "ночь"
-  },
-  wide: {
-    am: "ДП",
-    pm: "ПП",
-    midnight: "полночь",
-    noon: "полдень",
-    morning: "утро",
-    afternoon: "день",
-    evening: "вечер",
-    night: "ночь"
-  }
-};
-const formattingDayPeriodValues = {
-  narrow: {
-    am: "ДП",
-    pm: "ПП",
-    midnight: "полн.",
-    noon: "полд.",
-    morning: "утра",
-    afternoon: "дня",
-    evening: "веч.",
-    night: "ночи"
-  },
-  abbreviated: {
-    am: "ДП",
-    pm: "ПП",
-    midnight: "полн.",
-    noon: "полд.",
-    morning: "утра",
-    afternoon: "дня",
-    evening: "веч.",
-    night: "ночи"
-  },
-  wide: {
-    am: "ДП",
-    pm: "ПП",
-    midnight: "полночь",
-    noon: "полдень",
-    morning: "утра",
-    afternoon: "дня",
-    evening: "вечера",
-    night: "ночи"
-  }
-};
-const ordinalNumber = (dirtyNumber, options) => {
-  const number = Number(dirtyNumber);
-  const unit = options?.unit;
-  let suffix;
-  if (unit === "date") {
-    suffix = "-е";
-  } else if (unit === "week" || unit === "minute" || unit === "second") {
-    suffix = "-я";
-  } else {
-    suffix = "-й";
-  }
-  return number + suffix;
-};
-const localize = {
-  ordinalNumber,
-  era: buildLocalizeFn({
-    values: eraValues,
-    defaultWidth: "wide"
-  }),
-  quarter: buildLocalizeFn({
-    values: quarterValues,
-    defaultWidth: "wide",
-    argumentCallback: (quarter) => quarter - 1
-  }),
-  month: buildLocalizeFn({
-    values: monthValues,
-    defaultWidth: "wide",
-    formattingValues: formattingMonthValues,
-    defaultFormattingWidth: "wide"
-  }),
-  day: buildLocalizeFn({
-    values: dayValues,
-    defaultWidth: "wide"
-  }),
-  dayPeriod: buildLocalizeFn({
-    values: dayPeriodValues,
-    defaultWidth: "any",
-    formattingValues: formattingDayPeriodValues,
-    defaultFormattingWidth: "wide"
-  })
-};
-const matchOrdinalNumberPattern = /^(\d+)(-?(е|я|й|ое|ье|ая|ья|ый|ой|ий|ый))?/i;
-const parseOrdinalNumberPattern = /\d+/i;
-const matchEraPatterns = {
-  narrow: /^((до )?н\.?\s?э\.?)/i,
-  abbreviated: /^((до )?н\.?\s?э\.?)/i,
-  wide: /^(до нашей эры|нашей эры|наша эра)/i
-};
-const parseEraPatterns = {
-  any: [/^д/i, /^н/i]
-};
-const matchQuarterPatterns = {
-  narrow: /^[1234]/i,
-  abbreviated: /^[1234](-?[ыои]?й?)? кв.?/i,
-  wide: /^[1234](-?[ыои]?й?)? квартал/i
-};
-const parseQuarterPatterns = {
-  any: [/1/i, /2/i, /3/i, /4/i]
-};
-const matchMonthPatterns = {
-  narrow: /^[яфмаисонд]/i,
-  abbreviated: /^(янв|фев|март?|апр|ма[йя]|июн[ья]?|июл[ья]?|авг|сент?|окт|нояб?|дек)\.?/i,
-  wide: /^(январ[ья]|феврал[ья]|марта?|апрел[ья]|ма[йя]|июн[ья]|июл[ья]|августа?|сентябр[ья]|октябр[ья]|октябр[ья]|ноябр[ья]|декабр[ья])/i
-};
-const parseMonthPatterns = {
-  narrow: [
-    /^я/i,
-    /^ф/i,
-    /^м/i,
-    /^а/i,
-    /^м/i,
-    /^и/i,
-    /^и/i,
-    /^а/i,
-    /^с/i,
-    /^о/i,
-    /^н/i,
-    /^я/i
-  ],
-  any: [
-    /^я/i,
-    /^ф/i,
-    /^мар/i,
-    /^ап/i,
-    /^ма[йя]/i,
-    /^июн/i,
-    /^июл/i,
-    /^ав/i,
-    /^с/i,
-    /^о/i,
-    /^н/i,
-    /^д/i
-  ]
-};
-const matchDayPatterns = {
-  narrow: /^[впсч]/i,
-  short: /^(вс|во|пн|по|вт|ср|чт|че|пт|пя|сб|су)\.?/i,
-  abbreviated: /^(вск|вос|пнд|пон|втр|вто|срд|сре|чтв|чет|птн|пят|суб).?/i,
-  wide: /^(воскресень[ея]|понедельника?|вторника?|сред[аы]|четверга?|пятниц[аы]|суббот[аы])/i
-};
-const parseDayPatterns = {
-  narrow: [/^в/i, /^п/i, /^в/i, /^с/i, /^ч/i, /^п/i, /^с/i],
-  any: [/^в[ос]/i, /^п[он]/i, /^в/i, /^ср/i, /^ч/i, /^п[ят]/i, /^с[уб]/i]
-};
-const matchDayPeriodPatterns = {
-  narrow: /^([дп]п|полн\.?|полд\.?|утр[оа]|день|дня|веч\.?|ноч[ьи])/i,
-  abbreviated: /^([дп]п|полн\.?|полд\.?|утр[оа]|день|дня|веч\.?|ноч[ьи])/i,
-  wide: /^([дп]п|полночь|полдень|утр[оа]|день|дня|вечера?|ноч[ьи])/i
-};
-const parseDayPeriodPatterns = {
-  any: {
-    am: /^дп/i,
-    pm: /^пп/i,
-    midnight: /^полн/i,
-    noon: /^полд/i,
-    morning: /^у/i,
-    afternoon: /^д[ен]/i,
-    evening: /^в/i,
-    night: /^н/i
-  }
-};
-const match = {
-  ordinalNumber: buildMatchPatternFn({
-    matchPattern: matchOrdinalNumberPattern,
-    parsePattern: parseOrdinalNumberPattern,
-    valueCallback: (value) => parseInt(value, 10)
-  }),
-  era: buildMatchFn({
-    matchPatterns: matchEraPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseEraPatterns,
-    defaultParseWidth: "any"
-  }),
-  quarter: buildMatchFn({
-    matchPatterns: matchQuarterPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseQuarterPatterns,
-    defaultParseWidth: "any",
-    valueCallback: (index) => index + 1
-  }),
-  month: buildMatchFn({
-    matchPatterns: matchMonthPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseMonthPatterns,
-    defaultParseWidth: "any"
-  }),
-  day: buildMatchFn({
-    matchPatterns: matchDayPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPatterns,
-    defaultParseWidth: "any"
-  }),
-  dayPeriod: buildMatchFn({
-    matchPatterns: matchDayPeriodPatterns,
-    defaultMatchWidth: "wide",
-    parsePatterns: parseDayPeriodPatterns,
-    defaultParseWidth: "any"
-  })
-};
-const ru = {
-  code: "ru",
-  formatDistance,
-  formatLong,
-  formatRelative,
-  localize,
-  match,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 1
-  }
-};
-const formatDateLat = (date) => dateFns.format(date, "dd/MM/yyyy", { locale: enGB });
-const formatDateEs = (date) => dateFns.format(date, "dd.MM.yyyy", { locale: es });
-const formatDateRu = (date) => dateFns.format(date, "dd.MM.yyyy", { locale: ru });
-const formatTime = (date) => dateFns.format(date, "HH:mm", { locale: enGB });
-const formatDate = (date, locale = void 0) => {
-  switch (locale ?? detectLocale()) {
+const formatDateLat = (date) => dateFns.format(date, "dd/MM/yyyy", { locale: locale.enGB });
+const formatDateEs = (date) => dateFns.format(date, "dd.MM.yyyy", { locale: locale.es });
+const formatDateRu = (date) => dateFns.format(date, "dd.MM.yyyy", { locale: locale.ru });
+const formatTime = (date) => dateFns.format(date, "HH:mm", { locale: locale.enGB });
+const formatDate = (date, locale2 = void 0) => {
+  switch (locale2 ?? detectLocale()) {
     case "es-ES":
       return formatDateEs(date);
     case "ru-RU":
@@ -3999,22 +1527,22 @@ const formatDate = (date, locale = void 0) => {
       return formatDateLat(date);
   }
 };
-const formatDateTime = (date, locale = void 0) => dateFns.format(date, "Pp", {
+const formatDateTime = (date, locale$1 = void 0) => dateFns.format(date, "Pp", {
   locale: {
-    "en-GB": enGB,
-    "es-ES": es,
-    "ru-RU": ru
-  }[locale ?? detectLocale()] ?? enGB
+    "en-GB": locale.enGB,
+    "es-ES": locale.es,
+    "ru-RU": locale.ru
+  }[locale$1 ?? detectLocale()] ?? locale.enGB
 });
 function detectLocale() {
   const instance = vue.getCurrentInstance();
   const i18n = instance?.appContext?.app?.config?.globalProperties?.$i18n;
   if (i18n) {
     try {
-      const locale = (typeof i18n.locale === "object" ? i18n.locale.value : i18n.locale) ?? "en-GB";
-      if (locale.startsWith("en")) return "en-GB";
-      if (locale.startsWith("es")) return "es-ES";
-      if (locale.startsWith("ru")) return "ru-RU";
+      const locale2 = (typeof i18n.locale === "object" ? i18n.locale.value : i18n.locale) ?? "en-GB";
+      if (locale2.startsWith("en")) return "en-GB";
+      if (locale2.startsWith("es")) return "es-ES";
+      if (locale2.startsWith("ru")) return "ru-RU";
     } catch (error) {
       console.warn("Error detecting locale:", error);
     }