vuiii 0.1.0-alpha

package/dist/vui.es.js

@@ -0,0 +1,1751 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { openBlock, createElementBlock, createElementVNode, pushScopeId, popScopeId, defineComponent, createBlock, resolveDynamicComponent, resolveComponent, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString, mergeProps, renderSlot, normalizeClass, createCommentVNode, withDirectives, vShow, withModifiers, normalizeProps, guardReactiveProps, normalizeStyle, useSlots, useAttrs, getCurrentInstance, getCurrentScope, computed, unref, createSlots, ref, onMounted, onBeforeUnmount, Transition, TransitionGroup, reactive, createApp, h } from "vue";
+import { useRouter } from "vue-router";
+var style = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$u = {};
+const _hoisted_1$t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M16 17l-4 4m0 0l-4-4m4 4V3"
+}, null, -1);
+const _hoisted_3$l = [
+  _hoisted_2$n
+];
+function _sfc_render$o(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$l);
+}
+var arrowNarrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$o]]);
+var __glob_2_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": arrowNarrowDown
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$t = {};
+const _hoisted_1$s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M7 16l-4-4m0 0l4-4m-4 4h18"
+}, null, -1);
+const _hoisted_3$k = [
+  _hoisted_2$m
+];
+function _sfc_render$n(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$k);
+}
+var arrowNarrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$n]]);
+var __glob_2_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": arrowNarrowLeft
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$s = {};
+const _hoisted_1$r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M17 8l4 4m0 0l-4 4m4-4H3"
+}, null, -1);
+const _hoisted_3$j = [
+  _hoisted_2$l
+];
+function _sfc_render$m(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$j);
+}
+var arrowNarrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$m]]);
+var __glob_2_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": arrowNarrowRight
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$r = {};
+const _hoisted_1$q = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M8 7l4-4m0 0l4 4m-4-4v18"
+}, null, -1);
+const _hoisted_3$i = [
+  _hoisted_2$k
+];
+function _sfc_render$l(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$i);
+}
+var arrowNarrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$l]]);
+var __glob_2_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": arrowNarrowUp
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$q = {};
+const _hoisted_1$p = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+}, null, -1);
+const _hoisted_3$h = [
+  _hoisted_2$j
+];
+function _sfc_render$k(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$h);
+}
+var checkCircle = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$k]]);
+var __glob_2_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": checkCircle
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$p = {};
+const _hoisted_1$o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M5 13l4 4L19 7"
+}, null, -1);
+const _hoisted_3$g = [
+  _hoisted_2$i
+];
+function _sfc_render$j(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$g);
+}
+var check = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$j]]);
+var __glob_2_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": check
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$o = {};
+const _hoisted_1$n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M15 19l-7-7 7-7"
+}, null, -1);
+const _hoisted_3$f = [
+  _hoisted_2$h
+];
+function _sfc_render$i(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$f);
+}
+var chevronLeft = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$i]]);
+var __glob_2_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": chevronLeft
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$n = {};
+const _hoisted_1$m = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M9 5l7 7-7 7"
+}, null, -1);
+const _hoisted_3$e = [
+  _hoisted_2$g
+];
+function _sfc_render$h(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$e);
+}
+var chevronRight = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$h]]);
+var __glob_2_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": chevronRight
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$m = {};
+const _hoisted_1$l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+}, null, -1);
+const _hoisted_3$d = [
+  _hoisted_2$f
+];
+function _sfc_render$g(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$d);
+}
+var exclamationCircle = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$g]]);
+var __glob_2_8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": exclamationCircle
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$l = {};
+const _hoisted_1$k = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+}, null, -1);
+const _hoisted_3$c = [
+  _hoisted_2$e
+];
+function _sfc_render$f(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$c);
+}
+var exclamation = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$f]]);
+var __glob_2_9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": exclamation
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$k = {};
+const _hoisted_1$j = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$d = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M12 4v16m8-8H4"
+}, null, -1);
+const _hoisted_3$b = [
+  _hoisted_2$d
+];
+function _sfc_render$e(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$b);
+}
+var plus = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$e]]);
+var __glob_2_10 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": plus
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$j = {};
+const _hoisted_1$i = {
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$c = /* @__PURE__ */ createElementVNode("path", {
+  d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2"
+}, null, -1);
+const _hoisted_3$a = [
+  _hoisted_2$c
+];
+function _sfc_render$d(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$a);
+}
+var search = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d]]);
+var __glob_2_11 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": search
+}, Symbol.toStringTag, { value: "Module" }));
+var spinner_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$i = {};
+const _withScopeId$1 = (n) => (pushScopeId("data-v-683816b2"), n = n(), popScopeId(), n);
+const _hoisted_1$h = {
+  class: "IconSpinner",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 25 25",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("path", {
+  d: "M23.5 12.5c0 6.1-4.9 11-11 11s-11-4.9-11-11 4.9-11 11-11",
+  "shape-rendering": "geometricPrecision",
+  style: { "stroke-width": "2", "stroke-miterlimit": "10", "stroke": "currentColor", "fill": "none" },
+  "vector-effect": "non-scaling-stroke"
+}, null, -1));
+const _hoisted_3$9 = [
+  _hoisted_2$b
+];
+function _sfc_render$c(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$9);
+}
+var spinner = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$c], ["__scopeId", "data-v-683816b2"]]);
+var __glob_2_12 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": spinner
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$h = {};
+const _hoisted_1$g = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_2$a = /* @__PURE__ */ createElementVNode("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"
+}, null, -1);
+const _hoisted_3$8 = [
+  _hoisted_2$a
+];
+function _sfc_render$b(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$8);
+}
+var trash = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$b]]);
+var __glob_2_13 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": trash
+}, Symbol.toStringTag, { value: "Module" }));
+const _sfc_main$g = {};
+const _hoisted_1$f = {
+  "aria-hidden": "true",
+  fill: "none",
+  stroke: "currentColor",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("path", {
+  d: "M6 18L18 6M6 6l12 12",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2"
+}, null, -1);
+const _hoisted_3$7 = [
+  _hoisted_2$9
+];
+function _sfc_render$a(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$7);
+}
+var x = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$a]]);
+var __glob_2_14 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  "default": x
+}, Symbol.toStringTag, { value: "Module" }));
+function resolveGlobImport(imports, filename) {
+  var _a;
+  return (_a = Object.entries(imports).map(([path, source]) => ({ path, source })).find((item) => item.path.endsWith(`/${filename}`))) == null ? void 0 : _a.source.default;
+}
+var Icon_vue_vue_type_style_index_0_scoped_true_lang = "";
+let customIconResolver;
+function registerCustomIconResolver(resolver) {
+  customIconResolver = resolver;
+}
+function resolveIconComponent(name) {
+  let component;
+  if (customIconResolver) {
+    component = customIconResolver(name);
+  }
+  if (!component) {
+    component = resolveGlobImport(icons, `${name}.vue`);
+  }
+  return component;
+}
+const icons = { "../icons/arrow-narrow-down.vue": __glob_2_0, "../icons/arrow-narrow-left.vue": __glob_2_1, "../icons/arrow-narrow-right.vue": __glob_2_2, "../icons/arrow-narrow-up.vue": __glob_2_3, "../icons/check-circle.vue": __glob_2_4, "../icons/check.vue": __glob_2_5, "../icons/chevron-left.vue": __glob_2_6, "../icons/chevron-right.vue": __glob_2_7, "../icons/exclamation-circle.vue": __glob_2_8, "../icons/exclamation.vue": __glob_2_9, "../icons/plus.vue": __glob_2_10, "../icons/search.vue": __glob_2_11, "../icons/spinner.vue": __glob_2_12, "../icons/trash.vue": __glob_2_13, "../icons/x.vue": __glob_2_14 };
+const _sfc_main$f = defineComponent({
+  props: {
+    name: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      component: void 0
+    };
+  },
+  watch: {
+    name: {
+      immediate: true,
+      handler() {
+        this.component = resolveIconComponent(this.name);
+      }
+    }
+  }
+});
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(resolveDynamicComponent(__spreadValues({}, _ctx.component)), { class: "Icon" });
+}
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$9], ["__scopeId", "data-v-3f9f02d0"]]);
+var Breadcrumbs_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$e = defineComponent({
+  components: {
+    Icon
+  },
+  props: {
+    breadcrumbs: {
+      type: Object,
+      default: () => ({})
+    }
+  }
+});
+const _hoisted_1$e = { class: "Breadcrumbs" };
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_router_link = resolveComponent("router-link");
+  const _component_Icon = resolveComponent("Icon");
+  return openBlock(), createElementBlock("div", _hoisted_1$e, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.breadcrumbs, (location, label, index) => {
+      return openBlock(), createElementBlock("div", {
+        key: index,
+        class: "Breadcrumbs__breadcrumb"
+      }, [
+        createVNode(_component_router_link, {
+          to: location,
+          class: "Breadcrumbs__link"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(label), 1)
+          ]),
+          _: 2
+        }, 1032, ["to"]),
+        createVNode(_component_Icon, {
+          name: "chevron-right",
+          class: "Breadcrumbs__arrow"
+        })
+      ]);
+    }), 128))
+  ]);
+}
+var Breadcrumbs = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$8], ["__scopeId", "data-v-357000f6"]]);
+var button = "";
+var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
+const sizes$2 = ["normal", "small"];
+const variants = ["default", "primary", "secondary", "danger"];
+const _sfc_main$d = defineComponent({
+  components: {
+    Icon
+  },
+  inheritAttrs: false,
+  props: {
+    size: {
+      type: String,
+      default: "normal",
+      validator: (value) => sizes$2.includes(value)
+    },
+    variant: {
+      type: String,
+      default: "default",
+      validator: (value) => variants.includes(value)
+    },
+    prefixIcon: {
+      type: String,
+      default: ""
+    },
+    suffixIcon: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    active: Boolean,
+    loading: Boolean,
+    block: Boolean,
+    disabled: Boolean
+  },
+  computed: {
+    component() {
+      if (this.$attrs.to) {
+        return "router-link";
+      }
+      if (this.$attrs.href) {
+        return "a";
+      }
+      return "button";
+    },
+    classModifiers() {
+      const classModifiers = [this.size, this.variant];
+      if (this.active) {
+        classModifiers.push("active");
+      }
+      if (this.loading) {
+        classModifiers.push("loading");
+      }
+      if (this.disabled) {
+        classModifiers.push("disabled");
+      }
+      return classModifiers.map((modifier) => `button--${modifier}`);
+    },
+    normalizedAttrs() {
+      return __spreadValues({
+        type: this.component === "button" ? "button" : void 0
+      }, this.$attrs);
+    }
+  }
+});
+const _hoisted_1$d = { key: 1 };
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Icon = resolveComponent("Icon");
+  return openBlock(), createBlock(resolveDynamicComponent(_ctx.component), mergeProps({
+    class: ["Button button", [_ctx.classModifiers, { "Button--block": _ctx.block }, { "button--disabled": _ctx.$attrs.disabled }]]
+  }, _ctx.normalizedAttrs), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "prefix", {}, () => [
+        _ctx.prefixIcon && !_ctx.loading ? (openBlock(), createBlock(_component_Icon, {
+          key: 0,
+          class: normalizeClass(["Button__icon Button__icon--prefix", [`Button__icon--${_ctx.size}`]]),
+          name: _ctx.prefixIcon
+        }, null, 8, ["class", "name"])) : createCommentVNode("", true)
+      ], true),
+      _ctx.loading ? (openBlock(), createBlock(_component_Icon, {
+        key: 0,
+        class: normalizeClass(["Button__icon Button__icon--prefix", [`Button__icon--${_ctx.size}`]]),
+        name: "spinner"
+      }, null, 8, ["class"])) : createCommentVNode("", true),
+      _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$d, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.label), 1)
+        ], true)
+      ])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "suffix", {}, () => [
+        _ctx.suffixIcon ? (openBlock(), createBlock(_component_Icon, {
+          key: 0,
+          class: normalizeClass(["Button__icon Button__icon--suffix", [`Button__icon--${_ctx.size}`]]),
+          name: _ctx.suffixIcon
+        }, null, 8, ["class", "name"])) : createCommentVNode("", true)
+      ], true)
+    ]),
+    _: 3
+  }, 16, ["class"]);
+}
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$7], ["__scopeId", "data-v-4c3e5fdd"]]);
+var input = "";
+const transformInputAttrs = defineComponent({
+  emits: ["update:modelValue"],
+  computed: {
+    normalizedAttrs() {
+      const retrieveValue2 = (element) => {
+        if (element.getAttribute("type") === "number") {
+          return element.valueAsNumber;
+        }
+        if (element.getAttribute("type") === "checkbox") {
+          return element.checked;
+        }
+        return element.value;
+      };
+      const _a = this.$attrs, { class: _class } = _a, attrs = __objRest(_a, ["class"]);
+      return __spreadProps(__spreadValues({}, attrs), {
+        onInput: (e) => this.$emit("update:modelValue", retrieveValue2(e.target))
+      });
+    }
+  }
+});
+var Checkbox_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$c = defineComponent({
+  mixins: [transformInputAttrs],
+  inheritAttrs: false,
+  props: {
+    modelValue: Boolean,
+    required: Boolean,
+    switch: Boolean,
+    caption: {
+      type: String,
+      default: ""
+    }
+  }
+});
+const _withScopeId = (n) => (pushScopeId("data-v-6d3aac34"), n = n(), popScopeId(), n);
+const _hoisted_1$c = ["checked", "required"];
+const _hoisted_2$8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "Checkbox__switchDot" }, null, -1));
+const _hoisted_3$6 = [
+  _hoisted_2$8
+];
+const _hoisted_4$3 = {
+  key: 1,
+  class: "Checkbox__label"
+};
+const _hoisted_5$1 = {
+  key: 0,
+  class: "Checkbox__required"
+};
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    class: normalizeClass(["Checkbox", [_ctx.$attrs.class, { "Checkbox--disabled": _ctx.$attrs.disabled }]])
+  }, [
+    withDirectives(createElementVNode("input", mergeProps(_ctx.normalizedAttrs, {
+      checked: _ctx.modelValue,
+      class: "Checkbox__input input",
+      required: _ctx.required,
+      type: "checkbox"
+    }), null, 16, _hoisted_1$c), [
+      [vShow, !_ctx.$props.switch]
+    ]),
+    _ctx.$props.switch ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: normalizeClass(["Checkbox__switch", { "Checkbox__switch--active": _ctx.modelValue }])
+    }, _hoisted_3$6, 2)) : createCommentVNode("", true),
+    _ctx.$slots.default || _ctx.caption ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+      _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_5$1, "*")) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default", {}, () => [
+        createTextVNode(toDisplayString(_ctx.caption), 1)
+      ], true)
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$6], ["__scopeId", "data-v-6d3aac34"]]);
+function retrieveValue(item, extractor) {
+  if (typeof extractor === "function") {
+    return extractor(item);
+  }
+  if (extractor || extractor === 0) {
+    return item[extractor];
+  }
+  return item;
+}
+function normalizeOptions(items, extractors = {}) {
+  if (Array.isArray(items)) {
+    return items.map((item) => ({
+      value: retrieveValue(item, extractors.value),
+      label: retrieveValue(item, extractors.label),
+      description: extractors.description && retrieveValue(item, extractors.description),
+      disabled: extractors.disabled && retrieveValue(item, extractors.disabled)
+    }));
+  }
+  return Object.entries(items || {}).reduce((options, [value, label]) => {
+    return options.concat({
+      value,
+      label
+    });
+  }, []);
+}
+var CheckboxGroup_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$b = defineComponent({
+  components: {
+    Checkbox
+  },
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: [Array, Object],
+      required: true
+    },
+    optionLabelKey: {
+      type: [Function, String, Number],
+      default: void 0
+    },
+    optionValueKey: {
+      type: [Function, String, Number],
+      default: void 0
+    },
+    optionDisabledKey: {
+      type: [Function, String, Number],
+      default: void 0
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    normalizedOptions() {
+      return normalizeOptions(this.options, {
+        value: this.optionValueKey,
+        label: this.optionLabelKey,
+        disabled: this.optionDisabledKey
+      });
+    },
+    checkedValues() {
+      return this.modelValue.reduce((result, value) => __spreadProps(__spreadValues({}, result), {
+        [value]: true
+      }), {});
+    }
+  },
+  methods: {
+    toggleCheckedValue(value) {
+      const checkedValues = __spreadProps(__spreadValues({}, this.checkedValues), {
+        [value]: !this.checkedValues[value]
+      });
+      const modelValue = Object.entries(checkedValues).filter(([_, isChecked]) => isChecked).map(([value2]) => value2);
+      this.$emit("update:modelValue", modelValue);
+    }
+  }
+});
+const _hoisted_1$b = { class: "CheckboxGroup" };
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Checkbox = resolveComponent("Checkbox");
+  return openBlock(), createElementBlock("div", _hoisted_1$b, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.normalizedOptions, (option) => {
+      return openBlock(), createElementBlock("div", {
+        key: option.value
+      }, [
+        createVNode(_component_Checkbox, {
+          disabled: option.disabled,
+          "model-value": _ctx.checkedValues[option.value],
+          "onUpdate:modelValue": ($event) => _ctx.toggleCheckedValue(option.value)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(option.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["disabled", "model-value", "onUpdate:modelValue"])
+      ]);
+    }), 128))
+  ]);
+}
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$5]]);
+var FormGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _sfc_main$a = defineComponent({
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    error: {
+      type: [String, Array, Boolean],
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    hint: {
+      type: String,
+      default: ""
+    },
+    required: Boolean
+  },
+  computed: {
+    errorMessage() {
+      if (Array.isArray(this.error)) {
+        return this.error.filter(Boolean).join(" ");
+      }
+      if (typeof this.error === "string") {
+        return this.error;
+      }
+      return "";
+    }
+  }
+});
+const _hoisted_1$a = {
+  key: 0,
+  class: "FormGroup__header"
+};
+const _hoisted_2$7 = { class: "FormGroup__label" };
+const _hoisted_3$5 = {
+  key: 0,
+  class: "FormGroup__required"
+};
+const _hoisted_4$2 = {
+  key: 1,
+  class: "FormGroup__description"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "FormGroup__hint"
+};
+const _hoisted_6 = {
+  key: 3,
+  class: "FormGroup__error"
+};
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["FormGroup", { "FormGroup--invalid": _ctx.error }])
+  }, [
+    _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
+      createElementVNode("label", _hoisted_2$7, toDisplayString(_ctx.label), 1),
+      _ctx.required ? (openBlock(), createElementBlock("div", _hoisted_3$5, "*")) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    _ctx.$slots.description || _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+      renderSlot(_ctx.$slots, "description", {}, () => [
+        createTextVNode(toDisplayString(_ctx.description), 1)
+      ], true)
+    ])) : createCommentVNode("", true),
+    renderSlot(_ctx.$slots, "default", {}, void 0, true),
+    _ctx.$slots.hint || _ctx.hint ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      renderSlot(_ctx.$slots, "hint", {}, () => [
+        createTextVNode(toDisplayString(_ctx.hint), 1)
+      ], true)
+    ])) : createCommentVNode("", true),
+    _ctx.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(_ctx.errorMessage), 1)) : createCommentVNode("", true)
+  ], 2);
+}
+var FormGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$4], ["__scopeId", "data-v-4214535a"]]);
+var FormFields_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$9 = { class: "FormFields" };
+const _sfc_main$9 = defineComponent({
+  name: "FormFields",
+  props: {
+    fields: {
+      type: Object,
+      default: () => ({})
+    },
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    errors: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    function getFieldValue(name) {
+      var _a;
+      const getter = ((_a = props.fields[name].value) == null ? void 0 : _a.getter) || ((modelValue) => modelValue[name]);
+      return getter(props.modelValue);
+    }
+    function setFieldValue(name, value) {
+      var _a;
+      const setter = ((_a = props.fields[name].value) == null ? void 0 : _a.setter) || ((value2, modelValue2) => __spreadProps(__spreadValues({}, modelValue2), { [name]: value2 }));
+      const modelValue = setter(value, props.modelValue);
+      emits("update:modelValue", modelValue);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.fields, (field, name) => {
+          var _a;
+          return openBlock(), createBlock(FormGroup, {
+            key: name,
+            label: field.label,
+            description: field.description,
+            hint: field.hint,
+            required: field.required,
+            error: (_a = __props.errors) == null ? void 0 : _a[name]
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(field.component), mergeProps({
+                "model-value": getFieldValue(String(name))
+              }, field.props, {
+                "onUpdate:modelValue": ($event) => setFieldValue(String(name), $event)
+              }), null, 16, ["model-value", "onUpdate:modelValue"]))
+            ]),
+            _: 2
+          }, 1032, ["label", "description", "hint", "required", "error"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+var FormFields = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-319aedc6"]]);
+var Form_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$8 = { class: "Form" };
+const _hoisted_2$6 = ["disabled"];
+const _hoisted_3$4 = {
+  key: 0,
+  class: "Form__title"
+};
+const _hoisted_4$1 = {
+  key: 0,
+  class: "Form__buttons"
+};
+const _sfc_main$8 = defineComponent({
+  name: "Form",
+  props: {
+    structure: {
+      type: Object,
+      default: () => ({})
+    },
+    modelValue: {
+      type: Object,
+      default: () => void 0
+    },
+    errors: {
+      type: Object,
+      default: () => ({})
+    },
+    submit: {
+      type: Function,
+      default: void 0
+    },
+    submitLabel: {
+      type: String,
+      default: "Submit"
+    },
+    cancel: {
+      type: [Function, Object],
+      default: void 0
+    },
+    cancelLabel: {
+      type: String,
+      default: "Cancel"
+    },
+    submitting: Boolean
+  },
+  emits: ["update:modelValue", "change", "submit", "cancel"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const router = useRouter();
+    function submit() {
+      var _a;
+      (_a = props.submit) == null ? void 0 : _a.call(props, props.modelValue);
+    }
+    function cancel() {
+      var _a;
+      typeof props.cancel === "function" ? (_a = props.cancel) == null ? void 0 : _a.call(props) : props.cancel && router.push(props.cancel);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        __props.modelValue ? (openBlock(), createElementBlock("form", {
+          key: 0,
+          disabled: __props.submitting,
+          onSubmit: _cache[3] || (_cache[3] = withModifiers(($event) => submit == null ? void 0 : submit(), ["prevent"]))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.structure, (block, index) => {
+            return openBlock(), createElementBlock("div", { key: index }, [
+              block.title ? (openBlock(), createElementBlock("div", _hoisted_3$4, toDisplayString(block.title), 1)) : createCommentVNode("", true),
+              createVNode(FormFields, {
+                fields: block.fields,
+                "model-value": __props.modelValue,
+                errors: __props.errors,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emits("update:modelValue", $event)),
+                onChange: _cache[1] || (_cache[1] = ($event) => emits("change", $event))
+              }, null, 8, ["fields", "model-value", "errors"])
+            ]);
+          }), 128)),
+          renderSlot(_ctx.$slots, "buttons", normalizeProps(guardReactiveProps({ cancel, submit })), () => [
+            submit || cancel ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              submit ? (openBlock(), createBlock(Button, {
+                key: 0,
+                variant: "primary",
+                type: "submit",
+                label: __props.submitLabel,
+                disabled: __props.submitting,
+                "prefix-icon": __props.submitting ? "spinner" : void 0
+              }, null, 8, ["label", "disabled", "prefix-icon"])) : createCommentVNode("", true),
+              cancel ? (openBlock(), createBlock(Button, {
+                key: 1,
+                label: __props.cancelLabel,
+                disabled: __props.submitting,
+                onClick: _cache[2] || (_cache[2] = ($event) => cancel())
+              }, null, 8, ["label", "disabled"])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ], true)
+        ], 40, _hoisted_2$6)) : (openBlock(), createBlock(Icon, {
+          key: 1,
+          name: "spinner"
+        }))
+      ]);
+    };
+  }
+});
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-5366fc3a"]]);
+var Input_vue_vue_type_style_index_0_lang = "";
+const sizes$1 = ["normal", "small"];
+const _sfc_main$7 = defineComponent({
+  components: {
+    Icon
+  },
+  mixins: [transformInputAttrs],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: ""
+    },
+    prefixIcon: {
+      type: String,
+      default: ""
+    },
+    suffixIcon: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "normal",
+      validator: (value) => sizes$1.includes(value)
+    },
+    invalid: Boolean
+  },
+  computed: {
+    hasPrefix() {
+      return Boolean(this.$slots.prefix || this.prefixIcon);
+    },
+    hasSuffix() {
+      return Boolean(this.$slots.suffix || this.suffixIcon);
+    }
+  }
+});
+const _hoisted_1$7 = { class: "Input__icon Input__icon--left" };
+const _hoisted_2$5 = ["aria-label", "value"];
+const _hoisted_3$3 = { class: "Input__icon Input__icon--right" };
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Icon = resolveComponent("Icon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["Input input", [
+      _ctx.$attrs.class,
+      {
+        "input--invalid": _ctx.invalid,
+        "input--disabled": _ctx.$attrs.disabled,
+        "input--small": _ctx.size === "small"
+      }
+    ]]),
+    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$refs.input.focus())
+  }, [
+    _ctx.hasPrefix ? renderSlot(_ctx.$slots, "prefix", { key: 0 }, () => [
+      createElementVNode("div", _hoisted_1$7, [
+        createVNode(_component_Icon, { name: _ctx.prefixIcon }, null, 8, ["name"])
+      ])
+    ]) : createCommentVNode("", true),
+    createElementVNode("input", mergeProps({
+      ref: "input",
+      "aria-label": _ctx.$attrs.placeholder || "input"
+    }, _ctx.normalizedAttrs, {
+      class: "Input__nestedInput input__nested",
+      value: _ctx.modelValue
+    }), null, 16, _hoisted_2$5),
+    _ctx.hasSuffix ? renderSlot(_ctx.$slots, "suffix", { key: 1 }, () => [
+      createElementVNode("div", _hoisted_3$3, [
+        createVNode(_component_Icon, { name: _ctx.suffixIcon }, null, 8, ["name"])
+      ])
+    ]) : createCommentVNode("", true)
+  ], 2);
+}
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$3]]);
+const sizes = ["normal", "small"];
+const _sfc_main$6 = defineComponent({
+  mixins: [transformInputAttrs],
+  props: {
+    value: {
+      type: [String, Number, Object],
+      default: ""
+    },
+    options: {
+      type: [Array, Object],
+      required: true
+    },
+    optionLabelKey: {
+      type: [Function, String, Number],
+      default: void 0
+    },
+    optionValueKey: {
+      type: [Function, String, Number],
+      default: void 0
+    },
+    optionDisabledKey: {
+      type: [Function, String, Number],
+      default: void 0
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "normal",
+      validator: (value) => sizes.includes(value)
+    },
+    allowEmpty: Boolean
+  },
+  computed: {
+    normalizedOptions() {
+      return normalizeOptions(this.options, {
+        value: this.optionValueKey,
+        label: this.optionLabelKey,
+        disabled: this.optionDisabledKey
+      });
+    }
+  }
+});
+const _hoisted_1$6 = ["value"];
+const _hoisted_2$4 = ["disabled"];
+const _hoisted_3$2 = ["disabled", "value"];
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("select", mergeProps({ class: "Select input" }, _ctx.normalizedAttrs, {
+    class: [_ctx.$attrs.class, { "input--small": _ctx.size === "small" }],
+    value: _ctx.value
+  }), [
+    _ctx.placeholder ? (openBlock(), createElementBlock("option", {
+      key: 0,
+      disabled: !_ctx.allowEmpty,
+      selected: "",
+      value: void 0
+    }, toDisplayString(_ctx.placeholder), 9, _hoisted_2$4)) : createCommentVNode("", true),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.normalizedOptions, (option) => {
+      return openBlock(), createElementBlock("option", {
+        key: option.value,
+        disabled: option.disabled,
+        value: option.value
+      }, toDisplayString(option.label), 9, _hoisted_3$2);
+    }), 128))
+  ], 16, _hoisted_1$6);
+}
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$2]]);
+var table = "";
+var typography = "";
+const _sfc_main$5 = defineComponent({
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    columns: {
+      type: Object,
+      default: null
+    },
+    rowClass: {
+      type: [String, Function],
+      default: null
+    }
+  },
+  computed: {
+    normalizedColumns() {
+      return Object.entries(this.columns).reduce((result, [key, options]) => __spreadProps(__spreadValues({}, result), {
+        [key]: typeof options === "string" ? { label: options } : options
+      }), {});
+    }
+  },
+  methods: {
+    formatValue(item, key) {
+      const column = this.normalizedColumns[key];
+      const value = typeof column.value === "function" ? column.value(item) : item[key];
+      if (column.format) {
+        return column.format(value);
+      }
+      return value;
+    },
+    resolveRowClass(item) {
+      return typeof this.rowClass === "function" ? this.rowClass(item) : this.rowClass;
+    }
+  }
+});
+const _hoisted_1$5 = { class: "table table--hover" };
+const _hoisted_2$3 = ["width"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_router_link = resolveComponent("router-link");
+  return openBlock(), createElementBlock("table", _hoisted_1$5, [
+    createElementVNode("thead", null, [
+      createElementVNode("tr", null, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.normalizedColumns, (column, key) => {
+          return openBlock(), createElementBlock("th", {
+            key,
+            style: normalizeStyle({ textAlign: column.align || "left" }),
+            width: column.width
+          }, toDisplayString(column.label), 13, _hoisted_2$3);
+        }), 128))
+      ])
+    ]),
+    createElementVNode("tbody", null, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+        return openBlock(), createElementBlock("tr", {
+          key: index,
+          class: normalizeClass(_ctx.resolveRowClass(item))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.normalizedColumns, (column, key) => {
+            return openBlock(), createElementBlock("td", {
+              key,
+              style: normalizeStyle({ textAlign: column.align || "left" })
+            }, [
+              renderSlot(_ctx.$slots, key, normalizeProps(guardReactiveProps({ item })), () => [
+                column.href ? (openBlock(), createBlock(_component_router_link, {
+                  key: 0,
+                  class: "link",
+                  to: column.href(item)
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.formatValue(item, key)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createTextVNode(toDisplayString(_ctx.formatValue(item, key)), 1)
+                ], 64))
+              ])
+            ], 4);
+          }), 128))
+        ], 2);
+      }), 128))
+    ])
+  ]);
+}
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$1]]);
+const _sfc_main$4 = defineComponent({
+  mixins: [transformInputAttrs],
+  props: {
+    value: {
+      type: String,
+      default: ""
+    }
+  }
+});
+const _hoisted_1$4 = ["value"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("textarea", mergeProps(_ctx.normalizedAttrs, {
+    class: ["Textarea input", _ctx.$attrs.class],
+    value: _ctx.value
+  }), null, 16, _hoisted_1$4);
+}
+var Textarea = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
+var ModalLayout_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$3 = {
+  key: 1,
+  class: "ModalLayout__header"
+};
+const _hoisted_2$2 = { class: "ModalLayout__title" };
+const _hoisted_3$1 = { class: "ModalLayout__body" };
+const _hoisted_4 = {
+  key: 2,
+  class: "ModalLayout__footer"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  name: "ModalLayout",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: [Number, String],
+      default: 600
+    },
+    hideCloser: Boolean,
+    scroll: Boolean,
+    plain: Boolean
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    useAttrs();
+    getCurrentInstance();
+    getCurrentScope();
+    const hasHeader = computed(() => {
+      return Boolean(slots.header || props.title);
+    });
+    const hasFooter = computed(() => {
+      return Boolean(slots.footer);
+    });
+    const computedStyle = computed(() => {
+      const maxWidth = props.width + (Number(props.width) ? "px" : "");
+      if (maxWidth && maxWidth !== "auto") {
+        return {
+          width: "100%",
+          maxWidth
+        };
+      }
+      return {};
+    });
+    function close() {
+      window.dispatchEvent(new KeyboardEvent("keydown", { "key": "Escape" }));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ModalLayout", { hasHeader: unref(hasHeader), hasFooter: unref(hasFooter), isScrollable: _ctx.$props.scroll, isPlain: _ctx.$props.plain }]),
+        style: normalizeStyle(unref(computedStyle))
+      }, [
+        !__props.hideCloser ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ModalLayout__close",
+          onClick: _cache[0] || (_cache[0] = ($event) => close())
+        }, [
+          createVNode(Icon, {
+            name: "x",
+            class: "ModalLayout__closeIcon"
+          })
+        ])) : createCommentVNode("", true),
+        unref(hasHeader) ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            createElementVNode("div", _hoisted_2$2, toDisplayString(__props.title), 1)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$1, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        unref(hasFooter) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "footer")
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+var ModalLayoutDialog_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$2 = { class: "ModalLayoutDialog__buttons" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  name: "ModalLayoutDialog",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    message: {
+      type: String,
+      default: ""
+    },
+    buttons: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["close"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(_sfc_main$3, {
+        ref: "root",
+        class: "ModalLayoutDialog",
+        width: "480",
+        title: _ctx.$props.title
+      }, createSlots({
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.$props.message) + " ", 1)
+        ]),
+        _: 2
+      }, [
+        ((_a = _ctx.$props.buttons) == null ? void 0 : _a.length) ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createElementVNode("div", _hoisted_1$2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.$props.buttons, (button2, $index) => {
+                return openBlock(), createElementBlock("span", {
+                  key: $index,
+                  class: "ModalLayoutDialog__buttonWrapper"
+                }, [
+                  createVNode(Button, {
+                    type: "button",
+                    variant: button2.variant,
+                    "prefix-icon": button2.icon,
+                    autofocus: "",
+                    onClick: ($event) => _ctx.$emit("close", button2.value)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(button2.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["variant", "prefix-icon", "onClick"])
+                ]);
+              }), 128))
+            ])
+          ])
+        } : void 0
+      ]), 1032, ["title"]);
+    };
+  }
+});
+var ModalStack_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$1 = { class: "ModalStack" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "ModalStack__backdrop"
+};
+const _hoisted_3 = ["onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  name: "ModalStack",
+  props: {
+    modals: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["closeModal"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const modalInstances = ref({});
+    const activeModal = computed(() => {
+      return props.modals.length ? props.modals[props.modals.length - 1] : null;
+    });
+    function registerReference(modalId) {
+      return (instance) => modalInstances.value[modalId] = instance;
+    }
+    function closeModal(modal2, result) {
+      var _a;
+      const close = () => {
+        emits("closeModal", { modal: modal2, result });
+      };
+      const modalRootInstance = modalInstances.value[modal2.id].$refs.root;
+      if ((_a = modalRootInstance.$attrs) == null ? void 0 : _a.onBeforeClose) {
+        modalRootInstance.$attrs.onBeforeClose(close);
+      } else {
+        close();
+      }
+    }
+    function closeActiveModal() {
+      if (activeModal.value) {
+        closeModal(activeModal.value);
+      }
+    }
+    function closeActiveModalByEscapeKey(e) {
+      if (activeModal.value && e.key === "Escape" && !e.defaultPrevented) {
+        e.preventDefault();
+        closeActiveModal();
+      }
+    }
+    function closeModalByBackdropClick(e, modal2) {
+      if (e.target === e.currentTarget) {
+        closeModal(modal2);
+      }
+    }
+    onMounted(() => {
+      window.addEventListener("keydown", closeActiveModalByEscapeKey);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("keydown", closeActiveModalByEscapeKey);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(Transition, { name: "ModalStack__backdrop" }, {
+          default: withCtx(() => [
+            props.modals.length ? (openBlock(), createElementBlock("div", _hoisted_2$1)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(TransitionGroup, { name: "ModalStack__modal" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.modals, (modal2) => {
+              var _a;
+              return openBlock(), createElementBlock("div", {
+                key: modal2.id,
+                class: "ModalStack__modalWrapper",
+                onClick: ($event) => closeModalByBackdropClick($event, modal2)
+              }, [
+                (openBlock(), createBlock(resolveDynamicComponent(modal2.component), mergeProps(modal2.props, {
+                  ref_for: true,
+                  ref: registerReference(modal2.id),
+                  class: ["ModalStack__modal", { isActive: ((_a = unref(activeModal)) == null ? void 0 : _a.id) === modal2.id }],
+                  onClose: ($event) => closeModal(modal2, $event)
+                }), null, 16, ["class", "onClose"]))
+              ], 8, _hoisted_3);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const defaultConfig = {
+  cancelLabel: "Cancel",
+  confirmLabel: "OK"
+};
+const modal = (app, config = {}) => {
+  let iterator = 1;
+  config = __spreadValues(__spreadValues({}, defaultConfig), config);
+  const state = reactive({
+    modals: []
+  });
+  const closeModal = (modal2, result) => {
+    var _a;
+    state.modals = state.modals.filter(({ id }) => id !== modal2.id);
+    modal2.resolve(result);
+    (_a = modal2.focusElement) == null ? void 0 : _a.focus();
+  };
+  const modalApp = createApp({
+    parent: app,
+    data() {
+      return state;
+    },
+    render() {
+      return h(_sfc_main$1, {
+        modals: state.modals,
+        onCloseModal: ({ modal: modal2, result }) => closeModal(modal2, result)
+      });
+    }
+  });
+  const placeholder = document.createElement("div");
+  document.body.appendChild(placeholder);
+  modalApp.mount(placeholder);
+  const openModal = (component, props) => {
+    var _a;
+    const focusElement = document.activeElement;
+    (_a = focusElement.blur) == null ? void 0 : _a.call(focusElement);
+    return new Promise((resolve) => {
+      state.modals.push({
+        id: iterator++,
+        component,
+        props,
+        resolve,
+        focusElement
+      });
+    });
+  };
+  const openDialog = (options) => {
+    return openModal(_sfc_main$2, options);
+  };
+  const openAlert = (options) => {
+    if (typeof options === "string") {
+      options = {
+        message: options
+      };
+    }
+    const { title, message, confirmVariant, confirmLabel = config.confirmLabel, confirmIcon } = options;
+    return openDialog({
+      title,
+      message,
+      buttons: [
+        {
+          variant: confirmVariant || "primary",
+          label: confirmLabel || "",
+          icon: confirmIcon
+        }
+      ]
+    });
+  };
+  const openConfirm = (options) => {
+    if (typeof options === "string") {
+      options = {
+        message: options
+      };
+    }
+    const {
+      title,
+      message,
+      cancelLabel = config.cancelLabel,
+      cancelVariant,
+      cancelIcon,
+      confirmLabel = config.confirmLabel,
+      confirmVariant,
+      confirmIcon
+    } = options;
+    return openDialog({
+      title,
+      message,
+      buttons: [
+        {
+          variant: cancelVariant || "secondary",
+          label: cancelLabel || "",
+          icon: cancelIcon,
+          value: false
+        },
+        {
+          variant: confirmVariant || "primary",
+          label: confirmLabel || "",
+          icon: confirmIcon,
+          value: true
+        }
+      ]
+    });
+  };
+  app.config.globalProperties.$modal = {
+    open: openModal,
+    dialog: openDialog,
+    alert: openAlert,
+    confirm: openConfirm
+  };
+};
+function useModal() {
+  var _a;
+  return (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$modal;
+}
+var SnackbarStack_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1 = { class: "Snackbar" };
+const _hoisted_2 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  name: "SnackbarStack",
+  props: {
+    messages: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["remove-message"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const messagesInReverse = computed(() => {
+      return [...props.messages].reverse();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(TransitionGroup, { name: "Snackbar__transition" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(messagesInReverse), (message, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: message.id,
+                class: "Snackbar__message"
+              }, [
+                createElementVNode("div", {
+                  class: "Snackbar__messageWrapper",
+                  style: normalizeStyle({ transform: `translateY(-${100 * index}%)` })
+                }, [
+                  createElementVNode("div", {
+                    class: normalizeClass(["Snackbar__messageBlock", `Snackbar__messageBlock--${message.type}`])
+                  }, [
+                    createElementVNode("div", null, toDisplayString(message.text), 1),
+                    createElementVNode("div", {
+                      class: "Snackbar__messageClose",
+                      onClick: ($event) => _ctx.$emit("remove-message", message.id)
+                    }, [
+                      createVNode(Icon, {
+                        class: "Snackbar__messageCloseIcon",
+                        name: "x"
+                      })
+                    ], 8, _hoisted_2)
+                  ], 2)
+                ], 4)
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const DEFAULT_MESSAGE_DURATION = 1e4;
+const MAX_MESSAGES = 5;
+const snackbar = (app) => {
+  let iterator = 1;
+  const state = reactive({
+    messages: []
+  });
+  const removeMessage = (messageId) => {
+    state.messages = state.messages.filter(({ id }) => id !== messageId);
+  };
+  const snackbarApp = createApp({
+    parent: app,
+    data() {
+      return state;
+    },
+    render() {
+      return h(_sfc_main, { messages: this.messages, onRemoveMessage: removeMessage });
+    }
+  });
+  const placeholder = document.createElement("div");
+  document.body.appendChild(placeholder);
+  snackbarApp.mount(placeholder);
+  const showMessage = (text, type = "success", duration = DEFAULT_MESSAGE_DURATION) => {
+    const id = iterator++;
+    state.messages.push({ text, type, id });
+    if (state.messages.length > MAX_MESSAGES) {
+      state.messages.shift();
+    }
+    if (duration > 0) {
+      setTimeout(() => removeMessage(id), duration);
+    }
+  };
+  app.config.globalProperties.$snackbar = {
+    success: (text) => showMessage(text, "success"),
+    error: (text) => showMessage(text, "error", 0)
+  };
+};
+function useSnackbar() {
+  var _a;
+  return (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.config.globalProperties.$snackbar;
+}
+function useAction(action, params = {}) {
+  const snackbard = useSnackbar();
+  const modal2 = useModal();
+  const router = useRouter();
+  const isSubmitting = ref(false);
+  const result = ref();
+  const errors = ref(Object.freeze({}));
+  const submit = async (data) => {
+    var _a;
+    if (params.confirm) {
+      const confirmed = await modal2.confirm(typeof params.confirm === "function" ? params.confirm(data) : params.confirm);
+      if (!confirmed) {
+        return;
+      }
+    }
+    if (params.validator) {
+      const validationResult = await params.validator(data);
+      errors.value = validationResult.errors;
+      if (!validationResult.isValid) {
+        return;
+      }
+    }
+    isSubmitting.value = true;
+    try {
+      result.value = await action(data);
+    } catch (error) {
+      snackbard.error(typeof params.errorMessage === "function" ? params.errorMessage(error, data) : params.errorMessage || error.message);
+      isSubmitting.value = false;
+      if (params.onError) {
+        const hasErrorBeenResolved = params.onError({ error, data, router });
+        if (hasErrorBeenResolved) {
+          return;
+        }
+      }
+      throw error;
+    }
+    isSubmitting.value = false;
+    if (params.successMessage) {
+      snackbard.success(typeof params.successMessage === "function" ? params.successMessage(result.value, data) : params.successMessage);
+    }
+    (_a = params.onSuccess) == null ? void 0 : _a.call(params, { result: result.value, data, router });
+    if (params.redirectOnSuccess) {
+      router.push(typeof params.redirectOnSuccess === "function" ? params.redirectOnSuccess(result.value, data) : params.redirectOnSuccess);
+    }
+    return result.value;
+  };
+  if (params.immediate) {
+    onMounted(submit);
+  }
+  return {
+    submit,
+    errors,
+    result,
+    isSubmitting
+  };
+}
+export { Breadcrumbs, Button, Checkbox, CheckboxGroup, Form, FormFields, FormGroup, Icon, Input, Select, Table, Textarea, modal, registerCustomIconResolver, snackbar, useAction, useModal, useSnackbar };