@defaultusr/dai-ui 1.2.6 → 1.2.8

package/dist/main.js

@@ -1,1396 +1,59 @@
-import { useFormControl as T, Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
-import { Menu as Nt, Popover as Ut, TabContainer as Xt, TabPanel as Dt } from "vue-composable-ui";
-import { reactive as ce, watch as P, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as i, renderSlot as b, createTextVNode as z, toDisplayString as k, normalizeClass as w, createBlock as p, createCommentVNode as y, createElementVNode as d, computed as _, createVNode as V, normalizeProps as fe, guardReactiveProps as me, withCtx as f, Transition as A, mergeModels as C, useModel as B, useId as q, useTemplateRef as L, mergeProps as $, unref as n, inject as ve, Fragment as j, ref as U, onMounted as O, withDirectives as X, renderList as D, vModelSelect as he, vModelText as pe, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as Z, TransitionGroup as we, withModifiers as ke } from "vue";
-import './assets/main.css';function $e(e, ...t) {
-  let o = [];
-  const l = ce(t);
-  function a() {
-    l.length && (e.classList.add(...l), o = [...l]);
-  }
-  function s() {
-    e.classList.remove(...o);
-  }
-  return P(
-    l,
-    () => {
-      s(), a();
-    },
-    { immediate: !0 }
-  ), R(s), {
-    classList: l
-  };
-}
-const xe = { class: "dai-label" }, F = /* @__PURE__ */ v({
-  __name: "label",
-  props: {
-    text: {}
-  },
-  setup(e) {
-    return (t, o) => (i(), u("label", xe, [
-      b(t.$slots, "default", {}, () => [
-        z(k(e.text), 1)
-      ])
-    ]));
-  }
-}), _e = { class: "dai-hint" }, H = /* @__PURE__ */ v({
-  __name: "hint",
-  props: {
-    text: {}
-  },
-  setup(e) {
-    return (t, o) => (i(), u("div", _e, [
-      b(t.$slots, "default", {}, () => [
-        z(k(e.text), 1)
-      ])
-    ]));
-  }
-}), Be = { class: "dai-form-control__input-group__box" }, Ve = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "inputGroup",
-  props: {
-    label: {},
-    labelFor: {},
-    size: { default: "medium" },
-    variant: { default: "flat" },
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  },
-  setup(e) {
-    return (t, o) => (i(), u("div", {
-      class: w(["dai-form-control__input-group", {
-        "dai-form-control__input-group--labeled": !!e.label,
-        "dai-form-control__input-group--outlined": e.variant === "outlined",
-        "dai-form-control__input-group--muted": e.variant === "muted",
-        "dai-form-control__input-group--lg": e.size === "large",
-        "dai-form-control__input-group--sm": e.size === "small",
-        "dai-form-control__input-group--rounded": e.rounded,
-        "dai-form-control__input-group--disabled": e.disabled,
-        "dai-form-control__input-group--invalid": e.invalid
-      }])
-    }, [
-      e.label ? (i(), p(F, {
-        key: 0,
-        text: e.label,
-        for: e.labelFor,
-        class: "dai-form-control__input-group__label"
-      }, null, 8, ["text", "for"])) : y("", !0),
-      d("div", Be, [
-        b(t.$slots, "default")
-      ])
-    ], 2));
-  }
-}), Me = { class: "dai-form-control__container" }, Ce = {
-  key: 0,
-  class: "dai-form-control__validation-message",
-  role: "alert"
-}, S = /* @__PURE__ */ v({
-  __name: "formControl",
-  props: {
-    labelPosition: { default: "above" },
-    hint: {},
-    validationMessage: {},
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
-    label: {},
-    labelFor: {},
-    size: {},
-    variant: {},
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  },
-  setup(e) {
-    const t = e, o = _(() => t.variant ? t.variant : t.muted ? "muted" : t.outlined ? "outlined" : "flat"), l = _(() => t.size ? t.size : t.sm ? "small" : t.lg ? "large" : "medium");
-    return (a, s) => (i(), u("div", {
-      class: w(["dai-form-control", {
-        "dai-form-control--label-inline": e.labelPosition === "inline",
-        "dai-form-control--invalid": e.invalid,
-        "dai-form-control--lg": l.value === "large"
-      }])
-    }, [
-      e.label && e.labelPosition !== "inside" ? (i(), p(F, {
-        key: 0,
-        for: e.labelFor,
-        text: e.label
-      }, null, 8, ["for", "text"])) : y("", !0),
-      d("div", Me, [
-        V(Ve, fe(me({
-          ...t,
-          label: e.labelPosition === "inside" ? e.label : void 0,
-          variant: o.value,
-          size: l.value
-        })), {
-          default: f(() => [
-            b(a.$slots, "default")
-          ]),
-          _: 3
-        }, 16),
-        e.hint ? (i(), p(H, {
-          key: 0,
-          text: e.hint,
-          class: "dai-form-control__hint"
-        }, null, 8, ["text"])) : y("", !0),
-        V(A, { name: "dai-form-control__validation-message-transition" }, {
-          default: f(() => [
-            e.validationMessage ? (i(), u("div", Ce, [
-              s[0] || (s[0] = d("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 256 256",
-                class: ""
-              }, [
-                d("path", {
-                  fill: "currentColor",
-                  d: "M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71Zm-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73ZM116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0Zm28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16Z"
-                })
-              ], -1)),
-              z(" " + k(e.validationMessage), 1)
-            ])) : y("", !0)
-          ]),
-          _: 1
-        })
-      ])
-    ], 2));
-  }
-}), Ee = ["value"], ze = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "combobox",
-  props: /* @__PURE__ */ C({
-    id: {},
-    validators: { default: () => [] },
-    showValidationError: { type: Boolean, default: !1 },
-    labelPosition: {},
-    hint: {},
-    validationMessage: {},
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
-    label: {},
-    labelFor: {},
-    size: {},
-    variant: {},
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = B(e, "modelValue"), l = t.id || q(), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = T(
-      a,
-      t.validators,
-      t.showValidationError
-    );
-    return P(o, () => g(), { flush: "post" }), (h, m) => (i(), p(S, $(t, {
-      labelFor: n(l),
-      validationMessage: e.showValidationError ? "" : n(r),
-      invalid: !n(s),
-      class: h.$attrs.class
-    }), {
-      default: f(() => [
-        V(n(te), $({ ...h.$attrs, class: void 0, required: void 0 }, {
-          id: n(l),
-          modelValue: o.value,
-          "onUpdate:modelValue": m[0] || (m[0] = (c) => o.value = c)
-        }), {
-          default: f(() => [
-            d("input", $({
-              ref_key: "formElement",
-              ref: a,
-              type: "text",
-              value: o.value
-            }, { required: h.$attrs.required }, { class: "dai-combobox__stab-input" }), null, 16, Ee),
-            b(h.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["id", "modelValue"])
-      ]),
-      _: 3
-    }, 16, ["labelFor", "validationMessage", "invalid", "class"]));
-  }
-}), kt = /* @__PURE__ */ v({
-  __name: "comboboxInput",
-  setup(e) {
-    return (t, o) => (i(), p(n(oe), { class: "dai-form-control__input-group__control" }, {
-      default: f(() => [
-        b(t.$slots, "default")
-      ]),
-      _: 3
-    }));
-  }
-}), Le = {
-  key: 0,
-  class: "dai-form-control__input-group__control__placeholder"
-}, qe = /* @__PURE__ */ v({
-  __name: "comboboxButton",
-  props: {
-    placeholder: {}
-  },
-  setup(e) {
-    const t = ve(ae);
-    if (!t)
-      throw new Error("Combobox injectable context is not provided");
-    function o() {
-      t.isOpen.value ? t.close({ focus: !0 }) : t.open({ focus: !1 });
-    }
-    return (l, a) => (i(), u("button", $(n(t).activatorAttrs.value, {
-      onKeydown: a[0] || (a[0] = (s) => n(t).activatorOnKeyDown(s)),
-      onClick: o,
-      type: "button",
-      class: "dai-form-control__input-group__control dai-combobox-btn"
-    }), [
-      b(l.$slots, "default", {}, () => [
-        n(t).displayValue.value ? (i(), u(j, { key: 1 }, [
-          z(k(n(t).displayValue), 1)
-        ], 64)) : (i(), u("span", Le, k(e.placeholder || "Select..."), 1)),
-        a[1] || (a[1] = d("svg", {
-          class: "dai-combobox-btn__chevron",
-          role: "presentation",
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: "0 0 16 16"
-        }, [
-          d("path", {
-            fill: "currentColor",
-            "fill-rule": "evenodd",
-            d: "M5.22 10.22a.75.75 0 0 1 1.06 0L8 11.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 0 1 0-1.06m5.56-4.44a.75.75 0 0 1-1.06 0L8 4.06L6.28 5.78a.75.75 0 0 1-1.06-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06",
-            "clip-rule": "evenodd"
-          })
-        ], -1))
-      ])
-    ], 16));
-  }
-}), Pe = /* @__PURE__ */ v({
-  __name: "comboboxOptions",
-  setup(e) {
-    return (t, o) => (i(), p(A, {
-      "enter-from-class": "dai-combobox-options--anim",
-      "leave-to-class": "dai-combobox-options--anim"
-    }, {
-      default: f(() => [
-        V(n(le), { class: "dai-combobox-options" }, {
-          default: f(() => [
-            b(t.$slots, "default")
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), Te = {
-  key: 0,
-  class: "dai-combobox-option__check",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 16 16"
-}, Ae = /* @__PURE__ */ v({
-  __name: "comboboxOption",
-  props: {
-    value: {}
-  },
-  setup(e) {
-    return (t, o) => (i(), p(n(ie), {
-      value: e.value,
-      class: "dai-combobox-option"
-    }, {
-      default: f(({ isActive: l, isSelected: a }) => [
-        b(t.$slots, "default", {
-          isActive: l,
-          isSelected: a
-        }),
-        a ? (i(), u("svg", Te, [...o[0] || (o[0] = [
-          d("path", {
-            fill: "currentColor",
-            "fill-rule": "evenodd",
-            d: "M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353l4.493-6.74a.75.75 0 0 1 1.04-.207",
-            "clip-rule": "evenodd"
-          }, null, -1)
-        ])])) : y("", !0)
-      ]),
-      _: 3
-    }, 8, ["value"]));
-  }
-}), Ie = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [l, a] of t)
-    o[l] = a;
-  return o;
-}, je = {}, Oe = {
-  type: "button",
-  class: "dai-form-control__input-group__addon dai-form-control__input-group__addon--btn",
-  tabindex: "-1",
-  "aria-hidden": "true"
-};
-function Fe(e, t) {
-  return i(), u("button", Oe, [
-    b(e.$slots, "default")
-  ]);
-}
-const K = /* @__PURE__ */ Ie(je, [["render", Fe]]), Se = ["id", "type", "pattern", "title", "autocomplete", "value"], Ne = {
-  key: 0,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor"
-}, Ue = {
-  key: 1,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor"
-}, $t = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "input",
-  props: /* @__PURE__ */ C({
-    id: {},
-    type: { default: "text" },
-    mask: {},
-    pattern: {},
-    title: {},
-    autocomplete: { type: [String, Boolean], default: "off" },
-    clearable: { type: Boolean },
-    validators: {},
-    showValidationError: { type: Boolean, default: !1 },
-    labelPosition: {},
-    hint: {},
-    validationMessage: {},
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
-    label: {},
-    labelFor: {},
-    size: {},
-    variant: {},
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {},
-    files: {},
-    filesModifiers: {}
-  }),
-  emits: ["update:modelValue", "update:files"],
-  setup(e) {
-    const t = e, o = t.id || q(), l = _(() => typeof t.autocomplete == "string" ? t.autocomplete : t.autocomplete ? "on" : "off"), a = B(e, "modelValue"), s = B(e, "files", {
-      set(M) {
-        return r.value && (r.value.files = M), M;
-      }
-    }), r = L("formElement"), { isValid: g, validationMessage: h, validate: m } = T(
-      r,
-      t.validators,
-      t.showValidationError
-    ), c = U(!1);
-    P(a, () => {
-      s.value = r.value?.files || null;
-    });
-    let x;
-    const I = _(() => t.type === "password" ? c.value ? "text" : "password" : t.type), Y = _(() => t.mask ? t.mask : t.type === "tel" ? {
-      mask: "{+7} (000) 000-00-00"
-    } : t.mask), G = _(() => t.pattern ? t.pattern : t.type === "tel" ? "^\\+7 \\(9\\d{2}\\) \\d{3}-\\d{2}-\\d{2}" : t.pattern), Q = _(() => t.title ? t.title : t.type === "tel" ? "+7 (999) 888-77-66" : t.title);
-    function W() {
-      c.value = !c.value;
-    }
-    function J() {
-      a.value = "";
-    }
-    function ee(M) {
-      if (x)
-        return;
-      const { value: E } = M.target;
-      a.value = E;
-    }
-    return O(() => {
-      Y.value && import("imask").then((M) => {
-        x = M.default(
-          r.value,
-          Y.value
-        ), x.on("accept", () => {
-          a.value = x.value;
-        });
-      });
-    }), (M, E) => (i(), p(S, $(t, {
-      "label-for": n(o),
-      "validation-message": e.showValidationError ? "" : n(h),
-      invalid: t.invalid || !n(g),
-      class: M.$attrs.class
-    }), {
-      default: f(() => [
-        b(M.$slots, "prepend"),
-        d("input", $({
-          ref_key: "formElement",
-          ref: r
-        }, { ...M.$attrs, class: void 0 }, {
-          id: n(o),
-          type: I.value,
-          pattern: G.value,
-          title: Q.value,
-          autocomplete: l.value,
-          value: a.value,
-          onInputPassive: ee,
-          onKeyupPassive: E[0] || (E[0] = (yt) => !n(g) && n(m)()),
-          class: "dai-form-control__input-group__control dai-form-control__input"
-        }), null, 16, Se),
-        b(M.$slots, "append"),
-        t.type === "password" && a.value ? (i(), p(K, {
-          key: 0,
-          onClick: W
-        }, {
-          default: f(() => [
-            c.value ? (i(), u("svg", Ue, [...E[2] || (E[2] = [
-              d("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "2",
-                d: "M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
-              }, null, -1)
-            ])])) : (i(), u("svg", Ne, [...E[1] || (E[1] = [
-              d("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "2",
-                d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-              }, null, -1),
-              d("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "2",
-                d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-              }, null, -1)
-            ])]))
-          ]),
-          _: 1
-        })) : y("", !0),
-        e.clearable && a.value && !t.disabled ? (i(), p(K, {
-          key: 1,
-          onClick: J
-        }, {
-          default: f(() => [...E[3] || (E[3] = [
-            d("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor"
-            }, [
-              d("path", {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "2",
-                d: "M6 18L18 6M6 6l12 12"
-              })
-            ], -1)
-          ])]),
-          _: 1
-        })) : y("", !0)
-      ]),
-      _: 3
-    }, 16, ["label-for", "validation-message", "invalid", "class"]));
-  }
-}), Xe = ["id"], De = ["value"], xt = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "select",
-  props: /* @__PURE__ */ C({
-    id: {},
-    options: {},
-    optionText: { default: "text" },
-    optionValue: { default: "value" },
-    validators: {},
-    showValidationError: { type: Boolean, default: !1 },
-    labelPosition: {},
-    hint: {},
-    validationMessage: {},
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
-    label: {},
-    labelFor: {},
-    size: {},
-    variant: {},
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = T(
-      a,
-      t.validators,
-      t.showValidationError
-    );
-    return (h, m) => (i(), p(S, $(t, {
-      "label-for": n(o),
-      "validation-message": e.showValidationError ? "" : n(r),
-      invalid: t.invalid || !n(s),
-      class: h.$attrs.class
-    }), {
-      default: f(() => [
-        X(d("select", $({
-          ref_key: "formElement",
-          ref: a
-        }, { ...h.$attrs, class: void 0 }, {
-          id: n(o),
-          "onUpdate:modelValue": m[0] || (m[0] = (c) => l.value = c),
-          class: "dai-form-control__input-group__control dai-select"
-        }), [
-          b(h.$slots, "default", {}, () => [
-            (i(!0), u(j, null, D(e.options, (c) => (i(), u("option", {
-              value: c[e.optionValue],
-              key: c[e.optionValue]
-            }, k(c[e.optionText]), 9, De))), 128))
-          ])
-        ], 16, Xe), [
-          [he, l.value]
-        ]),
-        m[1] || (m[1] = d("svg", {
-          class: "dai-select__chevron",
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: "0 0 16 16"
-        }, [
-          d("path", {
-            fill: "currentColor",
-            "fill-rule": "evenodd",
-            d: "M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06",
-            "clip-rule": "evenodd"
-          })
-        ], -1))
-      ]),
-      _: 3
-    }, 16, ["label-for", "validation-message", "invalid", "class"]));
-  }
-}), _t = /* @__PURE__ */ v({
-  __name: "selectbox",
-  props: /* @__PURE__ */ C({
-    options: {},
-    optionText: { default: "text" },
-    optionValue: { default: "value" },
-    placeholder: {},
-    id: {},
-    validators: {},
-    showValidationError: { type: Boolean },
-    labelPosition: {},
-    hint: {},
-    validationMessage: {},
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
-    label: {},
-    labelFor: {},
-    size: {},
-    variant: {},
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = B(e, "modelValue");
-    return (l, a) => (i(), p(n(ze), $(t, {
-      displayValue: (s) => e.options.find((r) => r[e.optionValue] === s)?.[e.optionText] || "",
-      modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (s) => o.value = s)
-    }), {
-      default: f(() => [
-        V(n(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
-        V(n(Pe), null, {
-          default: f(() => [
-            (i(!0), u(j, null, D(e.options, (s) => (i(), p(n(Ae), {
-              key: s[e.optionValue],
-              value: s[e.optionValue]
-            }, {
-              default: f(() => [
-                z(k(s[e.optionText]), 1)
-              ]),
-              _: 2
-            }, 1032, ["value"]))), 128))
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 16, ["displayValue", "modelValue"]));
-  }
-}), He = ["id"], Bt = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "textarea",
-  props: /* @__PURE__ */ C({
-    id: {},
-    autosize: { type: Boolean },
-    validators: {},
-    showValidationError: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = t.id || q(), l = B(e, "modelValue"), a = L("formElement"), { isValid: s, validationMessage: r, validate: g } = T(
-      a,
-      t.validators,
-      t.showValidationError
-    );
-    function h() {
-      if (!t.autosize) return;
-      const m = a.value, c = m.offsetHeight - m.clientHeight;
-      m.style.height = "auto", m.style.height = `${m.scrollHeight + c}px`;
-    }
-    return O(h), (m, c) => (i(), p(S, $(t, {
-      "label-for": n(o),
-      "validation-message": e.showValidationError ? "" : n(r),
-      invalid: !n(s),
-      class: m.$attrs.class
-    }), {
-      default: f(() => [
-        X(d("textarea", $({
-          ref_key: "formElement",
-          ref: a
-        }, { ...m.$attrs, class: void 0 }, {
-          id: n(o),
-          "onUpdate:modelValue": c[0] || (c[0] = (x) => l.value = x),
-          onKeyupPassive: c[1] || (c[1] = (x) => !n(s) && n(g)()),
-          onInputPassive: h,
-          class: ["form-control__textarea", {
-            "form-control__textarea--autosize": e.autosize
-          }]
-        }), null, 16, He), [
-          [pe, l.value]
-        ])
-      ]),
-      _: 1
-    }, 16, ["label-for", "validation-message", "invalid", "class"]));
-  }
-}), Ye = ["checked", "id"], Ke = {
-  key: 0,
-  class: "dai-checkbox-control__label-container"
-}, Vt = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "checkbox",
-  props: /* @__PURE__ */ C({
-    id: {},
-    value: {},
-    color: { default: "primary" },
-    size: { default: "small" },
-    validators: {},
-    showValidationError: { type: Boolean, default: !0 },
-    label: {},
-    hint: {}
-  }, {
-    modelValue: { type: [Boolean, Array] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = t.id || q(), l = t.value || o, a = B(e, "modelValue"), s = L("formElement"), { isValid: r } = T(
-      s,
-      t.validators,
-      t.showValidationError
-    ), g = _(() => Array.isArray(a.value) ? a.value.includes(l) : a.value);
-    function h(m) {
-      const x = m.target.checked;
-      if (Array.isArray(a.value))
-        if (x)
-          a.value.push(l);
-        else {
-          const I = a.value.indexOf(l);
-          I > -1 && a.value.splice(I, 1);
-        }
-      else
-        a.value = x;
-    }
-    return (m, c) => (i(), u("div", {
-      class: w(["dai-checkbox-control", m.$attrs.class])
-    }, [
-      d("input", $({
-        ref_key: "formElement",
-        ref: s
-      }, { ...m.$attrs, class: "" }, {
-        checked: g.value,
-        onChange: h,
-        id: n(o),
-        type: "checkbox",
-        class: ["dai-checkbox", {
-          [`dai-checkbox--${e.color}`]: e.color,
-          "dai-checkbox--invalid": !n(r),
-          "dai-checkbox--md": e.size === "medium",
-          "dai-checkbox--lg": e.size === "large"
-        }]
-      }), null, 16, Ye),
-      e.label || m.$slots.default ? (i(), u("div", Ke, [
-        V(F, {
-          for: n(o),
-          class: "dai-checkbox-control__label"
-        }, {
-          default: f(() => [
-            b(m.$slots, "default", {}, () => [
-              z(k(e.label), 1)
-            ])
-          ]),
-          _: 3
-        }, 8, ["for"])
-      ])) : y("", !0),
-      e.hint || m.$slots.hint ? (i(), p(H, {
-        key: 1,
-        class: "dai-checkbox-control__hint"
-      }, {
-        default: f(() => [
-          b(m.$slots, "hint", {}, () => [
-            z(k(e.hint), 1)
-          ])
-        ]),
-        _: 3
-      })) : y("", !0)
-    ], 2));
-  }
-}), Re = { class: "flex items-center h-5" }, Ze = ["value", "id"], Ge = {
-  key: 0,
-  class: "text-sm"
-}, Qe = ["for"], We = {
-  key: 0,
-  class: "text-secondary-500 dark:text-secondary-400"
-}, Mt = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "radio",
-  props: /* @__PURE__ */ C({
-    value: {},
-    color: { default: "primary" },
-    validators: {},
-    showValidationError: { type: Boolean, default: !0 },
-    label: {},
-    hint: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = B(e, "modelValue"), l = q(), a = L("formElement"), { isValid: s } = T(
-      a,
-      t.validators,
-      t.showValidationError
-    );
-    return (r, g) => (i(), u("div", {
-      class: w(["flex items-start gap-3", r.$attrs.class])
-    }, [
-      d("div", Re, [
-        X(d("input", $({
-          type: "radio",
-          ref_key: "formElement",
-          ref: a,
-          "onUpdate:modelValue": g[0] || (g[0] = (h) => o.value = h)
-        }, { ...r.$attrs, class: "" }, {
-          value: e.value,
-          id: n(l),
-          class: ["radio", {
-            [`radio--${e.color}`]: e.color,
-            "radio--invalid": !n(s)
-          }]
-        }), null, 16, Ze), [
-          [be, o.value]
-        ])
-      ]),
-      e.label ? (i(), u("div", Ge, [
-        d("label", {
-          for: n(l),
-          class: "font-medium select-none cursor-pointer"
-        }, k(e.label), 9, Qe),
-        e.hint ? (i(), u("p", We, k(e.hint), 1)) : y("", !0)
-      ])) : y("", !0)
-    ], 2));
-  }
-}), Je = { class: "dai-switch-control" }, et = ["id", "aria-checked"], Ct = /* @__PURE__ */ v({
-  __name: "switch",
-  props: /* @__PURE__ */ C({
-    label: {},
-    hint: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = B(e, "modelValue"), o = q();
-    return (l, a) => (i(), u("div", Je, [
-      d("button", {
-        onClick: a[0] || (a[0] = (s) => t.value = !t.value),
-        id: n(o),
-        "aria-checked": t.value,
-        role: "switch",
-        type: "button",
-        tabindex: "0",
-        class: w(["dai-switch", [t.value ? "dai-switch--on" : "dai-switch--off"]])
-      }, [...a[1] || (a[1] = [
-        d("div", {
-          "aria-hidden": "true",
-          class: "dai-switch__thumb"
-        }, null, -1)
-      ])], 10, et),
-      e.label || l.$slots.default ? (i(), p(F, {
-        key: 0,
-        for: n(o)
-      }, {
-        default: f(() => [
-          b(l.$slots, "default", {}, () => [
-            z(k(e.label), 1)
-          ])
-        ]),
-        _: 3
-      }, 8, ["for"])) : y("", !0),
-      e.hint || l.$slots.hint ? (i(), p(H, {
-        key: 1,
-        class: "dai-switch-control__hint"
-      }, {
-        default: f(() => [
-          b(l.$slots, "hint", {}, () => [
-            z(k(e.hint), 1)
-          ])
-        ]),
-        _: 3
-      })) : y("", !0)
-    ]));
-  }
-}), tt = {
-  key: 0,
-  class: "dai-btn__spinner"
-}, ot = { class: "dai-btn__caption" }, Et = /* @__PURE__ */ v({
-  __name: "btn",
-  props: {
-    submit: { type: [Boolean, String] },
-    reset: { type: Boolean },
-    href: {},
-    icon: {},
-    iconAfter: {},
-    color: { default: "primary" },
-    variant: {},
-    plain: { type: Boolean },
-    muted: { type: Boolean },
-    outlined: { type: Boolean },
-    size: {},
-    sm: { type: Boolean },
-    lg: { type: Boolean },
-    loading: { type: Boolean },
-    block: { type: Boolean },
-    rounded: { type: Boolean },
-    condensed: { type: Boolean }
-  },
-  setup(e) {
-    const t = e, o = _(() => t.submit ? "submit" : t.reset ? "reset" : "button"), l = _(() => t.variant ? t.variant : t.plain ? "plain" : t.muted ? "muted" : t.outlined ? "outlined" : "flat"), a = _(() => t.size ? t.size : t.sm ? "small" : t.lg ? "large" : "medium");
-    return (s, r) => (i(), p(ye(e.href ? "a" : "button"), {
-      type: e.href ? void 0 : o.value,
-      form: typeof e.submit == "string" ? e.submit : void 0,
-      href: e.href,
-      class: w(["dai-btn", {
-        [`dai-btn--${e.color}`]: e.color,
-        "dai-btn--flat": l.value === "flat",
-        "dai-btn--plain": l.value === "plain",
-        "dai-btn--muted": l.value === "muted",
-        "dai-btn--outlined": l.value === "outlined",
-        "dai-btn--sm": a.value === "small",
-        "dai-btn--lg": a.value === "large",
-        "dai-btn--loading": e.loading,
-        "dai-btn--block": e.block,
-        "dai-btn--rounded": e.rounded,
-        "dai-btn--condensed": e.condensed
-      }])
-    }, {
-      default: f(() => [
-        e.loading ? (i(), u("span", tt, [...r[0] || (r[0] = [
-          d("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            fill: "none",
-            viewBox: "0 0 24 24"
-          }, [
-            d("circle", {
-              opacity: "0.25",
-              cx: "12",
-              cy: "12",
-              r: "10",
-              stroke: "currentColor",
-              "stroke-width": "4"
-            }),
-            d("path", {
-              opacity: "0.75",
-              fill: "currentColor",
-              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-            })
-          ], -1)
-        ])])) : y("", !0),
-        d("span", ot, [
-          e.icon ? (i(), u("div", {
-            key: 0,
-            class: w([e.icon, "dai-btn__icon"])
-          }, null, 2)) : y("", !0),
-          b(s.$slots, "default"),
-          e.iconAfter ? (i(), u("div", {
-            key: 1,
-            class: w([e.iconAfter, "dai-btn__icon"])
-          }, null, 2)) : y("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["type", "form", "href", "class"]));
-  }
-}), zt = /* @__PURE__ */ v({
-  __name: "popoverDialog",
-  setup(e) {
-    return (t, o) => (i(), p(A, {
-      "enter-from-class": "dai-popover-dialog--anim",
-      "leave-to-class": "dai-popover-dialog--anim"
-    }, {
-      default: f(() => [
-        V(n(ne), { class: "dai-popover-dialog" }, {
-          default: f(() => [
-            b(t.$slots, "default")
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), Lt = /* @__PURE__ */ v({
-  __name: "menuItems",
-  setup(e) {
-    return (t, o) => (i(), p(A, {
-      "enter-from-class": "dai-menu-items--anim",
-      "leave-to-class": "dai-menu-items--anim"
-    }, {
-      default: f(() => [
-        V(n(se), { class: "dai-menu-items" }, {
-          default: f(() => [
-            b(t.$slots, "default")
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), at = {
-  key: 0,
-  class: "text-secondary-400 flex-shrink-0"
-}, qt = /* @__PURE__ */ v({
-  __name: "menuItem",
-  props: {
-    icon: {}
-  },
-  setup(e) {
-    return (t, o) => (i(), p(n(re), { class: "dai-menu-item" }, {
-      default: f(({ isActive: l, isSelected: a }) => [
-        e.icon ? (i(), u("div", at, [
-          d("div", {
-            class: w(["h-5 w-5", e.icon])
-          }, null, 2)
-        ])) : y("", !0),
-        b(t.$slots, "default", {
-          isActive: l,
-          isSelected: a
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), Pt = /* @__PURE__ */ v({
-  __name: "tab",
-  props: {
-    id: {},
-    ariaControls: {},
-    value: {}
-  },
-  setup(e) {
-    return (t, o) => (i(), p(n(de), {
-      id: e.id,
-      "aria-controls": e.ariaControls,
-      value: e.value,
-      class: "dai-tab"
-    }, {
-      default: f(() => [
-        b(t.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["id", "aria-controls", "value"]));
-  }
-}), Tt = /* @__PURE__ */ v({
-  __name: "tabList",
-  setup(e) {
-    const t = L("tablist"), o = L("slider"), l = U({});
-    function a() {
-      if (!o.value) return;
-      const s = t.value?.$el;
-      if (!s) return;
-      const r = s.querySelector("[aria-selected=true]");
-      r && (l.value = {
-        left: `${r.offsetLeft}px`,
-        right: `${s.offsetWidth - r.offsetLeft - r.offsetWidth}px`,
-        transition: o.value.offsetLeft > r.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
-      });
-    }
-    return O(() => ge(a)), (s, r) => (i(), p(n(ue), {
-      ref_key: "tablist",
-      ref: t,
-      onClickPassive: a,
-      class: "dai-tab-list"
-    }, {
-      default: f(() => [
-        d("div", {
-          ref_key: "slider",
-          ref: o,
-          class: "dai-tab-list__slider",
-          style: N(l.value)
-        }, null, 4),
-        b(s.$slots, "default")
-      ]),
-      _: 3
-    }, 512));
-  }
-}), lt = ["id"], At = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "offcanvas",
-  props: /* @__PURE__ */ C({
-    id: {},
-    position: { default: "right" },
-    push: { type: Boolean },
-    closeOnOutsideClick: { type: Boolean, default: !0 },
-    lg: { type: Boolean },
-    xl: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = B(e, "modelValue"), l = t.id ?? q(), { classList: a } = $e(document.body, "nui-body-push");
-    P(o, () => {
-      if (!t.push || (a.splice(1), !o.value))
-        return;
-      let r = "nui-body-push--" + t.position;
-      t.lg && (r += "--lg"), t.xl && (r += "--xl"), a.push(r);
-    });
-    function s(r) {
-      r.target.closest(`#${l}`) || t.closeOnOutsideClick && (o.value = !1);
-    }
-    return O(() => {
-      window.addEventListener("click", s, { passive: !0 });
-    }), R(() => {
-      window.removeEventListener("click", s);
-    }), (r, g) => (i(), p(Z, { to: "body" }, [
-      V(A, {
-        appear: "",
-        "enter-from-class": "nui-offcanvas--animate-hidden",
-        "enter-to-class": "nui-offcanvas--animate-shown",
-        "enter-active-class": "ease-in-out",
-        "leave-from-class": "nui-offcanvas--animate-shown",
-        "leave-to-class": "nui-offcanvas--animate-hidden",
-        "leave-active-class": "ease-in-out"
-      }, {
-        default: f(() => [
-          o.value ? (i(), u("div", $({
-            key: 0,
-            id: n(l)
-          }, r.$attrs, {
-            class: ["nui-offcanvas", {
-              [`nui-offcanvas--${e.position}`]: !0,
-              "nui-offcanvas--shadow": !e.push,
-              "nui-offcanvas--lg": e.lg,
-              "nui-offcanvas--xl": e.xl
-            }]
-          }), [
-            b(r.$slots, "default")
-          ], 16, lt)) : y("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-}), it = {
-  key: 0,
-  role: "alert"
-}, nt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  viewBox: "0 0 24 24",
-  stroke: "currentColor"
-}, st = {
-  key: 0,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2",
-  d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-}, rt = {
-  key: 1,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2",
-  d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-}, dt = {
-  key: 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2",
-  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"
-}, ut = {
-  key: 3,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round",
-  "stroke-width": "2",
-  d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-}, ct = { class: "dai-notification__content" }, ft = {
-  key: 0,
-  class: "dai-notification__content__detail"
-}, mt = /* @__PURE__ */ v({
-  __name: "notification",
-  props: /* @__PURE__ */ C({
-    color: {},
-    icon: {},
-    message: {},
-    detail: {},
-    dismissible: { type: Boolean, default: !0 },
-    timeout: { default: 3e3 }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, o = B(e, "modelValue");
-    let l;
-    function a() {
-      clearTimeout(l), o.value && t.timeout && (l = setTimeout(() => o.value = !1, t.timeout));
-    }
-    return P(o, a, { immediate: !0 }), (s, r) => o.value ? (i(), u("div", it, [
-      d("div", {
-        class: w(["dai-notification", [`dai-notification--${e.color || "secondary"}`]])
-      }, [
-        e.icon ? (i(), u("div", {
-          key: 0,
-          class: w(["dai-notification__icon", [`dai-notification__icon--${e.icon}`]])
-        }, [
-          (i(), u("svg", nt, [
-            e.icon == "success" ? (i(), u("path", st)) : e.icon == "info" ? (i(), u("path", rt)) : e.icon == "warning" ? (i(), u("path", dt)) : e.icon == "danger" ? (i(), u("path", ut)) : y("", !0)
-          ]))
-        ], 2)) : y("", !0),
-        d("div", ct, [
-          d("div", {
-            class: w(["dai-notification__content__message", {
-              "dai-notification__content__message--bold": e.detail
-            }])
-          }, k(e.message), 3),
-          e.detail ? (i(), u("div", ft, k(e.detail), 1)) : y("", !0)
-        ]),
-        e.dismissible ? (i(), u("div", {
-          key: 1,
-          onClick: r[0] || (r[0] = (g) => o.value = !1),
-          class: "dai-notification__dismiss"
-        }, [...r[1] || (r[1] = [
-          d("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor"
-          }, [
-            d("path", {
-              "stroke-linecap": "round",
-              "stroke-linejoin": "round",
-              "stroke-width": "2",
-              d: "M6 18L18 6M6 6l12 12"
-            })
-          ], -1)
-        ])])) : y("", !0)
-      ], 2)
-    ])) : y("", !0);
-  }
-}), It = /* @__PURE__ */ v({
-  __name: "notificationQueue",
-  props: /* @__PURE__ */ C({
-    length: { default: 3 },
-    timeout: { default: 4e3 },
-    position: { default: "fixed" },
-    positionX: { default: "center" },
-    positionY: { default: "top" }
-  }, {
-    queue: { default: [] },
-    queueModifiers: {}
-  }),
-  emits: ["update:queue"],
-  setup(e) {
-    const t = e, o = B(e, "queue"), l = U([]);
-    let a = 0;
-    function s() {
-      o.value.length === 0 || l.value.length >= t.length || (l.value.push({ ...o.value[0], id: a++, show: !0 }), o.value.shift());
-    }
-    function r(h) {
-      setTimeout(() => {
-        l.value = l.value.filter(
-          (m) => m.id !== h
-        ), s();
-      }, 200);
-    }
-    P(o, s, { immediate: !0, deep: !0 });
-    const g = _(() => {
-      const h = ["dai-notification-queue__item--anim"];
-      return t.positionX === "right" ? h.push("dai-notification-queue__item--anim-x-right") : t.positionX === "left" ? h.push("dai-notification-queue__item--anim-x-left") : t.positionX === "center" && t.positionY === "top" ? h.push("dai-notification-queue__item--anim-y-top") : t.positionX === "center" && t.positionY === "bottom" && h.push("dai-notification-queue__item--anim-y-bottom"), h.join(" ");
-    });
-    return (h, m) => (i(), u("div", {
-      class: w(["dai-notification-queue", {
-        "dai-notification-queue--fixed": e.position == "fixed",
-        "dai-notification-queue--absolute": e.position == "absolute",
-        "dai-notification-queue--y-top": e.positionY == "top",
-        "dai-notification-queue--y-bottom": e.positionY == "bottom",
-        "dai-notification-queue--x-left": e.positionX == "left",
-        "dai-notification-queue--x-center": e.positionX == "center",
-        "dai-notification-queue--x-right": e.positionX == "right"
-      }])
-    }, [
-      V(we, {
-        appear: "",
-        "enter-from-class": g.value,
-        "enter-active-class": "dai-notification-queue__item--anim-in",
-        "leave-to-class": g.value,
-        "leave-active-class": "dai-notification-queue__item--anim-out"
-      }, {
-        default: f(() => [
-          (i(!0), u(j, null, D(l.value, (c) => (i(), p(mt, {
-            key: c.id,
-            color: c.color,
-            icon: c.type,
-            message: c.message,
-            detail: c.detail,
-            timeout: c.timeout ?? e.timeout,
-            modelValue: c.show,
-            "onUpdate:modelValue": [(x) => c.show = x, (x) => r(c.id)],
-            class: "dai-notification-queue__item"
-          }, null, 8, ["color", "icon", "message", "detail", "timeout", "modelValue", "onUpdate:modelValue"]))), 128))
-        ]),
-        _: 1
-      }, 8, ["enter-from-class", "leave-to-class"])
-    ], 2));
-  }
-}), vt = ["aria-valuenow"], jt = /* @__PURE__ */ v({
-  __name: "progressbar",
-  props: {
-    value: {},
-    color: { default: "primary" },
-    height: { default: 5 },
-    rounded: { type: Boolean, default: !0 }
-  },
-  setup(e) {
-    const t = e, o = _(() => t.value === void 0);
-    return (l, a) => (i(), u("div", {
-      class: w(["overflow-hidden text-xs w-full flex-1", {
-        rounded: e.rounded,
-        "bg-primary-200": e.color == "primary",
-        "bg-success-200": e.color == "success",
-        "bg-info-200": e.color == "info",
-        "bg-warning-200": e.color == "warning",
-        "bg-danger-200": e.color == "danger"
-      }]),
-      style: N({ height: e.height + "px" }),
-      role: "progressbar",
-      "aria-valuemin": "0",
-      "aria-valuemax": "100",
-      "aria-valuenow": e.value
-    }, [
-      d("div", {
-        style: N(`width:${e.value}%`),
-        class: w([{
-          "bg-primary-500": e.color == "primary",
-          "bg-success-500": e.color == "success",
-          "bg-info-500": e.color == "info",
-          "bg-warning-500": e.color == "warning",
-          "bg-danger-500": e.color == "danger",
-          "progress-infinite": o.value
-        }, "h-full shadow-none relative text-center whitespace-nowrap text-white justify-center"])
-      }, null, 6)
-    ], 14, vt));
-  }
-}), ht = {
-  key: 0,
-  class: "dai-modal"
-}, pt = { class: "dai-modal__overlay" }, bt = { class: "dai-modal__dialog" }, Ot = /* @__PURE__ */ v({
-  inheritAttrs: !1,
-  __name: "modal",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = B(e, "modelValue");
-    function o() {
-      t.value = !1;
-    }
-    return P(t, (l) => {
-      l ? document.body.style.overflow = "hidden" : document.body.style.removeProperty("overflow");
-    }), (l, a) => (i(), p(Z, { to: "body" }, [
-      V(A, {
-        appear: "",
-        "enter-from-class": "dai-modal--anim",
-        "leave-to-class": "dai-modal--anim",
-        duration: { enter: 300, leave: 200 }
-      }, {
-        default: f(() => [
-          t.value ? (i(), u("div", ht, [
-            a[0] || (a[0] = d("div", {
-              class: "dai-modal__backdrop",
-              "aria-hidden": "true"
-            }, null, -1)),
-            d("div", pt, [
-              d("div", {
-                onClick: ke(o, ["self"]),
-                class: "dai-modal__overlay__container"
-              }, [
-                d("div", bt, [
-                  b(l.$slots, "default", { close: o })
-                ])
-              ])
-            ])
-          ])) : y("", !0)
-        ]),
-        _: 3
-      })
-    ]));
-  }
-});
+import { Menu as e, Popover as t, TabContainer as a, TabPanel as s } from "vue-composable-ui";
+import { useClassList as m } from "./classList.js";
+import { _ as f } from "./chunks/label.vue_vue_type_style_index_0_lang.CwYm9LGb.js";
+import { _ as b } from "./chunks/hint.vue_vue_type_style_index_0_lang.SPjr3dc1.js";
+import { _ as i } from "./chunks/combobox.vue_vue_type_style_index_0_lang.BlQL2V7j.js";
+import { _ as C } from "./chunks/comboboxInput.vue_vue_type_script_setup_true_lang.r8_P3SHy.js";
+import { _ as l } from "./chunks/comboboxButton.vue_vue_type_style_index_0_lang.B2_SbS8t.js";
+import { _ as I } from "./chunks/comboboxOptions.vue_vue_type_style_index_0_lang.OHgMyOoq.js";
+import { _ as P } from "./chunks/comboboxOption.vue_vue_type_style_index_0_lang.BY-JfDPY.js";
+import { _ as L } from "./chunks/input.vue_vue_type_style_index_0_lang.D3fu8I8W.js";
+import { _ as S } from "./chunks/select.vue_vue_type_style_index_0_lang.B6lvc8dR.js";
+import { _ as g } from "./chunks/selectbox.vue_vue_type_script_setup_true_lang.CGBGE61U.js";
+import { _ as B } from "./chunks/textarea.vue_vue_type_style_index_0_lang.hsJmfBbY.js";
+import { _ as k } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.B_oNe5jU.js";
+import { _ as D } from "./chunks/radio.vue_vue_type_style_index_0_lang.Cb2ovoqT.js";
+import { _ as Q } from "./chunks/switch.vue_vue_type_style_index_0_lang.B5M6C42g.js";
+import { _ as j } from "./chunks/btn.vue_vue_type_style_index_0_lang.5BQwBY73.js";
+import { _ as y } from "./chunks/popoverDialog.vue_vue_type_style_index_0_lang.C9Gy_hn0.js";
+import { _ as A } from "./chunks/menuItems.vue_vue_type_style_index_0_lang.7SUAn0w9.js";
+import { _ as F } from "./chunks/menuItem.vue_vue_type_style_index_0_lang._R8jj8CJ.js";
+import { _ as J } from "./chunks/tab.vue_vue_type_style_index_0_lang.O7L_ECaN.js";
+import { _ as U } from "./chunks/tabList.vue_vue_type_style_index_0_lang.iu2mVb2k.js";
+import { _ as W } from "./chunks/offcanvas.vue_vue_type_style_index_0_lang.klTcX-xU.js";
+import { _ as Y } from "./chunks/notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js";
+import { _ as $ } from "./chunks/notificationQueue.vue_vue_type_style_index_0_lang.CewiEx4A.js";
+import { _ as ro } from "./chunks/progressbar.vue_vue_type_style_index_0_lang.orj5zxpX.js";
+import { _ as to } from "./chunks/modal.vue_vue_type_style_index_0_lang.D0DMfpMl.js";
 export {
-  Et as Btn,
-  Vt as Checkbox,
-  ze as Combobox,
-  qe as ComboboxButton,
-  kt as ComboboxInput,
-  Ae as ComboboxOption,
-  Pe as ComboboxOptions,
-  H as Hint,
-  $t as Input,
-  F as Label,
-  Nt as Menu,
-  qt as MenuItem,
-  Lt as MenuItems,
-  Ot as Modal,
-  mt as Notification,
-  It as NotificationQueue,
-  At as Offcanvas,
-  Ut as Popover,
-  zt as PopoverDialog,
-  jt as Progressbar,
-  Mt as Radio,
-  xt as Select,
-  _t as Selectbox,
-  Ct as Switch,
-  Pt as Tab,
-  Xt as TabContainer,
-  Tt as TabList,
-  Dt as TabPanel,
-  Bt as Textarea,
-  $e as useClassList
+  j as Btn,
+  k as Checkbox,
+  i as Combobox,
+  l as ComboboxButton,
+  C as ComboboxInput,
+  P as ComboboxOption,
+  I as ComboboxOptions,
+  b as Hint,
+  L as Input,
+  f as Label,
+  e as Menu,
+  F as MenuItem,
+  A as MenuItems,
+  to as Modal,
+  Y as Notification,
+  $ as NotificationQueue,
+  W as Offcanvas,
+  t as Popover,
+  y as PopoverDialog,
+  ro as Progressbar,
+  D as Radio,
+  S as Select,
+  g as Selectbox,
+  Q as Switch,
+  J as Tab,
+  a as TabContainer,
+  U as TabList,
+  s as TabPanel,
+  B as Textarea,
+  m as useClassList
 };