@defaultusr/dai-ui 1.1.5 → 1.1.7

package/dist/main.js

@@ -1,50 +1,50 @@
-import { Combobox as oe, ComboboxInput as te, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, useFormControl as I, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
-import { Menu as No, Popover as Xo, TabContainer as Do, TabPanel as Ho } from "vue-composable-ui";
-import { reactive as ce, watch as P, onUnmounted as Z, defineComponent as v, createElementBlock as u, openBlock as n, renderSlot as h, createTextVNode as L, toDisplayString as w, normalizeClass as g, createBlock as f, createCommentVNode as _, createElementVNode as d, computed as $, createVNode as M, normalizeProps as pe, guardReactiveProps as me, withCtx as p, Transition as A, mergeModels as C, useModel as B, useId as q, mergeProps as V, unref as r, inject as fe, Fragment as j, useTemplateRef as T, ref as X, onMounted as F, withDirectives as S, renderList as D, vModelSelect as ve, vModelText as he, vModelCheckbox as _e, vModelRadio as be, resolveDynamicComponent as ye, nextTick as ge, normalizeStyle as N, Teleport as G, TransitionGroup as we, withModifiers as ke } from "vue";
-import './assets/main.css';function $e(s, ...e) {
-  let a = [];
-  const o = ce(e);
-  function t() {
-    o.length && (s.classList.add(...o), a = [...o]);
+import { Combobox as te, ComboboxInput as oe, injectCombobox as ae, ComboboxOptions as le, ComboboxOption as ie, useFormControl as A, PopoverDialog as ne, MenuItems as se, MenuItem as re, Tab as de, TabList as ue } from "vue-composable-ui";
+import { Menu as Ot, Popover as Ut, TabContainer as Nt, TabPanel as Xt } from "vue-composable-ui";
+import { reactive as ce, watch as T, onUnmounted as R, defineComponent as v, createElementBlock as u, openBlock as a, renderSlot as p, createTextVNode as E, toDisplayString as k, normalizeClass as w, createBlock as f, createCommentVNode as h, createElementVNode as d, computed as $, createVNode as V, normalizeProps as me, guardReactiveProps as fe, withCtx as c, Transition as P, mergeModels as M, useModel as x, useId as L, mergeProps as _, unref as r, inject as ve, Fragment as I, useTemplateRef as q, ref as N, onMounted as j, withDirectives as F, renderList as X, vModelSelect as pe, vModelText as he, vModelCheckbox as be, vModelRadio as ye, resolveDynamicComponent as ge, nextTick as we, normalizeStyle as U, Teleport as Z, TransitionGroup as ke, withModifiers as $e } from "vue";
+import './assets/main.css';function xe(e, ...t) {
+  let o = [];
+  const l = ce(t);
+  function i() {
+    l.length && (e.classList.add(...l), o = [...l]);
   }
-  function l() {
-    s.classList.remove(...a);
+  function s() {
+    e.classList.remove(...o);
   }
-  return P(
-    o,
+  return T(
+    l,
     () => {
-      l(), t();
+      s(), i();
     },
     { immediate: !0 }
-  ), Z(l), {
-    classList: o
+  ), R(s), {
+    classList: l
   };
 }
-const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
+const _e = { class: "dai-label" }, S = /* @__PURE__ */ v({
   __name: "label",
   props: {
     text: {}
   },
-  setup(s) {
-    return (e, a) => (n(), u("label", Be, [
-      h(e.$slots, "default", {}, () => [
-        L(w(e.text), 1)
+  setup(e) {
+    return (t, o) => (a(), u("label", _e, [
+      p(t.$slots, "default", {}, () => [
+        E(k(e.text), 1)
       ])
     ]));
   }
-}), Ve = { class: "dai-hint" }, H = /* @__PURE__ */ v({
+}), Be = { class: "dai-hint" }, D = /* @__PURE__ */ v({
   __name: "hint",
   props: {
     text: {}
   },
-  setup(s) {
-    return (e, a) => (n(), u("div", Ve, [
-      h(e.$slots, "default", {}, () => [
-        L(w(e.text), 1)
+  setup(e) {
+    return (t, o) => (a(), u("div", Be, [
+      p(t.$slots, "default", {}, () => [
+        E(k(e.text), 1)
       ])
     ]));
   }
-}), Me = { class: "dai-form-control__input-group__box" }, Ce = /* @__PURE__ */ v({
+}), Ve = { class: "dai-form-control__input-group__box" }, Me = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "inputGroup",
   props: {
@@ -56,9 +56,9 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     disabled: { type: Boolean },
     invalid: { type: Boolean }
   },
-  setup(s) {
-    return (e, a) => (n(), u("div", {
-      class: g(["dai-form-control__input-group", {
+  setup(e) {
+    return (t, o) => (a(), 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",
@@ -69,22 +69,22 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
         "dai-form-control__input-group--invalid": e.invalid
       }])
     }, [
-      e.label ? (n(), f(O, {
+      e.label ? (a(), f(S, {
         key: 0,
         text: e.label,
         for: e.labelFor,
         class: "dai-form-control__input-group__label"
-      }, null, 8, ["text", "for"])) : _("", !0),
-      d("div", Me, [
-        h(e.$slots, "default")
+      }, null, 8, ["text", "for"])) : h("", !0),
+      d("div", Ve, [
+        p(t.$slots, "default")
       ])
     ], 2));
   }
-}), ze = { class: "dai-form-control__container" }, Ee = {
+}), Ce = { class: "dai-form-control__container" }, ze = {
   key: 0,
   class: "dai-form-control__validation-message",
   role: "alert"
-}, U = /* @__PURE__ */ v({
+}, O = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "formControl",
   props: {
@@ -103,41 +103,41 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     disabled: { type: Boolean },
     invalid: { type: Boolean }
   },
-  setup(s) {
-    const e = s, a = $(() => e.variant ? e.variant : e.muted ? "muted" : e.outlined ? "outlined" : "flat"), o = $(() => e.size ? e.size : e.sm ? "small" : e.lg ? "large" : "medium");
-    return (t, l) => (n(), u("div", {
-      class: g(["dai-form-control", {
-        "dai-form-control--label-inline": t.labelPosition === "inline",
-        "dai-form-control--invalid": t.invalid,
-        "dai-form-control--lg": o.value === "large"
+  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 (i, s) => (a(), 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"
       }])
     }, [
-      t.label && t.labelPosition !== "inside" ? (n(), f(O, {
+      e.label && e.labelPosition !== "inside" ? (a(), f(S, {
         key: 0,
-        for: t.labelFor,
-        text: t.label
-      }, null, 8, ["for", "text"])) : _("", !0),
-      d("div", ze, [
-        M(Ce, pe(me({
-          ...e,
-          label: t.labelPosition === "inside" ? t.label : void 0,
-          variant: a.value,
-          size: o.value
+        for: e.labelFor,
+        text: e.label
+      }, null, 8, ["for", "text"])) : h("", !0),
+      d("div", Ce, [
+        V(Me, me(fe({
+          ...t,
+          label: e.labelPosition === "inside" ? e.label : void 0,
+          variant: o.value,
+          size: l.value
         })), {
-          default: p(() => [
-            h(t.$slots, "default")
+          default: c(() => [
+            p(i.$slots, "default")
           ]),
           _: 3
         }, 16),
-        t.hint ? (n(), f(H, {
+        e.hint ? (a(), f(D, {
           key: 0,
-          text: t.hint,
+          text: e.hint,
           class: "dai-form-control__hint"
-        }, null, 8, ["text"])) : _("", !0),
-        M(A, { name: "dai-form-control__validation-message-transition" }, {
-          default: p(() => [
-            t.validationMessage ? (n(), u("div", Ee, [
-              l[0] || (l[0] = d("svg", {
+        }, null, 8, ["text"])) : h("", !0),
+        V(P, { name: "dai-form-control__validation-message-transition" }, {
+          default: c(() => [
+            e.validationMessage ? (a(), u("div", ze, [
+              s[0] || (s[0] = d("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 256 256",
                 class: ""
@@ -147,18 +147,18 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
                   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)),
-              L(" " + w(t.validationMessage), 1)
-            ])) : _("", !0)
+              E(" " + k(e.validationMessage), 1)
+            ])) : h("", !0)
           ]),
           _: 1
         })
       ])
     ], 2));
   }
-}), Le = /* @__PURE__ */ v({
+}), Ee = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "combobox",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     id: {},
     labelPosition: {},
     hint: {},
@@ -179,20 +179,20 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = B(s, "modelValue"), o = e.id || q();
-    return (t, l) => (n(), f(U, V(e, {
-      labelFor: r(o),
-      class: t.$attrs.class
+  setup(e) {
+    const t = e, o = x(e, "modelValue"), l = t.id || L();
+    return (i, s) => (a(), f(O, _(t, {
+      labelFor: r(l),
+      class: i.$attrs.class
     }), {
-      default: p(() => [
-        M(r(oe), V({ ...t.$attrs, class: void 0 }, {
-          id: r(o),
-          modelValue: a.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i)
+      default: c(() => [
+        V(r(te), _({ ...i.$attrs, class: void 0 }, {
+          id: r(l),
+          modelValue: o.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (n) => o.value = n)
         }), {
-          default: p(() => [
-            h(t.$slots, "default")
+          default: c(() => [
+            p(i.$slots, "default")
           ]),
           _: 3
         }, 16, ["id", "modelValue"])
@@ -200,38 +200,41 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
       _: 3
     }, 16, ["labelFor", "class"]));
   }
-}), wo = /* @__PURE__ */ v({
+}), wt = /* @__PURE__ */ v({
   __name: "comboboxInput",
-  setup(s) {
-    return (e, a) => (n(), f(r(te), { class: "dai-form-control__input-group__control" }, {
-      default: p(() => [
-        h(e.$slots, "default")
+  setup(e) {
+    return (t, o) => (a(), f(r(oe), { class: "dai-form-control__input-group__control" }, {
+      default: c(() => [
+        p(t.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), qe = {
+}), Le = {
   key: 0,
   class: "dai-form-control__input-group__control__placeholder"
-}, Te = /* @__PURE__ */ v({
+}, qe = /* @__PURE__ */ v({
   __name: "comboboxButton",
   props: {
     placeholder: {}
   },
-  setup(s) {
-    const e = fe(ae);
-    if (!e)
+  setup(e) {
+    const t = ve(ae);
+    if (!t)
       throw new Error("Combobox injectable context is not provided");
-    const a = $(() => ({
-      onclick: () => e.open({ focus: !0 }),
-      ...e.activatorAttrs.value
+    const o = $(() => ({
+      onclick: () => t.open({ focus: !0 }),
+      ...t.activatorAttrs.value
     }));
-    return (o, t) => (n(), u("button", V(a.value, { class: "dai-form-control__input-group__control dai-combobox-btn" }), [
-      h(o.$slots, "default", {}, () => [
-        r(e).displayValue.value ? (n(), u(j, { key: 1 }, [
-          L(w(r(e).displayValue), 1)
-        ], 64)) : (n(), u("span", qe, w(o.placeholder || "Select..."), 1)),
-        t[0] || (t[0] = d("svg", {
+    return (l, i) => (a(), u("button", _(o.value, {
+      type: "button",
+      class: "dai-form-control__input-group__control dai-combobox-btn"
+    }), [
+      p(l.$slots, "default", {}, () => [
+        r(t).displayValue.value ? (a(), u(I, { key: 1 }, [
+          E(k(r(t).displayValue), 1)
+        ], 64)) : (a(), u("span", Le, k(e.placeholder || "Select..."), 1)),
+        i[0] || (i[0] = d("svg", {
           class: "dai-combobox-btn__chevron",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
@@ -246,17 +249,17 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
       ])
     ], 16));
   }
-}), Pe = /* @__PURE__ */ v({
+}), Te = /* @__PURE__ */ v({
   __name: "comboboxOptions",
-  setup(s) {
-    return (e, a) => (n(), f(A, {
+  setup(e) {
+    return (t, o) => (a(), f(P, {
       "enter-from-class": "dai-combobox-options--anim",
       "leave-to-class": "dai-combobox-options--anim"
     }, {
-      default: p(() => [
-        M(r(le), { class: "dai-combobox-options" }, {
-          default: p(() => [
-            h(e.$slots, "default")
+      default: c(() => [
+        V(r(le), { class: "dai-combobox-options" }, {
+          default: c(() => [
+            p(t.$slots, "default")
           ]),
           _: 3
         })
@@ -264,70 +267,70 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
       _: 3
     }));
   }
-}), Ae = {
+}), Pe = {
   key: 0,
   class: "dai-combobox-option__check",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
-}, Ie = /* @__PURE__ */ v({
+}, Ae = /* @__PURE__ */ v({
   __name: "comboboxOption",
   props: {
     value: {}
   },
-  setup(s) {
-    return (e, a) => (n(), f(r(ie), {
+  setup(e) {
+    return (t, o) => (a(), f(r(ie), {
       value: e.value,
       class: "dai-combobox-option"
     }, {
-      default: p(({ isActive: o, isSelected: t }) => [
-        h(e.$slots, "default", {
-          isActive: o,
-          isSelected: t
+      default: c(({ isActive: l, isSelected: i }) => [
+        p(t.$slots, "default", {
+          isActive: l,
+          isSelected: i
         }),
-        t ? (n(), u("svg", Ae, [...a[0] || (a[0] = [
+        i ? (a(), u("svg", Pe, [...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)
-        ])])) : _("", !0)
+        ])])) : h("", !0)
       ]),
       _: 3
     }, 8, ["value"]));
   }
-}), je = (s, e) => {
-  const a = s.__vccOpts || s;
-  for (const [o, t] of e)
-    a[o] = t;
-  return a;
-}, Fe = {}, Se = {
+}), Ie = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [l, i] of t)
+    o[l] = i;
+  return o;
+}, je = {}, Fe = {
   type: "button",
   class: "dai-form-control__input-group__addon dai-form-control__input-group__addon--btn",
   tabindex: "-1",
   "aria-hidden": "true"
 };
-function Oe(s, e) {
-  return n(), u("button", Se, [
-    h(s.$slots, "default")
+function Se(e, t) {
+  return a(), u("button", Fe, [
+    p(e.$slots, "default")
   ]);
 }
-const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern", "title", "autocomplete", "value"], Ne = {
+const Y = /* @__PURE__ */ Ie(je, [["render", Se]]), Oe = ["id", "type", "pattern", "title", "autocomplete", "value"], Ue = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, Xe = {
+}, Ne = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, ko = /* @__PURE__ */ v({
+}, kt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "input",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     id: {},
     type: { default: "text" },
     mask: {},
@@ -358,80 +361,80 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     filesModifiers: {}
   }),
   emits: ["update:modelValue", "update:files"],
-  setup(s) {
-    const e = s, a = e.id || q(), o = $(() => typeof e.autocomplete == "string" ? e.autocomplete : e.autocomplete ? "on" : "off"), t = B(s, "modelValue"), l = B(s, "files", {
-      set(k) {
-        return i.value && (i.value.files = k), k;
+  setup(e) {
+    const t = e, o = t.id || L(), l = $(() => typeof t.autocomplete == "string" ? t.autocomplete : t.autocomplete ? "on" : "off"), i = x(e, "modelValue"), s = x(e, "files", {
+      set(B) {
+        return n.value && (n.value.files = B), B;
       }
-    }), i = T("formElement"), { isValid: y, validationMessage: c, validate: b } = I(
-      i,
-      e.validators,
-      e.showValidationError
-    ), m = X(!1);
-    P(t, () => {
-      l.value = i.value?.files || null;
+    }), n = q("formElement"), { isValid: g, validationMessage: b, validate: y } = A(
+      n,
+      t.validators,
+      t.showValidationError
+    ), m = N(!1);
+    T(i, () => {
+      s.value = n.value?.files || null;
     });
-    let z;
-    const K = $(() => e.type === "password" ? m.value ? "text" : "password" : e.type), Y = $(() => e.mask ? e.mask : e.type === "tel" ? {
+    let C;
+    const G = $(() => t.type === "password" ? m.value ? "text" : "password" : t.type), H = $(() => t.mask ? t.mask : t.type === "tel" ? {
       mask: "{+7} (000) 000-00-00"
-    } : e.mask), Q = $(() => e.pattern ? e.pattern : e.type === "tel" ? "^\\+7 \\(9\\d{2}\\) \\d{3}-\\d{2}-\\d{2}" : e.pattern), W = $(() => e.title ? e.title : e.type === "tel" ? "+7 (999) 888-77-66" : e.title);
-    function J() {
+    } : t.mask), K = $(() => 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() {
       m.value = !m.value;
     }
-    function x() {
-      t.value = "";
+    function J() {
+      i.value = "";
     }
-    function ee(k) {
-      if (z)
+    function ee(B) {
+      if (C)
         return;
-      const { value: E } = k.target;
-      t.value = E;
+      const { value: z } = B.target;
+      i.value = z;
     }
-    return F(() => {
-      Y.value && import("./chunks/index.W-qQIppj.js").then((k) => {
-        z = k.default(
-          i.value,
-          Y.value
-        ), z.on("accept", () => {
-          t.value = z.value;
+    return j(() => {
+      H.value && import("imask").then((B) => {
+        C = B.default(
+          n.value,
+          H.value
+        ), C.on("accept", () => {
+          i.value = C.value;
         });
       });
-    }), (k, E) => (n(), f(U, V(e, {
-      "label-for": r(a),
-      "validation-message": k.showValidationError ? "" : r(c),
-      invalid: e.invalid || !r(y),
-      class: k.$attrs.class
+    }), (B, z) => (a(), f(O, _(t, {
+      "label-for": r(o),
+      "validation-message": e.showValidationError ? "" : r(b),
+      invalid: t.invalid || !r(g),
+      class: B.$attrs.class
     }), {
-      default: p(() => [
-        h(k.$slots, "prepend"),
-        d("input", V({
+      default: c(() => [
+        p(B.$slots, "prepend"),
+        d("input", _({
           ref_key: "formElement",
-          ref: i
-        }, { ...k.$attrs, class: void 0 }, {
-          id: r(a),
-          type: K.value,
-          pattern: Q.value,
-          title: W.value,
-          autocomplete: o.value,
-          value: t.value,
+          ref: n
+        }, { ...B.$attrs, class: void 0 }, {
+          id: r(o),
+          type: G.value,
+          pattern: K.value,
+          title: Q.value,
+          autocomplete: l.value,
+          value: i.value,
           onInputPassive: ee,
-          onKeyupPassive: E[0] || (E[0] = (bo) => !r(y) && r(b)()),
+          onKeyupPassive: z[0] || (z[0] = (bt) => !r(g) && r(y)()),
           class: "dai-form-control__input-group__control dai-form-control__input"
-        }), null, 16, Ue),
-        h(k.$slots, "append"),
-        e.type === "password" && t.value ? (n(), f(R, {
+        }), null, 16, Oe),
+        p(B.$slots, "append"),
+        t.type === "password" && i.value ? (a(), f(Y, {
           key: 0,
-          onClick: J
+          onClick: W
         }, {
-          default: p(() => [
-            m.value ? (n(), u("svg", Xe, [...E[2] || (E[2] = [
+          default: c(() => [
+            m.value ? (a(), u("svg", Ne, [...z[2] || (z[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)
-            ])])) : (n(), u("svg", Ne, [...E[1] || (E[1] = [
+            ])])) : (a(), u("svg", Ue, [...z[1] || (z[1] = [
               d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -447,12 +450,12 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
             ])]))
           ]),
           _: 1
-        })) : _("", !0),
-        k.clearable && t.value && !e.disabled ? (n(), f(R, {
+        })) : h("", !0),
+        e.clearable && i.value && !t.disabled ? (a(), f(Y, {
           key: 1,
-          onClick: x
+          onClick: J
         }, {
-          default: p(() => [...E[3] || (E[3] = [
+          default: c(() => [...z[3] || (z[3] = [
             d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
@@ -468,15 +471,15 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
             ], -1)
           ])]),
           _: 1
-        })) : _("", !0)
+        })) : h("", !0)
       ]),
       _: 3
     }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), De = ["id"], He = ["value"], $o = /* @__PURE__ */ v({
+}), Xe = ["id"], De = ["value"], $t = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     id: {},
     options: {},
     optionText: { default: "text" },
@@ -502,37 +505,37 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = e.id || q(), o = B(s, "modelValue"), t = T("formElement"), { isValid: l, validationMessage: i, validate: y } = I(
-      t,
-      e.validators,
-      e.showValidationError
+  setup(e) {
+    const t = e, o = t.id || L(), l = x(e, "modelValue"), i = q("formElement"), { isValid: s, validationMessage: n, validate: g } = A(
+      i,
+      t.validators,
+      t.showValidationError
     );
-    return (c, b) => (n(), f(U, V(e, {
-      "label-for": r(a),
-      "validation-message": c.showValidationError ? "" : r(i),
-      invalid: e.invalid || !r(l),
-      class: c.$attrs.class
+    return (b, y) => (a(), f(O, _(t, {
+      "label-for": r(o),
+      "validation-message": e.showValidationError ? "" : r(n),
+      invalid: t.invalid || !r(s),
+      class: b.$attrs.class
     }), {
-      default: p(() => [
-        S(d("select", V({
+      default: c(() => [
+        F(d("select", _({
           ref_key: "formElement",
-          ref: t
-        }, { ...c.$attrs, class: void 0 }, {
-          id: r(a),
-          "onUpdate:modelValue": b[0] || (b[0] = (m) => o.value = m),
+          ref: i
+        }, { ...b.$attrs, class: void 0 }, {
+          id: r(o),
+          "onUpdate:modelValue": y[0] || (y[0] = (m) => l.value = m),
           class: "dai-form-control__input-group__control dai-select"
         }), [
-          h(c.$slots, "default", {}, () => [
-            (n(!0), u(j, null, D(c.options, (m) => (n(), u("option", {
-              value: m[c.optionValue],
-              key: m[c.optionValue]
-            }, w(m[c.optionText]), 9, He))), 128))
+          p(b.$slots, "default", {}, () => [
+            (a(!0), u(I, null, X(e.options, (m) => (a(), u("option", {
+              value: m[e.optionValue],
+              key: m[e.optionValue]
+            }, k(m[e.optionText]), 9, De))), 128))
           ])
-        ], 16, De), [
-          [ve, o.value]
+        ], 16, Xe), [
+          [pe, l.value]
         ]),
-        b[1] || (b[1] = d("svg", {
+        y[1] || (y[1] = d("svg", {
           class: "dai-select__chevron",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
@@ -548,9 +551,9 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
       _: 3
     }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), Bo = /* @__PURE__ */ v({
+}), xt = /* @__PURE__ */ v({
   __name: "selectbox",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     options: {},
     optionText: { default: "text" },
     optionValue: { default: "value" },
@@ -575,23 +578,23 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = B(s, "modelValue");
-    return (o, t) => (n(), f(r(Le), V(e, {
-      displayValue: (l) => o.options.find((i) => i[o.optionValue] === l)?.[o.optionText] || "",
-      modelValue: a.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (l) => a.value = l)
+  setup(e) {
+    const t = e, o = x(e, "modelValue");
+    return (l, i) => (a(), f(r(Ee), _(t, {
+      displayValue: (s) => e.options.find((n) => n[e.optionValue] === s)?.[e.optionText] || "",
+      modelValue: o.value,
+      "onUpdate:modelValue": i[0] || (i[0] = (s) => o.value = s)
     }), {
-      default: p(() => [
-        M(r(Te), { placeholder: o.placeholder }, null, 8, ["placeholder"]),
-        M(r(Pe), null, {
-          default: p(() => [
-            (n(!0), u(j, null, D(o.options, (l) => (n(), f(r(Ie), {
-              key: l[o.optionValue],
-              value: l[o.optionValue]
+      default: c(() => [
+        V(r(qe), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
+        V(r(Te), null, {
+          default: c(() => [
+            (a(!0), u(I, null, X(e.options, (s) => (a(), f(r(Ae), {
+              key: s[e.optionValue],
+              value: s[e.optionValue]
             }, {
-              default: p(() => [
-                L(w(l[o.optionText]), 1)
+              default: c(() => [
+                E(k(s[e.optionText]), 1)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -602,10 +605,10 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
       _: 1
     }, 16, ["displayValue", "modelValue"]));
   }
-}), Ye = ["id"], Vo = /* @__PURE__ */ v({
+}), He = ["id"], _t = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "textarea",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     id: {},
     autosize: { type: Boolean },
     validators: {},
@@ -615,46 +618,46 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = e.id || q(), o = B(s, "modelValue"), t = T("formElement"), { isValid: l, validationMessage: i, validate: y } = I(
-      t,
-      e.validators,
-      e.showValidationError
+  setup(e) {
+    const t = e, o = t.id || L(), l = x(e, "modelValue"), i = q("formElement"), { isValid: s, validationMessage: n, validate: g } = A(
+      i,
+      t.validators,
+      t.showValidationError
     );
-    function c() {
-      if (!e.autosize) return;
-      const b = t.value, m = b.offsetHeight - b.clientHeight;
-      b.style.height = "auto", b.style.height = `${b.scrollHeight + m}px`;
+    function b() {
+      if (!t.autosize) return;
+      const y = i.value, m = y.offsetHeight - y.clientHeight;
+      y.style.height = "auto", y.style.height = `${y.scrollHeight + m}px`;
     }
-    return F(c), (b, m) => (n(), f(U, V(e, {
-      "label-for": r(a),
-      "validation-message": b.showValidationError ? "" : r(i),
-      invalid: !r(l),
-      class: b.$attrs.class
+    return j(b), (y, m) => (a(), f(O, _(t, {
+      "label-for": r(o),
+      "validation-message": e.showValidationError ? "" : r(n),
+      invalid: !r(s),
+      class: y.$attrs.class
     }), {
-      default: p(() => [
-        S(d("textarea", V({
+      default: c(() => [
+        F(d("textarea", _({
           ref_key: "formElement",
-          ref: t
-        }, { ...b.$attrs, class: void 0 }, {
-          id: r(a),
-          "onUpdate:modelValue": m[0] || (m[0] = (z) => o.value = z),
-          onKeyupPassive: m[1] || (m[1] = (z) => !r(l) && r(y)()),
-          onInputPassive: c,
+          ref: i
+        }, { ...y.$attrs, class: void 0 }, {
+          id: r(o),
+          "onUpdate:modelValue": m[0] || (m[0] = (C) => l.value = C),
+          onKeyupPassive: m[1] || (m[1] = (C) => !r(s) && r(g)()),
+          onInputPassive: b,
           class: ["form-control__textarea", {
-            "form-control__textarea--autosize": b.autosize
+            "form-control__textarea--autosize": e.autosize
           }]
-        }), null, 16, Ye), [
-          [he, o.value]
+        }), null, 16, He), [
+          [he, l.value]
         ])
       ]),
       _: 1
     }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), Re = ["id"], Mo = /* @__PURE__ */ v({
+}), Ye = ["id"], Bt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "checkbox",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     color: { default: "primary" },
     validators: {},
     showValidationError: { type: Boolean, default: !0 },
@@ -665,63 +668,63 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = B(s, "modelValue"), o = q(), t = T("formElement"), { isValid: l } = I(
-      t,
-      e.validators,
-      e.showValidationError
+  setup(e) {
+    const t = e, o = x(e, "modelValue"), l = L(), i = q("formElement"), { isValid: s } = A(
+      i,
+      t.validators,
+      t.showValidationError
     );
-    return (i, y) => (n(), u("div", {
-      class: g(["dai-checkbox-control", i.$attrs.class])
+    return (n, g) => (a(), u("div", {
+      class: w(["dai-checkbox-control", n.$attrs.class])
     }, [
-      S(d("input", V({
+      F(d("input", _({
         ref_key: "formElement",
-        ref: t,
-        "onUpdate:modelValue": y[0] || (y[0] = (c) => a.value = c)
-      }, { ...i.$attrs, class: "" }, {
-        id: r(o),
+        ref: i,
+        "onUpdate:modelValue": g[0] || (g[0] = (b) => o.value = b)
+      }, { ...n.$attrs, class: "" }, {
+        id: r(l),
         type: "checkbox",
         class: ["dai-checkbox", {
-          [`dai-checkbox--${i.color}`]: i.color,
-          "dai-checkbox--invalid": !r(l)
+          [`dai-checkbox--${e.color}`]: e.color,
+          "dai-checkbox--invalid": !r(s)
         }]
-      }), null, 16, Re), [
-        [_e, a.value]
+      }), null, 16, Ye), [
+        [be, o.value]
       ]),
-      i.label || i.$slots.default ? (n(), f(O, {
+      e.label || n.$slots.default ? (a(), f(S, {
         key: 0,
-        for: r(o)
+        for: r(l)
       }, {
-        default: p(() => [
-          h(i.$slots, "default", {}, () => [
-            L(w(i.label), 1)
+        default: c(() => [
+          p(n.$slots, "default", {}, () => [
+            E(k(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for"])) : _("", !0),
-      i.hint || i.$slots.hint ? (n(), f(H, {
+      }, 8, ["for"])) : h("", !0),
+      e.hint || n.$slots.hint ? (a(), f(D, {
         key: 1,
         class: "dai-checkbox-control__hint"
       }, {
-        default: p(() => [
-          h(i.$slots, "hint", {}, () => [
-            L(w(i.hint), 1)
+        default: c(() => [
+          p(n.$slots, "hint", {}, () => [
+            E(k(e.hint), 1)
           ])
         ]),
         _: 3
-      })) : _("", !0)
+      })) : h("", !0)
     ], 2));
   }
-}), Ze = { class: "flex items-center h-5" }, Ge = ["value", "id"], Ke = {
+}), Re = { class: "flex items-center h-5" }, Ze = ["value", "id"], Ge = {
   key: 0,
   class: "text-sm"
-}, Qe = ["for"], We = {
+}, Ke = ["for"], Qe = {
   key: 0,
   class: "text-secondary-500 dark:text-secondary-400"
-}, Co = /* @__PURE__ */ v({
+}, Vt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "radio",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     value: {},
     color: { default: "primary" },
     validators: {},
@@ -733,44 +736,44 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = B(s, "modelValue"), o = q(), t = T("formElement"), { isValid: l } = I(
-      t,
-      e.validators,
-      e.showValidationError
+  setup(e) {
+    const t = e, o = x(e, "modelValue"), l = L(), i = q("formElement"), { isValid: s } = A(
+      i,
+      t.validators,
+      t.showValidationError
     );
-    return (i, y) => (n(), u("div", {
-      class: g(["flex items-start gap-3", i.$attrs.class])
+    return (n, g) => (a(), u("div", {
+      class: w(["flex items-start gap-3", n.$attrs.class])
     }, [
-      d("div", Ze, [
-        S(d("input", V({
+      d("div", Re, [
+        F(d("input", _({
           type: "radio",
           ref_key: "formElement",
-          ref: t,
-          "onUpdate:modelValue": y[0] || (y[0] = (c) => a.value = c)
-        }, { ...i.$attrs, class: "" }, {
-          value: i.value,
-          id: r(o),
+          ref: i,
+          "onUpdate:modelValue": g[0] || (g[0] = (b) => o.value = b)
+        }, { ...n.$attrs, class: "" }, {
+          value: e.value,
+          id: r(l),
           class: ["radio", {
-            [`radio--${i.color}`]: i.color,
-            "radio--invalid": !r(l)
+            [`radio--${e.color}`]: e.color,
+            "radio--invalid": !r(s)
           }]
-        }), null, 16, Ge), [
-          [be, a.value]
+        }), null, 16, Ze), [
+          [ye, o.value]
         ])
       ]),
-      i.label ? (n(), u("div", Ke, [
+      e.label ? (a(), u("div", Ge, [
         d("label", {
-          for: r(o),
+          for: r(l),
           class: "font-medium select-none cursor-pointer"
-        }, w(i.label), 9, Qe),
-        i.hint ? (n(), u("p", We, w(i.hint), 1)) : _("", !0)
-      ])) : _("", !0)
+        }, k(e.label), 9, Ke),
+        e.hint ? (a(), u("p", Qe, k(e.hint), 1)) : h("", !0)
+      ])) : h("", !0)
     ], 2));
   }
-}), Je = { class: "dai-switch-control" }, xe = ["id", "aria-checked"], zo = /* @__PURE__ */ v({
+}), We = { class: "dai-switch-control" }, Je = ["id", "aria-checked"], Mt = /* @__PURE__ */ v({
   __name: "switch",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     label: {},
     hint: {}
   }, {
@@ -778,51 +781,51 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = B(s, "modelValue"), a = q();
-    return (o, t) => (n(), u("div", Je, [
+  setup(e) {
+    const t = x(e, "modelValue"), o = L();
+    return (l, i) => (a(), u("div", We, [
       d("button", {
-        onClick: t[0] || (t[0] = (l) => e.value = !e.value),
-        id: r(a),
-        "aria-checked": e.value,
+        onClick: i[0] || (i[0] = (s) => t.value = !t.value),
+        id: r(o),
+        "aria-checked": t.value,
         role: "switch",
         type: "button",
         tabindex: "0",
-        class: g(["dai-switch", [e.value ? "dai-switch--on" : "dai-switch--off"]])
-      }, [...t[1] || (t[1] = [
+        class: w(["dai-switch", [t.value ? "dai-switch--on" : "dai-switch--off"]])
+      }, [...i[1] || (i[1] = [
         d("div", {
           "aria-hidden": "true",
           class: "dai-switch__thumb"
         }, null, -1)
-      ])], 10, xe),
-      o.label || o.$slots.default ? (n(), f(O, {
+      ])], 10, Je),
+      e.label || l.$slots.default ? (a(), f(S, {
         key: 0,
-        for: r(a)
+        for: r(o)
       }, {
-        default: p(() => [
-          h(o.$slots, "default", {}, () => [
-            L(w(o.label), 1)
+        default: c(() => [
+          p(l.$slots, "default", {}, () => [
+            E(k(e.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for"])) : _("", !0),
-      o.hint || o.$slots.hint ? (n(), f(H, {
+      }, 8, ["for"])) : h("", !0),
+      e.hint || l.$slots.hint ? (a(), f(D, {
         key: 1,
         class: "dai-switch-control__hint"
       }, {
-        default: p(() => [
-          h(o.$slots, "hint", {}, () => [
-            L(w(o.hint), 1)
+        default: c(() => [
+          p(l.$slots, "hint", {}, () => [
+            E(k(e.hint), 1)
           ])
         ]),
         _: 3
-      })) : _("", !0)
+      })) : h("", !0)
     ]));
   }
-}), eo = {
+}), et = {
   key: 0,
   class: "dai-btn__spinner"
-}, oo = { class: "dai-btn__caption" }, Eo = /* @__PURE__ */ v({
+}, tt = { class: "dai-btn__caption" }, Ct = /* @__PURE__ */ v({
   __name: "btn",
   props: {
     submit: { type: [Boolean, String] },
@@ -843,28 +846,28 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     rounded: { type: Boolean },
     condensed: { type: Boolean }
   },
-  setup(s) {
-    const e = s, a = $(() => e.submit ? "submit" : e.reset ? "reset" : "button"), o = $(() => e.variant ? e.variant : e.plain ? "plain" : e.muted ? "muted" : e.outlined ? "outlined" : "flat"), t = $(() => e.size ? e.size : e.sm ? "small" : e.lg ? "large" : "medium");
-    return (l, i) => (n(), f(ye(l.href ? "a" : "button"), {
-      type: l.href ? void 0 : a.value,
-      form: typeof l.submit == "string" ? l.submit : void 0,
-      href: l.href,
-      class: g(["dai-btn", {
-        [`dai-btn--${l.color}`]: l.color,
-        "dai-btn--flat": o.value === "flat",
-        "dai-btn--plain": o.value === "plain",
-        "dai-btn--muted": o.value === "muted",
-        "dai-btn--outlined": o.value === "outlined",
-        "dai-btn--sm": t.value === "small",
-        "dai-btn--lg": t.value === "large",
-        "dai-btn--loading": l.loading,
-        "dai-btn--block": l.block,
-        "dai-btn--rounded": l.rounded,
-        "dai-btn--condensed": l.condensed
+  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"), i = $(() => t.size ? t.size : t.sm ? "small" : t.lg ? "large" : "medium");
+    return (s, n) => (a(), f(ge(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": i.value === "small",
+        "dai-btn--lg": i.value === "large",
+        "dai-btn--loading": e.loading,
+        "dai-btn--block": e.block,
+        "dai-btn--rounded": e.rounded,
+        "dai-btn--condensed": e.condensed
       }])
     }, {
-      default: p(() => [
-        l.loading ? (n(), u("span", eo, [...i[0] || (i[0] = [
+      default: c(() => [
+        e.loading ? (a(), u("span", et, [...n[0] || (n[0] = [
           d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
@@ -884,33 +887,33 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
               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)
-        ])])) : _("", !0),
-        d("span", oo, [
-          l.icon ? (n(), u("div", {
+        ])])) : h("", !0),
+        d("span", tt, [
+          e.icon ? (a(), u("div", {
             key: 0,
-            class: g([l.icon, "dai-btn__icon"])
-          }, null, 2)) : _("", !0),
-          h(l.$slots, "default"),
-          l.iconAfter ? (n(), u("div", {
+            class: w([e.icon, "dai-btn__icon"])
+          }, null, 2)) : h("", !0),
+          p(s.$slots, "default"),
+          e.iconAfter ? (a(), u("div", {
             key: 1,
-            class: g([l.iconAfter, "dai-btn__icon"])
-          }, null, 2)) : _("", !0)
+            class: w([e.iconAfter, "dai-btn__icon"])
+          }, null, 2)) : h("", !0)
         ])
       ]),
       _: 3
     }, 8, ["type", "form", "href", "class"]));
   }
-}), Lo = /* @__PURE__ */ v({
+}), zt = /* @__PURE__ */ v({
   __name: "popoverDialog",
-  setup(s) {
-    return (e, a) => (n(), f(A, {
+  setup(e) {
+    return (t, o) => (a(), f(P, {
       "enter-from-class": "dai-popover-dialog--anim",
       "leave-to-class": "dai-popover-dialog--anim"
     }, {
-      default: p(() => [
-        M(r(ne), { class: "dai-popover-dialog" }, {
-          default: p(() => [
-            h(e.$slots, "default")
+      default: c(() => [
+        V(r(ne), { class: "dai-popover-dialog" }, {
+          default: c(() => [
+            p(t.$slots, "default")
           ]),
           _: 3
         })
@@ -918,17 +921,17 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
       _: 3
     }));
   }
-}), qo = /* @__PURE__ */ v({
+}), Et = /* @__PURE__ */ v({
   __name: "menuItems",
-  setup(s) {
-    return (e, a) => (n(), f(A, {
+  setup(e) {
+    return (t, o) => (a(), f(P, {
       "enter-from-class": "dai-menu-items--anim",
       "leave-to-class": "dai-menu-items--anim"
     }, {
-      default: p(() => [
-        M(r(se), { class: "dai-menu-items" }, {
-          default: p(() => [
-            h(e.$slots, "default")
+      default: c(() => [
+        V(r(se), { class: "dai-menu-items" }, {
+          default: c(() => [
+            p(t.$slots, "default")
           ]),
           _: 3
         })
@@ -936,87 +939,87 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
       _: 3
     }));
   }
-}), to = {
+}), ot = {
   key: 0,
   class: "text-secondary-400 flex-shrink-0"
-}, To = /* @__PURE__ */ v({
+}, Lt = /* @__PURE__ */ v({
   __name: "menuItem",
   props: {
     icon: {}
   },
-  setup(s) {
-    return (e, a) => (n(), f(r(re), { class: "dai-menu-item" }, {
-      default: p(({ isActive: o, isSelected: t }) => [
-        e.icon ? (n(), u("div", to, [
+  setup(e) {
+    return (t, o) => (a(), f(r(re), { class: "dai-menu-item" }, {
+      default: c(({ isActive: l, isSelected: i }) => [
+        e.icon ? (a(), u("div", ot, [
           d("div", {
-            class: g(["h-5 w-5", e.icon])
+            class: w(["h-5 w-5", e.icon])
           }, null, 2)
-        ])) : _("", !0),
-        h(e.$slots, "default", {
-          isActive: o,
-          isSelected: t
+        ])) : h("", !0),
+        p(t.$slots, "default", {
+          isActive: l,
+          isSelected: i
         })
       ]),
       _: 3
     }));
   }
-}), Po = /* @__PURE__ */ v({
+}), qt = /* @__PURE__ */ v({
   __name: "tab",
   props: {
     id: {},
     ariaControls: {},
     value: {}
   },
-  setup(s) {
-    return (e, a) => (n(), f(r(de), {
+  setup(e) {
+    return (t, o) => (a(), f(r(de), {
       id: e.id,
       "aria-controls": e.ariaControls,
       value: e.value,
       class: "dai-tab"
     }, {
-      default: p(() => [
-        h(e.$slots, "default")
+      default: c(() => [
+        p(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["id", "aria-controls", "value"]));
   }
-}), Ao = /* @__PURE__ */ v({
+}), Tt = /* @__PURE__ */ v({
   __name: "tabList",
-  setup(s) {
-    const e = T("tablist"), a = T("slider"), o = X({});
-    function t() {
-      if (!a.value) return;
-      const l = e.value?.$el;
-      if (!l) return;
-      const i = l.querySelector("[aria-selected=true]");
-      i && (o.value = {
-        left: `${i.offsetLeft}px`,
-        right: `${l.offsetWidth - i.offsetLeft - i.offsetWidth}px`,
-        transition: a.value.offsetLeft > i.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
+  setup(e) {
+    const t = q("tablist"), o = q("slider"), l = N({});
+    function i() {
+      if (!o.value) return;
+      const s = t.value?.$el;
+      if (!s) return;
+      const n = s.querySelector("[aria-selected=true]");
+      n && (l.value = {
+        left: `${n.offsetLeft}px`,
+        right: `${s.offsetWidth - n.offsetLeft - n.offsetWidth}px`,
+        transition: o.value.offsetLeft > n.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
       });
     }
-    return F(() => ge(t)), (l, i) => (n(), f(r(ue), {
+    return j(() => we(i)), (s, n) => (a(), f(r(ue), {
       ref_key: "tablist",
-      ref: e,
-      onClickPassive: t,
+      ref: t,
+      onClickPassive: i,
       class: "dai-tab-list"
     }, {
-      default: p(() => [
+      default: c(() => [
         d("div", {
           ref_key: "slider",
-          ref: a,
+          ref: o,
           class: "dai-tab-list__slider",
-          style: N(o.value)
+          style: U(l.value)
         }, null, 4),
-        h(l.$slots, "default")
+        p(s.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
-}), ao = ["id"], Io = /* @__PURE__ */ v({
+}), at = ["id"], Pt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "offcanvas",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     id: {},
     position: { default: "right" },
     push: { type: Boolean },
@@ -1028,23 +1031,23 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = B(s, "modelValue"), o = e.id ?? q(), { classList: t } = $e(document.body, "nui-body-push");
-    P(a, () => {
-      if (!e.push || (t.splice(1), !a.value))
+  setup(e) {
+    const t = e, o = x(e, "modelValue"), l = t.id ?? L(), { classList: i } = xe(document.body, "nui-body-push");
+    T(o, () => {
+      if (!t.push || (i.splice(1), !o.value))
         return;
-      let i = "nui-body-push--" + e.position;
-      e.lg && (i += "--lg"), e.xl && (i += "--xl"), t.push(i);
+      let n = "nui-body-push--" + t.position;
+      t.lg && (n += "--lg"), t.xl && (n += "--xl"), i.push(n);
     });
-    function l(i) {
-      i.target.closest(`#${o}`) || e.closeOnOutsideClick && (a.value = !1);
+    function s(n) {
+      n.target.closest(`#${l}`) || t.closeOnOutsideClick && (o.value = !1);
     }
-    return F(() => {
-      window.addEventListener("click", l, { passive: !0 });
-    }), Z(() => {
-      window.removeEventListener("click", l);
-    }), (i, y) => (n(), f(G, { to: "body" }, [
-      M(A, {
+    return j(() => {
+      window.addEventListener("click", s, { passive: !0 });
+    }), R(() => {
+      window.removeEventListener("click", s);
+    }), (n, g) => (a(), f(Z, { to: "body" }, [
+      V(P, {
         appear: "",
         "enter-from-class": "nui-offcanvas--animate-hidden",
         "enter-to-class": "nui-offcanvas--animate-shown",
@@ -1053,63 +1056,63 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
         "leave-to-class": "nui-offcanvas--animate-hidden",
         "leave-active-class": "ease-in-out"
       }, {
-        default: p(() => [
-          a.value ? (n(), u("div", V({
+        default: c(() => [
+          o.value ? (a(), u("div", _({
             key: 0,
-            id: r(o)
-          }, i.$attrs, {
+            id: r(l)
+          }, n.$attrs, {
             class: ["nui-offcanvas", {
-              [`nui-offcanvas--${i.position}`]: !0,
-              "nui-offcanvas--shadow": !i.push,
-              "nui-offcanvas--lg": i.lg,
-              "nui-offcanvas--xl": i.xl
+              [`nui-offcanvas--${e.position}`]: !0,
+              "nui-offcanvas--shadow": !e.push,
+              "nui-offcanvas--lg": e.lg,
+              "nui-offcanvas--xl": e.xl
             }]
           }), [
-            h(i.$slots, "default")
-          ], 16, ao)) : _("", !0)
+            p(n.$slots, "default")
+          ], 16, at)) : h("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), lo = {
+}), lt = {
   key: 0,
   role: "alert"
-}, io = {
+}, it = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, no = {
+}, nt = {
   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"
-}, so = {
+}, st = {
   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"
-}, ro = {
+}, rt = {
   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"
-}, uo = {
+}, dt = {
   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"
-}, co = { class: "dai-notification__content" }, po = {
+}, ut = { class: "dai-notification__content" }, ct = {
   key: 0,
   class: "dai-notification__content__detail"
-}, mo = /* @__PURE__ */ v({
+}, mt = /* @__PURE__ */ v({
   __name: "notification",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     color: {},
     icon: {},
     message: {},
@@ -1121,37 +1124,37 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = B(s, "modelValue");
-    let o;
-    function t() {
-      clearTimeout(o), a.value && e.timeout && (o = setTimeout(() => a.value = !1, e.timeout));
+  setup(e) {
+    const t = e, o = x(e, "modelValue");
+    let l;
+    function i() {
+      clearTimeout(l), o.value && t.timeout && (l = setTimeout(() => o.value = !1, t.timeout));
     }
-    return P(a, t, { immediate: !0 }), (l, i) => a.value ? (n(), u("div", lo, [
+    return T(o, i, { immediate: !0 }), (s, n) => o.value ? (a(), u("div", lt, [
       d("div", {
-        class: g(["dai-notification", [`dai-notification--${l.color || "secondary"}`]])
+        class: w(["dai-notification", [`dai-notification--${e.color || "secondary"}`]])
       }, [
-        l.icon ? (n(), u("div", {
+        e.icon ? (a(), u("div", {
           key: 0,
-          class: g(["dai-notification__icon", [`dai-notification__icon--${l.icon}`]])
+          class: w(["dai-notification__icon", [`dai-notification__icon--${e.icon}`]])
         }, [
-          (n(), u("svg", io, [
-            l.icon == "success" ? (n(), u("path", no)) : l.icon == "info" ? (n(), u("path", so)) : l.icon == "warning" ? (n(), u("path", ro)) : l.icon == "danger" ? (n(), u("path", uo)) : _("", !0)
+          (a(), u("svg", it, [
+            e.icon == "success" ? (a(), u("path", nt)) : e.icon == "info" ? (a(), u("path", st)) : e.icon == "warning" ? (a(), u("path", rt)) : e.icon == "danger" ? (a(), u("path", dt)) : h("", !0)
           ]))
-        ], 2)) : _("", !0),
-        d("div", co, [
+        ], 2)) : h("", !0),
+        d("div", ut, [
           d("div", {
-            class: g(["dai-notification__content__message", {
-              "dai-notification__content__message--bold": l.detail
+            class: w(["dai-notification__content__message", {
+              "dai-notification__content__message--bold": e.detail
             }])
-          }, w(l.message), 3),
-          l.detail ? (n(), u("div", po, w(l.detail), 1)) : _("", !0)
+          }, k(e.message), 3),
+          e.detail ? (a(), u("div", ct, k(e.detail), 1)) : h("", !0)
         ]),
-        l.dismissible ? (n(), u("div", {
+        e.dismissible ? (a(), u("div", {
           key: 1,
-          onClick: i[0] || (i[0] = (y) => a.value = !1),
+          onClick: n[0] || (n[0] = (g) => o.value = !1),
           class: "dai-notification__dismiss"
-        }, [...i[1] || (i[1] = [
+        }, [...n[1] || (n[1] = [
           d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
@@ -1165,13 +1168,13 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
               d: "M6 18L18 6M6 6l12 12"
             })
           ], -1)
-        ])])) : _("", !0)
+        ])])) : h("", !0)
       ], 2)
-    ])) : _("", !0);
+    ])) : h("", !0);
   }
-}), jo = /* @__PURE__ */ v({
+}), At = /* @__PURE__ */ v({
   __name: "notificationQueue",
-  props: /* @__PURE__ */ C({
+  props: /* @__PURE__ */ M({
     length: { default: 3 },
     timeout: { default: 4e3 },
     position: { default: "fixed" },
@@ -1182,52 +1185,52 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     queueModifiers: {}
   }),
   emits: ["update:queue"],
-  setup(s) {
-    const e = s, a = B(s, "queue"), o = X([]);
-    let t = 0;
-    function l() {
-      a.value.length === 0 || o.value.length >= e.length || (o.value.push({ ...a.value[0], id: t++, show: !0 }), a.value.shift());
+  setup(e) {
+    const t = e, o = x(e, "queue"), l = N([]);
+    let i = 0;
+    function s() {
+      o.value.length === 0 || l.value.length >= t.length || (l.value.push({ ...o.value[0], id: i++, show: !0 }), o.value.shift());
     }
-    function i(c) {
+    function n(b) {
       setTimeout(() => {
-        o.value = o.value.filter(
-          (b) => b.id !== c
-        ), l();
+        l.value = l.value.filter(
+          (y) => y.id !== b
+        ), s();
       }, 200);
     }
-    P(a, l, { immediate: !0, deep: !0 });
-    const y = $(() => {
-      const c = ["dai-notification-queue__item--anim"];
-      return e.positionX === "right" ? c.push("dai-notification-queue__item--anim-x-right") : e.positionX === "left" ? c.push("dai-notification-queue__item--anim-x-left") : e.positionX === "center" && e.positionY === "top" ? c.push("dai-notification-queue__item--anim-y-top") : e.positionX === "center" && e.positionY === "bottom" && c.push("dai-notification-queue__item--anim-y-bottom"), c.join(" ");
+    T(o, s, { immediate: !0, deep: !0 });
+    const g = $(() => {
+      const b = ["dai-notification-queue__item--anim"];
+      return t.positionX === "right" ? b.push("dai-notification-queue__item--anim-x-right") : t.positionX === "left" ? b.push("dai-notification-queue__item--anim-x-left") : t.positionX === "center" && t.positionY === "top" ? b.push("dai-notification-queue__item--anim-y-top") : t.positionX === "center" && t.positionY === "bottom" && b.push("dai-notification-queue__item--anim-y-bottom"), b.join(" ");
     });
-    return (c, b) => (n(), u("div", {
-      class: g(["dai-notification-queue", {
-        "dai-notification-queue--fixed": c.position == "fixed",
-        "dai-notification-queue--absolute": c.position == "absolute",
-        "dai-notification-queue--y-top": c.positionY == "top",
-        "dai-notification-queue--y-bottom": c.positionY == "bottom",
-        "dai-notification-queue--x-left": c.positionX == "left",
-        "dai-notification-queue--x-center": c.positionX == "center",
-        "dai-notification-queue--x-right": c.positionX == "right"
+    return (b, y) => (a(), 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"
       }])
     }, [
-      M(we, {
+      V(ke, {
         appear: "",
-        "enter-from-class": y.value,
+        "enter-from-class": g.value,
         "enter-active-class": "dai-notification-queue__item--anim-in",
-        "leave-to-class": y.value,
+        "leave-to-class": g.value,
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
-        default: p(() => [
-          (n(!0), u(j, null, D(o.value, (m) => (n(), f(mo, {
+        default: c(() => [
+          (a(!0), u(I, null, X(l.value, (m) => (a(), f(mt, {
             key: m.id,
             color: m.color,
             icon: m.type,
             message: m.message,
             detail: m.detail,
-            timeout: m.timeout ?? c.timeout,
+            timeout: m.timeout ?? e.timeout,
             modelValue: m.show,
-            "onUpdate:modelValue": [(z) => m.show = z, (z) => i(m.id)],
+            "onUpdate:modelValue": [(C) => m.show = C, (C) => n(m.id)],
             class: "dai-notification-queue__item"
           }, null, 8, ["color", "icon", "message", "detail", "timeout", "modelValue", "onUpdate:modelValue"]))), 128))
         ]),
@@ -1235,7 +1238,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 2));
   }
-}), fo = ["aria-valuenow"], Fo = /* @__PURE__ */ v({
+}), ft = ["aria-valuenow"], It = /* @__PURE__ */ v({
   __name: "progressbar",
   props: {
     value: {},
@@ -1243,40 +1246,40 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     height: { default: 5 },
     rounded: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    const e = s, a = $(() => e.value === void 0);
-    return (o, t) => (n(), u("div", {
-      class: g(["overflow-hidden text-xs w-full flex-1", {
-        rounded: o.rounded,
-        "bg-primary-200": o.color == "primary",
-        "bg-success-200": o.color == "success",
-        "bg-info-200": o.color == "info",
-        "bg-warning-200": o.color == "warning",
-        "bg-danger-200": o.color == "danger"
+  setup(e) {
+    const t = e, o = $(() => t.value === void 0);
+    return (l, i) => (a(), 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: o.height + "px" }),
+      style: U({ height: e.height + "px" }),
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
-      "aria-valuenow": o.value
+      "aria-valuenow": e.value
     }, [
       d("div", {
-        style: N(`width:${o.value}%`),
-        class: g([{
-          "bg-primary-500": o.color == "primary",
-          "bg-success-500": o.color == "success",
-          "bg-info-500": o.color == "info",
-          "bg-warning-500": o.color == "warning",
-          "bg-danger-500": o.color == "danger",
-          "progress-infinite": a.value
+        style: U(`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, fo));
+    ], 14, ft));
   }
-}), vo = {
+}), vt = {
   key: 0,
   class: "z-50"
-}, ho = { class: "fixed inset-0 overflow-y-auto" }, _o = { class: "modal__dialog" }, So = /* @__PURE__ */ v({
+}, pt = { class: "fixed inset-0 overflow-y-auto" }, ht = { class: "modal__dialog" }, jt = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "modal",
   props: {
@@ -1284,36 +1287,36 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(s) {
-    const e = B(s, "modelValue");
-    function a() {
-      e.value = !1;
+  setup(e) {
+    const t = x(e, "modelValue");
+    function o() {
+      t.value = !1;
     }
-    return P(e, (o) => {
-      o ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
-    }), (o, t) => (n(), f(G, { to: "body" }, [
-      M(A, {
+    return T(t, (l) => {
+      l ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
+    }), (l, i) => (a(), f(Z, { to: "body" }, [
+      V(P, {
         appear: "",
         name: "modal",
         duration: { enter: 300, leave: 200 }
       }, {
-        default: p(() => [
-          e.value ? (n(), u("div", vo, [
-            t[0] || (t[0] = d("div", {
+        default: c(() => [
+          t.value ? (a(), u("div", vt, [
+            i[0] || (i[0] = d("div", {
               class: "modal__backdrop fixed inset-0 bg-primary-50/60 backdrop-blur-sm",
               "aria-hidden": "true"
             }, null, -1)),
-            d("div", ho, [
+            d("div", pt, [
               d("div", {
-                onClick: ke(a, ["self"]),
+                onClick: $e(o, ["self"]),
                 class: "min-h-full flex items-center justify-center p-4 sm:p-6"
               }, [
-                d("div", _o, [
-                  h(o.$slots, "default", { close: a })
+                d("div", ht, [
+                  p(l.$slots, "default", { close: o })
                 ])
               ])
             ])
-          ])) : _("", !0)
+          ])) : h("", !0)
         ]),
         _: 3
       })
@@ -1321,32 +1324,32 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern
   }
 });
 export {
-  Eo as Btn,
-  Mo as Checkbox,
-  Le as Combobox,
-  Te as ComboboxButton,
-  wo as ComboboxInput,
-  Ie as ComboboxOption,
-  Pe as ComboboxOptions,
-  ko as Input,
-  No as Menu,
-  To as MenuItem,
-  qo as MenuItems,
-  So as Modal,
-  mo as Notification,
-  jo as NotificationQueue,
-  Io as Offcanvas,
-  Xo as Popover,
-  Lo as PopoverDialog,
-  Fo as Progressbar,
-  Co as Radio,
-  $o as Select,
-  Bo as Selectbox,
-  zo as Switch,
-  Po as Tab,
-  Do as TabContainer,
-  Ao as TabList,
-  Ho as TabPanel,
-  Vo as Textarea,
-  $e as useClassList
+  Ct as Btn,
+  Bt as Checkbox,
+  Ee as Combobox,
+  qe as ComboboxButton,
+  wt as ComboboxInput,
+  Ae as ComboboxOption,
+  Te as ComboboxOptions,
+  kt as Input,
+  Ot as Menu,
+  Lt as MenuItem,
+  Et as MenuItems,
+  jt as Modal,
+  mt as Notification,
+  At as NotificationQueue,
+  Pt as Offcanvas,
+  Ut as Popover,
+  zt as PopoverDialog,
+  It as Progressbar,
+  Vt as Radio,
+  $t as Select,
+  xt as Selectbox,
+  Mt as Switch,
+  qt as Tab,
+  Nt as TabContainer,
+  Tt as TabList,
+  Xt as TabPanel,
+  _t as Textarea,
+  xe as useClassList
 };