@defaultusr/dai-ui 1.1.3 → 1.1.5

package/dist/main.js

@@ -1,19 +1,19 @@
 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 Uo, 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 m, createCommentVNode as _, createElementVNode as d, computed as $, createVNode as M, normalizeProps as pe, guardReactiveProps as fe, withCtx as p, Transition as A, mergeModels as E, useModel as V, useId as q, mergeProps as B, unref as r, inject as me, 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 U, Teleport as G, TransitionGroup as we, withModifiers as ke } from "vue";
+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 t = [];
+  let a = [];
   const o = ce(e);
-  function a() {
-    o.length && (s.classList.add(...o), t = [...o]);
+  function t() {
+    o.length && (s.classList.add(...o), a = [...o]);
   }
   function l() {
-    s.classList.remove(...t);
+    s.classList.remove(...a);
   }
   return P(
     o,
     () => {
-      l(), a();
+      l(), t();
     },
     { immediate: !0 }
   ), Z(l), {
@@ -26,7 +26,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     text: {}
   },
   setup(s) {
-    return (e, t) => (n(), u("label", Be, [
+    return (e, a) => (n(), u("label", Be, [
       h(e.$slots, "default", {}, () => [
         L(w(e.text), 1)
       ])
@@ -38,7 +38,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     text: {}
   },
   setup(s) {
-    return (e, t) => (n(), u("div", Ve, [
+    return (e, a) => (n(), u("div", Ve, [
       h(e.$slots, "default", {}, () => [
         L(w(e.text), 1)
       ])
@@ -57,7 +57,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     invalid: { type: Boolean }
   },
   setup(s) {
-    return (e, t) => (n(), u("div", {
+    return (e, a) => (n(), u("div", {
       class: g(["dai-form-control__input-group", {
         "dai-form-control__input-group--labeled": !!e.label,
         "dai-form-control__input-group--outlined": e.variant === "outlined",
@@ -69,7 +69,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
         "dai-form-control__input-group--invalid": e.invalid
       }])
     }, [
-      e.label ? (n(), m(O, {
+      e.label ? (n(), f(O, {
         key: 0,
         text: e.label,
         for: e.labelFor,
@@ -84,7 +84,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
   key: 0,
   class: "dai-form-control__validation-message",
   role: "alert"
-}, N = /* @__PURE__ */ v({
+}, U = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "formControl",
   props: {
@@ -104,39 +104,39 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     invalid: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = $(() => e.variant ? e.variant : e.muted ? "muted" : e.outlined ? "outlined" : "flat"), o = $(() => e.size ? e.size : e.sm ? "small" : e.lg ? "large" : "medium");
-    return (a, l) => (n(), u("div", {
+    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": a.labelPosition === "inline",
-        "dai-form-control--invalid": a.invalid,
+        "dai-form-control--label-inline": t.labelPosition === "inline",
+        "dai-form-control--invalid": t.invalid,
         "dai-form-control--lg": o.value === "large"
       }])
     }, [
-      a.label && a.labelPosition !== "inside" ? (n(), m(O, {
+      t.label && t.labelPosition !== "inside" ? (n(), f(O, {
         key: 0,
-        for: a.labelFor,
-        text: a.label
+        for: t.labelFor,
+        text: t.label
       }, null, 8, ["for", "text"])) : _("", !0),
       d("div", ze, [
-        M(Ce, pe(fe({
+        M(Ce, pe(me({
           ...e,
-          label: a.labelPosition === "inside" ? a.label : void 0,
-          variant: t.value,
+          label: t.labelPosition === "inside" ? t.label : void 0,
+          variant: a.value,
           size: o.value
         })), {
           default: p(() => [
-            h(a.$slots, "default")
+            h(t.$slots, "default")
           ]),
           _: 3
         }, 16),
-        a.hint ? (n(), m(H, {
+        t.hint ? (n(), f(H, {
           key: 0,
-          text: a.hint,
+          text: t.hint,
           class: "dai-form-control__hint"
         }, null, 8, ["text"])) : _("", !0),
         M(A, { name: "dai-form-control__validation-message-transition" }, {
           default: p(() => [
-            a.validationMessage ? (n(), u("div", Ee, [
+            t.validationMessage ? (n(), u("div", Ee, [
               l[0] || (l[0] = d("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 256 256",
@@ -147,7 +147,7 @@ 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(a.validationMessage), 1)
+              L(" " + w(t.validationMessage), 1)
             ])) : _("", !0)
           ]),
           _: 1
@@ -158,7 +158,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
 }), Le = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "combobox",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     id: {},
     labelPosition: {},
     hint: {},
@@ -180,19 +180,19 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = V(s, "modelValue"), o = e.id || q();
-    return (a, l) => (n(), m(N, B(e, {
+    const e = s, a = B(s, "modelValue"), o = e.id || q();
+    return (t, l) => (n(), f(U, V(e, {
       labelFor: r(o),
-      class: a.$attrs.class
+      class: t.$attrs.class
     }), {
       default: p(() => [
-        M(r(oe), B({ ...a.$attrs, class: void 0 }, {
+        M(r(oe), V({ ...t.$attrs, class: void 0 }, {
           id: r(o),
-          modelValue: t.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i)
+          modelValue: a.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => a.value = i)
         }), {
           default: p(() => [
-            h(a.$slots, "default")
+            h(t.$slots, "default")
           ]),
           _: 3
         }, 16, ["id", "modelValue"])
@@ -203,7 +203,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
 }), wo = /* @__PURE__ */ v({
   __name: "comboboxInput",
   setup(s) {
-    return (e, t) => (n(), m(r(te), { class: "dai-form-control__input-group__control" }, {
+    return (e, a) => (n(), f(r(te), { class: "dai-form-control__input-group__control" }, {
       default: p(() => [
         h(e.$slots, "default")
       ]),
@@ -219,19 +219,19 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     placeholder: {}
   },
   setup(s) {
-    const e = me(ae);
+    const e = fe(ae);
     if (!e)
       throw new Error("Combobox injectable context is not provided");
-    const t = $(() => ({
+    const a = $(() => ({
       onclick: () => e.open({ focus: !0 }),
       ...e.activatorAttrs.value
     }));
-    return (o, a) => (n(), u("button", B(t.value, { class: "dai-form-control__input-group__control dai-combobox-btn" }), [
+    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)),
-        a[0] || (a[0] = d("svg", {
+        t[0] || (t[0] = d("svg", {
           class: "dai-combobox-btn__chevron",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
@@ -249,7 +249,7 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
 }), Pe = /* @__PURE__ */ v({
   __name: "comboboxOptions",
   setup(s) {
-    return (e, t) => (n(), m(A, {
+    return (e, a) => (n(), f(A, {
       "enter-from-class": "dai-combobox-options--anim",
       "leave-to-class": "dai-combobox-options--anim"
     }, {
@@ -275,16 +275,16 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     value: {}
   },
   setup(s) {
-    return (e, t) => (n(), m(r(ie), {
+    return (e, a) => (n(), f(r(ie), {
       value: e.value,
       class: "dai-combobox-option"
     }, {
-      default: p(({ isActive: o, isSelected: a }) => [
+      default: p(({ isActive: o, isSelected: t }) => [
         h(e.$slots, "default", {
           isActive: o,
-          isSelected: a
+          isSelected: t
         }),
-        a ? (n(), u("svg", Ae, [...t[0] || (t[0] = [
+        t ? (n(), u("svg", Ae, [...a[0] || (a[0] = [
           d("path", {
             fill: "currentColor",
             "fill-rule": "evenodd",
@@ -297,10 +297,10 @@ const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
     }, 8, ["value"]));
   }
 }), je = (s, e) => {
-  const t = s.__vccOpts || s;
-  for (const [o, a] of e)
-    t[o] = a;
-  return t;
+  const a = s.__vccOpts || s;
+  for (const [o, t] of e)
+    a[o] = t;
+  return a;
 }, Fe = {}, Se = {
   type: "button",
   class: "dai-form-control__input-group__addon dai-form-control__input-group__addon--btn",
@@ -312,7 +312,7 @@ function Oe(s, e) {
     h(s.$slots, "default")
   ]);
 }
-const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern", "title", "autocomplete", "value"], Ue = {
+const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ue = ["id", "type", "pattern", "title", "autocomplete", "value"], Ne = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -327,7 +327,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }, ko = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "input",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     id: {},
     type: { default: "text" },
     mask: {},
@@ -359,7 +359,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue", "update:files"],
   setup(s) {
-    const e = s, t = e.id || q(), o = $(() => typeof e.autocomplete == "string" ? e.autocomplete : e.autocomplete ? "on" : "off"), a = V(s, "modelValue"), l = V(s, "files", {
+    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;
       }
@@ -367,71 +367,71 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
       i,
       e.validators,
       e.showValidationError
-    ), f = X(!1);
-    P(a, () => {
+    ), m = X(!1);
+    P(t, () => {
       l.value = i.value?.files || null;
     });
-    let C;
-    const K = $(() => e.type === "password" ? f.value ? "text" : "password" : e.type), Y = $(() => e.mask ? e.mask : e.type === "tel" ? {
+    let z;
+    const K = $(() => e.type === "password" ? m.value ? "text" : "password" : e.type), Y = $(() => e.mask ? e.mask : e.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() {
-      f.value = !f.value;
+      m.value = !m.value;
     }
     function x() {
-      a.value = "";
+      t.value = "";
     }
     function ee(k) {
-      if (C)
+      if (z)
         return;
-      const { value: z } = k.target;
-      a.value = z;
+      const { value: E } = k.target;
+      t.value = E;
     }
     return F(() => {
       Y.value && import("./chunks/index.W-qQIppj.js").then((k) => {
-        C = k.default(
+        z = k.default(
           i.value,
           Y.value
-        ), C.on("accept", () => {
-          a.value = C.value;
+        ), z.on("accept", () => {
+          t.value = z.value;
         });
       });
-    }), (k, z) => (n(), m(N, B(e, {
-      "label-for": r(t),
+    }), (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
     }), {
       default: p(() => [
         h(k.$slots, "prepend"),
-        d("input", B({
+        d("input", V({
           ref_key: "formElement",
           ref: i
         }, { ...k.$attrs, class: void 0 }, {
-          id: r(t),
+          id: r(a),
           type: K.value,
           pattern: Q.value,
           title: W.value,
           autocomplete: o.value,
-          value: a.value,
+          value: t.value,
           onInputPassive: ee,
-          onKeyupPassive: z[0] || (z[0] = (bo) => !r(y) && r(b)()),
+          onKeyupPassive: E[0] || (E[0] = (bo) => !r(y) && r(b)()),
           class: "dai-form-control__input-group__control dai-form-control__input"
-        }), null, 16, Ne),
+        }), null, 16, Ue),
         h(k.$slots, "append"),
-        e.type === "password" && a.value ? (n(), m(R, {
+        e.type === "password" && t.value ? (n(), f(R, {
           key: 0,
           onClick: J
         }, {
           default: p(() => [
-            f.value ? (n(), u("svg", Xe, [...z[2] || (z[2] = [
+            m.value ? (n(), u("svg", Xe, [...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)
-            ])])) : (n(), u("svg", Ue, [...z[1] || (z[1] = [
+            ])])) : (n(), u("svg", Ne, [...E[1] || (E[1] = [
               d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
@@ -448,11 +448,11 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
           ]),
           _: 1
         })) : _("", !0),
-        k.clearable && a.value && !e.disabled ? (n(), m(R, {
+        k.clearable && t.value && !e.disabled ? (n(), f(R, {
           key: 1,
           onClick: x
         }, {
-          default: p(() => [...z[3] || (z[3] = [
+          default: p(() => [...E[3] || (E[3] = [
             d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
@@ -476,7 +476,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }), De = ["id"], He = ["value"], $o = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     id: {},
     options: {},
     optionText: { default: "text" },
@@ -503,31 +503,31 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = e.id || q(), o = V(s, "modelValue"), a = T("formElement"), { isValid: l, validationMessage: i, validate: y } = I(
-      a,
+    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
     );
-    return (c, b) => (n(), m(N, B(e, {
-      "label-for": r(t),
+    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
     }), {
       default: p(() => [
-        S(d("select", B({
+        S(d("select", V({
           ref_key: "formElement",
-          ref: a
+          ref: t
         }, { ...c.$attrs, class: void 0 }, {
-          id: r(t),
-          "onUpdate:modelValue": b[0] || (b[0] = (f) => o.value = f),
+          id: r(a),
+          "onUpdate:modelValue": b[0] || (b[0] = (m) => o.value = m),
           class: "dai-form-control__input-group__control dai-select"
         }), [
           h(c.$slots, "default", {}, () => [
-            (n(!0), u(j, null, D(c.options, (f) => (n(), u("option", {
-              value: f[c.optionValue],
-              key: f[c.optionValue]
-            }, w(f[c.optionText]), 9, He))), 128))
+            (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))
           ])
         ], 16, De), [
           [ve, o.value]
@@ -550,7 +550,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }
 }), Bo = /* @__PURE__ */ v({
   __name: "selectbox",
-  props: {
+  props: /* @__PURE__ */ C({
     options: {},
     optionText: { default: "text" },
     optionValue: { default: "value" },
@@ -570,22 +570,28 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
     rounded: { type: Boolean },
     disabled: { type: Boolean },
     invalid: { type: Boolean }
-  },
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
   setup(s) {
-    const e = s;
-    return (t, o) => (n(), m(r(Le), B(e, {
-      displayValue: (a) => t.options.find((l) => l[t.optionValue] === a)?.[t.optionText] || ""
+    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)
     }), {
       default: p(() => [
-        M(r(Te), { placeholder: t.placeholder }, null, 8, ["placeholder"]),
+        M(r(Te), { placeholder: o.placeholder }, null, 8, ["placeholder"]),
         M(r(Pe), null, {
           default: p(() => [
-            (n(!0), u(j, null, D(t.options, (a) => (n(), m(r(Ie), {
-              key: a[t.optionValue],
-              value: a[t.optionValue]
+            (n(!0), u(j, null, D(o.options, (l) => (n(), f(r(Ie), {
+              key: l[o.optionValue],
+              value: l[o.optionValue]
             }, {
               default: p(() => [
-                L(w(a[t.optionText]), 1)
+                L(w(l[o.optionText]), 1)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))
@@ -594,12 +600,12 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         })
       ]),
       _: 1
-    }, 16, ["displayValue"]));
+    }, 16, ["displayValue", "modelValue"]));
   }
 }), Ye = ["id"], Vo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "textarea",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     id: {},
     autosize: { type: Boolean },
     validators: {},
@@ -610,30 +616,30 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = e.id || q(), o = V(s, "modelValue"), a = T("formElement"), { isValid: l, validationMessage: i, validate: y } = I(
-      a,
+    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
     );
     function c() {
       if (!e.autosize) return;
-      const b = a.value, f = b.offsetHeight - b.clientHeight;
-      b.style.height = "auto", b.style.height = `${b.scrollHeight + f}px`;
+      const b = t.value, m = b.offsetHeight - b.clientHeight;
+      b.style.height = "auto", b.style.height = `${b.scrollHeight + m}px`;
     }
-    return F(c), (b, f) => (n(), m(N, B(e, {
-      "label-for": r(t),
+    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
     }), {
       default: p(() => [
-        S(d("textarea", B({
+        S(d("textarea", V({
           ref_key: "formElement",
-          ref: a
+          ref: t
         }, { ...b.$attrs, class: void 0 }, {
-          id: r(t),
-          "onUpdate:modelValue": f[0] || (f[0] = (C) => o.value = C),
-          onKeyupPassive: f[1] || (f[1] = (C) => !r(l) && r(y)()),
+          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,
           class: ["form-control__textarea", {
             "form-control__textarea--autosize": b.autosize
@@ -648,7 +654,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }), Re = ["id"], Mo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "checkbox",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     color: { default: "primary" },
     validators: {},
     showValidationError: { type: Boolean, default: !0 },
@@ -660,18 +666,18 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = V(s, "modelValue"), o = q(), a = T("formElement"), { isValid: l } = I(
-      a,
+    const e = s, a = B(s, "modelValue"), o = q(), t = T("formElement"), { isValid: l } = I(
+      t,
       e.validators,
       e.showValidationError
     );
     return (i, y) => (n(), u("div", {
       class: g(["dai-checkbox-control", i.$attrs.class])
     }, [
-      S(d("input", B({
+      S(d("input", V({
         ref_key: "formElement",
-        ref: a,
-        "onUpdate:modelValue": y[0] || (y[0] = (c) => t.value = c)
+        ref: t,
+        "onUpdate:modelValue": y[0] || (y[0] = (c) => a.value = c)
       }, { ...i.$attrs, class: "" }, {
         id: r(o),
         type: "checkbox",
@@ -680,9 +686,9 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
           "dai-checkbox--invalid": !r(l)
         }]
       }), null, 16, Re), [
-        [_e, t.value]
+        [_e, a.value]
       ]),
-      i.label || i.$slots.default ? (n(), m(O, {
+      i.label || i.$slots.default ? (n(), f(O, {
         key: 0,
         for: r(o)
       }, {
@@ -693,7 +699,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         ]),
         _: 3
       }, 8, ["for"])) : _("", !0),
-      i.hint || i.$slots.hint ? (n(), m(H, {
+      i.hint || i.$slots.hint ? (n(), f(H, {
         key: 1,
         class: "dai-checkbox-control__hint"
       }, {
@@ -715,7 +721,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }, Co = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "radio",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     value: {},
     color: { default: "primary" },
     validators: {},
@@ -728,8 +734,8 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = V(s, "modelValue"), o = q(), a = T("formElement"), { isValid: l } = I(
-      a,
+    const e = s, a = B(s, "modelValue"), o = q(), t = T("formElement"), { isValid: l } = I(
+      t,
       e.validators,
       e.showValidationError
     );
@@ -737,11 +743,11 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
       class: g(["flex items-start gap-3", i.$attrs.class])
     }, [
       d("div", Ze, [
-        S(d("input", B({
+        S(d("input", V({
           type: "radio",
           ref_key: "formElement",
-          ref: a,
-          "onUpdate:modelValue": y[0] || (y[0] = (c) => t.value = c)
+          ref: t,
+          "onUpdate:modelValue": y[0] || (y[0] = (c) => a.value = c)
         }, { ...i.$attrs, class: "" }, {
           value: i.value,
           id: r(o),
@@ -750,7 +756,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
             "radio--invalid": !r(l)
           }]
         }), null, 16, Ge), [
-          [be, t.value]
+          [be, a.value]
         ])
       ]),
       i.label ? (n(), u("div", Ke, [
@@ -764,7 +770,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }
 }), Je = { class: "dai-switch-control" }, xe = ["id", "aria-checked"], zo = /* @__PURE__ */ v({
   __name: "switch",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     label: {},
     hint: {}
   }, {
@@ -773,25 +779,25 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = V(s, "modelValue"), t = q();
-    return (o, a) => (n(), u("div", Je, [
+    const e = B(s, "modelValue"), a = q();
+    return (o, t) => (n(), u("div", Je, [
       d("button", {
-        onClick: a[0] || (a[0] = (l) => e.value = !e.value),
-        id: r(t),
+        onClick: t[0] || (t[0] = (l) => e.value = !e.value),
+        id: r(a),
         "aria-checked": e.value,
         role: "switch",
         type: "button",
         tabindex: "0",
         class: g(["dai-switch", [e.value ? "dai-switch--on" : "dai-switch--off"]])
-      }, [...a[1] || (a[1] = [
+      }, [...t[1] || (t[1] = [
         d("div", {
           "aria-hidden": "true",
           class: "dai-switch__thumb"
         }, null, -1)
       ])], 10, xe),
-      o.label || o.$slots.default ? (n(), m(O, {
+      o.label || o.$slots.default ? (n(), f(O, {
         key: 0,
-        for: r(t)
+        for: r(a)
       }, {
         default: p(() => [
           h(o.$slots, "default", {}, () => [
@@ -800,7 +806,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         ]),
         _: 3
       }, 8, ["for"])) : _("", !0),
-      o.hint || o.$slots.hint ? (n(), m(H, {
+      o.hint || o.$slots.hint ? (n(), f(H, {
         key: 1,
         class: "dai-switch-control__hint"
       }, {
@@ -838,9 +844,9 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
     condensed: { type: Boolean }
   },
   setup(s) {
-    const e = s, t = $(() => e.submit ? "submit" : e.reset ? "reset" : "button"), o = $(() => e.variant ? e.variant : e.plain ? "plain" : e.muted ? "muted" : e.outlined ? "outlined" : "flat"), a = $(() => e.size ? e.size : e.sm ? "small" : e.lg ? "large" : "medium");
-    return (l, i) => (n(), m(ye(l.href ? "a" : "button"), {
-      type: l.href ? void 0 : t.value,
+    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", {
@@ -849,8 +855,8 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         "dai-btn--plain": o.value === "plain",
         "dai-btn--muted": o.value === "muted",
         "dai-btn--outlined": o.value === "outlined",
-        "dai-btn--sm": a.value === "small",
-        "dai-btn--lg": a.value === "large",
+        "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,
@@ -897,7 +903,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }), Lo = /* @__PURE__ */ v({
   __name: "popoverDialog",
   setup(s) {
-    return (e, t) => (n(), m(A, {
+    return (e, a) => (n(), f(A, {
       "enter-from-class": "dai-popover-dialog--anim",
       "leave-to-class": "dai-popover-dialog--anim"
     }, {
@@ -915,7 +921,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }), qo = /* @__PURE__ */ v({
   __name: "menuItems",
   setup(s) {
-    return (e, t) => (n(), m(A, {
+    return (e, a) => (n(), f(A, {
       "enter-from-class": "dai-menu-items--anim",
       "leave-to-class": "dai-menu-items--anim"
     }, {
@@ -939,8 +945,8 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
     icon: {}
   },
   setup(s) {
-    return (e, t) => (n(), m(r(re), { class: "dai-menu-item" }, {
-      default: p(({ isActive: o, isSelected: a }) => [
+    return (e, a) => (n(), f(r(re), { class: "dai-menu-item" }, {
+      default: p(({ isActive: o, isSelected: t }) => [
         e.icon ? (n(), u("div", to, [
           d("div", {
             class: g(["h-5 w-5", e.icon])
@@ -948,7 +954,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         ])) : _("", !0),
         h(e.$slots, "default", {
           isActive: o,
-          isSelected: a
+          isSelected: t
         })
       ]),
       _: 3
@@ -962,7 +968,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
     value: {}
   },
   setup(s) {
-    return (e, t) => (n(), m(r(de), {
+    return (e, a) => (n(), f(r(de), {
       id: e.id,
       "aria-controls": e.ariaControls,
       value: e.value,
@@ -977,30 +983,30 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }), Ao = /* @__PURE__ */ v({
   __name: "tabList",
   setup(s) {
-    const e = T("tablist"), t = T("slider"), o = X({});
-    function a() {
-      if (!t.value) return;
+    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: t.value.offsetLeft > i.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
+        transition: a.value.offsetLeft > i.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
       });
     }
-    return F(() => ge(a)), (l, i) => (n(), m(r(ue), {
+    return F(() => ge(t)), (l, i) => (n(), f(r(ue), {
       ref_key: "tablist",
       ref: e,
-      onClickPassive: a,
+      onClickPassive: t,
       class: "dai-tab-list"
     }, {
       default: p(() => [
         d("div", {
           ref_key: "slider",
-          ref: t,
+          ref: a,
           class: "dai-tab-list__slider",
-          style: U(o.value)
+          style: N(o.value)
         }, null, 4),
         h(l.$slots, "default")
       ]),
@@ -1010,7 +1016,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }), ao = ["id"], Io = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "offcanvas",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     id: {},
     position: { default: "right" },
     push: { type: Boolean },
@@ -1023,21 +1029,21 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = V(s, "modelValue"), o = e.id ?? q(), { classList: a } = $e(document.body, "nui-body-push");
-    P(t, () => {
-      if (!e.push || (a.splice(1), !t.value))
+    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))
         return;
       let i = "nui-body-push--" + e.position;
-      e.lg && (i += "--lg"), e.xl && (i += "--xl"), a.push(i);
+      e.lg && (i += "--lg"), e.xl && (i += "--xl"), t.push(i);
     });
     function l(i) {
-      i.target.closest(`#${o}`) || e.closeOnOutsideClick && (t.value = !1);
+      i.target.closest(`#${o}`) || e.closeOnOutsideClick && (a.value = !1);
     }
     return F(() => {
       window.addEventListener("click", l, { passive: !0 });
     }), Z(() => {
       window.removeEventListener("click", l);
-    }), (i, y) => (n(), m(G, { to: "body" }, [
+    }), (i, y) => (n(), f(G, { to: "body" }, [
       M(A, {
         appear: "",
         "enter-from-class": "nui-offcanvas--animate-hidden",
@@ -1048,7 +1054,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         "leave-active-class": "ease-in-out"
       }, {
         default: p(() => [
-          t.value ? (n(), u("div", B({
+          a.value ? (n(), u("div", V({
             key: 0,
             id: r(o)
           }, i.$attrs, {
@@ -1101,9 +1107,9 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
 }, co = { class: "dai-notification__content" }, po = {
   key: 0,
   class: "dai-notification__content__detail"
-}, fo = /* @__PURE__ */ v({
+}, mo = /* @__PURE__ */ v({
   __name: "notification",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     color: {},
     icon: {},
     message: {},
@@ -1116,12 +1122,12 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, t = V(s, "modelValue");
+    const e = s, a = B(s, "modelValue");
     let o;
-    function a() {
-      clearTimeout(o), t.value && e.timeout && (o = setTimeout(() => t.value = !1, e.timeout));
+    function t() {
+      clearTimeout(o), a.value && e.timeout && (o = setTimeout(() => a.value = !1, e.timeout));
     }
-    return P(t, a, { immediate: !0 }), (l, i) => t.value ? (n(), u("div", lo, [
+    return P(a, t, { immediate: !0 }), (l, i) => a.value ? (n(), u("div", lo, [
       d("div", {
         class: g(["dai-notification", [`dai-notification--${l.color || "secondary"}`]])
       }, [
@@ -1143,7 +1149,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         ]),
         l.dismissible ? (n(), u("div", {
           key: 1,
-          onClick: i[0] || (i[0] = (y) => t.value = !1),
+          onClick: i[0] || (i[0] = (y) => a.value = !1),
           class: "dai-notification__dismiss"
         }, [...i[1] || (i[1] = [
           d("svg", {
@@ -1165,7 +1171,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }
 }), jo = /* @__PURE__ */ v({
   __name: "notificationQueue",
-  props: /* @__PURE__ */ E({
+  props: /* @__PURE__ */ C({
     length: { default: 3 },
     timeout: { default: 4e3 },
     position: { default: "fixed" },
@@ -1177,10 +1183,10 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   }),
   emits: ["update:queue"],
   setup(s) {
-    const e = s, t = V(s, "queue"), o = X([]);
-    let a = 0;
+    const e = s, a = B(s, "queue"), o = X([]);
+    let t = 0;
     function l() {
-      t.value.length === 0 || o.value.length >= e.length || (o.value.push({ ...t.value[0], id: a++, show: !0 }), t.value.shift());
+      a.value.length === 0 || o.value.length >= e.length || (o.value.push({ ...a.value[0], id: t++, show: !0 }), a.value.shift());
     }
     function i(c) {
       setTimeout(() => {
@@ -1189,7 +1195,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         ), l();
       }, 200);
     }
-    P(t, l, { immediate: !0, deep: !0 });
+    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(" ");
@@ -1213,15 +1219,15 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
         default: p(() => [
-          (n(!0), u(j, null, D(o.value, (f) => (n(), m(fo, {
-            key: f.id,
-            color: f.color,
-            icon: f.type,
-            message: f.message,
-            detail: f.detail,
-            timeout: f.timeout ?? c.timeout,
-            modelValue: f.show,
-            "onUpdate:modelValue": [(C) => f.show = C, (C) => i(f.id)],
+          (n(!0), u(j, null, D(o.value, (m) => (n(), f(mo, {
+            key: m.id,
+            color: m.color,
+            icon: m.type,
+            message: m.message,
+            detail: m.detail,
+            timeout: m.timeout ?? c.timeout,
+            modelValue: m.show,
+            "onUpdate:modelValue": [(z) => m.show = z, (z) => i(m.id)],
             class: "dai-notification-queue__item"
           }, null, 8, ["color", "icon", "message", "detail", "timeout", "modelValue", "onUpdate:modelValue"]))), 128))
         ]),
@@ -1229,7 +1235,7 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 2));
   }
-}), mo = ["aria-valuenow"], Fo = /* @__PURE__ */ v({
+}), fo = ["aria-valuenow"], Fo = /* @__PURE__ */ v({
   __name: "progressbar",
   props: {
     value: {},
@@ -1238,8 +1244,8 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
     rounded: { type: Boolean, default: !0 }
   },
   setup(s) {
-    const e = s, t = $(() => e.value === void 0);
-    return (o, a) => (n(), u("div", {
+    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",
@@ -1248,24 +1254,24 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
         "bg-warning-200": o.color == "warning",
         "bg-danger-200": o.color == "danger"
       }]),
-      style: U({ height: o.height + "px" }),
+      style: N({ height: o.height + "px" }),
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
       "aria-valuenow": o.value
     }, [
       d("div", {
-        style: U(`width:${o.value}%`),
+        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": t.value
+          "progress-infinite": a.value
         }, "h-full shadow-none relative text-center whitespace-nowrap text-white justify-center"])
       }, null, 6)
-    ], 14, mo));
+    ], 14, fo));
   }
 }), vo = {
   key: 0,
@@ -1279,13 +1285,13 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
   },
   emits: ["update:modelValue"],
   setup(s) {
-    const e = V(s, "modelValue");
-    function t() {
+    const e = B(s, "modelValue");
+    function a() {
       e.value = !1;
     }
     return P(e, (o) => {
       o ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
-    }), (o, a) => (n(), m(G, { to: "body" }, [
+    }), (o, t) => (n(), f(G, { to: "body" }, [
       M(A, {
         appear: "",
         name: "modal",
@@ -1293,17 +1299,17 @@ const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["id", "type", "pattern
       }, {
         default: p(() => [
           e.value ? (n(), u("div", vo, [
-            a[0] || (a[0] = d("div", {
+            t[0] || (t[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", {
-                onClick: ke(t, ["self"]),
+                onClick: ke(a, ["self"]),
                 class: "min-h-full flex items-center justify-center p-4 sm:p-6"
               }, [
                 d("div", _o, [
-                  h(o.$slots, "default", { close: t })
+                  h(o.$slots, "default", { close: a })
                 ])
               ])
             ])
@@ -1323,11 +1329,11 @@ export {
   Ie as ComboboxOption,
   Pe as ComboboxOptions,
   ko as Input,
-  Uo as Menu,
+  No as Menu,
   To as MenuItem,
   qo as MenuItems,
   So as Modal,
-  fo as Notification,
+  mo as Notification,
   jo as NotificationQueue,
   Io as Offcanvas,
   Xo as Popover,

package/dist/types/components/input_controls/selectbox/selectbox.stories.d.ts

@@ -20,9 +20,10 @@ declare const meta: {
     }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
         attrs: any;
         slots: {};
-        emit: {};
+        emit: (evt: "update:modelValue", value: any) => void;
     }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
         props: {
+            readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             options: Array<I>;
             optionText?: keyof I | undefined;
             optionValue?: keyof I | undefined;
@@ -42,11 +43,12 @@ declare const meta: {
             rounded?: boolean | undefined;
             disabled?: boolean | undefined;
             invalid?: boolean | undefined;
+            modelValue?: any;
         } & import("vue").PublicProps;
         expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
         attrs: any;
         slots: {};
-        emit: {};
+        emit: (evt: "update:modelValue", value: any) => void;
     }>) => import("vue").VNode & {
         __ctx?: Awaited<typeof __VLS_setup>;
     })>) => {
@@ -56,9 +58,10 @@ declare const meta: {
             }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
                 attrs: any;
                 slots: {};
-                emit: {};
+                emit: (evt: "update:modelValue", value: any) => void;
             }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
                 props: {
+                    readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                     options: Array<I>;
                     optionText?: keyof I | undefined;
                     optionValue?: keyof I | undefined;
@@ -78,11 +81,12 @@ declare const meta: {
                     rounded?: boolean | undefined;
                     disabled?: boolean | undefined;
                     invalid?: boolean | undefined;
+                    modelValue?: any;
                 } & import("vue").PublicProps;
                 expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
                 attrs: any;
                 slots: {};
-                emit: {};
+                emit: (evt: "update:modelValue", value: any) => void;
             }>) => import("vue").VNode & {
                 __ctx?: Awaited<typeof __VLS_setup>;
             };
@@ -93,9 +97,10 @@ declare const meta: {
             }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
                 attrs: any;
                 slots: {};
-                emit: {};
+                emit: (evt: "update:modelValue", value: any) => void;
             }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
                 props: {
+                    readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
                     options: Array<I>;
                     optionText?: keyof I | undefined;
                     optionValue?: keyof I | undefined;
@@ -115,11 +120,12 @@ declare const meta: {
                     rounded?: boolean | undefined;
                     disabled?: boolean | undefined;
                     invalid?: boolean | undefined;
+                    modelValue?: any;
                 } & import("vue").PublicProps;
                 expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
                 attrs: any;
                 slots: {};
-                emit: {};
+                emit: (evt: "update:modelValue", value: any) => void;
             }>) => import("vue").VNode & {
                 __ctx?: Awaited<typeof __VLS_setup>;
             })>;

package/dist/types/components/input_controls/selectbox/selectbox.vue.d.ts

@@ -2,16 +2,20 @@ import { IComboboxProps } from "../combobox/combobox.vue";
 declare const _default: <I extends {
     [key: string]: any;
 }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & ({
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
         options: Array<I>;
         optionText?: keyof I;
         optionValue?: keyof I;
         placeholder?: string;
-    } & IComboboxProps) & {}> & import("vue").PublicProps;
+    } & IComboboxProps & {
+        modelValue?: any;
+    }) & {}> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: (evt: "update:modelValue", value: any) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defaultusr/dai-ui",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "type": "module",
   "files": [
     "dist"