@dxtmisha/constructor 0.39.5 → 0.39.7

package/dist/textareaAutosize.js

@@ -1,9 +1,9 @@
-var c = Object.defineProperty;
-var d = (i, e, t) => e in i ? c(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var s = (i, e, t) => d(i, typeof e != "symbol" ? e + "" : e, t);
-import { DesignConstructorAbstract as g } from "@dxtmisha/functional";
-import { watch as l, ref as u, nextTick as f, h as r } from "vue";
-class v {
+var g = Object.defineProperty;
+var f = (i, e, t) => e in i ? g(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var s = (i, e, t) => f(i, typeof e != "symbol" ? e + "" : e, t);
+import { DesignConstructorAbstract as v } from "@dxtmisha/functional";
+import { watch as u, ref as o, nextTick as z, h as l } from "vue";
+class x {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -11,8 +11,8 @@ class v {
    * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
    */
   constructor(e, t, n) {
-    s(this, "item", u(""));
-    this.props = e, this.refs = t, this.emits = n, l(
+    s(this, "item", o(""));
+    this.props = e, this.refs = t, this.emits = n, u(
       [t.value],
       () => this.set(e.value),
       { immediate: !0 }
@@ -47,7 +47,7 @@ class v {
     return this.item.value !== e;
   }
 }
-class z {
+class T {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -55,7 +55,7 @@ class z {
    * @param value object for working with values/ объект для работы со значениями
    */
   constructor(e, t, n) {
-    s(this, "clone", u());
+    s(this, "clone", o());
     /**
      * Changes the size of the field.
      *
@@ -92,7 +92,7 @@ class z {
     s(this, "updateHeight", () => {
       this.isElements() && (this.element.value.style.height = `${this.clone.value.offsetHeight}px`);
     });
-    this.props = e, this.element = t, this.value = n, l(this.value.item, this.on), f().then(() => requestAnimationFrame(this.on));
+    this.props = e, this.element = t, this.value = n, u(this.value.item, this.on), z().then(() => requestAnimationFrame(this.on));
   }
   /**
    * Checks if all elements are present.
@@ -111,7 +111,7 @@ class z {
     this.isElements() && (this.clone.value.innerText = `${this.value.item.value} --`, requestAnimationFrame(this.updateHeight));
   }
 }
-class x {
+class A {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -122,24 +122,27 @@ class x {
    * @param components object for working with components/ объект для работы с компонентами
    * @param slots object for working with slots/ объект для работы со слотами
    * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
+   * @param TextareaAutosizeValueConstructor class for working with value/ класс для работы со значением
+   * @param TextareaAutosizeResizeConstructor class for working with resize/ класс для работы с изменением размера
    */
-  constructor(e, t, n, a, o, m, p, h) {
+  constructor(e, t, n, a, h, m, p, r, c = x, d = T) {
     s(this, "value");
     s(this, "resize");
-    this.props = e, this.refs = t, this.element = n, this.classDesign = a, this.className = o, this.components = m, this.slots = p, this.emits = h, this.value = new v(e, t, h), this.resize = new z(e, n, this.value);
+    this.props = e, this.refs = t, this.element = n, this.classDesign = a, this.className = h, this.components = m, this.slots = p, this.emits = r, this.value = new c(e, t, r), this.resize = new d(e, n, this.value);
   }
 }
-const C = {
+const D = {
   autosize: !0
 };
-class S extends g {
+class E extends v {
   /**
    * Constructor
    * @param name class name/ название класса
    * @param props properties/ свойства
    * @param options list of additional parameters/ список дополнительных параметров
+   * @param ItemConstructor class for working with the item/ класс для работы с элементом
    */
-  constructor(t, n, a) {
+  constructor(t, n, a, h = A) {
     super(
       t,
       n,
@@ -153,7 +156,7 @@ class S extends g {
      */
     s(this, "renderTextarea", () => {
       var t;
-      return r("textarea", {
+      return l("textarea", {
         ...this.getAttrs(),
         ...this.props.inputAttrs,
         ref: this.element,
@@ -170,12 +173,12 @@ class S extends g {
      */
     s(this, "renderClone", () => {
       var t;
-      return r("div", {
+      return l("div", {
         ref: this.item.resize.clone,
         class: (t = this.classes) == null ? void 0 : t.value.clone
       });
     });
-    this.item = new x(
+    this.item = new h(
       this.props,
       this.refs,
       this.element,
@@ -229,7 +232,7 @@ class S extends g {
   }
 }
 export {
-  x as TextareaAutosize,
-  S as TextareaAutosizeDesign,
-  C as defaultsTextareaAutosize
+  A as TextareaAutosize,
+  E as TextareaAutosizeDesign,
+  D as defaultsTextareaAutosize
 };

package/dist/tooltip.js

@@ -1,14 +1,14 @@
-var I = Object.defineProperty;
-var x = (l, t, s) => t in l ? I(l, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[t] = s;
-var e = (l, t, s) => x(l, typeof t != "symbol" ? t + "" : t, s);
-import { ref as c, computed as m, watch as M, nextTick as S, onUnmounted as B, h as N, Teleport as P } from "vue";
-import { getElementId as $, isDomRuntime as A, EventItem as D, DesignConstructorAbstract as L } from "@dxtmisha/functional";
-import { A as b } from "./AriaStaticInclude-CFGewqpn.js";
-import { L as H } from "./LabelInclude-BtZrrbCf.js";
-import { D as k } from "./DescriptionInclude-DxWNon_J.js";
-import { A as q } from "./ArrowInclude-CcpT637l.js";
-import { T as st } from "./TooltipInclude--QRSE83v.js";
-class E {
+var $ = Object.defineProperty;
+var I = (r, t, s) => t in r ? $(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s;
+var e = (r, t, s) => I(r, typeof t != "symbol" ? t + "" : t, s);
+import { ref as m, computed as h, watch as x, nextTick as d, onUnmounted as B, h as v, Teleport as M } from "vue";
+import { getElementId as g, isDomRuntime as P, EventItem as A, DesignConstructorAbstract as L } from "@dxtmisha/functional";
+import { A as p } from "./AriaStaticInclude-CAURwJMb.js";
+import { L as D } from "./LabelInclude-D-mLvjK5.js";
+import { D as H } from "./DescriptionInclude-D4ane9aR.js";
+import { A as E } from "./ArrowInclude-CcpT637l.js";
+import { T as tt } from "./TooltipInclude--QRSE83v.js";
+class k {
   /**
    * Constructor
    * @param className class name/ название класса
@@ -18,8 +18,8 @@ class E {
      * Identification of the current window. Used to search for the current component and its control/
      * Идентификация текущего окна. Используется для поиска текущего компонента и его контроля
      */
-    e(this, "id", `tooltip--${$()}`);
-    e(this, "idItem", `tooltip--${$()}-item`);
+    e(this, "id", `tooltip--${g()}`);
+    e(this, "idItem", `tooltip--${g()}-item`);
     this.className = t;
   }
   /**
@@ -69,7 +69,7 @@ class E {
    */
   findControl() {
     var t;
-    if (A())
+    if (P())
       return (t = document.querySelector(this.getSelectorControl())) != null ? t : void 0;
   }
   /**
@@ -83,7 +83,7 @@ class E {
     return (s = t.closest(this.getSelectorControl())) != null ? s : void 0;
   }
 }
-class F {
+class q {
   /**
    * Constructor
    * @param element instance of the element itself/ экземпляр самого элемента
@@ -154,30 +154,30 @@ class F {
     t && (t.classList.remove(`${this.className}--preparation`), t.classList.remove(`${this.className}--show`));
   }
 }
-class O {
+class F {
   /**
    * Constructor
    * @param props input data/ входные данные
    * @param slots object for working with slots/ объект для работы со слотами
    */
   constructor(t, s) {
-    e(this, "open", c(!1));
-    e(this, "show", c(!1));
-    e(this, "preparation", c(!1));
+    e(this, "open", m(!1));
+    e(this, "show", m(!1));
+    e(this, "preparation", m(!1));
     /**
      * Checks if there is text to display.
      *
      * Проверяет, есть ли текст для отображения.
      */
-    e(this, "isText", m(
+    e(this, "isText", h(
       () => !this.props.disabled && !!(this.props.label || this.props.description || this.slots && ("default" in this.slots || "description" in this.slots || "body" in this.slots))
     ));
     /** Checks if the element needs to be displayed/ Проверяет, нужно ли отображать элемент */
-    e(this, "isShow", m(
+    e(this, "isShow", h(
       () => !!(this.show.value || this.open.value || this.props.inDom) && this.isText.value
     ));
     /** Checks if the content is an array/ Проверяет, является ли содержимое массивом */
-    e(this, "isArray", m(
+    e(this, "isArray", h(
       () => !!(this.props.arrowShow && this.preparation.value)
     ));
     this.props = t, this.slots = s;
@@ -219,7 +219,7 @@ class O {
     this.preparation.value = t;
   }
 }
-class R {
+class O {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -238,13 +238,13 @@ class R {
   update() {
     const t = this.element.value, s = this.classes.findControl();
     if (t && s) {
-      const i = s.getBoundingClientRect(), o = t.getBoundingClientRect(), n = this.getIndent(), h = this.isTop(i, o), r = i.left + i.width / 2 - o.width / 2, p = h ? i.top - o.height - n : i.bottom + n;
-      let a = 0;
-      r < 0 ? a = 0 - r : r + o.width > window.innerWidth && (a = window.innerWidth - (r + o.width)), this.style.set(
-        h,
-        r,
-        p,
-        a
+      const i = s.getBoundingClientRect(), o = t.getBoundingClientRect(), n = this.getIndent(), a = this.isTop(i, o), l = i.left + i.width / 2 - o.width / 2, c = a ? i.top - o.height - n : i.bottom + n;
+      let u = 0;
+      l < 0 ? u = 0 - l : l + o.width > window.innerWidth && (u = window.innerWidth - (l + o.width)), this.style.set(
+        a,
+        l,
+        c,
+        u
       );
     }
   }
@@ -269,7 +269,7 @@ class R {
     return (t = this.props.indent) != null ? t : 0;
   }
 }
-class W {
+class R {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -279,7 +279,7 @@ class W {
    * @param position object for working with the position of the element/ объект для работы с положением элемента
    * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
    */
-  constructor(t, s, i, o, n, h) {
+  constructor(t, s, i, o, n, a) {
     e(this, "timeout");
     e(this, "timeoutHide");
     e(this, "timeoutTo");
@@ -292,15 +292,15 @@ class W {
      * @param flesh immediate display without delay/ мгновенное отображение без задержки
      */
     e(this, "toggle", async (t, s) => {
-      this.status.isText.value && !this.status.isMatch(t) && (clearTimeout(this.timeout), clearTimeout(this.timeoutHide), t ? (this.status.setOpen(t), this.status.setShow(!0), await S(), this.position.update(), this.status.setPreparation(!0), await S(), requestAnimationFrame(() => {
+      this.status.isText.value && !this.status.isMatch(t) && (clearTimeout(this.timeout), clearTimeout(this.timeoutHide), t ? (this.status.setOpen(t), this.status.setShow(!0), await d(), this.position.update(), this.status.setPreparation(!0), await d(), requestAnimationFrame(() => {
         this.timeout = setTimeout(() => {
           this.style.setPreparation(!0), requestAnimationFrame(() => {
             var i;
-            this.style.setShow(!0), this.event.start(), (i = this.emits) == null || i.call(this, "tooltip", !0), this.props.delayHide && (this.timeoutHide = setTimeout(() => this.toggle(!1), Number(this.props.delayHide)));
+            this.style.setShow(!0), this.eventStart(), (i = this.emits) == null || i.call(this, "tooltip", !0), this.props.delayHide && (this.timeoutHide = setTimeout(() => this.toggle(!1), Number(this.props.delayHide)));
           });
         }, s ? 48 : this.props.delay);
       })) : this.timeoutTo = setTimeout(() => {
-        this.status.setOpen(t), this.style.resetShow(), this.event.stop(), this.timeout = setTimeout(() => {
+        this.status.setOpen(t), this.style.resetShow(), this.eventStop(), this.timeout = setTimeout(() => {
           var i;
           this.status.setShow(!1), this.status.setPreparation(!1), (i = this.emits) == null || i.call(this, "tooltip", !1);
         }, 128);
@@ -312,7 +312,7 @@ class W {
      * Управление событиями скролла.
      */
     e(this, "onScroll", () => this.toggle(!1, !0));
-    this.props = t, this.style = i, this.status = o, this.position = n, this.emits = h, this.event = new D(window, ["scroll-sync"], this.onScroll), M([s.open], () => {
+    this.props = t, this.style = i, this.status = o, this.position = n, this.emits = a, this.event = new A(window, ["scroll-sync"], this.onScroll), x([s.open], () => {
       this.toggle(!!this.props.open).then();
     }, { immediate: this.props.open });
   }
@@ -329,19 +329,28 @@ class W {
    *
    * Запуск прослушивания событий скролла.
    */
+  eventStart() {
+    this.props.embedded || this.event.start();
+  }
+  /**
+   * Stop listening to scroll events.
+   *
+   * Остановка прослушивания событий скролла.
+   */
   eventStop() {
     this.event.stop();
   }
 }
-class _ {
+class W {
   /**
    * Constructor
+   * @param props input data/ входные данные
    * @param classes object for working with the class/ объект для работы с классом
    * @param style object for working with styles/ объект для работы со стилями
    * @param status object for working with statuses/ объект для работы со статусами
    * @param open data opening management/ управление открытием данных
    */
-  constructor(t, s, i, o) {
+  constructor(t, s, i, o, n) {
     e(this, "next", !1);
     e(this, "timeout");
     /**
@@ -350,7 +359,7 @@ class _ {
      * События при клике на элементе в мобильном приложении.
      */
     e(this, "onClick", () => {
-      requestAnimationFrame(async () => {
+      this.isNotEmbedded() && requestAnimationFrame(async () => {
         this.next || (clearTimeout(this.timeout), await this.open.toggle(!this.status.open.value, !0), this.next = !1);
       });
     });
@@ -361,13 +370,13 @@ class _ {
      * @param target selected element/ выбранный элемент
      */
     e(this, "onMouseover", ({ target: t }) => {
-      clearTimeout(this.timeout), this.next = !0, requestAnimationFrame(async () => {
+      this.isNotEmbedded() && (clearTimeout(this.timeout), this.next = !0, requestAnimationFrame(async () => {
         await this.open.toggle(
           !!this.classes.findControlByTarget(t)
         ), this.timeout = setTimeout(() => {
           this.next = !1;
         }, 640);
-      });
+      }));
     });
     /**
      * Element management events on receiving focus on the tooltip itself.
@@ -384,7 +393,7 @@ class _ {
      * @param relatedTarget selected element/ выбранный элемент
      */
     e(this, "onMouseout", ({ relatedTarget: t }) => {
-      t && this.open.toggle(
+      this.isNotEmbedded() && t && this.open.toggle(
         !!this.classes.findControlByTarget(t)
       ).then();
     });
@@ -397,10 +406,13 @@ class _ {
     e(this, "onTransitionend", (t) => {
       t.propertyName === "transform" && this.status.open.value && this.style.setMove(!0);
     });
-    this.classes = t, this.style = s, this.status = i, this.open = o;
+    this.props = t, this.classes = s, this.style = i, this.status = o, this.open = n;
+  }
+  isNotEmbedded() {
+    return !this.props.embedded;
   }
 }
-class U {
+class _ {
   /**
    * Constructor
    * @param props input data/ входные данные
@@ -421,71 +433,110 @@ class U {
    * @param LabelIncludeConstructor class for working with label/ класс для работы с меткой
    * @param DescriptionIncludeConstructor class for working with description/ класс для работы с описанием
    */
-  constructor(t, s, i, o, n, h, r, p, a = E, u = F, d = O, g = R, y = W, v = _, f = q, w = H, T = k) {
+  constructor(t, s, i, o, n, a, l, c, u = k, y = q, f = F, w = O, b = R, T = W, C = E, N = D, S = H) {
+    /** Class manager for tooltip classes/ Менеджер классов для подсказки */
     e(this, "classes");
+    /** Style manager for tooltip styles/ Менеджер стилей для подсказки */
     e(this, "style");
+    /** Status manager for tooltip state/ Менеджер статуса для состояния подсказки */
     e(this, "status");
+    /** Position manager for tooltip placement/ Менеджер позиции для размещения подсказки */
     e(this, "position");
+    /** Open manager for tooltip visibility/ Менеджер открытия для видимости подсказки */
     e(this, "open");
+    /** Event manager for tooltip interactions/ Менеджер событий для взаимодействий с подсказкой */
     e(this, "event");
+    /** Arrow manager/ Менеджер стрелки */
     e(this, "arrow");
+    /** Label manager/ Менеджер метки */
     e(this, "label");
+    /** Description manager/ Менеджер описания */
     e(this, "description");
+    /**
+     * Computed bindings for the tooltip element/
+     * Вычисляемые привязки для элемента подсказки
+     */
+    e(this, "binds", h(() => ({
+      id: this.classes.getIdItem(),
+      onMouseover: this.event.onMouseoverTooltip,
+      onMouseout: this.event.onMouseout,
+      onTransitionend: this.event.onTransitionend,
+      ...p.role(this.role.value),
+      ...p.labelledby(this.label.id.value),
+      ...p.describedby(this.description.id.value)
+    })));
+    /**
+     * Computed bindings for the control element/
+     * Вычисляемые привязки для элемента управления
+     */
+    e(this, "bindsControl", h(() => {
+      const t = {
+        class: this.classes.getControl(),
+        onclick: this.event.onClick,
+        onmouseover: this.event.onMouseover,
+        onmouseout: this.event.onMouseout
+      };
+      return this.props.interactive ? {
+        ...t,
+        ...p.expanded(this.status.open.value),
+        ...p.controls(this.classes.getIdItem())
+      } : {
+        ...t,
+        ...p.describedby(this.classes.getIdItem())
+      };
+    }));
     /** Data for the control slot/ Данные для слота управления */
-    e(this, "slotData");
-    this.props = t, this.refs = s, this.element = i, this.classDesign = o, this.className = n, this.components = h, this.slots = r, this.emits = p, this.TooltipClassesConstructor = a, this.TooltipStyleConstructor = u, this.TooltipStatusConstructor = d, this.TooltipPositionConstructor = g, this.TooltipOpenConstructor = y, this.TooltipEventConstructor = v, this.ArrowIncludeConstructor = f, this.LabelIncludeConstructor = w, this.DescriptionIncludeConstructor = T, this.classes = new a(this.className), this.style = new u(this.element, this.className), this.status = new d(this.props, this.slots), this.position = new g(
+    e(this, "slotData", h(() => ({
+      ...this.bindsControl.value,
+      open: this.status.open,
+      binds: this.bindsControl.value
+    })));
+    /** Computed role for the tooltip/ Вычисляемая роль для подсказки */
+    e(this, "role", h(() => this.props.interactive ? "region" : "tooltip"));
+    this.props = t, this.refs = s, this.element = i, this.classDesign = o, this.className = n, this.components = a, this.slots = l, this.emits = c, this.classes = new u(this.className), this.style = new y(this.element, this.className), this.status = new f(this.props, this.slots), this.position = new w(
       this.props,
       this.element,
       this.classes,
       this.style
-    ), this.open = new y(
+    ), this.open = new b(
       this.props,
       this.refs,
       this.style,
       this.status,
       this.position
-    ), this.event = new v(
+    ), this.event = new T(
+      this.props,
       this.classes,
       this.style,
       this.status,
       this.open
-    ), this.arrow = new f(
+    ), this.arrow = new C(
       this.props,
       this.className,
       this.components,
       this.classes.getSelectorControl()
-    ), this.label = new w(
+    ), this.label = new N(
       this.props,
       this.className,
       void 0,
       this.slots
-    ), this.description = new T(
+    ), this.description = new S(
       this.props,
       this.className,
       this.slots
-    );
-    const C = {
-      class: this.classes.getControl(),
-      onclick: this.event.onClick,
-      onmouseover: this.event.onMouseover,
-      onmouseout: this.event.onMouseout,
-      ...b.describedby(this.classes.getIdItem())
-    };
-    this.slotData = {
-      ...C,
-      open: this.status.open,
-      binds: C
-    }, B(() => {
+    ), B(() => {
       this.open.eventStop();
     });
   }
 }
-const X = {
+const V = {
   indent: 4,
   delay: 64,
-  delayHide: 0
+  delayHide: 0,
+  // :default [!] System label / Системная метка
+  interactive: !0
 };
-class Y extends L {
+class X extends L {
   /**
    * Constructor
    * @param name class name/ название класса
@@ -493,7 +544,7 @@ class Y extends L {
    * @param options list of additional parameters/ список дополнительных параметров
    * @param ItemConstructor tooltip item class/ класс элемента тултипа
    */
-  constructor(s, i, o, n = U) {
+  constructor(s, i, o, n = _) {
     super(
       s,
       i,
@@ -506,7 +557,7 @@ class Y extends L {
      * Рендеринг слота управления.
      */
     e(this, "renderControl", () => [
-      this.initSlot("control", void 0, this.item.slotData)
+      this.initSlot("control", void 0, this.item.slotData.value)
     ]);
     /**
      * Rendering of the tooltip.
@@ -521,28 +572,26 @@ class Y extends L {
           ...this.item.description.render(),
           ...this.renderBody()
         ];
-        return this.item.status.isArray.value && i.push(
+        this.item.status.isArray.value && i.push(
           ...this.item.arrow.render()
-        ), [
-          N(
-            P,
+        );
+        const o = v(
+          "div",
+          {
+            ref: this.element,
+            class: (s = this.classes) == null ? void 0 : s.value.main,
+            ...this.item.binds.value
+          },
+          i
+        );
+        return this.props.embedded ? [o] : [
+          v(
+            M,
             {
               key: "teleport",
               to: "body"
             },
-            N(
-              "div",
-              {
-                ref: this.element,
-                id: this.item.classes.getIdItem(),
-                class: (s = this.classes) == null ? void 0 : s.value.main,
-                onMouseover: this.item.event.onMouseoverTooltip,
-                onMouseout: this.item.event.onMouseout,
-                onTransitionend: this.item.event.onTransitionend,
-                ...b.role("tooltip")
-              },
-              i
-            )
+            o
           )
         ];
       }
@@ -612,8 +661,8 @@ class Y extends L {
   }
 }
 export {
-  U as Tooltip,
-  Y as TooltipDesign,
-  st as TooltipInclude,
-  X as defaultsTooltip
+  _ as Tooltip,
+  X as TooltipDesign,
+  tt as TooltipInclude,
+  V as defaultsTooltip
 };

package/dist/types/ariaTypes.d.ts

@@ -274,6 +274,13 @@ export type AriaDescriptionPropsInclude = {
 export type AriaHaspopupPropsInclude = {
     ariaHaspopup?: AriaList['aria-haspopup'];
 };
+/**
+ * ARIA multiselectable prop/
+ * ARIA проп multiselectable
+ */
+export type AriaMultiselectablePropsInclude = {
+    ariaMultiselectable?: boolean;
+};
 /**
  * ARIA live prop/
  * ARIA проп live

package/dist/types/captionTypes.d.ts

@@ -11,4 +11,6 @@ export interface CaptionSlots {
 export type CaptionProps = {
     /** Caption text or number/ Текст или число заголовка */
     caption?: string | number;
+    /** Whether the caption is decorative/ Является ли подпись декоративной */
+    captionDecorative?: boolean;
 };

package/dist/types/descriptionTypes.d.ts

@@ -1,13 +1,3 @@
-/**
- * Expose for description functionality/ Экспоз для функциональности описания
- */
-export interface DescriptionExpose {
-    /** Description identifier/ Идентификатор описания */
-    descriptionId: string;
-}
-/**
- * Slots for description functionality/ Слоты для функциональности описания
- */
 export interface DescriptionSlots {
     /** Description slot/ Слот описания */
     description?(props: any): any;
@@ -18,4 +8,6 @@ export interface DescriptionSlots {
 export type DescriptionProps = {
     /** Description text or number/ Текст или число описания */
     description?: string | number;
+    /** Description identifier/ Идентификатор описания */
+    descriptionId?: string;
 };

package/dist/types/labelTypes.d.ts

@@ -1,11 +1,4 @@
 import { NumberOrString } from '@dxtmisha/functional';
-/**
- * Exposed properties for label components/ Экспонируемые свойства для компонентов меток
- */
-export interface LabelExpose {
-    /** Label element ID/ Идентификатор элемента метки */
-    labelId: string;
-}
 /**
  * Slot definitions for label components/ Определения слотов для компонентов меток
  */

package/dist/types/prefixTypes.d.ts

@@ -11,4 +11,6 @@ export interface PrefixSlots {
 export type PrefixProps = {
     /** Prefix text or number/ Текст или число префикса */
     prefix?: string | number;
+    /** Unique identifier for the prefix element/ Уникальный идентификатор для элемента префикса */
+    prefixId?: string;
 };

package/dist/types/suffixTypes.d.ts

@@ -11,4 +11,6 @@ export interface SuffixSlots {
 export type SuffixProps = {
     /** Suffix text or number/ Текст или число суффикса */
     suffix?: string | number;
+    /** Unique identifier for the suffix element/ Уникальный идентификатор для элемента суффикса */
+    suffixId?: string;
 };