@central-design-system/components 2.30.0 → 3.0.0-alpha.0

package/dist/cds.es.js

@@ -0,0 +1,2159 @@
+import { getCurrentInstance as ft, warn as me, resolveDynamicComponent as P, computed as c, defineComponent as u, unref as G, ref as _, watch as Y, onScopeDispose as pt, effectScope as mt, onBeforeUnmount as Ne, provide as x, inject as R, openBlock as g, createElementBlock as C, normalizeClass as O, toDisplayString as L, createElementVNode as E, mergeProps as Fe, createBlock as k, renderSlot as $, resolveComponent as z, withCtx as B, createCommentVNode as w, Fragment as ve, createTextVNode as M, onBeforeMount as vt, withKeys as ze, h as A, normalizeProps as we, guardReactiveProps as be, Transition as gt, camelize as yt, toRef as ht, createVNode as Me, withDirectives as Ct, vShow as $t, withModifiers as _e } from "vue";
+function b(e, t) {
+  return (n) => Object.keys(e).reduce((s, o) => {
+    const r = typeof e[o] == "object" && e[o] != null && !Array.isArray(e[o]) ? e[o] : { type: e[o] };
+    return n && o in n ? s[o] = {
+      ...r,
+      default: n[o]
+    } : s[o] = r, t && !s[o].source && (s[o].source = t), s;
+  }, {});
+}
+const vs = Object.freeze({
+  enter: 13,
+  tab: 9,
+  delete: 46,
+  esc: 27,
+  space: 32,
+  up: 38,
+  down: 40,
+  left: 37,
+  right: 39,
+  end: 35,
+  home: 36,
+  del: 46,
+  backspace: 8,
+  insert: 45,
+  pageup: 33,
+  pagedown: 34,
+  shift: 16
+}), Re = Object.freeze({
+  hover: "cds-state-hover",
+  focus: "cds-state-focus",
+  active: "cds-state-active",
+  visited: "cds-state-visited",
+  disabled: "cds-state-disabled",
+  checked: "cds-state-checked",
+  indeterminate: "cds-state-indeterminate",
+  invalid: "cds-state-invalid",
+  empty: "cds-state-empty",
+  loading: "cds-state-loading"
+});
+function ke(e) {
+  return e !== null && typeof e == "object" && !Array.isArray(e);
+}
+function wt(e = {}, t = {}, n) {
+  const s = {};
+  for (const o in e)
+    s[o] = e[o];
+  for (const o in t) {
+    const a = e[o], r = t[o];
+    if (ke(a) && ke(r)) {
+      s[o] = wt(a, r, n);
+      continue;
+    }
+    if (Array.isArray(a) && Array.isArray(r) && n) {
+      s[o] = n(a, r);
+      continue;
+    }
+    s[o] = r;
+  }
+  return s;
+}
+function Te(e, t, n) {
+  const s = t.length - 1;
+  if (s < 0)
+    return e === void 0 ? n : e;
+  for (let o = 0; o < s; o++) {
+    if (e == null)
+      return n;
+    e = e[t[o]];
+  }
+  return e == null || e[t[s]] === void 0 ? n : e[t[s]];
+}
+function bt(e, t, n) {
+  return e == null || !t || typeof t != "string" ? n : e[t] !== void 0 ? e[t] : (t = t.replace(/\[(\w+)\]/g, ".$1"), t = t.replace(/^\./, ""), Te(e, t.split("."), n));
+}
+function W(e, t, n) {
+  if (t == null)
+    return e === void 0 ? n : e;
+  if (e !== Object(e))
+    return n;
+  if (typeof t == "string")
+    return bt(e, t, n);
+  if (Array.isArray(t))
+    return Te(e, t, n);
+  if (typeof t != "function")
+    return n;
+  const s = t(e, n);
+  return typeof s > "u" ? n : s;
+}
+function _t(e, t) {
+  const n = /* @__PURE__ */ Object.create(null), s = /* @__PURE__ */ Object.create(null);
+  for (const o in e)
+    t.some((a) => a instanceof RegExp ? a.test(o) : a === o) ? n[o] = e[o] : s[o] = e[o];
+  return [n, s];
+}
+function ee(e, t) {
+  const n = ft();
+  if (!n)
+    throw new Error(`[CDS] ${e} ${t || "must be called from inside a setup function"}`);
+  return n;
+}
+function gs(e = "composable") {
+  var n;
+  const t = ee(e);
+  return D(((n = t.type) == null ? void 0 : n.name) || "");
+}
+let je = 0, X = /* @__PURE__ */ new WeakMap();
+function Ge() {
+  const e = ee("getUid");
+  if (X.has(e))
+    return X.get(e);
+  {
+    const t = je++;
+    return X.set(e, t), t;
+  }
+}
+Ge.reset = () => {
+  je = 0, X = /* @__PURE__ */ new WeakMap();
+};
+const kt = {
+  tr: {
+    regexp: /\u0130|\u0049|\u0049\u0307/g,
+    map: {
+      \u0130: "i",
+      I: "\u0131",
+      I\u0307: "i"
+    }
+  },
+  az: {
+    regexp: /\u0130/g,
+    map: {
+      \u0130: "i",
+      I: "\u0131",
+      I\u0307: "i"
+    }
+  },
+  lt: {
+    regexp: /\u0049|\u004A|\u012E|\u00CC|\u00CD|\u0128/g,
+    map: {
+      I: "i\u0307",
+      J: "j\u0307",
+      \u012E: "\u012F\u0307",
+      \u00CC: "i\u0307\u0300",
+      \u00CD: "i\u0307\u0301",
+      \u0128: "i\u0307\u0303"
+    }
+  }
+};
+function ys(e, t) {
+  const n = kt[t.toLowerCase()];
+  return ie(n ? e.replace(n.regexp, (s) => n.map[s]) : e);
+}
+function ie(e) {
+  return e.toLowerCase();
+}
+const St = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], It = /[^A-Z0-9]+/gi;
+function Ve(e, t = {}) {
+  const {
+    splitRegexp: n = St,
+    stripRegexp: s = It,
+    transform: o = ie,
+    delimiter: a = " "
+  } = t, r = Se(Se(e, n, "$1\0$2"), s, "\0");
+  let i = 0, d = r.length;
+  for (; r.charAt(i) === "\0"; )
+    i++;
+  for (; r.charAt(d - 1) === "\0"; )
+    d--;
+  return r.slice(i, d).split("\0").map(o).join(a);
+}
+function Se(e, t, n) {
+  return t instanceof RegExp ? e.replace(t, n) : t.reduce((s, o) => s.replace(o, n), e);
+}
+function At(e, t) {
+  const n = e.charAt(0), s = e.substr(1).toLowerCase();
+  return t > 0 && n >= "0" && n <= "9" ? `_${n}${s}` : `${n.toUpperCase()}${s}`;
+}
+function hs(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+}
+function Ot(e, t = {}) {
+  return Ve(e, {
+    delimiter: "",
+    transform: At,
+    ...t
+  });
+}
+function D(e, t = {}) {
+  return Ve(e, {
+    delimiter: "-",
+    ...t
+  });
+}
+const te = b(
+  {
+    text: {
+      type: String,
+      default: void 0
+    }
+  },
+  "text"
+), ne = b(
+  {
+    href: {
+      type: String,
+      default: void 0
+    },
+    to: {
+      type: [String, Object],
+      default: void 0
+    }
+  },
+  "link"
+);
+function se(e, t) {
+  e.to && e.href && me("You cannot use both property to and href");
+  const n = P("RouterLink"), s = c(() => !!e.to), o = c(() => !!(e.href || e.to)), a = s.value ? n.useLink(e) : void 0, r = c(() => s.value ? e.to : void 0), i = c(() => s.value ? a == null ? void 0 : a.route.value.href : e.href), d = a && c(() => {
+    var l;
+    return (l = a.isActive) == null ? void 0 : l.value;
+  }), m = c(() => s.value ? "router-link" : "a"), f = (l) => {
+    t.emit("click", l), e.disabled && (l.preventDefault(), l.stopPropagation(), l.stopImmediatePropagation());
+  };
+  return {
+    isLink: o,
+    isActive: d,
+    route: a == null ? void 0 : a.route,
+    navigate: a == null ? void 0 : a.navigate,
+    to: r,
+    href: i,
+    tag: m,
+    handleClick: f
+  };
+}
+u({ name: "IconAdd" });
+u({ name: "IconAlertFill" });
+u({ name: "IconAlert" });
+u({ name: "IconAnalog" });
+u({ name: "IconArrowDown" });
+u({ name: "IconArrowLeftBottom" });
+u({ name: "IconArrowLeftTop" });
+u({ name: "IconArrowLeft" });
+u({ name: "IconArrowRightBottom" });
+u({ name: "IconArrowRightTop" });
+u({ name: "IconArrowRight" });
+u({ name: "IconArrowUp" });
+u({ name: "IconArrowsVertical" });
+u({ name: "IconCalendar" });
+u({ name: "IconCardBank" });
+u({ name: "IconCategory" });
+u({ name: "IconCheckFill" });
+u({ name: "IconCheck" });
+u({ name: "IconChevronDown" });
+u({ name: "IconChevronLeft" });
+u({ name: "IconChevronRight" });
+u({ name: "IconChevronUp" });
+u({ name: "IconChocolateMenu" });
+u({ name: "IconClock" });
+u({ name: "IconComment" });
+u({ name: "IconCompany" });
+u({ name: "IconCompare" });
+u({ name: "IconCopy" });
+u({ name: "IconDataCards" });
+u({ name: "IconDelete" });
+u({ name: "IconDirectory" });
+u({ name: "IconDocDownload" });
+u({ name: "IconDoc" });
+u({ name: "IconDownload" });
+u({ name: "IconDraggable" });
+u({ name: "IconEdit" });
+u({ name: "IconEnter" });
+u({ name: "IconErrorFill" });
+u({ name: "IconError" });
+u({ name: "IconExternal" });
+u({ name: "IconFacebookFill" });
+u({ name: "IconFacebook" });
+u({ name: "IconFilters" });
+u({ name: "IconFlag" });
+u({ name: "IconGlobe" });
+u({ name: "IconInfinity" });
+u({ name: "IconInfoFill" });
+u({ name: "IconInfo" });
+u({ name: "IconLink" });
+u({ name: "IconListSearch" });
+u({ name: "IconList" });
+u({ name: "IconLoader" });
+u({ name: "IconLocation" });
+u({ name: "IconLocked" });
+u({ name: "IconLogin" });
+u({ name: "IconLogout" });
+u({ name: "IconMenu" });
+u({ name: "IconMinus" });
+u({ name: "IconNotification" });
+u({ name: "IconOverflowMenuHorizontal" });
+u({ name: "IconOverflowMenuVertical" });
+u({ name: "IconPassword" });
+u({ name: "IconPin" });
+u({ name: "IconPlus" });
+u({ name: "IconPrinter" });
+u({ name: "IconQuestionFill" });
+u({ name: "IconQuestion" });
+u({ name: "IconRefresh" });
+u({ name: "IconRemove" });
+u({ name: "IconSandglass" });
+u({ name: "IconSearch" });
+u({ name: "IconSettings" });
+u({ name: "IconShoppingCart" });
+u({ name: "IconSortDate" });
+u({ name: "IconStarFill" });
+u({ name: "IconStar" });
+u({ name: "IconTelegram" });
+u({ name: "IconTimer" });
+u({ name: "IconTool" });
+u({ name: "IconTruck" });
+u({ name: "IconUnlocked" });
+u({ name: "IconUpload" });
+u({ name: "IconUserAvatar" });
+u({ name: "IconUserGroup" });
+u({ name: "IconVisibilityOff" });
+u({ name: "IconVisibilityOn" });
+u({ name: "IconVk" });
+u({ name: "IconWinner" });
+u({ name: "IconWorkspace" });
+u({ name: "IconYoutube" });
+const ce = [
+  "add",
+  "alert-fill",
+  "alert",
+  "analog",
+  "arrow-down",
+  "arrow-left-bottom",
+  "arrow-left-top",
+  "arrow-left",
+  "arrow-right-bottom",
+  "arrow-right-top",
+  "arrow-right",
+  "arrow-up",
+  "arrows-vertical",
+  "calendar",
+  "card-bank",
+  "category",
+  "check-fill",
+  "check",
+  "chevron-down",
+  "chevron-left",
+  "chevron-right",
+  "chevron-up",
+  "chocolate-menu",
+  "clock",
+  "comment",
+  "company",
+  "compare",
+  "copy",
+  "data-cards",
+  "delete",
+  "directory",
+  "doc-download",
+  "doc",
+  "download",
+  "draggable",
+  "edit",
+  "enter",
+  "error-fill",
+  "error",
+  "external",
+  "facebook-fill",
+  "facebook",
+  "filters",
+  "flag",
+  "globe",
+  "infinity",
+  "info-fill",
+  "info",
+  "link",
+  "list-search",
+  "list",
+  "loader",
+  "location",
+  "locked",
+  "login",
+  "logout",
+  "menu",
+  "minus",
+  "notification",
+  "overflow-menu-horizontal",
+  "overflow-menu-vertical",
+  "password",
+  "pin",
+  "plus",
+  "printer",
+  "question-fill",
+  "question",
+  "refresh",
+  "remove",
+  "sandglass",
+  "search",
+  "settings",
+  "shopping-cart",
+  "sort-date",
+  "star-fill",
+  "star",
+  "telegram",
+  "timer",
+  "tool",
+  "truck",
+  "unlocked",
+  "upload",
+  "user-avatar",
+  "user-group",
+  "visibility-off",
+  "visibility-on",
+  "vk",
+  "winner",
+  "workspace",
+  "youtube"
+], Ue = b(
+  {
+    prependIcon: {
+      type: String,
+      default: void 0,
+      validator: (e) => ce.includes(e)
+    },
+    appendIcon: {
+      type: String,
+      default: void 0,
+      validator: (e) => ce.includes(e)
+    }
+  },
+  "icon"
+);
+function qe(e, t) {
+  const n = c(() => !!t.slots.prepend || !!e.prependIcon), s = c(() => !!t.slots.append || !!e.appendIcon);
+  return {
+    hasPrepend: n,
+    hasAppend: s
+  };
+}
+const Bt = b(
+  {
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "loading"
+);
+function Lt(e) {
+  return { loadingClasses: c(() => {
+    const { loading: n } = G(e);
+    return n ? Re.loading : void 0;
+  }) };
+}
+const Ie = ["primary", "secondary", "transparent"], Ke = b(
+  {
+    appearance: {
+      type: String,
+      default: "primary",
+      available: Ie,
+      validator: (e) => Ie.includes(e)
+    }
+  },
+  "appearance"
+);
+function He(e, t) {
+  return { appearanceClasses: c(() => {
+    const { appearance: s } = G(e);
+    return `${D(t)}__appearance--${s}`;
+  }) };
+}
+const Ae = ["xs", "sm", "md", "lg", "xl"], V = b(
+  {
+    size: {
+      type: String,
+      default: "md",
+      available: Ae,
+      validator: (e) => Ae.includes(e)
+    }
+  },
+  "size"
+);
+function U(e, t) {
+  return { sizeClasses: c(() => {
+    const { size: s } = G(e);
+    return `${D(t)}__size--${s}`;
+  }) };
+}
+const q = b(
+  {
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "disabled"
+);
+function K(e) {
+  return { disabledClasses: c(() => {
+    const { disabled: n } = G(e);
+    return n ? Re.disabled : void 0;
+  }) };
+}
+const oe = b(
+  {
+    dark: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "dark"
+);
+function ae(e, t) {
+  return { darkClasses: c(() => {
+    const { dark: s } = G(e);
+    return s ? `${D(t)}--dark` : void 0;
+  }) };
+}
+const Oe = ["yellow", "light-blue", "blue", "deep-purple", "purple", "pink"], Pt = b(
+  {
+    color: {
+      type: String,
+      available: Oe,
+      default: void 0,
+      description: "\u0426\u0432\u0435\u0442",
+      validator: (e) => Oe.includes(e)
+    }
+  },
+  "color"
+);
+function Et(e, t) {
+  return { colorClasses: c(() => {
+    const { color: s } = e;
+    if (!!s)
+      return `${D(t)}__color--${s}`;
+  }) };
+}
+const Be = ["info", "success", "warning", "error", "progress"], Dt = b(
+  {
+    status: {
+      type: String,
+      default: "info",
+      available: Be,
+      description: "\u0421\u0442\u0430\u0442\u0443\u0441",
+      validator: (e) => Be.includes(e)
+    }
+  },
+  "status"
+);
+function Nt(e, t) {
+  return { statusClasses: c(() => {
+    const { status: s } = e;
+    return `${D(t)}__status--${s}`;
+  }) };
+}
+const N = b(
+  {
+    tag: {
+      type: String,
+      default: "div",
+      description: "\u041F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044C\u0441\u043A\u0438\u0439 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F"
+    }
+  },
+  "tag"
+), Ft = b(
+  {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    itemTitle: {
+      type: [String, Array, Function],
+      default: "title"
+    },
+    itemValue: {
+      type: [String, Array, Function],
+      default: "value"
+    },
+    itemChildren: {
+      type: [Boolean, String, Array, Function],
+      default: "children"
+    },
+    itemProps: {
+      type: [Boolean, String, Array, Function],
+      default: "props"
+    },
+    returnObject: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "items"
+);
+function zt(e) {
+  return { items: c(() => We(e, e.items)) };
+}
+function Mt(e, t) {
+  var i;
+  const n = W(t, e.itemTitle, t), s = e.returnObject ? t : W(t, e.itemValue, n), o = W(t, e.itemChildren), a = e.itemProps === !0 ? typeof t == "object" && t != null && !Array.isArray(t) ? "children" in t ? _t(t, ["children"])[1] : t : void 0 : W(t, e.itemProps), r = {
+    title: n,
+    value: s,
+    ...a
+  };
+  return {
+    title: String((i = r.title) != null ? i : ""),
+    value: r.value,
+    props: r,
+    children: Array.isArray(o) ? We(e, o) : void 0,
+    raw: t
+  };
+}
+function We(e, t) {
+  const n = [];
+  for (const s of t)
+    n.push(Mt(e, s));
+  return n;
+}
+function Rt() {
+  const e = _(null), t = _(!1);
+  function n() {
+    t.value = !0;
+  }
+  function s() {
+    t.value = !1;
+  }
+  function o(i) {
+    var d;
+    !t.value && !i.relatedTarget && ((d = e.value) == null ? void 0 : d.contains(i.relatedTarget)) && r();
+  }
+  function a(i) {
+    if (!!e.value) {
+      switch (i.key) {
+        case "ArrowDown":
+          r("next");
+          break;
+        case "ArrowUp":
+          r("previous");
+          break;
+        case "Home":
+          r("first");
+          break;
+        case "End":
+          r("last");
+          break;
+        default:
+          return;
+      }
+      i.preventDefault();
+    }
+  }
+  function r(i) {
+    var f, l, p;
+    if (!e.value)
+      return;
+    const d = [
+      ...e.value.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')
+    ].filter((v) => !v.hasAttribute("disabled")), m = d.indexOf(document.activeElement);
+    if (!i)
+      e.value.contains(document.activeElement) || (f = d[0]) == null || f.focus();
+    else if (i === "first")
+      (l = d[0]) == null || l.focus();
+    else if (i === "last")
+      (p = d.at(-1)) == null || p.focus();
+    else {
+      let v, y = m;
+      const S = i === "next" ? 1 : -1;
+      do
+        y += S, v = d[y];
+      while ((!v || v.offsetParent == null) && y < d.length && y >= 0);
+      v ? v.focus() : r(i === "next" ? "first" : "last");
+    }
+  }
+  return { contentRef: e, isFocused: t, onFocus: o, onFocusin: n, onFocusout: s, onKeydown: a, focus: r };
+}
+function Tt(e, t) {
+  let n;
+  function s() {
+    n = mt(), n.run(
+      () => t.length ? t(() => {
+        n == null || n.stop(), s();
+      }) : t()
+    );
+  }
+  Y(
+    e,
+    (o) => {
+      o && !n ? s() : o || (n == null || n.stop(), n = void 0);
+    },
+    { immediate: !0 }
+  ), pt(() => {
+    n == null || n.stop();
+  });
+}
+function de(e, t, n, s = (a) => a, o = (a) => a) {
+  const a = ee("useProxyModel"), r = _(e[t] !== "undefined" ? e[t] : n), i = D(t), m = i !== t ? c(() => (e[t], (Object.hasOwn(a.vnode.props || {}, t) || Object.hasOwn(a.vnode.props || {}, i)) && (Object.hasOwn(a.vnode.props || {}, `onUpdate:${t}`) || Object.hasOwn(a.vnode.props || {}, `onUpdate:${i}`)))) : c(() => (e[t], Object.hasOwn(a.vnode.props || {}, t) && Object.hasOwn(a.vnode.props || {}, `onUpdate:${t}`)));
+  Tt(
+    () => !m.value,
+    () => {
+      Y(
+        () => e[t],
+        (l) => {
+          r.value = l;
+        }
+      );
+    }
+  );
+  const f = c({
+    get() {
+      return s(m.value ? e[t] : r.value);
+    },
+    set(l) {
+      const p = o(l);
+      (m.value ? e[t] : r.value) === p || s(m.value ? e[t] : r.value) === l || (r.value = p, a == null || a.emit(`update:${t}`, p));
+    }
+  });
+  return Object.defineProperty(f, "externalValue", {
+    get: () => m.value ? e[t] : r.value
+  }), f;
+}
+const ge = (e) => {
+  const t = {
+    select: ({ id: n, value: s, selected: o }) => {
+      if (e && !s) {
+        const a = Array.from(o.entries()).reduce(
+          (r, [i, d]) => d === "on" ? [...r, i] : r,
+          []
+        );
+        if (a.length === 1 && a[0] === n)
+          return o;
+      }
+      return o.set(n, s ? "on" : "off"), o;
+    },
+    in: (n, s, o) => {
+      let a = /* @__PURE__ */ new Map();
+      for (const r of n || [])
+        a = t.select({
+          id: r,
+          value: !0,
+          selected: new Map(a),
+          children: s,
+          parents: o
+        });
+      return a;
+    },
+    out: (n) => {
+      const s = [];
+      for (const [o, a] of n.entries())
+        a === "on" && s.push(o);
+      return s;
+    }
+  };
+  return t;
+}, Ze = (e) => {
+  const t = ge(e);
+  return {
+    select: ({ selected: n, id: s, ...o }) => {
+      const a = n.has(s) ? /* @__PURE__ */ new Map([[s, n.get(s)]]) : /* @__PURE__ */ new Map();
+      return t.select({ ...o, id: s, selected: a });
+    },
+    in: (n, s, o) => {
+      let a = /* @__PURE__ */ new Map();
+      return n != null && n.length && (a = t.in(n.slice(0, 1), s, o)), a;
+    },
+    out: (n, s, o) => t.out(n, s, o)
+  };
+}, jt = (e) => {
+  const t = ge(e);
+  return {
+    select: ({ id: n, selected: s, children: o, ...a }) => o.has(n) ? s : t.select({ id: n, selected: s, children: o, ...a }),
+    in: t.in,
+    out: t.out
+  };
+}, Gt = (e) => {
+  const t = Ze(e);
+  return {
+    select: ({ id: n, selected: s, children: o, ...a }) => o.has(n) ? s : t.select({ id: n, selected: s, children: o, ...a }),
+    in: t.in,
+    out: t.out
+  };
+}, Vt = (e) => {
+  const t = {
+    select: ({ id: n, value: s, selected: o, children: a, parents: r }) => {
+      const i = new Map(o), d = [n];
+      for (; d.length; ) {
+        const f = d.shift();
+        o.set(f, s ? "on" : "off"), a.has(f) && d.push(...a.get(f));
+      }
+      let m = r.get(n);
+      for (; m; ) {
+        const f = a.get(m), l = f.every((v) => o.get(v) === "on"), p = f.every((v) => !o.has(v) || o.get(v) === "off");
+        o.set(m, l ? "on" : p ? "off" : "indeterminate"), m = r.get(m);
+      }
+      return e && !s && Array.from(o.entries()).reduce(
+        (l, [p, v]) => v === "on" ? [...l, p] : l,
+        []
+      ).length === 0 ? i : o;
+    },
+    in: (n, s, o) => {
+      let a = /* @__PURE__ */ new Map();
+      for (const r of n || [])
+        a = t.select({
+          id: r,
+          value: !0,
+          selected: new Map(a),
+          children: s,
+          parents: o
+        });
+      return a;
+    },
+    out: (n, s) => {
+      const o = [];
+      for (const [a, r] of n.entries())
+        r === "on" && !s.has(a) && o.push(a);
+      return o;
+    }
+  };
+  return t;
+}, Ut = {
+  open: ({ id: e, value: t, opened: n, parents: s }) => {
+    if (t) {
+      const o = /* @__PURE__ */ new Set();
+      o.add(e);
+      let a = s.get(e);
+      for (; a != null; )
+        o.add(a), a = s.get(a);
+      return o;
+    } else
+      return n.delete(e), n;
+  },
+  select: () => null
+}, Je = {
+  open: ({ id: e, value: t, opened: n, parents: s }) => {
+    if (t) {
+      let o = s.get(e);
+      for (n.add(e); o != null && o !== e; )
+        n.add(o), o = s.get(o);
+      return n;
+    } else
+      n.delete(e);
+    return n;
+  },
+  select: () => null
+}, qt = {
+  open: Je.open,
+  select: ({ id: e, value: t, opened: n, parents: s }) => {
+    if (!t)
+      return n;
+    const o = [];
+    let a = s.get(e);
+    for (; a != null; )
+      o.push(a), a = s.get(a);
+    return new Set(o);
+  }
+}, j = Symbol.for("cds:nested"), Qe = {
+  id: _(),
+  root: {
+    children: _(/* @__PURE__ */ new Map()),
+    parents: _(/* @__PURE__ */ new Map()),
+    opened: _(/* @__PURE__ */ new Set()),
+    selected: _(/* @__PURE__ */ new Map()),
+    selectedValues: _([]),
+    register: () => null,
+    unregister: () => null,
+    open: () => null,
+    openOnSelect: () => null,
+    select: () => null
+  }
+}, Kt = b(
+  {
+    selectStrategy: [String, Function],
+    openStrategy: [String, Function],
+    opened: Array,
+    selected: Array,
+    required: Boolean
+  },
+  "nested"
+), Ht = (e, t) => {
+  let n = !1;
+  const s = _(/* @__PURE__ */ new Map()), o = _(/* @__PURE__ */ new Map()), a = de(
+    e,
+    "opened",
+    e.opened,
+    (l) => new Set(l),
+    (l) => [...l.values()]
+  ), r = c(() => {
+    if (typeof e.selectStrategy == "object")
+      return e.selectStrategy;
+    switch (e.selectStrategy) {
+      case "single-leaf":
+        return Gt(e.required);
+      case "leaf":
+        return jt(e.required);
+      case "independent":
+        return ge(e.required);
+      case "single-independent":
+        return Ze(e.required);
+      default:
+        return Vt(e.required);
+    }
+  }), i = c(() => {
+    if (typeof e.openStrategy == "object")
+      return e.openStrategy;
+    switch (e.openStrategy) {
+      case "list":
+        return qt;
+      case "single":
+        return Ut;
+      case "multiple":
+      default:
+        return Je;
+    }
+  }), d = de(
+    e,
+    "selected",
+    e.selected,
+    (l) => r.value.in(l, s.value, o.value),
+    (l) => r.value.out(l, s.value, o.value)
+  );
+  Ne(() => {
+    n = !0;
+  });
+  function m(l) {
+    const p = [];
+    let v = l;
+    for (; v != null; )
+      p.unshift(v), v = o.value.get(v);
+    return p;
+  }
+  const f = {
+    id: _(),
+    root: {
+      children: s,
+      parents: o,
+      opened: a,
+      selected: d,
+      selectedValues: c(() => {
+        const l = [];
+        for (const [p, v] of d.value.entries())
+          v === "on" && l.push(p);
+        return l;
+      }),
+      register: (l, p, v) => {
+        p && l !== p && o.value.set(l, p), v && s.value.set(l, []), p != null && s.value.set(p, [...s.value.get(p) || [], l]);
+      },
+      unregister: (l) => {
+        var v;
+        if (n)
+          return;
+        s.value.delete(l);
+        const p = o.value.get(l);
+        if (p) {
+          const y = (v = s.value.get(p)) != null ? v : [];
+          s.value.set(
+            p,
+            y.filter((S) => S !== l)
+          ), o.value.delete(l), a.value.delete(l);
+        }
+      },
+      open: (l, p, v) => {
+        t.emit("click:open", { id: l, value: p, path: m(l), event: v });
+        const y = i.value.open({
+          id: l,
+          value: p,
+          opened: new Set(a.value),
+          children: s.value,
+          parents: o.value,
+          event: v
+        });
+        y && (a.value = y);
+      },
+      openOnSelect: (l, p, v) => {
+        const y = i.value.select({
+          id: l,
+          value: p,
+          selected: new Map(d.value),
+          opened: new Set(a.value),
+          children: s.value,
+          parents: o.value,
+          event: v
+        });
+        y && (a.value = y);
+      },
+      select: (l, p, v) => {
+        t.emit("click:select", { id: l, value: p, path: m(l), event: v });
+        const y = r.value.select({
+          id: l,
+          value: p,
+          selected: new Map(d.value),
+          children: s.value,
+          parents: o.value,
+          event: v
+        });
+        y && (d.value = y), f.root.openOnSelect(l, p, v);
+      }
+    }
+  };
+  return x(j, f), f.root;
+}, Xe = (e, t) => {
+  const n = R(j, Qe), s = c(() => {
+    var a;
+    return (a = e.value) != null ? a : Ge();
+  }), o = {
+    ...n,
+    id: s,
+    open: (a, r) => n.root.open(s.value, a, r),
+    openOnSelect: (a, r) => n.root.openOnSelect(s.value, a, r),
+    isOpen: c(() => n.root.opened.value.has(s.value)),
+    parent: c(() => n.root.parents.value.get(s.value)),
+    select: (a, r) => n.root.select(s.value, a, r),
+    isSelected: c(() => n.root.selected.value.get(s.value) === "on"),
+    isIndeterminate: c(() => n.root.selected.value.get(s.value) === "indeterminate"),
+    isLeaf: c(() => !n.root.children.value.get(s.value)),
+    isGroupActivator: n.isGroupActivator
+  };
+  return !n.isGroupActivator && n.root.register(s.value, n.id.value, t), Ne(() => {
+    !n.isGroupActivator && n.root.unregister(s.value);
+  }), t && x(j, o), o;
+}, Wt = () => {
+  const e = R(j, Qe);
+  x(j, { ...e, isGroupActivator: !0 });
+};
+function Zt(e) {
+  const t = ee("useRender");
+  t.render = e;
+}
+const Le = "CdsBadge", Jt = u({
+  name: Le,
+  props: {
+    count: {
+      type: Number,
+      required: !0,
+      default: 0,
+      description: "\u0427\u0438\u0441\u043B\u043E \u0434\u043B\u044F \u0441\u0447\u0435\u0442\u0447\u0438\u043A\u0430"
+    },
+    ...oe()
+  },
+  setup(e) {
+    const { darkClasses: t } = ae(e, Le);
+    return { adjustedCount: c(() => e.count < 99 && e.count > -99 ? e.count : e.count < -99 ? "-99" : "99+"), darkClasses: t };
+  }
+});
+const I = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [s, o] of t)
+    n[s] = o;
+  return n;
+};
+function Qt(e, t, n, s, o, a) {
+  return g(), C("span", {
+    class: O(["cds-badge", e.darkClasses])
+  }, L(e.adjustedCount), 3);
+}
+const Xt = /* @__PURE__ */ I(Jt, [["render", Qt]]), Pe = "CdsLoader", Yt = u({
+  name: Pe,
+  props: {
+    fixed: {
+      type: Boolean,
+      default: !1,
+      description: "\u0417\u0430\u0444\u0438\u043A\u0441\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043A \u043E\u0442\u043D\u043E\u0441\u0438\u0442\u0435\u043B\u044C\u043D\u043E \u0442\u0435\u043A\u0443\u0449\u0435\u0433\u043E \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430"
+    },
+    overlay: {
+      type: Boolean,
+      default: !1,
+      description: "\u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0442\u044C \u0444\u0438\u043A\u0441\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u044B\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u0447\u0438\u043A"
+    },
+    description: {
+      type: String,
+      default: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430",
+      description: "\u0423\u043A\u0430\u0436\u0438\u0442\u0435 \u043E\u043F\u0438\u0441\u0430\u043D\u0438\u0435, \u043A\u043E\u0442\u043E\u0440\u043E\u0435 \u043B\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043E \u043E\u043F\u0438\u0441\u044B\u0432\u0430\u0435\u0442 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438"
+    },
+    ...V()
+  },
+  setup(e, { attrs: t }) {
+    const { sizeClasses: n } = U(e, Pe), s = c(() => ({
+      "cds-loader__overlay": e.overlay,
+      "cds-loader__fixed": e.fixed
+    }));
+    return { attrs: t, loaderClasses: s, sizeClasses: n };
+  }
+});
+const xt = ["aria-valuetext", "aria-label"], en = /* @__PURE__ */ E("svg", { viewBox: "0 0 24 24" }, [
+  /* @__PURE__ */ E("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10.5"
+  })
+], -1), tn = [
+  en
+];
+function nn(e, t, n, s, o, a) {
+  return g(), C("div", {
+    class: O(["", e.loaderClasses])
+  }, [
+    E("div", Fe({
+      role: "progressbar",
+      "aria-valuetext": e.description,
+      "aria-label": e.description,
+      class: ["cds-loader", e.sizeClasses]
+    }, e.attrs), tn, 16, xt)
+  ], 2);
+}
+const Ye = /* @__PURE__ */ I(Yt, [["render", nn]]), Ee = "CdsIcon", sn = u({
+  name: Ee,
+  props: {
+    name: {
+      type: String,
+      default: void 0,
+      validator: (e) => ce.includes(e)
+    },
+    ...V()
+  },
+  emits: [],
+  setup(e) {
+    const { sizeClasses: t } = U(e, Ee);
+    return e.name ? {
+      iconComponent: c(() => "Icon" + Ot(e.name)),
+      sizeClasses: t
+    } : {
+      sizeClasses: t
+    };
+  }
+});
+function on(e, t, n, s, o, a) {
+  return g(), C("i", {
+    class: O(["cds-icon", [e.sizeClasses]])
+  }, [
+    e.name ? (g(), k(P(e.iconComponent), { key: 0 })) : $(e.$slots, "default", { key: 1 })
+  ], 2);
+}
+const re = /* @__PURE__ */ I(sn, [["render", on]]), Z = "CdsButton", an = u({
+  name: Z,
+  components: { CdsLoader: Ye, CdsIcon: re },
+  props: {
+    iconOnly: {
+      type: Boolean,
+      default: !1
+    },
+    ...te(),
+    ...Ke(),
+    ...V(),
+    ...Ue(),
+    ...q(),
+    ...ne(),
+    ...Bt(),
+    ...oe()
+  },
+  setup(e, t) {
+    const { appearanceClasses: n } = He(e, Z), { sizeClasses: s } = U(e, Z), { loadingClasses: o } = Lt(e), { disabledClasses: a } = K(e), { darkClasses: r } = ae(e, Z), { isLink: i, tag: d, href: m, to: f } = se(e, t), { hasAppend: l, hasPrepend: p } = qe(e, t), v = c(() => !!t.slots.default), y = c(() => ({
+      "cds-button__icon": e.iconOnly
+    })), S = {
+      appearanceClasses: n,
+      sizeClasses: s,
+      loadingClasses: o,
+      disabledClasses: a,
+      darkClasses: r,
+      iconClasses: y
+    };
+    return {
+      href: m,
+      to: f,
+      tag: i.value ? d : "button",
+      type: i.value ? void 0 : "button",
+      hasPrepend: p,
+      hasAppend: l,
+      hasDefaultSlot: v,
+      ...S
+    };
+  }
+});
+const rn = {
+  key: 0,
+  class: "cds-button__prepend"
+}, un = {
+  key: 1,
+  class: "cds-button__text"
+}, ln = {
+  key: 2,
+  class: "cds-button__append"
+};
+function cn(e, t, n, s, o, a) {
+  const r = z("cds-icon"), i = z("cds-loader");
+  return g(), k(P(e.tag), {
+    type: e.type,
+    to: e.to,
+    href: e.href,
+    disabled: e.disabled || e.loading,
+    class: O([[e.appearanceClasses, e.sizeClasses, e.loadingClasses, e.disabledClasses, e.darkClasses, e.iconClasses], "cds-button"])
+  }, {
+    default: B(() => [
+      e.hasPrepend ? (g(), C("span", rn, [
+        e.prependIcon ? (g(), k(r, {
+          key: 0,
+          name: e.prependIcon,
+          size: e.size
+        }, null, 8, ["name", "size"])) : w("", !0),
+        $(e.$slots, "prepend")
+      ])) : w("", !0),
+      e.hasDefaultSlot || !!e.text ? (g(), C("span", un, [
+        e.text ? (g(), C(ve, { key: 0 }, [
+          M(L(e.text), 1)
+        ], 64)) : $(e.$slots, "default", { key: 1 })
+      ])) : w("", !0),
+      e.hasAppend ? (g(), C("span", ln, [
+        e.appendIcon ? (g(), k(r, {
+          key: 0,
+          name: e.appendIcon,
+          size: e.size
+        }, null, 8, ["name", "size"])) : w("", !0),
+        $(e.$slots, "append")
+      ])) : w("", !0),
+      e.loading ? (g(), k(i, {
+        key: 3,
+        size: "xs",
+        fixed: ""
+      })) : w("", !0)
+    ]),
+    _: 3
+  }, 8, ["type", "to", "href", "disabled", "class"]);
+}
+const dn = /* @__PURE__ */ I(an, [["render", cn]]), De = "CdsDrawer", fn = u({
+  name: De,
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: null
+    },
+    permanent: {
+      type: Boolean,
+      default: !1
+    },
+    temporary: {
+      type: Boolean,
+      default: !1
+    },
+    minified: {
+      type: Boolean,
+      default: !1
+    },
+    fixed: {
+      type: Boolean,
+      default: !1
+    },
+    right: {
+      type: Boolean,
+      default: !1
+    },
+    border: {
+      type: Boolean,
+      default: !1
+    },
+    fixedSlots: {
+      type: Boolean,
+      default: !1
+    },
+    ...oe(),
+    ...N({
+      tag: "nav"
+    })
+  },
+  emits: [
+    "opened",
+    "closed",
+    "update:modelValue"
+  ],
+  setup(e, { emit: t, slots: n, attrs: s }) {
+    const o = _(), a = de(e, "modelValue", null, (F) => !!F), r = c(() => !e.permanent && e.temporary), i = _(!1), { darkClasses: d } = ae(e, De), m = c(() => ({
+      "cds-drawer--active": a.value,
+      "cds-drawer--hover": i.value,
+      "cds-drawer--temporary": r.value,
+      "cds-drawer--minified": e.minified,
+      "cds-drawer--right": e.right,
+      "cds-drawer--fixed": e.fixed,
+      "cds-drawer--border": e.border,
+      "cds-drawer--fixed-slots": e.fixedSlots
+    })), f = c(() => e.modelValue), l = c(() => !!n.prepend), p = c(() => !!n.append);
+    let v = null;
+    return vt(() => {
+      e.modelValue !== null || r.value || (a.value = e.permanent);
+    }), Y(
+      () => a.value,
+      (F) => {
+        var T;
+        F ? (v = document.activeElement, (T = o.value) == null || T.focus(), t("opened")) : (v && v.focus(), t("closed"));
+      }
+    ), {
+      attrs: s,
+      drawerRef: o,
+      hasPrependSlot: l,
+      hasAppendSlot: p,
+      hasOverlay: f,
+      drawerClasses: m,
+      darkClasses: d,
+      onClose: () => {
+        a.value = !1;
+      },
+      onMouseenter: () => {
+        i.value = !0;
+      },
+      onMouseleave: () => {
+        i.value = !1;
+      }
+    };
+  }
+});
+const pn = {
+  key: 0,
+  class: "cds-drawer__prepend"
+}, mn = { class: "cds-drawer__content" }, vn = {
+  key: 1,
+  class: "cds-drawer__append"
+};
+function gn(e, t, n, s, o, a) {
+  return g(), C(ve, null, [
+    (g(), k(P(e.tag), Fe({
+      ref: "drawerRef",
+      class: ["cds-drawer", [e.drawerClasses, e.darkClasses]],
+      tabindex: "-1"
+    }, e.attrs, {
+      onKeydown: ze(e.onClose, ["esc"]),
+      onMouseenter: e.onMouseenter,
+      onMouseleave: e.onMouseleave
+    }), {
+      default: B(() => [
+        e.hasPrependSlot ? (g(), C("div", pn, [
+          $(e.$slots, "prepend", { dark: e.dark })
+        ])) : w("", !0),
+        E("nav", mn, [
+          $(e.$slots, "default", { dark: e.dark })
+        ]),
+        e.hasAppendSlot ? (g(), C("div", vn, [
+          $(e.$slots, "append", { dark: e.dark })
+        ])) : w("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "onKeydown", "onMouseenter", "onMouseleave"])),
+    e.hasOverlay ? (g(), C("div", {
+      key: 0,
+      class: "cds-drawer__overlay",
+      onClick: t[0] || (t[0] = (...r) => e.onClose && e.onClose(...r))
+    })) : w("", !0)
+  ], 64);
+}
+const yn = /* @__PURE__ */ I(fn, [["render", gn]]), xe = b(
+  {
+    condensed: {
+      type: Boolean,
+      default: !1
+    },
+    narrow: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "grid"
+), ue = () => ({
+  prefix: "cds"
+}), hn = b(
+  {
+    subgrid: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "subgrid"
+), Cn = (e) => ({
+  suffix: e.subgrid ? "subgrid" : "css-grid"
+}), $n = b(
+  {
+    wide: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  "wide"
+), ye = ["xs", "sm", "md", "lg", "xl"], wn = b(
+  {
+    xs: {
+      type: [Object, Number, String, Boolean],
+      default: void 0
+    },
+    sm: {
+      type: [Object, Number, String, Boolean],
+      default: void 0
+    },
+    md: {
+      type: [Object, Number, String, Boolean],
+      default: void 0
+    },
+    lg: {
+      type: [Object, Number, String, Boolean],
+      default: void 0
+    },
+    xl: {
+      type: [Object, Number, String, Boolean],
+      default: void 0
+    },
+    span: {
+      type: [Object, Number, String],
+      default: void 0
+    }
+  },
+  "columns"
+), bn = (e) => ({ breakpoints: ye.map((t) => e[t]) }), _n = (e, t) => {
+  const n = [];
+  for (let s = 0; s < e.length; s++) {
+    const o = e[s];
+    if (o == null)
+      continue;
+    const a = ye[s];
+    if (o === !0) {
+      n.push(`${t}--${a}:col-span-auto`);
+      continue;
+    }
+    if (typeof o == "number") {
+      n.push(`${t}--${a}:col-span-${o}`);
+      continue;
+    } else if (typeof o == "string" && o.endsWith("%")) {
+      n.push(`${t}--${a}:col-span-${o.slice(0, -1)}`);
+      continue;
+    } else if (typeof o == "string") {
+      n.push(`${t}--${a}:col-span-${o}`);
+      continue;
+    }
+    if (typeof o == "object") {
+      const { span: r, offset: i, start: d, end: m } = o;
+      i && i > 0 && n.push(`${t}--${a}:col-start-${+i + 1}`), d && n.push(`${t}--${a}:col-start-${d}`), m && n.push(`${t}--${a}:col-end-${m}`), typeof r == "number" ? n.push(`${t}--${a}:col-span-${r}`) : r && r.endsWith("%") && n.push(`${t}--${a}:col-span-${r.slice(0, -1)}`);
+    }
+  }
+  return n.join(" ");
+}, kn = (e, t) => {
+  const n = [];
+  for (let s = 0; s < e.length; s++) {
+    const o = e[s];
+    if (o == null)
+      continue;
+    const a = ye[s];
+    if (o === !0 || typeof o == "string" && o === "") {
+      n.push(`${t}-col-${a}`);
+      continue;
+    }
+    if (typeof o == "number" || typeof o == "string") {
+      n.push(`${t}-col-${a}-${o}`);
+      continue;
+    }
+    if (typeof o == "object") {
+      const { span: r, offset: i, order: d } = o;
+      (typeof r == "number" || typeof r == "string") && n.push(`${t}-col-${a}-${r}`), (r === !0 || !r) && n.push(`${t}-col-${a}`), i && n.push(`${t}-offset-${a}-${i}`), d && n.push(`${t}-order-${a}-${d}`);
+    }
+  }
+  return n.join(" ");
+}, Sn = (e, t) => {
+  const n = [];
+  if (typeof e == "number" || typeof e == "string")
+    n.push(`${t}--col-span-${e}`);
+  else if (typeof e == "object") {
+    const { span: s, start: o, end: a } = e;
+    s != null && n.push(`${t}--col-span-${s}`), o != null && n.push(`${t}--col-start-${o}`), a != null && n.push(`${t}--col-end-${a}`);
+  }
+  return n.join(" ");
+}, In = "CdsCol", An = u({
+  name: In,
+  props: {
+    ...N(),
+    ...wn()
+  },
+  setup(e, t) {
+    const { prefix: n } = ue(), { breakpoints: s } = bn(e), o = R("cssGrid", !1), a = o ? `${n}--css-grid-column` : `${n}-col`, r = o ? Sn(e.span, n) : "", i = o ? _n(s, n) : kn(s, n);
+    return () => A(
+      e.tag,
+      {
+        class: {
+          [a]: o || i.length === 0,
+          [i]: !!i,
+          [r]: !!r
+        }
+      },
+      t.slots.default && t.slots.default()
+    );
+  }
+});
+function On(e, t) {
+  const { prefix: n } = ue(), { suffix: s } = Cn(e);
+  return () => A(
+    e.tag,
+    {
+      class: {
+        [`${n}--${s}`]: !0,
+        [`${n}--${s}--condensed`]: e.condensed,
+        [`${n}--${s}--narrow`]: e.narrow,
+        [`${n}--${s}--wide`]: e.subgrid || e.wide
+      }
+    },
+    t.slots.default && t.slots.default()
+  );
+}
+function Bn(e, t) {
+  const { prefix: n } = ue();
+  return () => A(
+    e.tag,
+    {
+      class: {
+        [`${n}-grid`]: !0,
+        [`${n}-grid-condensed`]: e.condensed,
+        [`${n}-grid-narrow`]: e.narrow,
+        [`${n}-grid--wide`]: e.wide
+      }
+    },
+    t.slots.default && t.slots.default()
+  );
+}
+const Ln = "CdsGrid", Pn = u({
+  name: Ln,
+  props: {
+    ...N(),
+    ...xe(),
+    ...hn(),
+    ...$n()
+  },
+  setup(e, t) {
+    return R("cssGrid", !1) ? On(e, t) : Bn(e, t);
+  }
+}), En = "CdsRow", Dn = u({
+  name: En,
+  props: {
+    ...N(),
+    ...xe()
+  },
+  setup(e, t) {
+    const { prefix: n } = ue();
+    return () => A(
+      e.tag,
+      {
+        class: {
+          [`${n}-row`]: !0,
+          [`${n}-row-condensed`]: e.condensed,
+          [`${n}-row-narrow`]: e.narrow
+        }
+      },
+      t.slots.default && t.slots.default()
+    );
+  }
+}), Nn = "CdsLink", Fn = u({
+  name: Nn,
+  props: {
+    ...te(),
+    ...ne(),
+    ...q()
+  },
+  emits: [
+    "click"
+  ],
+  setup(e, t) {
+    const { href: n, to: s, tag: o, handleClick: a } = se(e, t), { disabledClasses: r } = K(e);
+    return {
+      tag: o,
+      to: s,
+      href: n,
+      disabledClasses: r,
+      handleClick: a
+    };
+  }
+});
+function zn(e, t, n, s, o, a) {
+  return g(), k(P(e.tag), {
+    to: e.to,
+    href: e.href,
+    class: O([[e.disabledClasses], "cds-link"]),
+    onClick: e.handleClick
+  }, {
+    default: B(() => [
+      M(L(e.text) + " ", 1),
+      $(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["to", "href", "class", "onClick"]);
+}
+const Mn = /* @__PURE__ */ I(Fn, [["render", zn]]), Rn = "CdsListItem", Tn = u({
+  name: Rn,
+  components: { CdsIcon: re },
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    },
+    description: {
+      type: String,
+      default: void 0
+    },
+    value: {
+      type: [String, Number],
+      default: void 0
+    },
+    active: {
+      type: Boolean,
+      default: !1
+    },
+    isClickable: {
+      type: Boolean,
+      default: !1
+    },
+    ...Ue(),
+    ...ne(),
+    ...N(),
+    ...q()
+  },
+  emits: [
+    "click"
+  ],
+  setup(e, t) {
+    const n = at(), { href: s, to: o, ...a } = se(e, t), r = c(() => {
+      var h;
+      return (h = e.value) != null ? h : s.value;
+    }), { select: i, isSelected: d, isIndeterminate: m, isGroupActivator: f, root: l, parent: p, openOnSelect: v } = Xe(
+      r,
+      !1
+    ), { disabledClasses: y } = K(e), { hasPrepend: S, hasAppend: he } = qe(e, t), F = c(
+      () => {
+        var h;
+        return e.active !== !1 && (e.active || ((h = a.isActive) == null ? void 0 : h.value) || d.value);
+      }
+    ), T = c(() => a.isLink.value), H = c(
+      () => e.isClickable || !e.disabled && (a.isLink.value || e.value != null && !!n)
+    ), rt = c(() => T.value ? a.tag.value : e.tag), ut = c(() => !!t.slots.title || !!e.title), lt = c(() => !!t.slots.description || !!e.description), it = c(() => ({
+      isActive: F.value,
+      select: i,
+      isSelected: d.value,
+      isIndeterminate: m.value
+    })), ct = c(() => ({
+      "cds-list-item--active": F.value,
+      "cds-list-item--clickable": H.value
+    }));
+    Y(
+      () => {
+        var h;
+        return (h = a.isActive) == null ? void 0 : h.value;
+      },
+      (h) => {
+        h && p.value != null && l.open(p.value, !0), h && v(h);
+      },
+      { immediate: !0 }
+    );
+    function Ce(h) {
+      var $e;
+      t.emit("click", h), !(f || !H.value) && (($e = a.navigate) == null || $e.call(a, h), e.value != null && i(!d.value, h));
+    }
+    function dt(h) {
+      (h.key === "Enter" || h.key === " ") && (h.preventDefault(), Ce(h));
+    }
+    return n == null || n.updateHasPrepend(S.value), {
+      tag: rt,
+      href: s,
+      to: o,
+      slotProps: it,
+      hasTitle: ut,
+      hasDescription: lt,
+      hasPrepend: S,
+      hasAppend: he,
+      classes: ct,
+      disabledClasses: y,
+      tabindex: H.value ? 0 : void 0,
+      onClick: Ce,
+      onKeyDown: H.value && !T.value && dt
+    };
+  }
+}), jn = {
+  key: 0,
+  class: "cds-list-item__prepend"
+}, Gn = { class: "cds-list-item__content" }, Vn = {
+  key: 0,
+  class: "cds-list-item-title"
+}, Un = {
+  key: 1,
+  class: "cds-list-item-description"
+}, qn = {
+  key: 1,
+  class: "cds-list-item__append"
+};
+function Kn(e, t, n, s, o, a) {
+  const r = z("cds-icon");
+  return g(), k(P(e.tag), {
+    to: e.to,
+    href: e.href,
+    class: O(["cds-list-item", [e.classes, e.disabledClasses]]),
+    tabindex: e.tabindex,
+    onClick: e.onClick,
+    onKeydown: e.onKeyDown
+  }, {
+    default: B(() => [
+      e.hasPrepend ? (g(), C("div", jn, [
+        e.prependIcon ? (g(), k(r, {
+          key: 0,
+          name: e.prependIcon
+        }, null, 8, ["name"])) : w("", !0),
+        $(e.$slots, "prepend", we(be(e.slotProps)))
+      ])) : w("", !0),
+      E("div", Gn, [
+        e.hasTitle ? (g(), C("div", Vn, [
+          $(e.$slots, "title"),
+          M(" " + L(e.title), 1)
+        ])) : w("", !0),
+        e.hasDescription ? (g(), C("div", Un, [
+          $(e.$slots, "description"),
+          M(" " + L(e.description), 1)
+        ])) : w("", !0),
+        $(e.$slots, "default")
+      ]),
+      e.hasAppend ? (g(), C("div", qn, [
+        $(e.$slots, "append", we(be(e.slotProps))),
+        e.appendIcon ? (g(), k(r, {
+          key: 0,
+          name: e.appendIcon
+        }, null, 8, ["name"])) : w("", !0)
+      ])) : w("", !0)
+    ]),
+    _: 3
+  }, 40, ["to", "href", "tabindex", "class", "onClick", "onKeydown"]);
+}
+const fe = /* @__PURE__ */ I(Tn, [["render", Kn]]);
+function et(e, t, n = "in-out") {
+  return u({
+    name: e,
+    props: {
+      mode: {
+        type: String,
+        default: n
+      }
+    },
+    setup(s, { slots: o }) {
+      return () => A(gt, { name: e, ...t }, o.default);
+    }
+  });
+}
+function tt(e = "", t = !1) {
+  const n = t ? "width" : "height", s = yt(`offset-${n}`);
+  return {
+    onBeforeEnter(r) {
+      r._parent = r.parentNode, r._initialStyle = {
+        transition: r.style.transition,
+        overflow: r.style.overflow,
+        [n]: r.style[n]
+      };
+    },
+    onEnter(r) {
+      const i = r._initialStyle;
+      r.style.setProperty("transition", "none", "important"), r.style.overflow = "hidden";
+      const d = `${r[s]}px`;
+      r.style[n] = "0", r.offsetHeight, r.style.transition = i == null ? void 0 : i.transition, e && r._parent && r._parent.classList.add(e), requestAnimationFrame(() => {
+        r.style[n] = d;
+      });
+    },
+    onAfterEnter: a,
+    onEnterCancelled: a,
+    onLeave(r) {
+      r._initialStyle = {
+        transition: "",
+        overflow: r.style.overflow,
+        [n]: r.style[n]
+      }, r.style.overflow = "hidden", r.style[n] = `${r[s]}px`, r.offsetHeight, requestAnimationFrame(() => r.style[n] = "0");
+    },
+    onAfterLeave: o,
+    onLeaveCancelled: o
+  };
+  function o(r) {
+    e && r._parent && r._parent.classList.remove(e), a(r);
+  }
+  function a(r) {
+    const i = r._initialStyle[n];
+    r.style.overflow = r._initialStyle.overflow, i != null && (r.style[n] = i), delete r._initialStyle;
+  }
+}
+const Hn = et("expand-transition", tt());
+et("expand-transition-x", tt("", !0));
+const Wn = u({
+  name: "CdsListGroupActivator",
+  setup(e, { slots: t }) {
+    return Wt(), () => {
+      var n;
+      return (n = t.default) == null ? void 0 : n.call(t);
+    };
+  }
+}), Zn = "CdsListGroup", Jn = u({
+  name: Zn,
+  components: { CdsListGroupActivator: Wn, CdsTransitionExpand: Hn },
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    },
+    collapseIcon: {
+      type: String,
+      default: "chevron-up"
+    },
+    expandIcon: {
+      type: String,
+      default: "chevron-down"
+    },
+    value: {
+      type: [String, Number],
+      default: void 0
+    },
+    fluid: {
+      type: Boolean,
+      default: !1
+    },
+    subgroup: {
+      type: Boolean,
+      default: !1
+    },
+    ...N()
+  },
+  setup(e) {
+    const { isOpen: t, open: n, id: s } = Xe(ht(e, "value"), !0), o = at(), a = c(() => `cds-list-group--id-${String(s.value)}`), r = c(() => t.value ? e.collapseIcon : e.expandIcon), i = c(() => !e.subgroup), d = c(() => ({
+      onClick: f,
+      id: a.value,
+      appendIcon: r.value,
+      class: "cds-list-group__header",
+      isClickable: i.value
+    })), m = c(() => ({
+      "cds-list-group--open": t.value,
+      "cds-list-group--prepend": o == null ? void 0 : o.hasPrepend.value,
+      "cds-list-group--fluid": e.fluid,
+      "cds-list-group--subgroup": e.subgroup
+    }));
+    st();
+    function f(l) {
+      n(!t.value, l);
+    }
+    return {
+      id: a,
+      isOpen: t,
+      activatorProps: d,
+      isExpandable: i,
+      classes: m
+    };
+  }
+}), Qn = {
+  key: 0,
+  class: "cds-list-group__title"
+}, Xn = ["aria-labelledby"], Yn = ["aria-labelledby"];
+function xn(e, t, n, s, o, a) {
+  const r = z("cds-list-group-activator"), i = z("cds-transition-expand");
+  return g(), k(P(e.tag), {
+    class: O(["cds-list-group", e.classes])
+  }, {
+    default: B(() => [
+      e.title ? (g(), C("div", Qn, [
+        $(e.$slots, "title"),
+        M(" " + L(e.title), 1)
+      ])) : w("", !0),
+      Me(r, null, {
+        default: B(() => [
+          $(e.$slots, "activator", {
+            props: e.activatorProps,
+            isOpen: e.isOpen
+          })
+        ]),
+        _: 3
+      }),
+      e.isExpandable ? (g(), k(i, { key: 1 }, {
+        default: B(() => [
+          Ct(E("div", {
+            class: "cds-list-group__items",
+            role: "group",
+            "aria-labelledby": e.id
+          }, [
+            $(e.$slots, "default")
+          ], 8, Xn), [
+            [$t, e.isOpen]
+          ])
+        ]),
+        _: 3
+      })) : (g(), C("div", {
+        key: 2,
+        class: "cds-list-group__items",
+        role: "group",
+        "aria-labelledby": e.id
+      }, [
+        $(e.$slots, "default")
+      ], 8, Yn))
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const nt = /* @__PURE__ */ I(Jn, [["render", xn]]), pe = Symbol.for("cds:list");
+function st() {
+  const e = R(pe, { hasPrepend: _(!1), updateHasPrepend: () => null }), t = {
+    hasPrepend: _(!1),
+    updateHasPrepend: (n) => {
+      n && (t.hasPrepend.value = n);
+    }
+  };
+  return x(pe, t), e;
+}
+function ot(e, t) {
+  return () => {
+    var n, s, o;
+    return (o = (s = (n = t.slots).default) == null ? void 0 : s.call(n)) != null ? o : e.items.map(({ children: a, props: r, raw: i }) => {
+      const d = {
+        default: t.slots.default ? (m) => {
+          var f, l;
+          return (l = (f = t.slots).default) == null ? void 0 : l.call(f, { ...m, item: i });
+        } : void 0,
+        prepend: t.slots.prepend ? (m) => {
+          var f, l;
+          return (l = (f = t.slots).prepend) == null ? void 0 : l.call(f, { ...m, item: i });
+        } : void 0,
+        append: t.slots.append ? (m) => {
+          var f, l;
+          return (l = (f = t.slots).append) == null ? void 0 : l.call(f, { ...m, item: i });
+        } : void 0,
+        title: t.slots.title ? (m) => {
+          var f, l;
+          return (l = (f = t.slots).title) == null ? void 0 : l.call(f, { ...m, item: i });
+        } : void 0,
+        description: t.slots.description ? (m) => {
+          var f, l;
+          return (l = (f = t.slots).description) == null ? void 0 : l.call(f, { ...m, item: i });
+        } : void 0
+      };
+      return a ? A(
+        nt,
+        { value: r == null ? void 0 : r.value },
+        {
+          activator: ({ props: m }) => A(fe, { ...r, ...m }, d),
+          default: () => ot({ ...e, items: a }, t)()
+        }
+      ) : A(fe, r, d);
+    });
+  };
+}
+function at() {
+  return R(pe, null);
+}
+const le = "CdsList", es = u({
+  name: le,
+  props: {
+    lines: {
+      type: [Boolean, String],
+      default: "one"
+    },
+    ...Ft(),
+    ...N(),
+    ...V({
+      size: "xs"
+    }),
+    ...q(),
+    ...oe(),
+    ...Kt({
+      selectStrategy: "single-leaf",
+      openStrategy: "list"
+    })
+  },
+  emits: [
+    "update:selected",
+    "update:opened",
+    "click:open",
+    "click:select"
+  ],
+  setup(e, t) {
+    const { items: n } = zt(e), { disabledClasses: s } = K(e), { sizeClasses: o } = U(e, le), { darkClasses: a } = ae(e, le), { open: r, select: i } = Ht(e, t), { contentRef: d, onFocus: m, onFocusin: f, onFocusout: l, onKeydown: p, focus: v } = Rt(), y = c(() => e.lines ? `cds-list--lines-${e.lines}` : void 0), S = ot({ ...e, items: n.value }, t)();
+    return st(), Zt(
+      () => A(
+        e.tag,
+        {
+          ref: d,
+          role: "listbox",
+          class: [
+            {
+              "cds-list": !0
+            },
+            y.value,
+            o.value,
+            a.value,
+            s.value
+          ],
+          onFocus: m,
+          onFocusin: f,
+          onFocusout: l,
+          onKeydown: p
+        },
+        S
+      )
+    ), {
+      open: r,
+      select: i,
+      focus: v
+    };
+  }
+});
+const J = "CdsStatus", ts = u({
+  name: J,
+  props: {
+    ...te(),
+    ...Ke(),
+    ...Dt()
+  },
+  setup(e, { slots: t }) {
+    const { appearanceClasses: n } = He(e, J), { statusClasses: s } = Nt(e, J);
+    return !e.text && !t.default && me(`'text' is a required prop for ${J}`), {
+      appearanceClasses: n,
+      statusClasses: s
+    };
+  }
+});
+const ns = { class: "cds-status__text" };
+function ss(e, t, n, s, o, a) {
+  return g(), C("span", {
+    class: O(["cds-status", [e.appearanceClasses, e.statusClasses]])
+  }, [
+    E("span", ns, [
+      e.text ? (g(), C(ve, { key: 0 }, [
+        M(L(e.text), 1)
+      ], 64)) : $(e.$slots, "default", { key: 1 })
+    ])
+  ], 2);
+}
+const os = /* @__PURE__ */ I(ts, [["render", ss]]), Q = "CdsTag", as = u({
+  name: Q,
+  components: {
+    CdsIcon: re
+  },
+  props: {
+    removable: {
+      type: Boolean,
+      default: !1,
+      description: "\u0423\u0434\u0430\u043B\u044F\u0435\u043C\u044B\u0439 \u0442\u0435\u0433"
+    },
+    ...V(),
+    ...q(),
+    ...ne(),
+    ...Pt(),
+    ...te()
+  },
+  emits: [
+    "remove"
+  ],
+  setup(e, t) {
+    const { sizeClasses: n } = U(e, Q), { disabledClasses: s } = K(e), { colorClasses: o } = Et(e, Q), { isLink: a, tag: r, href: i, to: d } = se(e, t);
+    !e.text && !t.slots.default && me(`'text' is a required prop for ${Q}`);
+    const m = (p) => {
+      t.emit("remove", p);
+    }, f = c(() => ({
+      "cds-tag--interactive": a.value,
+      "cds-tag--removable": e.removable
+    })), l = {
+      sizeClasses: n,
+      disabledClasses: s,
+      colorClasses: o,
+      tagClasses: f
+    };
+    return {
+      tag: a.value ? r : "span",
+      href: i,
+      to: d,
+      ...l,
+      onRemove: m
+    };
+  }
+});
+const rs = {
+  key: 0,
+  class: "cds-tag__text",
+  tabindex: "-1"
+}, us = ["disabled"];
+function ls(e, t, n, s, o, a) {
+  const r = z("cds-icon");
+  return g(), k(P(e.tag), {
+    to: e.to,
+    href: e.href,
+    class: O(["cds-tag", [e.tagClasses, e.sizeClasses, e.disabledClasses, e.colorClasses]])
+  }, {
+    default: B(() => [
+      e.text ? (g(), C("span", rs, L(e.text), 1)) : $(e.$slots, "default", { key: 1 }),
+      e.removable ? (g(), C("button", {
+        key: 2,
+        "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+        type: "button",
+        disabled: e.disabled,
+        class: "cds-tag__remove",
+        onClick: t[0] || (t[0] = _e((...i) => e.onRemove && e.onRemove(...i), ["prevent"])),
+        onKeydown: t[1] || (t[1] = ze(_e((...i) => e.onRemove && e.onRemove(...i), ["prevent"]), ["enter"]))
+      }, [
+        Me(r, {
+          class: "cds-tag__icon",
+          size: e.size,
+          name: "remove"
+        }, null, 8, ["size"])
+      ], 40, us)) : w("", !0)
+    ]),
+    _: 3
+  }, 8, ["to", "href", "class"]);
+}
+const is = /* @__PURE__ */ I(as, [["render", ls]]), cs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CdsBadge: Xt,
+  CdsButton: dn,
+  CdsDrawer: yn,
+  CdsCol: An,
+  CdsGrid: Pn,
+  CdsRow: Dn,
+  CdsIcon: re,
+  CdsLink: Mn,
+  CdsList: es,
+  CdsListGroup: nt,
+  CdsListItem: fe,
+  CdsLoader: Ye,
+  CdsStatus: os,
+  CdsTag: is
+}, Symbol.toStringTag, { value: "Module" })), ds = {}, fs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ds
+}, Symbol.toStringTag, { value: "Module" }));
+const ps = {
+  cssGrid: !1
+}, Cs = {
+  install(e, t = ps) {
+    Object.entries(cs).forEach(([n, s]) => {
+      e.component(n, s);
+    }), Object.entries(fs).forEach(([n, s]) => {
+      e.directive(n, s);
+    }), Object.entries(t).forEach(([n, s]) => {
+      e.provide(n, s);
+    });
+  }
+};
+export {
+  Cs as Cds,
+  Xt as CdsBadge,
+  dn as CdsButton,
+  An as CdsCol,
+  yn as CdsDrawer,
+  Pn as CdsGrid,
+  re as CdsIcon,
+  Mn as CdsLink,
+  es as CdsList,
+  nt as CdsListGroup,
+  fe as CdsListItem,
+  Ye as CdsLoader,
+  Dn as CdsRow,
+  os as CdsStatus,
+  is as CdsTag,
+  Re as classesStates,
+  Cs as default,
+  ee as getCurrentInstance,
+  gs as getCurrentInstanceName,
+  Te as getNestedValue,
+  bt as getObjectValueByPath,
+  W as getPropertyFromItem,
+  Ge as getUid,
+  ke as isObject,
+  vs as keyCodes,
+  ys as localeLowerCase,
+  ie as lowerCase,
+  wt as mergeDeep,
+  Ve as noCase,
+  D as paramCase,
+  Ot as pascalCase,
+  At as pascalCaseTransform,
+  hs as pascalCaseTransformMerge,
+  _t as pick,
+  b as propsFactory
+};