@central-design-system/components 4.0.0-alpha.5 → 4.0.0-alpha.7

package/dist/browser/entry.js

@@ -5,8 +5,8 @@ var vd = (e) => {
 var vg = (e, s, o) => s in e ? hg(e, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[s] = o;
 var gs = (e, s, o) => vg(e, typeof s != "symbol" ? s + "" : s, o), gd = (e, s, o) => s.has(e) || vd("Cannot " + o);
 var bn = (e, s, o) => (gd(e, s, "read from private field"), o ? o.call(e) : s.get(e)), si = (e, s, o) => s.has(e) ? vd("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, o), ai = (e, s, o, n) => (gd(e, s, "write to private field"), n ? n.call(e, o) : s.set(e, o), o);
-import { warn as Lf, camelize as gr, reactive as wt, watchEffect as ft, toRef as Y, isVNode as vo, Fragment as Ve, capitalize as gg, shallowRef as te, unref as a, Comment as Nf, Text as Lc, isRef as li, computed as S, toRefs as Vs, toValue as et, ref as X, inject as lt, provide as gt, defineComponent as re, h as ee, getCurrentInstance as Kf, toRaw as Ct, watch as ue, onScopeDispose as Tt, effectScope as Hs, TransitionGroup as yr, Transition as Bn, mergeProps as fe, onBeforeUnmount as xt, nextTick as Ue, useSlots as ke, createVNode as h, useId as Rt, useAttrs as ht, onBeforeMount as oa, resolveDynamicComponent as zf, onMounted as St, onUpdated as Ao, toDisplayString as Uo, shallowReadonly as _n, hasInjectionContext as yg, readonly as ct, markRaw as bg, createTextVNode as js, withDirectives as Vt, vShow as fn, resolveDirective as Vf, Teleport as Cg, onDeactivated as kg, cloneVNode as Nc, onUnmounted as cs, onActivated as wg, triggerRef as yd } from "vue";
-import { k as Fn, c as Sg, a as _g, b as xg, d as $g, n as Dg, p as Hf, e as Ag, f as Tg, s as Ig, g as Eg, h as Fg, i as Pg, t as Bg, j as Rg } from "./chunks/cdsLegacy-VUz8RzDN.js";
+import { k as Fn, c as gg, a as yg, b as bg, d as Cg, n as kg, p as Lf, e as wg, f as Sg, s as _g, g as xg, h as $g, i as Dg, t as Ag, j as Tg } from "./chunks/cdsLegacy-VUz8RzDN.js";
+import { warn as Nf, camelize as gr, reactive as wt, watchEffect as ft, toRef as Y, isVNode as vo, Fragment as Ve, capitalize as Ig, shallowRef as te, unref as a, Comment as Kf, Text as Lc, isRef as li, computed as S, toRefs as Vs, toValue as et, ref as X, inject as lt, provide as gt, defineComponent as re, h as ee, getCurrentInstance as zf, toRaw as Ct, watch as ue, onScopeDispose as Tt, effectScope as Hs, TransitionGroup as yr, Transition as Bn, mergeProps as fe, markRaw as Eg, onBeforeUnmount as xt, nextTick as Ue, useSlots as ke, createVNode as h, useId as Rt, useAttrs as ht, onBeforeMount as oa, resolveDynamicComponent as Vf, onMounted as St, onUpdated as Ao, toDisplayString as Uo, shallowReadonly as _n, hasInjectionContext as Fg, readonly as ct, createTextVNode as js, withDirectives as Vt, vShow as fn, resolveDirective as Hf, Teleport as Pg, onDeactivated as Bg, cloneVNode as Nc, onUnmounted as cs, onActivated as Rg, triggerRef as yd } from "vue";
 import { p as se, I as Oi, C as bd, S as jf, a as Og, b as Xe } from "./chunks/useIcons.component-Df4MSurB.js";
 import { cds as Mi } from "./iconsets/cds.js";
 import { carbon as Mg } from "./iconsets/carbon.js";
@@ -627,13 +627,13 @@ function Pa(e) {
     }
 }
 function tt(e, s) {
-  Wc && Lf(`[CDS: ${e}] ${s}`);
+  Wc && Nf(`[CDS: ${e}] ${s}`);
 }
 function br(e) {
   tt("Error", e);
 }
 function Jf(e, s) {
-  s = Array.isArray(s) ? s.slice(0, -1).map((o) => `'${o}'`).join(", ") + ` or '${s.at(-1)}'` : `'${s}'`, Wc && Lf(`[CDS UPGRADE] '${e}' is deprecated, use ${s} instead.`);
+  s = Array.isArray(s) ? s.slice(0, -1).map((o) => `'${o}'`).join(", ") + ` or '${s.at(-1)}'` : `'${s}'`, Wc && Nf(`[CDS UPGRADE] '${e}' is deprecated, use ${s} instead.`);
 }
 var Mf;
 const Wc = typeof process < "u" && ((Mf = process.env) == null ? void 0 : Mf.NODE_ENV) !== "production", je = typeof window < "u", Cr = je && "IntersectionObserver" in window, ep = je && "ResizeObserver" in window, tp = je && ("ontouchstart" in window || window.navigator.maxTouchPoints > 0), w0 = je && "EyeDropper" in window, Ga = je && "matchMedia" in window && typeof window.matchMedia == "function", Jo = () => Ga && window.matchMedia("(prefers-reduced-motion: reduce)").matches, np = "cds-scroll-blocked", Ie = {
@@ -714,7 +714,7 @@ const Wc = typeof process < "u" && ((Mf = process.env) == null ? void 0 : Mf.NOD
   "onWheel"
 ];
 function Ni(e, s) {
-  return s = "on" + gg(s), !!(e[s] || e[`${s}Once`] || e[`${s}Capture`] || e[`${s}OnceCapture`] || e[`${s}CaptureOnce`]);
+  return s = "on" + Ig(s), !!(e[s] || e[`${s}Once`] || e[`${s}Capture`] || e[`${s}OnceCapture`] || e[`${s}CaptureOnce`]);
 }
 function sa(e, ...s) {
   if (Array.isArray(e))
@@ -1719,7 +1719,7 @@ function en(e) {
 }
 function _r(e) {
   if (je)
-    return e && (e.type === Nf || e.type === Ve && e.children.length === 0 || e.type === Lc && e.children.trim() === "");
+    return e && (e.type === Kf || e.type === Ve && e.children.length === 0 || e.type === Lc && e.children.trim() === "");
 }
 function ns(e = [], s = !0) {
   const o = Array.isArray(e) ? e : [e], n = [];
@@ -2261,15 +2261,15 @@ const nD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   bindProps: Dp,
   buildDate: I0,
   callEvent: sa,
-  camelCase: Sg,
+  camelCase: gg,
   camelizeProps: Sr,
-  capitalCase: _g,
+  capitalCase: yg,
   checkPrintable: ko,
   chunk: dp,
   clamp: Xt,
   classNames: z,
   cloneDate: z0,
-  constantCase: xg,
+  constantCase: bg,
   convertToUnit: Me,
   createRange: Ho,
   darken: qf,
@@ -2279,7 +2279,7 @@ const nD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   defer: pp,
   deprecate: Jf,
   destructComputed: wr,
-  dotCase: $g,
+  dotCase: Cg,
   eagerComputed: en,
   easeInOutCubic: Vp,
   endOfDate: R0,
@@ -2368,7 +2368,7 @@ const nD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   makeBemClass: ey,
   matchesSelector: Co,
   mergeDeep: Pt,
-  noCase: Dg,
+  noCase: kg,
   noop: Ja,
   nullifyTransforms: iu,
   omit: Qe,
@@ -2381,9 +2381,9 @@ const nD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   parseColor: zt,
   parseHex: Zf,
   parseStyleText: du,
-  pascalCase: Hf,
-  pascalSnakeCase: Ag,
-  pathCase: Tg,
+  pascalCase: Lf,
+  pascalSnakeCase: wg,
+  pathCase: Sg,
   pick: mt,
   pickAttrs: xr,
   pickWithRest: Xa,
@@ -2396,11 +2396,11 @@ const nD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   resolveColorPrimitive: Pa,
   rgbToColorString: C0,
   scrollTo: zp,
-  sentenceCase: Ig,
-  snakeCase: Eg,
-  split: Fg,
+  sentenceCase: _g,
+  snakeCase: xg,
+  split: $g,
   splitDate: Un,
-  splitSeparateNumbers: Pg,
+  splitSeparateNumbers: Dg,
   startOfDate: Cn,
   subtractFromDate: B0,
   get supportsPassive() {
@@ -2409,7 +2409,7 @@ const nD = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   templateRef: Qa,
   throttle: _p,
   toPhysical: Yi,
-  trainCase: Bg,
+  trainCase: Ag,
   unbindProps: Ap,
   warn: tt,
   wrapInArray: Dt,
@@ -2608,7 +2608,7 @@ function Mt(e, ...s) {
   });
 }
 function At(e, s) {
-  const o = Kf();
+  const o = zf();
   if (!o)
     throw new Error(`[CDS Error] ${e} must be called from inside a setup function`);
   return o;
@@ -3003,7 +3003,7 @@ function Jp(e) {
   return (s) => {
     const o = fi(s, "locale", e.current), n = fi(s, "fallback", e.fallback), t = fi(s, "messages", e.messages);
     return {
-      name: "vuetify",
+      name: "cds",
       current: o,
       fallback: n,
       messages: t,
@@ -3105,7 +3105,7 @@ async function Hd(e, s, o, n) {
 }
 function Cy(e = {}) {
   const s = lt(Yp), { isRtl: o } = vn();
-  if (!s) throw new Error("[Vuetify] Could not find injected goto instance");
+  if (!s) throw new Error("[CDS] Could not find injected goto instance");
   const n = {
     ...s,
     rtl: Y(() => a(s.rtl) || a(o))
@@ -4580,7 +4580,7 @@ function Fy(e) {
     return {
       defaultSet: "legacy",
       aliases: {},
-      sets: { legacy: Rg.icons },
+      sets: { legacy: Tg.icons },
       legacyIcons: t
     };
   }
@@ -4992,6 +4992,176 @@ function jt(e) {
     return n != null && (o.width = n), t != null && (o.height = t), l != null && (o.maxWidth = l), r != null && (o.maxHeight = r), i != null && (o.minWidth = i), c != null && (o.minHeight = c), o;
   }) };
 }
+const bt = se(
+  {
+    /**
+     * Заблокированное состояние
+     * @en Disabled state
+     */
+    disabled: {
+      type: Boolean,
+      default: null
+    }
+  },
+  "disabled"
+);
+function pm(e, s = On()) {
+  return { disabledClasses: Y(() => ({
+    [`${s}--disabled`]: et(e).disabled
+  })) };
+}
+const Lt = se(
+  {
+    /**
+     * Только для чтения
+     * @en Read-only state
+     */
+    readonly: {
+      type: Boolean,
+      default: null
+    }
+  },
+  "readonly"
+), mm = Symbol.for("cds:form"), Vy = se(
+  {
+    /**
+     * Останавливает валидацию на первом же невалидном поле — остальные поля не проверяются
+     * @en Stops the validation at the very first invalid field — the remaining fields are not checked
+     */
+    firstFail: Boolean,
+    /**
+     * Итоговая валидность формы: `true` — все поля прошли проверку, `false` — есть ошибки, `null` — форма ещё не валидировалась
+     * @en Resulting validity of the form: `true` — every field passed the check, `false` — there are errors, `null` — the form has not been validated yet
+     */
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    /**
+     * Когда запускать валидацию полей формы: при вводе, потере фокуса или только вручную
+     * @en When to run the validation of the form fields: on input, on blur or manually only
+     */
+    validateOn: {
+      type: String,
+      default: "input"
+    },
+    ...bt(),
+    ...Lt()
+  },
+  "form"
+);
+function Hy(e) {
+  const s = Ze(e, "modelValue"), o = Y(() => e.disabled), n = Y(() => e.readonly), t = te(!1), l = X([]), r = X([]);
+  async function i() {
+    const d = [];
+    let f = !0;
+    r.value = [], t.value = !0;
+    for (const p of a(l)) {
+      const m = await p.validate();
+      if (m.length > 0 && (f = !1, d.push({
+        id: p.id,
+        errorMessages: m
+      })), !f && e.firstFail) break;
+    }
+    return r.value = d, t.value = !1, { valid: f, errors: a(r) };
+  }
+  function c() {
+    a(l).forEach((d) => d.reset());
+  }
+  function u() {
+    a(l).forEach((d) => d.resetValidation());
+  }
+  return ue(
+    l,
+    () => {
+      let d = 0, f = 0;
+      const p = [];
+      for (const m of a(l))
+        m.isValid === !1 ? (f++, p.push({
+          id: m.id,
+          errorMessages: m.errorMessages
+        })) : m.isValid === !0 && d++;
+      r.value = p, s.value = f > 0 ? !1 : d === a(l).length ? !0 : null;
+    },
+    { deep: !0, flush: "post" }
+  ), gt(mm, {
+    register: ({ id: d, vm: f, validate: p, reset: m, resetValidation: g }) => {
+      a(l).some((b) => b.id === d) && tt("useForm", `Duplicate input name "${d}"`), l.value.push({
+        id: d,
+        validate: p,
+        reset: m,
+        resetValidation: g,
+        vm: Eg(f),
+        isValid: null,
+        errorMessages: []
+      });
+    },
+    unregister: (d) => {
+      l.value = a(l).filter((f) => f.id !== d);
+    },
+    update: (d, f, p) => {
+      const m = a(l).find((g) => g.id === d);
+      m && (m.isValid = f, m.errorMessages = p);
+    },
+    isDisabled: o,
+    isReadonly: n,
+    isValidating: t,
+    isValid: s,
+    items: l,
+    validateOn: Y(() => e.validateOn)
+  }), {
+    /**
+     * Ошибки валидации полей формы: идентификатор поля и его сообщения об ошибках.
+     * @en Validation errors of the form fields: the identifier of a field and its error messages.
+     */
+    errors: r,
+    /**
+     * Заблокированы ли все поля формы.
+     * @en Whether all the fields of the form are blocked.
+     */
+    isDisabled: o,
+    /**
+     * Доступны ли поля формы только для чтения.
+     * @en Whether the fields of the form are read-only.
+     */
+    isReadonly: n,
+    /**
+     * Идёт ли сейчас валидация формы.
+     * @en Whether the form is being validated right now.
+     */
+    isValidating: t,
+    /**
+     * Валидность формы: `true` — все поля прошли проверку, `false` — есть ошибки, `null` — форма ещё не валидировалась.
+     * @en Validity of the form: `true` — every field passed the check, `false` — there are errors, `null` — the form has not been validated yet.
+     */
+    isValid: s,
+    /**
+     * Зарегистрированные в форме поля с их состоянием валидации.
+     * @en The fields registered in the form together with their validation state.
+     */
+    items: l,
+    /**
+     * Запускает валидацию всех полей формы и возвращает результат вместе со списком ошибок.
+     * @en Runs the validation of all the form fields and returns the result together with the list of errors.
+     */
+    validate: i,
+    /** Сбрасывает значения всех полей формы и их валидацию. */
+    reset: c,
+    /**
+     * Сбрасывает только состояние валидации, сохраняя введённые значения.
+     * @en Resets the validation state only, keeping the entered values.
+     */
+    resetValidation: u
+  };
+}
+function ia(e) {
+  const s = lt(mm, null);
+  return {
+    ...s,
+    isReadonly: S(() => !!((e == null ? void 0 : e.readonly) ?? a(s == null ? void 0 : s.isReadonly))),
+    isDisabled: S(() => !!((e == null ? void 0 : e.disabled) ?? a(s == null ? void 0 : s.isDisabled)))
+  };
+}
 function sl(e, s) {
   const o = lt(e, s);
   if (/* @__PURE__ */ rp(o))
@@ -5022,10 +5192,10 @@ function gu(e, s) {
   }
   return [t, n];
 }
-const Vy = "cds:layout", [us, Hy] = gu(
-  Vy,
+const jy = "cds:layout", [us, Wy] = gu(
+  jy,
   {}
-), pm = se(
+), hm = se(
   {
     /**
      * Видимость элемента в макете.
@@ -5078,7 +5248,7 @@ const Vy = "cds:layout", [us, Hy] = gu(
   },
   "layout"
 );
-function mm(e, s, o = "H") {
+function vm(e, s, o = "H") {
   const n = o === "H", t = o === "F", l = us(), r = hn(), i = X(parseInt(e.height, 10)), c = X(!0), u = S(
     () => e.reveal || a(l.view).indexOf(o) > -1 || a(r.platform).ios && a(l.isContainer)
   ), d = X(!je || a(l.isContainer) ? 0 : window.innerHeight), f = S(
@@ -5150,7 +5320,7 @@ function mm(e, s, o = "H") {
     onResize: _
   };
 }
-const rn = ["xs", "sm", "md", "lg", "xl"], Lt = se(
+const rn = ["xs", "sm", "md", "lg", "xl"], Nt = se(
   {
     /**
      * Размер компонента
@@ -5174,7 +5344,7 @@ function $n(e, s = On()) {
     }), { sizeClasses: n, sizeStyles: t };
   });
 }
-function hm(e = {}) {
+function gm(e = {}) {
   const { blueprint: s, ...o } = e, n = Pt(s, o), { aliases: t = {}, components: l = {}, illustrations: r = {}, directives: i = {}, cssGrid: c } = n, u = Hs();
   return u.run(() => {
     const d = ay(n.defaults), f = fy(n.display, n.ssr), p = Iy(n.theme), m = Fy(n.icons), g = hy(n.locale), b = by(n.goTo, g);
@@ -5241,15 +5411,15 @@ function hm(e = {}) {
     };
   });
 }
-const jy = "4.0.0-alpha.5";
-hm.version = jy;
+const Uy = "4.0.0-alpha.7";
+gm.version = Uy;
 function bs(e) {
   var n, t;
   const s = this.$, o = ((n = s.parent) == null ? void 0 : n.provides) ?? ((t = s.vnode.appContext) == null ? void 0 : t.provides);
   if (o && e in o)
     return o[e];
 }
-const al = /* @__PURE__ */ Ce("CdsApp"), Wy = se(
+const al = /* @__PURE__ */ Ce("CdsApp"), Gy = se(
   {
     /** Режим отображения внутри Storybook: убирает полноэкранную обёртку, `'fluid'` дополнительно снимает ограничение ширины */
     storybook: {
@@ -5260,11 +5430,11 @@ const al = /* @__PURE__ */ Ce("CdsApp"), Wy = se(
     ...ot()
   },
   al.name
-), Uy = /* @__PURE__ */ re({
+), Yy = /* @__PURE__ */ re({
   name: al.name,
   __name: "CdsApp",
   props: {
-    ...Wy()
+    ...Gy()
   },
   setup(e, {
     expose: s
@@ -5289,11 +5459,11 @@ const al = /* @__PURE__ */ Ce("CdsApp"), Wy = se(
       }, [(i = t.default) == null ? void 0 : i.call(t)])]);
     };
   }
-}), Gy = /* @__PURE__ */ ye(Uy, al), Yy = ["color", "file", "time", "date", "datetime-local", "week", "month"], wo = /* @__PURE__ */ Ce("CdsTextInput", {
+}), qy = /* @__PURE__ */ ye(Yy, al), Xy = ["color", "file", "time", "date", "datetime-local", "week", "month"], wo = /* @__PURE__ */ Ce("CdsTextInput", {
   sizes: [...rn]
 }), ll = /* @__PURE__ */ Ce("CdsAutocomplete", {
   sizes: wo.sizes
-}), vm = se(
+}), ym = se(
   {
     /**
      * Помогает влиять на предложения браузера.
@@ -5305,7 +5475,7 @@ const al = /* @__PURE__ */ Ce("CdsApp"), Wy = se(
   },
   "autocomplete"
 );
-function ia(e) {
+function ca(e) {
   const s = Rt(), o = te(0), n = Y(() => e.autocomplete === "suppress"), t = Y(() => {
     if (e.name)
       return n.value ? `${e.name}-${s}-${o.value}` : e.name;
@@ -5319,25 +5489,7 @@ function ia(e) {
 }
 const rl = /* @__PURE__ */ Ce("CdsIcon", {
   sizes: [...rn]
-}), bt = se(
-  {
-    /**
-     * Заблокированное состояние
-     * @en Disabled state
-     */
-    disabled: {
-      type: Boolean,
-      default: null
-    }
-  },
-  "disabled"
-);
-function gm(e, s = On()) {
-  return { disabledClasses: Y(() => ({
-    [`${s}--disabled`]: et(e).disabled
-  })) };
-}
-const qy = se(
+}), Zy = se(
   {
     /**
      * Название иконки или компонент иконки, который будет отображаться
@@ -5374,16 +5526,16 @@ const qy = se(
     ...nt({ tag: "i" }),
     ...yt(),
     ...bt(),
-    ...Lt(),
+    ...Nt(),
     ...ot(),
     ...Re()
   },
   rl.name
-), Xy = /* @__PURE__ */ re({
+), Qy = /* @__PURE__ */ re({
   name: rl.name,
   __name: "CdsIcon",
   props: {
-    ...qy()
+    ...Zy()
   },
   setup(e) {
     const o = be(e), n = ke(), t = ht(), l = te(), {
@@ -5427,8 +5579,8 @@ const qy = se(
       });
     };
   }
-}), ut = /* @__PURE__ */ ye(Xy, rl);
-function ca(e) {
+}), ut = /* @__PURE__ */ ye(Qy, rl);
+function ua(e) {
   const {
     t: s
   } = Ft();
@@ -5582,11 +5734,11 @@ const il = Symbol.for("cds:list"), qn = /* @__PURE__ */ Ce("CdsList", { symbol:
     valueComparator: Function
   },
   "list-items"
-), Zy = /* @__PURE__ */ new Set(["item", "divider", "subheader"]);
+), Jy = /* @__PURE__ */ new Set(["item", "divider", "subheader"]);
 function dn(e, s) {
   const o = on(s, e.itemTitle, s), n = on(s, e.itemValue, o), t = on(s, e.itemChildren), l = e.itemProps === !0 ? typeof s == "object" && s != null && !Array.isArray(s) ? "children" in s ? Qe(s, ["children"]) : s : void 0 : on(s, e.itemProps);
   let r = on(s, e.itemType, "item");
-  Zy.has(r) || (r = "item");
+  Jy.has(r) || (r = "item");
   const i = {
     title: o,
     value: n,
@@ -5597,19 +5749,19 @@ function dn(e, s) {
     title: String(i.title ?? ""),
     value: i.value,
     props: i,
-    children: r === "item" && Array.isArray(t) ? ym(e, t) : void 0,
+    children: r === "item" && Array.isArray(t) ? bm(e, t) : void 0,
     raw: s
   };
 }
 dn.neededProps = ["itemTitle", "itemValue", "itemChildren", "itemProps", "itemType"];
-function ym(e, s) {
+function bm(e, s) {
   const o = mt(e, [...dn.neededProps]), n = [];
   for (const t of s ?? [])
     n.push(dn(o, t));
   return n;
 }
-function ua(e) {
-  const s = S(() => ym(e, e.items)), o = S(() => s.value.some((i) => i.value === null)), n = te(/* @__PURE__ */ new Map()), t = te([]);
+function da(e) {
+  const s = S(() => bm(e, e.items)), o = S(() => s.value.some((i) => i.value === null)), n = te(/* @__PURE__ */ new Map()), t = te([]);
   ft(() => {
     const i = s.value, c = /* @__PURE__ */ new Map(), u = [];
     for (let d = 0; d < i.length; d++) {
@@ -5649,7 +5801,7 @@ function ua(e) {
   }
   return { items: s, transformIn: l, transformOut: r };
 }
-const as = Symbol.for("cds:nested"), bm = {
+const as = Symbol.for("cds:nested"), Cm = {
   id: te(),
   root: {
     itemsRegistration: X("render"),
@@ -5693,7 +5845,7 @@ function yu(e) {
   };
   return s;
 }
-function Cm(e) {
+function km(e) {
   const s = yu(e);
   return {
     activate: ({ activated: o, id: n, ...t }) => {
@@ -5712,7 +5864,7 @@ function Cm(e) {
     out: (o, n, t) => s.out(o, n, t)
   };
 }
-function Qy(e) {
+function eb(e) {
   const s = yu(e);
   return {
     activate: ({ id: o, activated: n, children: t, ...l }) => (o = Ct(o), t.has(o) ? n : s.activate({ id: o, activated: n, children: t, ...l })),
@@ -5720,15 +5872,15 @@ function Qy(e) {
     out: s.out
   };
 }
-function Jy(e) {
-  const s = Cm(e);
+function tb(e) {
+  const s = km(e);
   return {
     activate: ({ id: o, activated: n, children: t, ...l }) => (o = Ct(o), t.has(o) ? n : s.activate({ id: o, activated: n, children: t, ...l })),
     in: s.in,
     out: s.out
   };
 }
-const eb = {
+const nb = {
   open: ({ id: e, value: s, opened: o, parents: n }) => {
     if (s) {
       const t = /* @__PURE__ */ new Set();
@@ -5741,7 +5893,7 @@ const eb = {
       return o.delete(e), o;
   },
   select: () => null
-}, km = {
+}, wm = {
   open: ({ id: e, value: s, opened: o, parents: n }) => {
     if (s) {
       let t = n.get(e);
@@ -5753,8 +5905,8 @@ const eb = {
     return o;
   },
   select: () => null
-}, tb = {
-  open: km.open,
+}, ob = {
+  open: wm.open,
   select: ({ id: e, value: s, opened: o, parents: n }) => {
     if (!s) return o;
     const t = [];
@@ -5807,7 +5959,7 @@ function bu(e) {
   };
   return s;
 }
-function nb(e) {
+function sb(e) {
   const s = bu(e);
   return {
     select: s.select,
@@ -5826,7 +5978,7 @@ function nb(e) {
     }
   };
 }
-function ob(e) {
+function ab(e) {
   const o = {
     select: bu(e).select,
     in: (n, t, l, r) => {
@@ -5882,7 +6034,7 @@ function Cu(e) {
   };
   return s;
 }
-function wm(e) {
+function Sm(e) {
   const s = Cu(e);
   return {
     select: ({ selected: o, id: n, ...t }) => {
@@ -5894,7 +6046,7 @@ function wm(e) {
     out: (o, n, t) => s.out(o, n, t)
   };
 }
-function sb(e) {
+function lb(e) {
   const s = Cu(e);
   return {
     select: ({ id: o, selected: n, children: t, ...l }) => (o = Ct(o), t.has(o) ? n : s.select({ id: o, selected: n, children: t, ...l })),
@@ -5902,15 +6054,15 @@ function sb(e) {
     out: s.out
   };
 }
-function ab(e) {
-  const s = wm(e);
+function rb(e) {
+  const s = Sm(e);
   return {
     select: ({ id: o, selected: n, children: t, ...l }) => (o = Ct(o), t.has(o) ? n : s.select({ id: o, selected: n, children: t, ...l })),
     in: s.in,
     out: s.out
   };
 }
-const lb = se(
+const ib = se(
   {
     /**
      * Разрешает активацию элементов (выделение текущего элемента без режима выбора)
@@ -5973,7 +6125,7 @@ const lb = se(
   },
   "nested"
 );
-function rb(e, {
+function cb(e, {
   items: s,
   returnObject: o,
   scrollToActive: n
@@ -5990,31 +6142,31 @@ function rb(e, {
     if (typeof e.activeStrategy == "function") return e.activeStrategy(e.mandatory);
     switch (e.activeStrategy) {
       case "leaf":
-        return Qy(e.mandatory);
+        return eb(e.mandatory);
       case "single-leaf":
-        return Jy(e.mandatory);
+        return tb(e.mandatory);
       case "independent":
         return yu(e.mandatory);
       case "single-independent":
       default:
-        return Cm(e.mandatory);
+        return km(e.mandatory);
     }
   }), f = S(() => {
     if (typeof e.selectStrategy == "object") return e.selectStrategy;
     if (typeof e.selectStrategy == "function") return e.selectStrategy(e.mandatory);
     switch (e.selectStrategy) {
       case "single-leaf":
-        return ab(e.mandatory);
+        return rb(e.mandatory);
       case "leaf":
-        return sb(e.mandatory);
+        return lb(e.mandatory);
       case "independent":
         return Cu(e.mandatory);
       case "single-independent":
-        return wm(e.mandatory);
+        return Sm(e.mandatory);
       case "trunk":
-        return nb(e.mandatory);
+        return sb(e.mandatory);
       case "branch":
-        return ob(e.mandatory);
+        return ab(e.mandatory);
       case "classic":
       default:
         return bu(e.mandatory);
@@ -6023,12 +6175,12 @@ function rb(e, {
     if (typeof e.openStrategy == "object") return e.openStrategy;
     switch (e.openStrategy) {
       case "list":
-        return tb;
+        return ob;
       case "single":
-        return eb;
+        return nb;
       case "multiple":
       default:
-        return km;
+        return wm;
     }
   }), m = Ze(
     e,
@@ -6197,8 +6349,8 @@ function rb(e, {
   };
   return gt(as, w), w.root;
 }
-const Sm = (e, s, o) => {
-  const n = lt(as, bm), t = Symbol("nested item"), l = S(() => {
+const _m = (e, s, o) => {
+  const n = lt(as, Cm), t = Symbol("nested item"), l = S(() => {
     const i = Ct(et(e));
     return i !== void 0 ? i : t;
   }), r = {
@@ -6233,8 +6385,8 @@ const Sm = (e, s, o) => {
       n.root.updateDisabled(l.value, i);
     }
   ), o && gt(as, r), r;
-}, ib = () => {
-  const e = lt(as, bm);
+}, ub = () => {
+  const e = lt(as, Cm);
   gt(as, { ...e, isGroupActivator: !0 });
 }, eo = se(
   {
@@ -6274,7 +6426,7 @@ const Sm = (e, s, o) => {
   "router"
 );
 function fs(e, s) {
-  const o = cb(), n = zf("RouterLink"), t = Y(() => !!(e.href || e.to)), l = S(() => a(t) || Ni(s, "click") || Ni(e, "click"));
+  const o = db(), n = Vf("RouterLink"), t = Y(() => !!(e.href || e.to)), l = S(() => a(t) || Ni(s, "click") || Ni(e, "click"));
   if (typeof n == "string" || !("useLink" in n)) {
     const f = Y(() => e.href);
     return {
@@ -6321,20 +6473,20 @@ function fs(e, s) {
     })
   };
 }
-function cb() {
+function db() {
   const e = At("useRoute");
   return S(() => {
     var s;
     return (s = e == null ? void 0 : e.proxy) == null ? void 0 : s.$route;
   });
 }
-function ub() {
+function fb() {
   var s;
   const e = At("useRouter");
   return (s = e == null ? void 0 : e.proxy) == null ? void 0 : s.$router;
 }
 let gi = !1;
-function db(e, s) {
+function pb(e, s) {
   let o = !1, n, t;
   je && (e != null && e.beforeEach) && (Ue(() => {
     window.addEventListener("popstate", l), n = e.beforeEach(() => gi ? o ? s() : void 0 : (gi = !0, new Promise((r) => {
@@ -6416,7 +6568,7 @@ const Er = se(
     "onClick:open": Ut(),
     "onClick:select": Ut(),
     "onUpdate:opened": Ut(),
-    ...lb({
+    ...ib({
       selectStrategy: "single-leaf",
       openStrategy: "list"
     }),
@@ -6506,7 +6658,10 @@ const Er = se(
      * @en Indent before the item content (reserves space for the prepend icon or avatar)
      */
     prependGap: [Number, String],
-    /** Значение атрибута `tabindex` элемента */
+    /**
+     * Значение атрибута `tabindex` элемента
+     * @en Value of the element `tabindex` attribute
+     */
     tabindex: [Number, String],
     onClick: Ut(),
     onClickOnce: Ut(),
@@ -6525,7 +6680,7 @@ const Er = se(
     ...ot()
   },
   sn.name
-), _m = se(
+), xm = se(
   {
     /**
      * Заголовок группы, отображаемый в активаторе по умолчанию
@@ -6584,7 +6739,7 @@ const Er = se(
     ...Re()
   },
   ul.name
-), fb = se(
+), mb = se(
   {
     /**
      * Цвет текста подзаголовка
@@ -6610,7 +6765,7 @@ const Er = se(
     ...Re()
   },
   dl.name
-), pb = se(
+), hb = se(
   {
     ...ds()
   },
@@ -6619,7 +6774,7 @@ const Er = se(
   name: dl.name,
   __name: "CdsListSubheader",
   props: {
-    ...fb()
+    ...mb()
   },
   setup(e) {
     const o = be(e), n = ke(), {
@@ -6656,7 +6811,7 @@ function wu(e, s, o) {
     }), !0) : !1;
   };
 }
-const mb = se(
+const vb = se(
   {
     /**
      * Текст для скринридеров, описывающий действие открытия меню.
@@ -6780,9 +6935,9 @@ function Io(e, s) {
     e,
     "modelValue",
     [],
-    (p) => p === void 0 ? [] : xm(n, p === null ? [null] : Dt(p)),
+    (p) => p === void 0 ? [] : $m(n, p === null ? [null] : Dt(p)),
     (p) => {
-      const m = vb(n, p);
+      const m = yb(n, p);
       return e.multiple ? m : m[0];
     }
   );
@@ -6845,22 +7000,22 @@ function Io(e, s) {
     isSelected: (p) => l.value.includes(p),
     selectedClass: Y(() => e.selectedClass),
     items: Y(() => n),
-    getItemIndex: (p) => hb(n, p)
+    getItemIndex: (p) => gb(n, p)
   };
   return gt(s, f), f;
 }
-function hb(e, s) {
-  const o = xm(e, [s]);
+function gb(e, s) {
+  const o = $m(e, [s]);
   return o.length ? e.findIndex((n) => n.id === o[0]) : -1;
 }
-function xm(e, s) {
+function $m(e, s) {
   const o = [];
   return s.forEach((n) => {
     const t = e.find((r) => kt(n, r.value)), l = e[n];
     (t == null ? void 0 : t.value) !== void 0 ? o.push(t.id) : l != null && l.useIndexAsValue && o.push(l.id);
   }), o;
 }
-function vb(e, s) {
+function yb(e, s) {
   const o = [];
   return s.forEach((n) => {
     const t = e.findIndex((l) => l.id === n);
@@ -7062,7 +7217,7 @@ const Fr = Symbol.for("cds:cds-tag-group"), ls = /* @__PURE__ */ Ce("CdsTag", {
     onClickOnce: Ut(),
     ...Jt(),
     ...mt(yt(), ["color", "activeColor", "textColor"]),
-    ...Lt(),
+    ...Nt(),
     ...eo(),
     ...Eo(),
     ...Re(),
@@ -7112,8 +7267,8 @@ function Br(e, s = !1, o) {
     }[l]), c;
   }) };
 }
-function $m(e, s, o) {
-  const { isHydrated: n } = Im(), t = Y(() => /* @__PURE__ */ Cb(e)), l = te(void 0), r = te(!1), i = Y(() => !!l.value);
+function Dm(e, s, o) {
+  const { isHydrated: n } = Em(), t = Y(() => /* @__PURE__ */ wb(e)), l = te(void 0), r = te(!1), i = Y(() => !!l.value);
   function c(b) {
     var y;
     (y = o.onEntry) == null || y.call(o, b), s(b), o.once && (!o.shouldStop || o.shouldStop(b)) && g();
@@ -7163,32 +7318,32 @@ function $m(e, s, o) {
   };
 }
 const yi = Symbol.for("cds:installed-plugins");
-function gb(e) {
+function bb(e) {
   const s = e._context;
   return s[yi] ?? (s[yi] = /* @__PURE__ */ new Set());
 }
-function yb(e) {
+function Cb(e) {
   return {
     install(s) {
       s.runWithContext(() => {
         var n;
-        const o = gb(s);
+        const o = bb(s);
         o.has(e.namespace) || (o.add(e.namespace), e.provide(s), (n = e.setup) == null || n.call(e, s));
       });
     }
   };
 }
-function Dm(e, s, o) {
+function Am(e, s, o) {
   function n(r = {}) {
     const { namespace: i = e, ...c } = r, [u, d] = gu(i), f = s(c);
     function p(m = f, g) {
       return d(m, g);
     }
-    return bb(u, p, f);
+    return kb(u, p, f);
   }
   function t(r = {}) {
     const { namespace: i = e, ...c } = r, [, u, d] = n({ ...c, namespace: i });
-    return yb({
+    return Cb({
       namespace: i,
       provide: (f) => {
         u(d, f);
@@ -7199,27 +7354,27 @@ function Dm(e, s, o) {
   function l(r = e) {
     if (o != null && o.fallback) {
       const i = o.fallback(r);
-      return yg() ? sl(r, i) : i;
+      return Fg() ? sl(r, i) : i;
     }
     return sl(r);
   }
   return [n, t, l];
 }
-function bb(e, s, o) {
+function kb(e, s, o) {
   return [e, (n = o, t) => s(n, t), o];
 }
 function Gd(e) {
   return /* @__PURE__ */ lp(e) ? [] : /* @__PURE__ */ Yc(e) ? e : [e];
 }
 // @__NO_SIDE_EFFECTS__
-function Cb(e) {
+function wb(e) {
   const s = typeof e == "function" ? e() : e && typeof e == "object" && "value" in e ? e.value : e;
   if (s) {
     if (s instanceof Element) return s;
     if ("$el" in s) return s.$el;
   }
 }
-function kb(e, s, o, n) {
+function Sb(e, s, o, n) {
   const t = [];
   function l() {
     for (const u of t)
@@ -7245,11 +7400,11 @@ function kb(e, s, o, n) {
   }
   return Tt(c, !0), c;
 }
-function wb(e, s, o) {
-  return je ? kb(window, e, s, o) : () => {
+function _b(e, s, o) {
+  return je ? Sb(window, e, s, o) : () => {
   };
 }
-function Am() {
+function Tm() {
   return {
     mobileBreakpoint: "lg",
     breakpoints: {
@@ -7262,8 +7417,8 @@ function Am() {
     }
   };
 }
-function Tm(e = {}) {
-  const { ssr: s, ...o } = e, n = Am(), { mobileBreakpoint: t, breakpoints: l } = Pt(n, o), r = Object.entries(l).toSorted((F, j) => F[1] - j[1]), i = r.map(([F]) => F), c = /* @__PURE__ */ Ki(t) ? t : l[t] ?? l.md, u = s ? s.clientWidth : je ? window.innerWidth : 0, d = s ? s.clientHeight ?? 0 : je ? window.innerHeight : 0;
+function Im(e = {}) {
+  const { ssr: s, ...o } = e, n = Tm(), { mobileBreakpoint: t, breakpoints: l } = Pt(n, o), r = Object.entries(l).toSorted((F, j) => F[1] - j[1]), i = r.map(([F]) => F), c = /* @__PURE__ */ Ki(t) ? t : l[t] ?? l.md, u = s ? s.clientWidth : je ? window.innerWidth : 0, d = s ? s.clientHeight ?? 0 : je ? window.innerHeight : 0;
   let f = "xs";
   for (let F = r.length - 1; F >= 0; F--)
     if (u >= r[F][1]) {
@@ -7311,9 +7466,9 @@ function Tm(e = {}) {
     update: M
   };
 }
-function Sb(e = {}) {
-  if (e.ssr) return Tm(e);
-  const s = Am();
+function xb(e = {}) {
+  if (e.ssr) return Im(e);
+  const s = Tm();
   return {
     breakpoints: s.breakpoints,
     mobileBreakpoint: s.mobileBreakpoint,
@@ -7340,13 +7495,13 @@ function Sb(e = {}) {
     }
   };
 }
-const [rD, iD, cD] = Dm("v0:breakpoints", (e) => Tm(e), {
-  fallback: () => Sb(),
+const [rD, iD, cD] = Am("v0:breakpoints", (e) => Im(e), {
+  fallback: () => xb(),
   setup: (e, s, o) => {
     je && !(o != null && o.ssr) && e.update();
     const { mount: n } = s;
     s.mount = (...t) => {
-      const l = n(...t), r = Im();
+      const l = n(...t), r = Em();
       function i() {
         e.update();
       }
@@ -7356,14 +7511,14 @@ const [rD, iD, cD] = Dm("v0:breakpoints", (e) => Tm(e), {
           d && i();
         },
         { immediate: !0 }
-      ), u = wb("resize", i, { passive: !0 });
+      ), u = _b("resize", i, { passive: !0 });
       return Tt(() => {
         u(), c();
       }, !0), s.mount = n, l;
     };
   }
 });
-function _b() {
+function $b() {
   const e = te(!1), s = te(!1);
   function o() {
     e.value = !0;
@@ -7378,7 +7533,7 @@ function _b() {
     settle: n
   };
 }
-function xb() {
+function Db() {
   return {
     isHydrated: _n(te(!0)),
     isSettled: _n(te(!0)),
@@ -7388,8 +7543,8 @@ function xb() {
     }
   };
 }
-const [uD, dD, Im] = Dm("v0:hydration", () => _b(), {
-  fallback: () => xb(),
+const [uD, dD, Em] = Am("v0:hydration", () => $b(), {
+  fallback: () => Db(),
   setup: (e, s, o) => {
     s.mixin({
       async mounted() {
@@ -7398,10 +7553,10 @@ const [uD, dD, Im] = Dm("v0:hydration", () => _b(), {
     });
   }
 });
-function $b(e, s, o = {}) {
+function Ab(e, s, o = {}) {
   const n = te(!1);
   return {
-    ...$m(e, s, {
+    ...Dm(e, s, {
       supports: Cr,
       once: o.once,
       create: (l) => new IntersectionObserver(
@@ -7451,14 +7606,14 @@ function $b(e, s, o = {}) {
     isIntersecting: _n(n)
   };
 }
-function Em(e, s = {}) {
+function Fm(e, s = {}) {
   const o = te(!1), n = te(0), {
     pause: t,
     resume: l,
     stop: r,
     isActive: i,
     isPaused: c
-  } = $b(
+  } = Ab(
     e,
     (d) => {
       const f = d.at(-1);
@@ -7479,8 +7634,8 @@ function Em(e, s = {}) {
     stop: r
   };
 }
-function Fm(e, s, o = {}) {
-  return $m(e, s, {
+function Pm(e, s, o = {}) {
+  return Dm(e, s, {
     supports: ep,
     once: o.once,
     create: (n) => new ResizeObserver((t) => {
@@ -7513,14 +7668,14 @@ function Fm(e, s, o = {}) {
     } : void 0
   });
 }
-function Db(e) {
+function Tb(e) {
   const s = te(0), o = te(0), {
     pause: n,
     resume: t,
     stop: l,
     isActive: r,
     isPaused: i
-  } = Fm(
+  } = Pm(
     e,
     (u) => {
       const d = u[0];
@@ -7541,7 +7696,7 @@ function Db(e) {
     stop: l
   };
 }
-const Ab = se(
+const Ib = se(
   {
     /**
      * Количество сегментов, на которые разбивается прогресс-бар
@@ -7579,7 +7734,7 @@ const Ab = se(
   },
   "chunks"
 );
-function Tb(e, s, o, n, t) {
+function Eb(e, s, o, n, t) {
   const l = Y(() => e.variant === "split"), r = Y(() => l.value ? 2 : Number(e.chunkCount) || 0), i = Y(() => !l.value && (!!r.value || !!e.chunkWidth)), c = S(() => {
     const m = et(s);
     return m ? r.value ? (m - Number(e.chunkGap) * (r.value - 1)) / r.value : Number(e.chunkWidth) : 0;
@@ -7626,7 +7781,7 @@ function Tb(e, s, o, n, t) {
     snapValueToChunk: p
   };
 }
-const Ib = se(
+const Fb = se(
   {
     /**
      * Абсолютное позиционирование компонента
@@ -7724,18 +7879,18 @@ const Ib = se(
      */
     bufferOpacity: [Number, String],
     ...ms({ location: "top" }),
-    ...Ab(),
+    ...Ib(),
     ...nt(),
     ...Re(),
     ...yt(),
     ...ot()
   },
   ws.name
-), Eb = /* @__PURE__ */ re({
+), Pb = /* @__PURE__ */ re({
   name: ws.name,
   __name: "CdsProgressBar",
   props: {
-    ...Ib()
+    ...Fb()
   },
   emits: ["update:modelValue"],
   setup(e) {
@@ -7760,14 +7915,14 @@ const Ib = se(
       backgroundColorStyles: C
     } = _t(() => o.color), {
       isIntersecting: k
-    } = Em(t), w = S(() => parseFloat(o.max)), _ = S(() => parseFloat(o.height)), T = S(() => Xt(parseFloat(o.bufferValue) / a(w) * 100, 0, 100)), D = S(() => Xt(parseFloat(a(l)) / a(w) * 100, 0, 100)), x = S(() => a(c) !== o.reverse), $ = S(() => o.indeterminate ? "fade-transition" : "slide-x-transition"), I = te(0), {
+    } = Fm(t), w = S(() => parseFloat(o.max)), _ = S(() => parseFloat(o.height)), T = S(() => Xt(parseFloat(o.bufferValue) / a(w) * 100, 0, 100)), D = S(() => Xt(parseFloat(a(l)) / a(w) * 100, 0, 100)), x = S(() => a(c) !== o.reverse), $ = S(() => o.indeterminate ? "fade-transition" : "slide-x-transition"), I = te(0), {
       hasChunks: A,
       splitStyles: R,
       chunksMaskStyles: E,
       snapValueToChunk: P
-    } = Tb(o, I, D, T, x);
+    } = Eb(o, I, D, T, x);
     Yn(A, () => {
-      Fm(t, (K) => {
+      Pm(t, (K) => {
         I.value = K[0].contentRect.width;
       });
     });
@@ -7872,7 +8027,7 @@ const Ib = se(
       });
     };
   }
-}), da = /* @__PURE__ */ ye(Eb, ws);
+}), fa = /* @__PURE__ */ ye(Pb, ws);
 function Rr(e, {
   slots: s
 }) {
@@ -7882,7 +8037,7 @@ function Rr(e, {
   }, [((o = s.default) == null ? void 0 : o.call(s, {
     color: e.color,
     isActive: e.active
-  })) || h(da, {
+  })) || h(fa, {
     absolute: e.absolute,
     active: e.active,
     color: e.color,
@@ -7903,24 +8058,12 @@ const hs = se(
   },
   "loader"
 );
-function fa(e, s = On()) {
+function pa(e, s = On()) {
   return { loaderClasses: Y(() => ({
     [`${s}--loading`]: et(e).loading
   })) };
 }
-const Nt = se(
-  {
-    /**
-     * Только для чтения
-     * @en Read-only state
-     */
-    readonly: {
-      type: Boolean,
-      default: null
-    }
-  },
-  "readonly"
-), fl = /* @__PURE__ */ Ce("CdsField"), Po = se(
+const fl = /* @__PURE__ */ Ce("CdsField"), Po = se(
   {
     /**
      * Активное состояние поля
@@ -8000,10 +8143,10 @@ const Nt = se(
     "onClick:prependInner": Ut(),
     ...Re(),
     ...bt(),
-    ...Nt(),
+    ...Lt(),
     ...hs(),
     ...yt(),
-    ...Lt(),
+    ...Nt(),
     ...ot()
   },
   fl.name
@@ -8066,7 +8209,7 @@ function Dn(e, s, o) {
     }
   });
 }
-function Pm(e, s, o = "in-out") {
+function Bm(e, s, o = "in-out") {
   return re({
     name: e,
     props: {
@@ -8101,7 +8244,7 @@ function Pm(e, s, o = "in-out") {
     }
   });
 }
-function Bm(e = "", s = "y") {
+function Rm(e = "", s = "y") {
   return {
     onBeforeEnter(t) {
       t._parent = t.parentNode, t._initialStyle = {
@@ -8144,7 +8287,7 @@ function Bm(e = "", s = "y") {
     t.style.overflow = t._initialStyle.overflow, l != null && ["x", "both"].includes(s) && (t.style.width = l), r != null && ["y", "both"].includes(s) && (t.style.height = r), delete t._initialStyle;
   }
 }
-const Fb = (e = "cds-motion-collapse", s = !0) => ({
+const Bb = (e = "cds-motion-collapse", s = !0) => ({
   name: e,
   appear: s,
   css: !0,
@@ -8170,11 +8313,11 @@ const Fb = (e = "cds-motion-collapse", s = !0) => ({
   onAfterLeave: (o) => {
     o && (Ji(o, e), o.style && (o.style.height = null, o.style.opacity = null));
   }
-}), Rm = "CdsModalTransition", Pb = se({
+}), Om = "CdsModalTransition", Rb = se({
   target: [Object, Array]
-}, Rm), bi = /* @__PURE__ */ new WeakMap(), pa = /* @__PURE__ */ re({
-  name: Rm,
-  props: Pb(),
+}, Om), bi = /* @__PURE__ */ new WeakMap(), ma = /* @__PURE__ */ re({
+  name: Om,
+  props: Rb(),
   setup(e, {
     slots: s
   }) {
@@ -8294,7 +8437,7 @@ function qd(e) {
   const s = (o = e.querySelector(":scope > .cds-card, :scope > .cds-surface, :scope > .cds-list")) == null ? void 0 : o.children;
   return s && [...s];
 }
-const Xd = Dn("fade-transition"), Om = Dn("slide-transition-y"), fD = Dn("slide-transition-x"), pD = Dn("slide-transition-right"), mD = Dn("slide-transition-left"), hD = Dn("jump-transition-right"), vD = Dn("jump-transition-left"), Bb = Dn("scale-transition"), gD = Dn("modal-transition-bottom"), yD = Dn("modal-transition-top"), Mm = Pm("expand-transition", Bm()), dc = Pm("expand-transition-x", Bm("", "x")), Ss = /* @__PURE__ */ Ce("CdsMessages"), Lm = se(
+const Xd = Dn("fade-transition"), Mm = Dn("slide-transition-y"), fD = Dn("slide-transition-x"), pD = Dn("slide-transition-right"), mD = Dn("slide-transition-left"), hD = Dn("jump-transition-right"), vD = Dn("jump-transition-left"), Ob = Dn("scale-transition"), gD = Dn("modal-transition-bottom"), yD = Dn("modal-transition-top"), Lm = Bm("expand-transition", Rm()), dc = Bm("expand-transition-x", Rm("", "x")), Ss = /* @__PURE__ */ Ce("CdsMessages"), Nm = se(
   {
     /**
      * Активное состояние
@@ -8318,7 +8461,7 @@ const Xd = Dn("fade-transition"), Om = Dn("slide-transition-y"), fD = Dn("slide-
     ...Re(),
     ...Jn({
       transition: {
-        component: Om,
+        component: Mm,
         leaveAbsolute: !0,
         group: !0
       }
@@ -8439,7 +8582,7 @@ function Au({ groups: e, onLeave: s }) {
   }
   return { onTabKeydown: t };
 }
-const Rb = se(
+const Mb = se(
   {
     /**
      * Замыкает Tab-навигацию внутри контента: с последнего фокусируемого элемента фокус переходит на первый и наоборот.
@@ -8455,7 +8598,7 @@ const Rb = se(
   "focus-trap"
 ), Ka = /* @__PURE__ */ new Map();
 let Zd = 0;
-function Ob(e, {
+function Lb(e, {
   isActive: s,
   localTop: o,
   contentEl: n
@@ -8520,159 +8663,19 @@ function Qd(e) {
   const l = wn(n).filter((u) => u.tabIndex >= 0);
   if (!l.length) return;
   const r = document.activeElement;
-  if (l.length === 1 && l[0].classList.contains("v-list") && l[0].contains(r)) {
+  if (l.length === 1 && l[0].classList.contains("cds-list") && l[0].contains(r)) {
     e.preventDefault();
     return;
   }
   const i = l[0], c = l[l.length - 1];
-  e.shiftKey && (r === i || i.classList.contains("v-list") && i.contains(r)) && (e.preventDefault(), c.focus()), !e.shiftKey && (r === c || c.classList.contains("v-list") && c.contains(r)) && (e.preventDefault(), i.focus());
-}
-const Nm = Symbol.for("cds:form"), Mb = se(
-  {
-    /**
-     * Останавливает валидацию на первом же невалидном поле — остальные поля не проверяются
-     * @en Stops the validation at the very first invalid field — the remaining fields are not checked
-     */
-    firstFail: Boolean,
-    /**
-     * Итоговая валидность формы: `true` — все поля прошли проверку, `false` — есть ошибки, `null` — форма ещё не валидировалась
-     * @en Resulting validity of the form: `true` — every field passed the check, `false` — there are errors, `null` — the form has not been validated yet
-     */
-    modelValue: {
-      type: Boolean,
-      default: null
-    },
-    /**
-     * Когда запускать валидацию полей формы: при вводе, потере фокуса или только вручную
-     * @en When to run the validation of the form fields: on input, on blur or manually only
-     */
-    validateOn: {
-      type: String,
-      default: "input"
-    },
-    ...bt(),
-    ...Nt()
-  },
-  "form"
-);
-function Lb(e) {
-  const s = Ze(e, "modelValue"), o = Y(() => e.disabled), n = Y(() => e.readonly), t = te(!1), l = X([]), r = X([]);
-  async function i() {
-    const d = [];
-    let f = !0;
-    r.value = [], t.value = !0;
-    for (const p of a(l)) {
-      const m = await p.validate();
-      if (m.length > 0 && (f = !1, d.push({
-        id: p.id,
-        errorMessages: m
-      })), !f && e.firstFail) break;
-    }
-    return r.value = d, t.value = !1, { valid: f, errors: a(r) };
-  }
-  function c() {
-    a(l).forEach((d) => d.reset());
-  }
-  function u() {
-    a(l).forEach((d) => d.resetValidation());
-  }
-  return ue(
-    l,
-    () => {
-      let d = 0, f = 0;
-      const p = [];
-      for (const m of a(l))
-        m.isValid === !1 ? (f++, p.push({
-          id: m.id,
-          errorMessages: m.errorMessages
-        })) : m.isValid === !0 && d++;
-      r.value = p, s.value = f > 0 ? !1 : d === a(l).length ? !0 : null;
-    },
-    { deep: !0, flush: "post" }
-  ), gt(Nm, {
-    register: ({ id: d, vm: f, validate: p, reset: m, resetValidation: g }) => {
-      a(l).some((b) => b.id === d) && tt("useForm", `Duplicate input name "${d}"`), l.value.push({
-        id: d,
-        validate: p,
-        reset: m,
-        resetValidation: g,
-        vm: bg(f),
-        isValid: null,
-        errorMessages: []
-      });
-    },
-    unregister: (d) => {
-      l.value = a(l).filter((f) => f.id !== d);
-    },
-    update: (d, f, p) => {
-      const m = a(l).find((g) => g.id === d);
-      m && (m.isValid = f, m.errorMessages = p);
-    },
-    isDisabled: o,
-    isReadonly: n,
-    isValidating: t,
-    isValid: s,
-    items: l,
-    validateOn: Y(() => e.validateOn)
-  }), {
-    /**
-     * Ошибки валидации полей формы: идентификатор поля и его сообщения об ошибках.
-     * @en Validation errors of the form fields: the identifier of a field and its error messages.
-     */
-    errors: r,
-    /**
-     * Заблокированы ли все поля формы.
-     * @en Whether all the fields of the form are blocked.
-     */
-    isDisabled: o,
-    /**
-     * Доступны ли поля формы только для чтения.
-     * @en Whether the fields of the form are read-only.
-     */
-    isReadonly: n,
-    /**
-     * Идёт ли сейчас валидация формы.
-     * @en Whether the form is being validated right now.
-     */
-    isValidating: t,
-    /**
-     * Валидность формы: `true` — все поля прошли проверку, `false` — есть ошибки, `null` — форма ещё не валидировалась.
-     * @en Validity of the form: `true` — every field passed the check, `false` — there are errors, `null` — the form has not been validated yet.
-     */
-    isValid: s,
-    /**
-     * Зарегистрированные в форме поля с их состоянием валидации.
-     * @en The fields registered in the form together with their validation state.
-     */
-    items: l,
-    /**
-     * Запускает валидацию всех полей формы и возвращает результат вместе со списком ошибок.
-     * @en Runs the validation of all the form fields and returns the result together with the list of errors.
-     */
-    validate: i,
-    /** Сбрасывает значения всех полей формы и их валидацию. */
-    reset: c,
-    /**
-     * Сбрасывает только состояние валидации, сохраняя введённые значения.
-     * @en Resets the validation state only, keeping the entered values.
-     */
-    resetValidation: u
-  };
-}
-function ma(e) {
-  const s = lt(Nm, null);
-  return {
-    ...s,
-    isReadonly: S(() => !!((e == null ? void 0 : e.readonly) ?? a(s == null ? void 0 : s.isReadonly))),
-    isDisabled: S(() => !!((e == null ? void 0 : e.disabled) ?? a(s == null ? void 0 : s.isDisabled)))
-  };
+  e.shiftKey && (r === i || i.classList.contains("cds-list") && i.contains(r)) && (e.preventDefault(), c.focus()), !e.shiftKey && (r === c || c.classList.contains("cds-list") && c.contains(r)) && (e.preventDefault(), i.focus());
 }
 const Nb = Symbol.for("cds:rules");
 function Kb(e) {
   const s = lt(Nb, null);
   if (!e) {
     if (!s)
-      throw new Error("Could not find Vuetify rules injection");
+      throw new Error("Could not find CDS rules injection");
     return s.aliases;
   }
   return (s == null ? void 0 : s.resolve(e)) ?? Y(e);
@@ -8733,13 +8736,13 @@ const zb = se(
       default: 1
     },
     ...xu(),
-    ...Nt(),
+    ...Lt(),
     ...bt()
   },
   "validation"
 );
 function Vb(e, s = On(), o = Rt()) {
-  const n = Ze(e, "modelValue"), t = ma(e), l = Kb(() => e.rules), r = te(!1), i = S(() => e.validationValue === void 0 ? n.value : e.validationValue), c = te(!0), u = S(
+  const n = Ze(e, "modelValue"), t = ia(e), l = Kb(() => e.rules), r = te(!1), i = S(() => e.validationValue === void 0 ? n.value : e.validationValue), c = te(!0), u = S(
     () => !!(Dt(a(n) === "" ? null : a(n)).length || Dt(a(i) === "" ? null : a(i)).length)
   ), d = S(() => {
     let _ = (e.validateOn ?? a(t.validateOn)) || "input";
@@ -8914,10 +8917,10 @@ const _s = /* @__PURE__ */ Ce("CdsInput"), Ot = se(
     ...Re(),
     ...zb(),
     ...yt(),
-    ...Lt(),
+    ...Nt(),
     ...Bo(),
     ...mt(Ht(), ["maxWidth", "minWidth", "width"]),
-    ...mt(Lm(), ["messages", "hideMessages"]),
+    ...mt(Nm(), ["messages", "hideMessages"]),
     ...ot()
   },
   _s.name
@@ -8976,7 +8979,7 @@ const _s = /* @__PURE__ */ Ce("CdsInput"), Ot = se(
      * @en v-model modifiers passed by Vue to process the field value
      */
     modelModifiers: Object,
-    ...vm(),
+    ...ym(),
     ...$u(),
     ...Qe(Ot(), ["direction"]),
     ...Po()
@@ -9200,7 +9203,7 @@ const Wb = 178, rs = /* @__PURE__ */ Ce("CdsSelect", {
       type: String,
       default: "$cds.noDataText"
     },
-    ...mb(),
+    ...vb(),
     ...Ir({ itemChildren: !1 })
   },
   rs.name
@@ -9234,7 +9237,7 @@ const Wb = 178, rs = /* @__PURE__ */ Ce("CdsSelect", {
       }),
       ["validationValue", "dirty"]
     ),
-    ...Jn({ transition: { component: pa } })
+    ...Jn({ transition: { component: ma } })
   },
   ll.name
 ), Gb = /* @__PURE__ */ re({
@@ -9250,16 +9253,16 @@ const Wb = 178, rs = /* @__PURE__ */ Ce("CdsSelect", {
   }) {
     const t = be(e), l = ke(), r = o, {
       t: i
-    } = Ft(), c = ma(t), u = ia(t), d = Ze(t, "search", ""), {
+    } = Ft(), c = ia(t), u = ca(t), d = Ze(t, "search", ""), {
       items: f,
       transformIn: p,
       transformOut: m
-    } = ua(t), g = Ze(t, "modelValue", [], (H) => p(H === null ? [null] : Dt(H)), (H) => {
+    } = da(t), g = Ze(t, "modelValue", [], (H) => p(H === null ? [null] : Dt(H)), (H) => {
       const me = m(H);
       return t.multiple ? me : me[0] ?? null;
     }), b = X(), y = X(), C = X(), k = X(), w = X(), _ = te(!1), T = te(!0), D = te(!1), x = te(!1), $ = te(-1), I = te(null), {
       CdsInputIcon: A
-    } = ca(t), {
+    } = ua(t), {
       textColorClasses: R,
       textColorStyles: E
     } = $t(() => t.color), {
@@ -10222,7 +10225,7 @@ const Um = {
     } = it(t), {
       backgroundColorClasses: c,
       backgroundColorStyles: u
-    } = _t(() => t.color), d = Kf(), f = te(""), p = X(), m = te(t.eager ? "loading" : "idle"), g = te(), b = te(), y = S(() => t.src && typeof t.src == "object" ? {
+    } = _t(() => t.color), d = zf(), f = te(""), p = X(), m = te(t.eager ? "loading" : "idle"), g = te(), b = te(), y = S(() => t.src && typeof t.src == "object" ? {
       src: t.src.src,
       srcset: t.srcset || t.src.srcset,
       lazySrc: t.lazySrc || t.src.lazySrc,
@@ -10476,7 +10479,7 @@ const Um = {
      * @en Adds a margin on the left — for an avatar at the end of a line of content.
      */
     end: Boolean,
-    ...Lt(),
+    ...Nt(),
     ...Jt(),
     ...yt(),
     ...Re(),
@@ -10862,7 +10865,7 @@ const $C = se(
     bgColor: String,
     ...Re(),
     ..._C(),
-    ...Lt(),
+    ...Nt(),
     ...nt(),
     ...ot()
   },
@@ -10887,9 +10890,9 @@ const $C = se(
       textColorStyles: p
     } = $t(() => o.bgColor), {
       width: m
-    } = Db(l), {
+    } = Tb(l), {
       isIntersecting: g
-    } = Em(l), {
+    } = Fm(l), {
       state: b,
       duration: y
     } = xC(o), C = Y(() => a(b) === "initial" ? 0 : Xt(parseFloat(o.modelValue), 0, 100)), k = Y(() => Number(o.width)), w = Y(() => a(c) ? Number(o.size) : a(m) ? a(m) : Math.max(a(k), 32)), _ = Y(() => Aa / (1 - a(k) / a(w)) * 2), T = Y(() => a(k) / a(w) * a(_)), D = Y(() => {
@@ -10995,10 +10998,10 @@ const $C = se(
     block: Boolean,
     ...Re(),
     ...Jt(),
-    ...Lt(),
+    ...Nt(),
     ...Ht(),
     ...Eo(),
-    ...Nt(),
+    ...Lt(),
     ...hs(),
     ...eo(),
     ...nt({ tag: "button" }),
@@ -11030,7 +11033,7 @@ const $C = se(
       dimensionStyles: c
     } = jt(n), {
       loaderClasses: u
-    } = fa(n), {
+    } = pa(n), {
       sizeClasses: d,
       sizeStyles: f
     } = $n(n), {
@@ -11155,7 +11158,7 @@ const $C = se(
     ...Bo(),
     ...cm(),
     ...mt(yt(), ["color", "baseColor"]),
-    ...Lt(),
+    ...Nt(),
     ...Re(),
     ...nt(),
     ...ot()
@@ -11728,13 +11731,13 @@ const BC = se(
       dimensionStyles: r
     } = jt(o), {
       loaderClasses: i
-    } = fa(o), {
+    } = pa(o), {
       locationStyles: c
     } = Br(o), {
       positionClasses: u
     } = Lr(o), {
       disabledClasses: d
-    } = gm(o), {
+    } = pm(o), {
       backgroundColorClasses: f,
       backgroundColorStyles: p
     } = _t(() => o.bgColor), {
@@ -11884,7 +11887,7 @@ const BC = se(
     ...Re(),
     ...eo(),
     ...bt(),
-    ...Nt(),
+    ...Lt(),
     ...hs(),
     ...nt({ tag: "button" }),
     ...Qe(yt(), ["bgColor"]),
@@ -12167,7 +12170,7 @@ const Ro = se(
             group: c
           })];
         }
-      }), [[Vf("touch"), a(T)]]);
+      }), [[Hf("touch"), a(T)]]);
     };
   }
 });
@@ -12396,7 +12399,7 @@ const nk = /* @__PURE__ */ re({
             color: o.color,
             icon: o.delimiterIcon
           }, y), null);
-        })]), o.progress && h(da, {
+        })]), o.progress && h(fa, {
           absolute: !0,
           location: "bottom",
           class: `${f}__progress`,
@@ -12467,8 +12470,8 @@ const nk = /* @__PURE__ */ re({
     onClick: Ut(),
     ...Jt(),
     ...bt(),
-    ...Nt(),
     ...Lt(),
+    ...Nt(),
     ...Re()
   },
   El.name
@@ -12567,7 +12570,7 @@ const nk = /* @__PURE__ */ re({
     ...Bo(),
     ...yt(),
     ...bt(),
-    ...Nt(),
+    ...Lt(),
     ...Re(),
     ...ot()
   },
@@ -12817,7 +12820,7 @@ const mk = /* @__PURE__ */ re({
   name: Ss.name,
   __name: "CdsMessages",
   props: {
-    ...Lm()
+    ...Nm()
   },
   setup(e) {
     const o = be(e), n = ke(), t = S(() => Dt(o.messages)), {
@@ -12896,7 +12899,7 @@ const mk = /* @__PURE__ */ re({
         return n.iconColor === !0 ? a(F) : n.iconColor;
     }), {
       CdsInputIcon: K
-    } = ca(n);
+    } = ua(n);
     return s({
       /**
        * ID поля ввода
@@ -13124,7 +13127,7 @@ const mk = /* @__PURE__ */ re({
       }),
       ["validationValue", "dirty"]
     ),
-    ...Jn({ transition: { component: pa } })
+    ...Jn({ transition: { component: ma } })
   },
   Fl.name
 ), kk = /* @__PURE__ */ re({
@@ -13141,18 +13144,18 @@ const mk = /* @__PURE__ */ re({
     var Fe;
     const t = be(e), l = ke(), r = o, {
       t: i
-    } = Ft(), c = ma(t), u = ia(t), {
+    } = Ft(), c = ia(t), u = ca(t), {
       items: d,
       transformIn: f,
       transformOut: p
-    } = ua(t), m = Ze(t, "modelValue", [], (G) => f(Dt(G)), (G) => {
+    } = da(t), m = Ze(t, "modelValue", [], (G) => f(Dt(G)), (G) => {
       const ve = p(G);
       return t.multiple ? ve : ve[0] ?? null;
     }), g = X(), b = X(), y = X(), C = X(), k = X(), w = te(!1), _ = te(!0), T = te(!1), D = te(-1), x = te(null);
     let $ = !1;
     const {
       CdsInputIcon: I
-    } = ca(t), {
+    } = ua(t), {
       textColorClasses: A,
       textColorStyles: R
     } = $t(() => t.color), E = Y(() => t.closableChips && !c.isReadonly.value && !c.isDisabled.value), P = S(() => !!(t.chips || l.chip)), N = S(() => P.value || !!l.selection), M = te(!t.multiple && !N.value ? ((Fe = m.value[0]) == null ? void 0 : Fe.title) ?? "" : ""), F = S({
@@ -13672,7 +13675,7 @@ const mk = /* @__PURE__ */ re({
     ...Re(),
     ...bt(),
     ...Jn({
-      transition: { component: Om }
+      transition: { component: Mm }
     })
   },
   Pl.name
@@ -13826,7 +13829,7 @@ const mk = /* @__PURE__ */ re({
     ...fm(),
     ...ot(),
     ...bt(),
-    ...Nt()
+    ...Lt()
   },
   Rl.name
 );
@@ -15533,7 +15536,7 @@ const gn = se(
     ...Ek(),
     ...Ok(),
     ...Mu(),
-    ...Rb(),
+    ...Mb(),
     ...Ht(),
     ...bt(),
     ...Jn(),
@@ -15628,14 +15631,14 @@ const Uk = /* @__PURE__ */ re({
       target: R,
       isActive: w,
       updateLocation: V
-    }), Ob(t, {
+    }), Lb(t, {
       isActive: w,
       localTop: x,
       contentEl: k
     });
-    const Z = ub();
+    const Z = fb();
     Yn(() => t.closeOnBack, () => {
-      db(Z, () => {
+      pb(Z, () => {
         if (D.value && w.value)
           return t.persistent ? W() : w.value = !1, !1;
       });
@@ -15753,7 +15756,7 @@ const Uk = /* @__PURE__ */ re({
         props: fe({
           ref: A
         }, a(N), t.activatorProps)
-      }), a(b) && a(_) && h(Cg, {
+      }), a(b) && a(_) && h(Pg, {
         disabled: !a(K),
         to: a(K)
       }, {
@@ -15789,7 +15792,7 @@ const Uk = /* @__PURE__ */ re({
               style: [a(m), a(B)]
             }, a(M), t.contentProps), [(Oe = l.default) == null ? void 0 : Oe.call(l, {
               isActive: w
-            })]), [[fn, a(w)], [Vf("click-outside"), {
+            })]), [[fn, a(w)], [Hf("click-outside"), {
               handler: O,
               closeConditional: q,
               include: () => [a(I)]
@@ -15822,7 +15825,7 @@ const Uk = /* @__PURE__ */ re({
         closeDelay: po.closeDelay,
         openDelay: po.openDelay,
         offset: po.offset,
-        transition: { component: pa }
+        transition: { component: ma }
       }),
       ["absolute"]
     )
@@ -15856,7 +15859,7 @@ const Uk = /* @__PURE__ */ re({
           !p.value.size && !n.persistent && (C == null || (k = d.value) != null && k.contentEl && !mp(C, d.value.contentEl)) && (i.value = !1, f == null || f.closeParents());
         }, 40);
       }
-    }), xt(() => f == null ? void 0 : f.unregister()), kg(() => i.value = !1), ue(i, (C) => {
+    }), xt(() => f == null ? void 0 : f.unregister()), Bg(() => i.value = !1), ue(i, (C) => {
       C ? f == null || f.register() : f == null || f.unregister();
     }, {
       immediate: !0
@@ -15922,6 +15925,10 @@ const Uk = /* @__PURE__ */ re({
   __name: "CdsField",
   props: {
     ...Po(),
+    /**
+     * Идентификатор поля — значение HTML-атрибута `id` для вложенного контрола
+     * @en Field identifier — the value of the `id` HTML attribute for the inner control
+     */
     id: String,
     /**
      * Резервирует место под подсказки и сообщения об ошибках под полем
@@ -15938,7 +15945,7 @@ const Uk = /* @__PURE__ */ re({
       themeClasses: r
     } = it(n), {
       loaderClasses: i
-    } = fa(n), {
+    } = pa(n), {
       focusClasses: c,
       isFocused: u,
       focus: d,
@@ -15950,7 +15957,7 @@ const Uk = /* @__PURE__ */ re({
       rtlClasses: g
     } = vn(), {
       CdsInputIcon: b
-    } = ca(n), y = X(), C = Rt(), k = S(() => n.id || `input-${C}`), w = Y(() => n.details ? `${a(k)}-messages` : void 0), _ = Y(() => n.dirty || n.active), T = S(() => n.error || n.disabled ? void 0 : a(_) && a(u) ? n.activeColor : n.color), D = S(() => {
+    } = ua(n), y = X(), C = Rt(), k = S(() => n.id || `input-${C}`), w = Y(() => n.details ? `${a(k)}-messages` : void 0), _ = Y(() => n.dirty || n.active), T = S(() => n.error || n.disabled ? void 0 : a(_) && a(u) ? n.activeColor : n.color), D = S(() => {
       if (n.iconColor)
         return n.iconColor === !0 ? a(T) : n.iconColor;
     }), {
@@ -16107,13 +16114,13 @@ const Uk = /* @__PURE__ */ re({
     expose: s,
     emit: o
   }) {
-    const t = be(e), l = ke(), r = o, i = ht(), c = ia(t), u = Ze(t, "modelValue", void 0, (I) => Object.is(I, -0) ? "-1" : I), {
+    const t = be(e), l = ke(), r = o, i = ht(), c = ca(t), u = Ze(t, "modelValue", void 0, (I) => Object.is(I, -0) ? "-1" : I), {
       isFocused: d,
       focus: f,
       blur: p
     } = no(t), {
       onIntersect: m
-    } = Du(t), g = X(), b = X(), y = X(), C = S(() => Yy.includes(t.type) || t.persistentPlaceholder || a(d) || t.active), k = S(() => typeof t.counterValue == "function" ? t.counterValue(a(u)) : typeof t.counterValue == "number" ? t.counterValue : (a(u) ?? "").toString().length), w = S(() => {
+    } = Du(t), g = X(), b = X(), y = X(), C = S(() => Xy.includes(t.type) || t.persistentPlaceholder || a(d) || t.active), k = S(() => typeof t.counterValue == "function" ? t.counterValue(a(u)) : typeof t.counterValue == "number" ? t.counterValue : (a(u) ?? "").toString().length), w = S(() => {
       if (i.maxlength) return i.maxlength;
       if (!(!t.counter || typeof t.counter != "number" && typeof t.counter != "string"))
         return t.counter;
@@ -17068,7 +17075,7 @@ const sw = /* @__PURE__ */ re({
     ...Re(),
     ...fm({ mask: "HH:mm" }),
     ...bt(),
-    ...Nt(),
+    ...Lt(),
     ...ot()
   },
   co.name
@@ -17929,7 +17936,7 @@ const dw = /* @__PURE__ */ re({
     ...Jt(),
     ...Re(),
     ...Ht(),
-    ...Lt({ size: void 0 }),
+    ...Nt({ size: void 0 }),
     ...ot()
   },
   zl.name
@@ -17963,7 +17970,7 @@ const dw = /* @__PURE__ */ re({
       var $, I, A, R, E;
       const {
         rootClass: g
-      } = zl, b = !!(t.actions || n.actionText), y = !!(t.headline || n.headline), C = !!(t.title || n.title), k = !!(t.text || n.text), w = !!(t.description || n.description), _ = !!(t.media || n.image || n.icon), T = !!(t.illustration || n.illustration), D = n.size || (n.image ? 200 : 96), x = n.illustration ? zf(Hf(n.illustration)) : void 0;
+      } = zl, b = !!(t.actions || n.actionText), y = !!(t.headline || n.headline), C = !!(t.title || n.title), k = !!(t.text || n.text), w = !!(t.description || n.description), _ = !!(t.media || n.image || n.icon), T = !!(t.illustration || n.illustration), D = n.size || (n.image ? 200 : 96), x = n.illustration ? Vf(Lf(n.illustration)) : void 0;
       return h("div", {
         class: z(g, `${g}--${n.justify}`, a(r), a(i), a(p), n.class),
         style: [a(c), a(f), n.style]
@@ -18090,7 +18097,7 @@ const dw = /* @__PURE__ */ re({
     static: Boolean,
     ...Re(),
     ...Ht(),
-    ...Nt()
+    ...Lt()
   },
   qo.name
 ), Zu = se(
@@ -18178,7 +18185,7 @@ const dw = /* @__PURE__ */ re({
       const {
         rootClass: r
       } = Xo;
-      return h(Mm, null, {
+      return h(Lm, null, {
         default: () => [a(t.isSelected) && h("div", {
           class: z(r, o.class),
           style: o.style
@@ -19012,7 +19019,7 @@ const Pw = /* @__PURE__ */ re({
      */
     error: Boolean,
     ...bt(),
-    ...Nt(),
+    ...Lt(),
     ...mt(ds({ length: 150 }), ["length", "thickness", "opacity"]),
     ...Ju(),
     /**
@@ -19165,7 +19172,7 @@ function Rh() {
   return lt(il, null);
 }
 function Nw(e) {
-  const s = X(), o = te(!1), { items: n } = ua(e), t = Ze(e, "navigationIndex", -1, (g) => g ?? -1);
+  const s = X(), o = te(!1), { items: n } = da(e), t = Ze(e, "navigationIndex", -1, (g) => g ?? -1);
   function l() {
     o.value = !0;
   }
@@ -19246,7 +19253,7 @@ const Kw = /* @__PURE__ */ re({
   __name: "ListGroupActivator",
   setup(e) {
     const s = ke();
-    return ib(), () => {
+    return ub(), () => {
       var o;
       return (o = s.default) == null ? void 0 : o.call(s);
     };
@@ -19255,7 +19262,7 @@ const Kw = /* @__PURE__ */ re({
   name: ul.name,
   __name: "CdsListGroup",
   props: {
-    ..._m()
+    ...xm()
   },
   setup(e, {
     expose: s
@@ -19266,7 +19273,7 @@ const Kw = /* @__PURE__ */ re({
       isOpen: i,
       open: c,
       id: u
-    } = Sm(() => n.value, () => !!n.disabled, !0), d = S(() => `cds-list-group--id-${String(n.rawId ?? a(u))}`), f = lt(as), p = Y(() => {
+    } = _m(() => n.value, () => !!n.disabled, !0), d = S(() => `cds-list-group--id-${String(n.rawId ?? a(u))}`), f = lt(as), p = Y(() => {
       var k;
       return a((k = f == null ? void 0 : f.root) == null ? void 0 : k.itemsRegistration) === "render";
     }), m = S(() => ({
@@ -19320,7 +19327,7 @@ const Kw = /* @__PURE__ */ re({
           })]
         }), h(Wt, {
           transition: {
-            component: Mm
+            component: Lm
           },
           disabled: !a(r)
         }, {
@@ -19374,7 +19381,7 @@ const Kw = /* @__PURE__ */ re({
       openOnSelect: D,
       scrollToActive: x,
       id: $
-    } = Sm(p, () => !!t.disabled, !1), I = S(() => {
+    } = _m(p, () => !!t.disabled, !1), I = S(() => {
       var W;
       return t.active !== !1 && (t.active || ((W = a) == null ? void 0 : W(f.isActive)) || (a(_.activatable) ? a(g) : a(C)));
     }), A = Y(() => t.link !== !1 && a(f.isLink)), R = S(() => !!c && (a(_.selectable) || a(_.activatable) || t.value != null)), E = S(() => !t.disabled && t.link !== !1 && (t.link || a(f.isClickable) || a(R))), P = S(() => c && a(c.navigationStrategy) === "track" && t.index !== void 0 && a(c.trackingIndex) === t.index), N = S(() => c ? a(A) ? "link" : a(R) ? "option" : "listitem" : void 0), M = S(() => {
@@ -19592,7 +19599,7 @@ const Kw = /* @__PURE__ */ re({
   name: cl.name,
   __name: "CdsListItemDivider",
   props: {
-    ...pb()
+    ...hb()
   },
   setup(e) {
     const o = be(e), n = ke();
@@ -19668,7 +19675,7 @@ const Kw = /* @__PURE__ */ re({
               item: u
             });
           } : void 0
-        }, p = qe(_m, i);
+        }, p = qe(xm, i);
         return r ? h(Oh, fe(p, {
           value: o.returnObject ? u : i == null ? void 0 : i.value,
           rawId: i == null ? void 0 : i.value
@@ -19735,7 +19742,7 @@ const Kw = /* @__PURE__ */ re({
       parents: x,
       select: $,
       getPath: I
-    } = rb(n, {
+    } = cb(n, {
       items: d,
       returnObject: Y(() => n.returnObject),
       scrollToActive: Y(() => n.navigationStrategy === "track")
@@ -20250,7 +20257,7 @@ const jh = /* @__PURE__ */ re({
       isFocused: u
     } = no(t), {
       loaderClasses: d
-    } = fa(t), f = ma(t), p = Ze(t, "modelValue", t.modelValue, ($) => Dt($), ($) => t.multiple || Array.isArray(t.modelValue) ? $ : $[0]), m = X(), g = X(), b = X(), y = te(), C = S(() => {
+    } = pa(t), f = ia(t), p = Ze(t, "modelValue", t.modelValue, ($) => Dt($), ($) => t.multiple || Array.isArray(t.modelValue) ? $ : $[0]), m = X(), g = X(), b = X(), y = te(), C = S(() => {
       var $;
       return (($ = a(m)) == null ? void 0 : $.isValid) === !1;
     }), k = S(() => !a(f.isDisabled) && !a(f.isReadonly));
@@ -20494,7 +20501,7 @@ const jh = /* @__PURE__ */ re({
   }
 }), rS = se(
   {
-    ...pm(),
+    ...hm(),
     ...mt(yt(), ["color", "bgColor"]),
     ...ot(),
     ...Re()
@@ -20520,7 +20527,7 @@ const jh = /* @__PURE__ */ re({
       textColorStyles: m
     } = $t(() => n.color);
     i || tt(Es.name, "CdsFooter должен использоваться внутри CdsLayout.");
-    const g = i ? mm(n, Es.rootClass, "F") : null;
+    const g = i ? vm(n, Es.rootClass, "F") : null;
     if (g) {
       const {
         size: y,
@@ -20562,7 +20569,7 @@ const jh = /* @__PURE__ */ re({
      * @en Description of the form. Rendered under the heading through `CdsDescription`.
      */
     description: String,
-    ...Mb(),
+    ...Vy(),
     ...Re()
   },
   Yl.name
@@ -20577,7 +20584,7 @@ const jh = /* @__PURE__ */ re({
     expose: s,
     emit: o
   }) {
-    const t = be(e), l = ke(), r = o, i = Lb(t), c = X(), u = Rt(), d = `${u}-label`, f = `${u}-description`, p = S(() => !!t.label || !!l.label), m = S(() => !!t.description || !!l.description), g = S(() => a(p) || a(m));
+    const t = be(e), l = ke(), r = o, i = Hy(t), c = X(), u = Rt(), d = `${u}-label`, f = `${u}-description`, p = S(() => !!t.label || !!l.label), m = S(() => !!t.description || !!l.description), g = S(() => a(p) || a(m));
     function b(C) {
       C.preventDefault(), i.reset();
     }
@@ -20890,7 +20897,7 @@ const kS = /* @__PURE__ */ re({
   }
 }), Fs = /* @__PURE__ */ Ce("CdsHeader"), SS = se(
   {
-    ...pm(),
+    ...hm(),
     ...mt(yt(), ["color", "bgColor"]),
     ...ot(),
     ...Re()
@@ -20916,7 +20923,7 @@ const kS = /* @__PURE__ */ re({
       textColorStyles: p
     } = $t(() => n.color);
     i || tt(Fs.name, "CdsHeader должен использоваться внутри CdsLayout.");
-    const m = i ? mm(n, Fs.rootClass, "H") : null;
+    const m = i ? vm(n, Fs.rootClass, "H") : null;
     if (m) {
       const {
         revealed: b,
@@ -21200,7 +21207,7 @@ const TS = /* @__PURE__ */ re({
         $[I][A] = R;
       }
     };
-    if (Hy($), je && yo() > 0) {
+    if (Wy($), je && yo() > 0) {
       let I = null;
       const A = document.body, R = () => {
         I = null, A.classList.remove("cds-hide-scrollbar");
@@ -21316,7 +21323,7 @@ const TS = /* @__PURE__ */ re({
      * @en Description that best explains the loading state (aria-label)
      */
     description: String,
-    ...Lt(),
+    ...Nt(),
     ...ot(),
     ...Re()
   },
@@ -21409,10 +21416,10 @@ const TS = /* @__PURE__ */ re({
       location: "center center",
       origin: "center center",
       scrollStrategy: "block",
-      transition: { component: pa },
+      transition: { component: ma },
       zIndex: 2400
     }),
-    ...Lt()
+    ...Nt()
   },
   Bs.name
 ), jS = /* @__PURE__ */ re({
@@ -21998,7 +22005,7 @@ const n_ = /* @__PURE__ */ re({
     ...bt(),
     ...xu(),
     ...hs(),
-    ...Lt(),
+    ...Nt(),
     ...ot()
   },
   Js.name
@@ -22835,7 +22842,7 @@ const i_ = /* @__PURE__ */ re({
       themeClasses: d
     } = it(t), {
       disabledClasses: f
-    } = gm(t), {
+    } = pm(t), {
       width: p
     } = hn(), m = te(-1), g = X(""), {
       resizeRef: b
@@ -23202,7 +23209,7 @@ const i_ = /* @__PURE__ */ re({
       }),
       ["validationValue", "dirty"]
     ),
-    ...Jn({ transition: { component: pa } })
+    ...Jn({ transition: { component: ma } })
   },
   rs.name
 ), x_ = /* @__PURE__ */ re({
@@ -23222,15 +23229,15 @@ const i_ = /* @__PURE__ */ re({
       items: u,
       transformIn: d,
       transformOut: f
-    } = ua(t), {
+    } = da(t), {
       filteredItems: p,
       getMatches: m
-    } = Iu(t, u, () => c.value), g = ma(t), b = ia(t), y = Ze(t, "modelValue", [], (ne) => d(ne === null ? [null] : Dt(ne)), (ne) => {
+    } = Iu(t, u, () => c.value), g = ia(t), b = ca(t), y = Ze(t, "modelValue", [], (ne) => d(ne === null ? [null] : Dt(ne)), (ne) => {
       const Ae = f(ne);
       return t.multiple ? Ae : Ae[0] ?? null;
     }), C = X(), k = X(), w = X(), _ = X(), T = X(), D = X(), x = S(() => typeof t.counterValue == "function" ? t.counterValue(y.value) : typeof t.counterValue == "number" ? t.counterValue : y.value.length), $ = S(() => y.value.map((ne) => ne.value)), I = te(!1), {
       CdsInputIcon: A
-    } = ca(t), R = Y(() => t.closableChips && !g.isReadonly.value && !g.isDisabled.value), E = S(() => {
+    } = ua(t), R = Y(() => t.closableChips && !g.isReadonly.value && !g.isDisabled.value), E = S(() => {
       const ne = c.value ? p.value : u.value;
       return t.hideSelected ? ne.filter((Ae) => !y.value.some((ie) => (t.valueComparator || kt)(ie, Ae))) : ne;
     }), P = S(() => t.hideNoData && !E.value.length || g.isReadonly.value || g.isDisabled.value), N = Ze(t, "menu"), M = S({
@@ -23866,7 +23873,7 @@ const i_ = /* @__PURE__ */ re({
   }) {
     const n = be(e), {
       items: t
-    } = ua(n), {
+    } = da(n), {
       themeClasses: l
     } = it(n), r = S(() => a(t).findIndex((f) => String(f.value) === String(n.current))), i = S(() => ({
       gridTemplateColumns: `repeat(${a(t).length}, 1fr)`
@@ -23996,7 +24003,7 @@ const i_ = /* @__PURE__ */ re({
      */
     interactive: Boolean,
     ...Eo(),
-    ...Nt(),
+    ...Lt(),
     ...Re()
   },
   ea.name
@@ -24057,7 +24064,7 @@ const i_ = /* @__PURE__ */ re({
       required: "force",
       selectedClass: `${ea.rootClass}--current`
     }),
-    ...Nt(),
+    ...Lt(),
     ...Re(),
     ...nt(),
     ...ot()
@@ -24501,7 +24508,7 @@ function bv(e, s, o, n) {
   return Cv(t) ? t : n == null ? void 0 : n();
 }
 function Cv(e) {
-  return (e || []).some((s) => vo(s) ? s.type === Nf ? !1 : !(s.type === Ve && !Cv(s.children)) : !0) ? e : null;
+  return (e || []).some((s) => vo(s) ? s.type === Kf ? !1 : !(s.type === Ve && !Cv(s.children)) : !0) ? e : null;
 }
 const kv = se(
   {
@@ -24853,6 +24860,10 @@ const Sv = se(
      * @en Prefix of the CSS classes of the node
      */
     prefixCls: String,
+    /**
+     * Заголовок узла дерева: строка или рендер-функция
+     * @en Tree node title: a string or a render function
+     */
     title: [Function, String],
     /**
      * Данные узла — исходный элемент списка, из которого построен узел
@@ -27572,9 +27583,9 @@ function Uv(e, s, o) {
 const t1 = se(
   {
     ...ei(),
-    ...Lt(),
-    ...bt(),
     ...Nt(),
+    ...bt(),
+    ...Lt(),
     ...ot()
   },
   sd.name
@@ -28541,7 +28552,7 @@ const Ei = re({
     let b = null, y = null, C = null, k = null;
     St(() => {
       b = Vn(document.body, "mouseup", f, !1), y = Vn(document.body, "mousemove", p, !1), C = Vn(window, "resize", m, !1);
-    }), wg(() => {
+    }), Rg(() => {
       Ue(() => {
         m();
       });
@@ -28604,9 +28615,9 @@ const Ei = re({
   inheritAttrs: !1,
   props: {
     ...ei(),
-    ...Lt(),
-    ...bt(),
     ...Nt(),
+    ...bt(),
+    ...Lt(),
     // Internal props
     internalHooks: [String],
     transformColumns: {
@@ -28925,9 +28936,9 @@ const Ei = re({
   inheritAttrs: !1,
   props: {
     ...ei(),
-    ...Lt(),
-    ...bt(),
     ...Nt(),
+    ...bt(),
+    ...Lt(),
     ...ot(),
     contextSlots: {
       type: Object,
@@ -29395,7 +29406,7 @@ const Ei = re({
      * @en The v-model modifiers passed by Vue to process the field value
      */
     modelModifiers: Object,
-    ...vm(),
+    ...ym(),
     ...$u(),
     ...Qe(Ot(), ["direction"]),
     ...Po()
@@ -29416,7 +29427,7 @@ const Ei = re({
     expose: s,
     emit: o
   }) {
-    const t = be(e), l = ke(), r = o, i = ht(), c = ia(t), u = Ze(t, "modelValue"), {
+    const t = be(e), l = ke(), r = o, i = ht(), c = ca(t), u = Ze(t, "modelValue"), {
       isFocused: d,
       focus: f,
       blur: p
@@ -29894,7 +29905,7 @@ const A1 = /* @__PURE__ */ re({
           }, [(Se = l.header) == null ? void 0 : Se.call(l)]), t.timer && Number(t.timeout) > 0 && !a(T) && h("div", {
             key: "timer",
             class: [`${O}__timer`, `${O}__timer--${t.timer === "bottom" ? "bottom" : "top"}`]
-          }, [h(da, {
+          }, [h(fa, {
             ref: _,
             color: t.timerColor,
             max: t.timeout,
@@ -30217,7 +30228,7 @@ const E1 = /* @__PURE__ */ re({
     thumbColor: String,
     ...Qe(Ot(), ["bgColor", "textColor", "activeColor"]),
     ...Qe(oo(), ["bgColor", "textColor", "activeColor"]),
-    ...Lt()
+    ...Nt()
   },
   fr.name
 ), B1 = /* @__PURE__ */ re({
@@ -30233,7 +30244,7 @@ const E1 = /* @__PURE__ */ re({
   }) {
     const n = be(e), t = ke(), l = ht(), r = Ze(n, "indeterminate"), i = Ze(n, "modelValue"), {
       loaderClasses: c
-    } = fa(n), {
+    } = pa(n), {
       isFocused: u,
       focus: d,
       blur: f
@@ -30336,7 +30347,7 @@ const E1 = /* @__PURE__ */ re({
                 ...K,
                 icon: V
               })]
-            }) : h(Bb, null, {
+            }) : h(Ob, null, {
               default: () => [n.loading ? h(Rr, {
                 name: $,
                 active: !0,
@@ -30817,7 +30828,7 @@ const W1 = ({ prefixCls: e, level: s, isStart: o, isEnd: n }) => {
     motionType: String
   },
   setup(e, { attrs: s, slots: o }) {
-    const n = X(!0), t = X(!1), l = S(() => e.motion ? e.motion : Fb()), r = (i, c) => {
+    const n = X(!0), t = X(!1), l = S(() => e.motion ? e.motion : Bb()), r = (i, c) => {
       var u, d, f, p;
       c === "appear" ? (d = (u = a(l)) == null ? void 0 : u.onAfterEnter) == null || d.call(u, i) : c === "leave" && ((p = (f = a(l)) == null ? void 0 : f.onAfterLeave) == null || p.call(f, i)), a(t) || e.onMotionEnd && e.onMotionEnd(), t.value = !0;
     };
@@ -33164,7 +33175,7 @@ const I$ = /* @__PURE__ */ re({
       openFileDialogOnClick: !0
     }),
     ...bt(),
-    ...Nt(),
+    ...Lt(),
     ...nt({
       tag: "span"
     })
@@ -33472,7 +33483,7 @@ const I$ = /* @__PURE__ */ re({
       }, {
         default: () => [Vt(h("div", {
           class: z("cds-uploader-list-item__progress")
-        }, ["percent" in p ? [h(da, {
+        }, ["percent" in p ? [h(fa, {
           absolute: !1,
           height: 2,
           modelValue: p == null ? void 0 : p.percent,
@@ -34102,7 +34113,7 @@ const K$ = se(
   CDS_DRAWER_WIDTH_MINIFIED: wh,
   CDS_DRAWER_Z_INDEX_INNER: hw,
   CDS_DRAWER_Z_INDEX_OUTER: Va,
-  CdsApp: Gy,
+  CdsApp: qy,
   CdsAutocomplete: Yb,
   CdsAvatar: an,
   CdsBadge: Km,
@@ -34182,7 +34193,7 @@ const K$ = se(
   CdsOverlay: so,
   CdsPage: h_,
   CdsPagination: tv,
-  CdsProgressBar: da,
+  CdsProgressBar: fa,
   CdsProgressCircle: vs,
   CdsRadio: nd,
   CdsRadioGroup: S_,
@@ -34250,15 +34261,15 @@ const K$ = se(
   enDate: dm,
   ru: Xp,
   ruDate: la
-}, Symbol.toStringTag, { value: "Module" })), j$ = (e = {}) => hm(e), W$ = "4.0.0-alpha.5";
+}, Symbol.toStringTag, { value: "Module" })), j$ = (e = {}) => gm(e), W$ = "4.0.0-alpha.7";
 j$.version = W$;
 export {
   kh as CDS_DRAWER_WIDTH,
   wh as CDS_DRAWER_WIDTH_MINIFIED,
   hw as CDS_DRAWER_Z_INDEX_INNER,
   Va as CDS_DRAWER_Z_INDEX_OUTER,
-  Vy as CDS_LAYOUT_CONTEXT_KEY,
-  Gy as CdsApp,
+  jy as CDS_LAYOUT_CONTEXT_KEY,
+  qy as CdsApp,
   Yb as CdsAutocomplete,
   an as CdsAvatar,
   Km as CdsBadge,
@@ -34328,7 +34339,7 @@ export {
   Lo as CdsMenu,
   ah as CdsMessages,
   WS as CdsModal,
-  pa as CdsModalTransition,
+  ma as CdsModalTransition,
   Zh as CdsNotification,
   o_ as CdsNotificationAlert,
   u_ as CdsOtpField,
@@ -34339,7 +34350,7 @@ export {
   so as CdsOverlay,
   h_ as CdsPage,
   tv as CdsPagination,
-  da as CdsProgressBar,
+  fa as CdsProgressBar,
   vs as CdsProgressCircle,
   nd as CdsRadio,
   S_ as CdsRadioGroup,
@@ -34379,19 +34390,19 @@ export {
   K1 as CdsToolbar,
   z1 as CdsToolbarTitle,
   dd as CdsTooltip,
-  Fb as CdsTransitionCollapse,
-  Mm as CdsTransitionExpand,
+  Bb as CdsTransitionCollapse,
+  Lm as CdsTransitionExpand,
   dc as CdsTransitionExpandX,
   Xd as CdsTransitionFade,
   vD as CdsTransitionJumpLeft,
   hD as CdsTransitionJumpRight,
   gD as CdsTransitionModalBottom,
   yD as CdsTransitionModalTop,
-  Bb as CdsTransitionScale,
+  Ob as CdsTransitionScale,
   mD as CdsTransitionSlideLeft,
   pD as CdsTransitionSlideRight,
   fD as CdsTransitionSlideX,
-  Om as CdsTransitionSlideY,
+  Mm as CdsTransitionSlideY,
   y$ as CdsTree,
   C$ as CdsTreeDirectory,
   b$ as CdsTreeNode,
@@ -34420,22 +34431,23 @@ export {
   oD as breakpointsUpDown,
   CD as components,
   zy as computeColor,
-  Tm as createBreakpoints,
+  Im as createBreakpoints,
   rD as createBreakpointsContext,
   iD as createBreakpointsPlugin,
   j$ as createCds,
   gu as createContext,
   ay as createDefaults,
   fy as createDisplay,
-  xb as createFallbackHydration,
-  _b as createHydration,
+  Db as createFallbackHydration,
+  Hy as createForm,
+  $b as createHydration,
   uD as createHydrationContext,
   dD as createHydrationPlugin,
-  $m as createObserver,
-  yb as createPlugin,
-  Dm as createPluginContext,
+  Dm as createObserver,
+  Cb as createPlugin,
+  Am as createPluginContext,
   Iy as createTheme,
-  bb as createTrinity,
+  kb as createTrinity,
   Rd as defaultDisplayOptions,
   ys as defaultThemeOptions,
   cm as defineAppearanceProps,
@@ -34443,8 +34455,9 @@ export {
   fm as defineDatetimeProps,
   Ht as defineDimensionsProps,
   dy as defineDisplayProps,
-  pm as defineLayoutProps,
-  Lt as defineSizeProps,
+  Vy as defineFormProps,
+  hm as defineLayoutProps,
+  Nt as defineSizeProps,
   ot as defineThemeProps,
   bD as directives,
   Hn as getDayHash,
@@ -34455,11 +34468,11 @@ export {
   ei as makeTableProps,
   Wd as provideContext,
   mn as provideDefaults,
-  Hy as provideLayout,
+  Wy as provideLayout,
   it as provideTheme,
   sD as themes,
   Gd as toArray,
-  Cb as toElement,
+  wb as toElement,
   By as useAppearance,
   _t as useBackgroundColor,
   cD as useBreakpoints,
@@ -34469,15 +34482,16 @@ export {
   be as useDefaults,
   jt as useDimensions,
   hn as useDisplay,
-  Em as useElementIntersection,
-  Db as useElementSize,
-  Im as useHydration,
+  Fm as useElementIntersection,
+  Tb as useElementSize,
+  ia as useForm,
+  Em as useHydration,
   us as useInjectLayout,
-  $b as useIntersectionObserver,
-  mm as useLayout,
+  Ab as useIntersectionObserver,
+  vm as useLayout,
   Uv as useLazyKVMap,
   ev as useOtpInput,
-  Fm as useResizeObserver,
+  Pm as useResizeObserver,
   $v as useSelection,
   Ky as useShadowBorderColor,
   $n as useSize,