@defaultusr/dai-ui 1.0.8 → 1.1.2

package/dist/main.js

@@ -1,220 +1,356 @@
-import { useFormControl as S, PopoverDialog as ee, Combobox as oe, ComboboxInput as te, ComboboxOptions as ae, ComboboxOption as le, MenuItems as ne, MenuItem as ie, Tab as se, TabList as re } from "vue-composable-ui";
-import { Menu as Oo, Popover as No, TabContainer as Uo, TabPanel as Xo } from "vue-composable-ui";
-import { reactive as de, watch as T, onUnmounted as F, defineComponent as p, createElementBlock as u, openBlock as n, renderSlot as b, createTextVNode as L, toDisplayString as _, normalizeClass as k, createBlock as h, createCommentVNode as m, createElementVNode as r, useId as z, computed as B, unref as c, createVNode as M, withCtx as f, Transition as A, mergeModels as I, useModel as w, useTemplateRef as q, ref as U, onMounted as j, mergeProps as C, withDirectives as P, vModelText as ue, Fragment as Y, renderList as R, vModelSelect as ce, vModelCheckbox as me, vModelRadio as fe, resolveDynamicComponent as pe, nextTick as ve, normalizeStyle as N, Teleport as G, TransitionGroup as he, withModifiers as be } from "vue";
-import './assets/main.css';function ye(s, ...e) {
-  let a = [];
-  const t = de(e);
-  function o() {
-    t.length && (s.classList.add(...t), a = [...t]);
+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 './assets/main.css';function $e(s, ...e) {
+  let t = [];
+  const o = ce(e);
+  function a() {
+    o.length && (s.classList.add(...o), t = [...o]);
   }
   function l() {
-    s.classList.remove(...a);
+    s.classList.remove(...t);
   }
-  return T(
-    t,
+  return P(
+    o,
     () => {
-      l(), o();
+      l(), a();
     },
     { immediate: !0 }
-  ), F(l), {
-    classList: t
+  ), Z(l), {
+    classList: o
   };
 }
-const ge = { class: "dai-label" }, O = /* @__PURE__ */ p({
+const Be = { class: "dai-label" }, O = /* @__PURE__ */ v({
   __name: "label",
   props: {
     text: {}
   },
   setup(s) {
-    return (e, a) => (n(), u("label", ge, [
-      b(e.$slots, "default", {}, () => [
-        L(_(e.text), 1)
+    return (e, t) => (n(), u("label", Be, [
+      h(e.$slots, "default", {}, () => [
+        L(w(e.text), 1)
       ])
     ]));
   }
-}), _e = { class: "dai-hint" }, X = /* @__PURE__ */ p({
+}), Ve = { class: "dai-hint" }, H = /* @__PURE__ */ v({
   __name: "hint",
   props: {
     text: {}
   },
   setup(s) {
-    return (e, a) => (n(), u("div", _e, [
-      b(e.$slots, "default", {}, () => [
-        L(_(e.text), 1)
+    return (e, t) => (n(), u("div", Ve, [
+      h(e.$slots, "default", {}, () => [
+        L(w(e.text), 1)
       ])
     ]));
   }
-}), ke = { class: "dai-form-control__input-group__box" }, we = /* @__PURE__ */ p({
+}), Me = { class: "dai-form-control__input-group__box" }, Ce = /* @__PURE__ */ v({
+  inheritAttrs: !1,
   __name: "inputGroup",
   props: {
     label: {},
     labelFor: {},
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
+    size: { default: "medium" },
+    variant: { default: "flat" },
     rounded: { type: Boolean },
     disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    lg: { type: Boolean },
-    sm: { type: Boolean }
+    invalid: { type: Boolean }
   },
   setup(s) {
-    return (e, a) => (n(), u("div", {
-      class: k(["dai-form-control__input-group", {
+    return (e, t) => (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.outlined,
-        "dai-form-control__input-group--muted": e.muted,
+        "dai-form-control__input-group--outlined": e.variant === "outlined",
+        "dai-form-control__input-group--muted": e.variant === "muted",
+        "dai-form-control__input-group--lg": e.size === "large",
+        "dai-form-control__input-group--sm": e.size === "small",
         "dai-form-control__input-group--rounded": e.rounded,
-        "dai-form-control__input-group--lg": e.lg,
-        "dai-form-control__input-group--sm": e.sm,
         "dai-form-control__input-group--disabled": e.disabled,
         "dai-form-control__input-group--invalid": e.invalid
       }])
     }, [
-      e.label ? (n(), h(O, {
+      e.label ? (n(), m(O, {
         key: 0,
         text: e.label,
         for: e.labelFor,
         class: "dai-form-control__input-group__label"
-      }, null, 8, ["text", "for"])) : m("", !0),
-      r("div", ke, [
-        b(e.$slots, "default")
+      }, null, 8, ["text", "for"])) : _("", !0),
+      d("div", Me, [
+        h(e.$slots, "default")
       ])
     ], 2));
   }
-}), $e = { class: "dai-form-control__container" }, Be = {
+}), ze = { class: "dai-form-control__container" }, Ee = {
   key: 0,
   class: "dai-form-control__validation-message",
   role: "alert"
-}, Z = /* @__PURE__ */ p({
+}, N = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "formControl",
   props: {
-    id: {},
-    label: {},
-    labelInline: { type: Boolean },
-    labelInside: { type: Boolean },
+    labelPosition: { default: "above" },
     hint: {},
     validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
     outlined: { type: Boolean },
     muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
     rounded: { type: Boolean },
     disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    autocomplete: { type: [String, Boolean], default: "off" }
+    invalid: { type: Boolean }
   },
   setup(s) {
-    const e = s, a = e.id || z(), t = B(() => typeof e.autocomplete == "string" ? e.autocomplete : e.autocomplete ? "on" : "off");
-    return (o, l) => (n(), u("div", {
-      class: k(["dai-form-control", {
-        [o.$attrs.class]: o.$attrs.class,
-        "dai-form-control--label-inline": o.labelInline,
-        "dai-form-control--invalid": o.invalid,
-        "dai-form-control--lg": o.lg
+    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", {
+      class: g(["dai-form-control", {
+        "dai-form-control--label-inline": a.labelPosition === "inline",
+        "dai-form-control--invalid": a.invalid,
+        "dai-form-control--lg": o.value === "large"
       }])
     }, [
-      o.label && !o.labelInside ? (n(), h(O, {
+      a.label && a.labelPosition !== "inside" ? (n(), m(O, {
         key: 0,
-        for: c(a),
-        text: o.label
-      }, null, 8, ["for", "text"])) : m("", !0),
-      r("div", $e, [
-        M(we, {
-          label: o.labelInside ? o.label : void 0,
-          "label-for": c(a),
-          outlined: o.outlined,
-          muted: o.muted,
-          rounded: o.rounded,
-          lg: o.lg,
-          sm: o.sm,
-          disabled: o.disabled,
-          invalid: o.invalid
-        }, {
-          default: f(() => [
-            b(o.$slots, "default", {
-              attrs: { id: c(a), disabled: o.disabled, autocomplete: t.value, ...o.$attrs, class: "" }
-            })
+        for: a.labelFor,
+        text: a.label
+      }, null, 8, ["for", "text"])) : _("", !0),
+      d("div", ze, [
+        M(Ce, pe(fe({
+          ...e,
+          label: a.labelPosition === "inside" ? a.label : void 0,
+          variant: t.value,
+          size: o.value
+        })), {
+          default: p(() => [
+            h(a.$slots, "default")
           ]),
           _: 3
-        }, 8, ["label", "label-for", "outlined", "muted", "rounded", "lg", "sm", "disabled", "invalid"]),
-        o.hint ? (n(), h(X, {
+        }, 16),
+        a.hint ? (n(), m(H, {
           key: 0,
-          text: o.hint
-        }, null, 8, ["text"])) : m("", !0),
+          text: a.hint,
+          class: "dai-form-control__hint"
+        }, null, 8, ["text"])) : _("", !0),
         M(A, { name: "dai-form-control__validation-message-transition" }, {
-          default: f(() => [
-            o.validationMessage ? (n(), u("div", Be, [
-              l[0] || (l[0] = r("svg", {
+          default: p(() => [
+            a.validationMessage ? (n(), u("div", Ee, [
+              l[0] || (l[0] = d("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 256 256",
                 class: ""
               }, [
-                r("path", {
+                d("path", {
                   fill: "currentColor",
                   d: "M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71Zm-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73ZM116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0Zm28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16Z"
                 })
               ], -1)),
-              L(" " + _(o.validationMessage), 1)
-            ])) : m("", !0)
+              L(" " + w(a.validationMessage), 1)
+            ])) : _("", !0)
           ]),
           _: 1
         })
       ])
     ], 2));
   }
-}), Ve = (s, e) => {
-  const a = s.__vccOpts || s;
-  for (const [t, o] of e)
-    a[t] = o;
-  return a;
-}, Me = {}, Ce = {
+}), Le = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "combobox",
+  props: /* @__PURE__ */ E({
+    id: {},
+    labelPosition: {},
+    hint: {},
+    validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
+    outlined: { type: Boolean },
+    muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
+    rounded: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const e = s, t = V(s, "modelValue"), o = e.id || q();
+    return (a, l) => (n(), m(N, B(e, {
+      labelFor: r(o),
+      class: a.$attrs.class
+    }), {
+      default: p(() => [
+        M(r(oe), B({ ...a.$attrs, class: void 0 }, {
+          id: r(o),
+          modelValue: t.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => t.value = i)
+        }), {
+          default: p(() => [
+            h(a.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["id", "modelValue"])
+      ]),
+      _: 3
+    }, 16, ["labelFor", "class"]));
+  }
+}), wo = /* @__PURE__ */ v({
+  __name: "comboboxInput",
+  setup(s) {
+    return (e, t) => (n(), m(r(te), { class: "dai-form-control__input-group__control" }, {
+      default: p(() => [
+        h(e.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+}), qe = {
+  key: 0,
+  class: "dai-form-control__input-group__control__placeholder"
+}, Te = /* @__PURE__ */ v({
+  __name: "comboboxButton",
+  props: {
+    placeholder: {}
+  },
+  setup(s) {
+    const e = me(ae);
+    if (!e)
+      throw new Error("Combobox injectable context is not provided");
+    const t = $(() => ({
+      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" }), [
+      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", {
+          class: "dai-combobox-btn__chevron",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 16 16"
+        }, [
+          d("path", {
+            fill: "currentColor",
+            "fill-rule": "evenodd",
+            d: "M5.22 10.22a.75.75 0 0 1 1.06 0L8 11.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 0 1 0-1.06m5.56-4.44a.75.75 0 0 1-1.06 0L8 4.06L6.28 5.78a.75.75 0 0 1-1.06-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1 0 1.06",
+            "clip-rule": "evenodd"
+          })
+        ], -1))
+      ])
+    ], 16));
+  }
+}), Pe = /* @__PURE__ */ v({
+  __name: "comboboxOptions",
+  setup(s) {
+    return (e, t) => (n(), m(A, {
+      "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")
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), Ae = {
+  key: 0,
+  class: "dai-combobox-option__check",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+}, Ie = /* @__PURE__ */ v({
+  __name: "comboboxOption",
+  props: {
+    value: {}
+  },
+  setup(s) {
+    return (e, t) => (n(), m(r(ie), {
+      value: e.value,
+      class: "dai-combobox-option"
+    }, {
+      default: p(({ isActive: o, isSelected: a }) => [
+        h(e.$slots, "default", {
+          isActive: o,
+          isSelected: a
+        }),
+        a ? (n(), u("svg", Ae, [...t[0] || (t[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)
+      ]),
+      _: 3
+    }, 8, ["value"]));
+  }
+}), je = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [o, a] of e)
+    t[o] = a;
+  return t;
+}, Fe = {}, Se = {
   type: "button",
-  class: "dai-form-control__btn",
+  class: "dai-form-control__input-group__addon dai-form-control__input-group__addon--btn",
   tabindex: "-1",
   "aria-hidden": "true"
 };
-function Ie(s, e) {
-  return n(), u("button", Ce, [
-    b(s.$slots, "default")
+function Oe(s, e) {
+  return n(), u("button", Se, [
+    h(s.$slots, "default")
   ]);
 }
-const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "title", "value"], Le = {
+const R = /* @__PURE__ */ je(Fe, [["render", Oe]]), Ne = ["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"
-}, qe = {
+}, Xe = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, ho = /* @__PURE__ */ p({
+}, ko = /* @__PURE__ */ v({
+  inheritAttrs: !1,
   __name: "input",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
+    id: {},
     type: { default: "text" },
     mask: {},
     pattern: {},
     title: {},
+    autocomplete: { type: [String, Boolean], default: "off" },
     clearable: { type: Boolean },
     validators: {},
     showValidationError: { type: Boolean, default: !1 },
-    id: {},
-    label: {},
-    labelInline: { type: Boolean },
-    labelInside: { type: Boolean },
+    labelPosition: {},
     hint: {},
     validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
     outlined: { type: Boolean },
     muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
     rounded: { type: Boolean },
     disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    autocomplete: { type: [String, Boolean] }
+    invalid: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {},
@@ -223,82 +359,86 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }),
   emits: ["update:modelValue", "update:files"],
   setup(s) {
-    const e = s, a = w(s, "modelValue"), t = w(s, "files", {
-      set($) {
-        return o.value && (o.value.files = $), $;
+    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", {
+      set(k) {
+        return i.value && (i.value.files = k), k;
       }
-    }), o = q("formElement"), { isValid: l, validationMessage: i, validate: v } = S(
-      o,
+    }), i = T("formElement"), { isValid: y, validationMessage: c, validate: b } = I(
+      i,
       e.validators,
       e.showValidationError
-    ), d = U(!1);
-    T(a, () => {
-      t.value = o.value?.files || null;
+    ), f = X(!1);
+    P(a, () => {
+      l.value = i.value?.files || null;
     });
-    let g;
-    const y = B(() => e.type === "password" ? d.value ? "text" : "password" : e.type), E = B(() => e.mask ? e.mask : e.type === "tel" ? {
+    let C;
+    const K = $(() => e.type === "password" ? f.value ? "text" : "password" : e.type), Y = $(() => e.mask ? e.mask : e.type === "tel" ? {
       mask: "{+7} (000) 000-00-00"
-    } : e.mask), K = B(() => e.pattern ? e.pattern : e.type === "tel" ? "^\\+7 \\(9\\d{2}\\) \\d{3}-\\d{2}-\\d{2}" : e.pattern), Q = B(() => e.title ? e.title : e.type === "tel" ? "+7 (999) 888-77-66" : e.title);
-    function W() {
-      d.value = !d.value;
-    }
+    } : 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;
+    }
+    function x() {
       a.value = "";
     }
-    function x($) {
-      if (g)
+    function ee(k) {
+      if (C)
         return;
-      const { value: V } = $.target;
-      a.value = V;
+      const { value: z } = k.target;
+      a.value = z;
     }
-    return j(() => {
-      E.value && import("./chunks/index.W-qQIppj.js").then(($) => {
-        g = $.default(
-          o.value,
-          E.value
-        ), g.on("accept", () => {
-          a.value = g.value;
+    return F(() => {
+      Y.value && import("./chunks/index.W-qQIppj.js").then((k) => {
+        C = k.default(
+          i.value,
+          Y.value
+        ), C.on("accept", () => {
+          a.value = C.value;
         });
       });
-    }), ($, V) => (n(), h(Z, C(e, {
-      "validation-message": $.showValidationError ? "" : c(i),
-      invalid: !c(l)
+    }), (k, z) => (n(), m(N, B(e, {
+      "label-for": r(t),
+      "validation-message": k.showValidationError ? "" : r(c),
+      invalid: e.invalid || !r(y),
+      class: k.$attrs.class
     }), {
-      default: f(({ attrs: D }) => [
-        b($.$slots, "prepend"),
-        r("input", C({
+      default: p(() => [
+        h(k.$slots, "prepend"),
+        d("input", B({
           ref_key: "formElement",
-          ref: o
-        }, D, {
-          type: y.value,
-          pattern: K.value,
-          title: Q.value,
+          ref: i
+        }, { ...k.$attrs, class: void 0 }, {
+          id: r(t),
+          type: K.value,
+          pattern: Q.value,
+          title: W.value,
+          autocomplete: o.value,
           value: a.value,
-          onInputPassive: x,
-          onKeyupPassive: V[0] || (V[0] = (fo) => !c(l) && c(v)()),
-          class: "dai-form-control__input"
-        }), null, 16, Ee),
-        b($.$slots, "append"),
-        e.type === "password" && a.value ? (n(), h(H, {
+          onInputPassive: ee,
+          onKeyupPassive: z[0] || (z[0] = (bo) => !r(y) && r(b)()),
+          class: "dai-form-control__input-group__control dai-form-control__input"
+        }), null, 16, Ne),
+        h(k.$slots, "append"),
+        e.type === "password" && a.value ? (n(), m(R, {
           key: 0,
-          onClick: W
+          onClick: J
         }, {
-          default: f(() => [
-            d.value ? (n(), u("svg", qe, [...V[2] || (V[2] = [
-              r("path", {
+          default: p(() => [
+            f.value ? (n(), u("svg", Xe, [...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", Le, [...V[1] || (V[1] = [
-              r("path", {
+            ])])) : (n(), u("svg", Ue, [...z[1] || (z[1] = [
+              d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
                 d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
               }, null, -1),
-              r("path", {
+              d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -307,19 +447,19 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
             ])]))
           ]),
           _: 1
-        })) : m("", !0),
-        $.clearable && a.value && !D.disabled ? (n(), h(H, {
+        })) : _("", !0),
+        k.clearable && a.value && !e.disabled ? (n(), m(R, {
           key: 1,
-          onClick: J
+          onClick: x
         }, {
-          default: f(() => [...V[3] || (V[3] = [
-            r("svg", {
+          default: p(() => [...z[3] || (z[3] = [
+            d("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               fill: "none",
               viewBox: "0 0 24 24",
               stroke: "currentColor"
             }, [
-              r("path", {
+              d("path", {
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 "stroke-width": "2",
@@ -328,101 +468,76 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
             ], -1)
           ])]),
           _: 1
-        })) : m("", !0)
+        })) : _("", !0)
       ]),
       _: 3
-    }, 16, ["validation-message", "invalid"]));
+    }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), bo = /* @__PURE__ */ p({
-  __name: "textarea",
-  props: /* @__PURE__ */ I({
-    autosize: { type: Boolean },
-    validators: {},
-    showValidationError: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = w(s, "modelValue"), t = q("formElement"), { isValid: o, validationMessage: l, validate: i } = S(
-      t,
-      e.validators,
-      e.showValidationError
-    );
-    function v() {
-      if (!e.autosize) return;
-      const d = t.value, g = d.offsetHeight - d.clientHeight;
-      d.style.height = "auto", d.style.height = `${d.scrollHeight + g}px`;
-    }
-    return j(v), (d, g) => (n(), h(Z, {
-      "validation-message": d.showValidationError ? "" : c(l),
-      invalid: !c(o)
-    }, {
-      default: f(({ attrs: y }) => [
-        P(r("textarea", C({
-          ref_key: "formElement",
-          ref: t
-        }, { ...y }, {
-          "onUpdate:modelValue": g[0] || (g[0] = (E) => a.value = E),
-          onKeyupPassive: g[1] || (g[1] = (E) => !c(o) && c(i)()),
-          onInputPassive: v,
-          class: ["form-control__textarea", {
-            "form-control__textarea--autosize": d.autosize
-          }]
-        }), null, 16), [
-          [ue, a.value]
-        ])
-      ]),
-      _: 1
-    }, 8, ["validation-message", "invalid"]));
-  }
-}), ze = ["value"], yo = /* @__PURE__ */ p({
+}), De = ["id"], He = ["value"], $o = /* @__PURE__ */ v({
+  inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
+    id: {},
     options: {},
     optionText: { default: "text" },
     optionValue: { default: "value" },
     validators: {},
-    showValidationError: { type: Boolean, default: !1 }
+    showValidationError: { type: Boolean, default: !1 },
+    labelPosition: {},
+    hint: {},
+    validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
+    outlined: { type: Boolean },
+    muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
+    rounded: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, a = w(s, "modelValue"), t = q("formElement"), { isValid: o, validationMessage: l, validate: i } = S(
-      t,
+    const e = s, t = e.id || q(), o = V(s, "modelValue"), a = T("formElement"), { isValid: l, validationMessage: i, validate: y } = I(
+      a,
       e.validators,
       e.showValidationError
     );
-    return (v, d) => (n(), h(Z, {
-      "validation-message": v.showValidationError ? "" : c(l),
-      invalid: !c(o)
-    }, {
-      default: f(({ attrs: g }) => [
-        P(r("select", C({
-          class: "dai-select",
+    return (c, b) => (n(), m(N, B(e, {
+      "label-for": r(t),
+      "validation-message": c.showValidationError ? "" : r(i),
+      invalid: e.invalid || !r(l),
+      class: c.$attrs.class
+    }), {
+      default: p(() => [
+        S(d("select", B({
           ref_key: "formElement",
-          ref: t
-        }, { ...g }, {
-          "onUpdate:modelValue": d[0] || (d[0] = (y) => a.value = y)
+          ref: a
+        }, { ...c.$attrs, class: void 0 }, {
+          id: r(t),
+          "onUpdate:modelValue": b[0] || (b[0] = (f) => o.value = f),
+          class: "dai-form-control__input-group__control dai-select"
         }), [
-          b(v.$slots, "default", {}, () => [
-            (n(!0), u(Y, null, R(v.options, (y) => (n(), u("option", {
-              value: y[v.optionValue],
-              key: y[v.optionValue]
-            }, _(y[v.optionText]), 9, ze))), 128))
+          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))
           ])
-        ], 16), [
-          [ce, a.value]
+        ], 16, De), [
+          [ve, o.value]
         ]),
-        d[1] || (d[1] = r("svg", {
-          class: "dai-select__btn",
+        b[1] || (b[1] = d("svg", {
+          class: "dai-select__chevron",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 16 16"
         }, [
-          r("path", {
+          d("path", {
             fill: "currentColor",
             "fill-rule": "evenodd",
             d: "M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06",
@@ -431,12 +546,109 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
         ], -1))
       ]),
       _: 3
-    }, 8, ["validation-message", "invalid"]));
+    }, 16, ["label-for", "validation-message", "invalid", "class"]));
   }
-}), Te = ["id"], go = /* @__PURE__ */ p({
+}), Bo = /* @__PURE__ */ v({
+  __name: "selectbox",
+  props: {
+    options: {},
+    optionText: { default: "text" },
+    optionValue: { default: "value" },
+    placeholder: {},
+    id: {},
+    labelPosition: {},
+    hint: {},
+    validationMessage: {},
+    lg: { type: Boolean },
+    sm: { type: Boolean },
+    outlined: { type: Boolean },
+    muted: { type: Boolean },
+    label: {},
+    labelFor: {},
+    size: {},
+    variant: {},
+    rounded: { type: Boolean },
+    disabled: { type: Boolean },
+    invalid: { type: Boolean }
+  },
+  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] || ""
+    }), {
+      default: p(() => [
+        M(r(Te), { placeholder: t.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]
+            }, {
+              default: p(() => [
+                L(w(a[t.optionText]), 1)
+              ]),
+              _: 2
+            }, 1032, ["value"]))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["displayValue"]));
+  }
+}), Ye = ["id"], Vo = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "textarea",
+  props: /* @__PURE__ */ E({
+    id: {},
+    autosize: { type: Boolean },
+    validators: {},
+    showValidationError: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  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,
+      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`;
+    }
+    return F(c), (b, f) => (n(), m(N, B(e, {
+      "label-for": r(t),
+      "validation-message": b.showValidationError ? "" : r(i),
+      invalid: !r(l),
+      class: b.$attrs.class
+    }), {
+      default: p(() => [
+        S(d("textarea", B({
+          ref_key: "formElement",
+          ref: a
+        }, { ...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)()),
+          onInputPassive: c,
+          class: ["form-control__textarea", {
+            "form-control__textarea--autosize": b.autosize
+          }]
+        }), null, 16, Ye), [
+          [he, o.value]
+        ])
+      ]),
+      _: 1
+    }, 16, ["label-for", "validation-message", "invalid", "class"]));
+  }
+}), Re = ["id"], Mo = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "checkbox",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
     color: { default: "primary" },
     validators: {},
     showValidationError: { type: Boolean, default: !0 },
@@ -448,62 +660,62 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, a = w(s, "modelValue"), t = z(), o = q("formElement"), { isValid: l } = S(
-      o,
+    const e = s, t = V(s, "modelValue"), o = q(), a = T("formElement"), { isValid: l } = I(
+      a,
       e.validators,
       e.showValidationError
     );
-    return (i, v) => (n(), u("div", {
-      class: k(["dai-checkbox-control", i.$attrs.class])
+    return (i, y) => (n(), u("div", {
+      class: g(["dai-checkbox-control", i.$attrs.class])
     }, [
-      P(r("input", C({
+      S(d("input", B({
         ref_key: "formElement",
-        ref: o,
-        "onUpdate:modelValue": v[0] || (v[0] = (d) => a.value = d)
+        ref: a,
+        "onUpdate:modelValue": y[0] || (y[0] = (c) => t.value = c)
       }, { ...i.$attrs, class: "" }, {
-        id: c(t),
+        id: r(o),
         type: "checkbox",
         class: ["dai-checkbox", {
           [`dai-checkbox--${i.color}`]: i.color,
-          "dai-checkbox--invalid": !c(l)
+          "dai-checkbox--invalid": !r(l)
         }]
-      }), null, 16, Te), [
-        [me, a.value]
+      }), null, 16, Re), [
+        [_e, t.value]
       ]),
-      i.label || i.$slots.default ? (n(), h(O, {
+      i.label || i.$slots.default ? (n(), m(O, {
         key: 0,
-        for: c(t)
+        for: r(o)
       }, {
-        default: f(() => [
-          b(i.$slots, "default", {}, () => [
-            L(_(i.label), 1)
+        default: p(() => [
+          h(i.$slots, "default", {}, () => [
+            L(w(i.label), 1)
           ])
         ]),
         _: 3
-      }, 8, ["for"])) : m("", !0),
-      i.hint || i.$slots.hint ? (n(), h(X, {
+      }, 8, ["for"])) : _("", !0),
+      i.hint || i.$slots.hint ? (n(), m(H, {
         key: 1,
         class: "dai-checkbox-control__hint"
       }, {
-        default: f(() => [
-          b(i.$slots, "hint", {}, () => [
-            L(_(i.hint), 1)
+        default: p(() => [
+          h(i.$slots, "hint", {}, () => [
+            L(w(i.hint), 1)
           ])
         ]),
         _: 3
-      })) : m("", !0)
+      })) : _("", !0)
     ], 2));
   }
-}), Ae = { class: "flex items-center h-5" }, Se = ["value", "id"], je = {
+}), Ze = { class: "flex items-center h-5" }, Ge = ["value", "id"], Ke = {
   key: 0,
   class: "text-sm"
-}, Pe = ["for"], Oe = {
+}, Qe = ["for"], We = {
   key: 0,
   class: "text-secondary-500 dark:text-secondary-400"
-}, _o = /* @__PURE__ */ p({
+}, Co = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "radio",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
     value: {},
     color: { default: "primary" },
     validators: {},
@@ -516,44 +728,95 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, a = w(s, "modelValue"), t = z(), o = q("formElement"), { isValid: l } = S(
-      o,
+    const e = s, t = V(s, "modelValue"), o = q(), a = T("formElement"), { isValid: l } = I(
+      a,
       e.validators,
       e.showValidationError
     );
-    return (i, v) => (n(), u("div", {
-      class: k(["flex items-start gap-3", i.$attrs.class])
+    return (i, y) => (n(), u("div", {
+      class: g(["flex items-start gap-3", i.$attrs.class])
     }, [
-      r("div", Ae, [
-        P(r("input", C({
+      d("div", Ze, [
+        S(d("input", B({
           type: "radio",
           ref_key: "formElement",
-          ref: o,
-          "onUpdate:modelValue": v[0] || (v[0] = (d) => a.value = d)
+          ref: a,
+          "onUpdate:modelValue": y[0] || (y[0] = (c) => t.value = c)
         }, { ...i.$attrs, class: "" }, {
           value: i.value,
-          id: c(t),
+          id: r(o),
           class: ["radio", {
             [`radio--${i.color}`]: i.color,
-            "radio--invalid": !c(l)
+            "radio--invalid": !r(l)
           }]
-        }), null, 16, Se), [
-          [fe, a.value]
+        }), null, 16, Ge), [
+          [be, t.value]
         ])
       ]),
-      i.label ? (n(), u("div", je, [
-        r("label", {
-          for: c(t),
+      i.label ? (n(), u("div", Ke, [
+        d("label", {
+          for: r(o),
           class: "font-medium select-none cursor-pointer"
-        }, _(i.label), 9, Pe),
-        i.hint ? (n(), u("p", Oe, _(i.hint), 1)) : m("", !0)
-      ])) : m("", !0)
+        }, w(i.label), 9, Qe),
+        i.hint ? (n(), u("p", We, w(i.hint), 1)) : _("", !0)
+      ])) : _("", !0)
     ], 2));
   }
-}), Ne = {
+}), Je = { class: "dai-switch-control" }, xe = ["id", "aria-checked"], zo = /* @__PURE__ */ v({
+  __name: "switch",
+  props: /* @__PURE__ */ E({
+    label: {},
+    hint: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const e = V(s, "modelValue"), t = q();
+    return (o, a) => (n(), u("div", Je, [
+      d("button", {
+        onClick: a[0] || (a[0] = (l) => e.value = !e.value),
+        id: r(t),
+        "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] = [
+        d("div", {
+          "aria-hidden": "true",
+          class: "dai-switch__thumb"
+        }, null, -1)
+      ])], 10, xe),
+      o.label || o.$slots.default ? (n(), m(O, {
+        key: 0,
+        for: r(t)
+      }, {
+        default: p(() => [
+          h(o.$slots, "default", {}, () => [
+            L(w(o.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for"])) : _("", !0),
+      o.hint || o.$slots.hint ? (n(), m(H, {
+        key: 1,
+        class: "dai-switch-control__hint"
+      }, {
+        default: p(() => [
+          h(o.$slots, "hint", {}, () => [
+            L(w(o.hint), 1)
+          ])
+        ]),
+        _: 3
+      })) : _("", !0)
+    ]));
+  }
+}), eo = {
   key: 0,
   class: "dai-btn__spinner"
-}, Ue = { class: "dai-btn__caption" }, ko = /* @__PURE__ */ p({
+}, oo = { class: "dai-btn__caption" }, Eo = /* @__PURE__ */ v({
   __name: "btn",
   props: {
     submit: { type: [Boolean, String] },
@@ -575,33 +838,33 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
     condensed: { type: Boolean }
   },
   setup(s) {
-    const e = s, a = B(() => e.submit ? "submit" : e.reset ? "reset" : "button"), t = B(() => e.variant ? e.variant : e.plain ? "plain" : e.muted ? "muted" : e.outlined ? "outlined" : "flat"), o = B(() => e.size ? e.size : e.sm ? "small" : e.lg ? "large" : "medium");
-    return (l, i) => (n(), h(pe(l.href ? "a" : "button"), {
-      type: l.href ? void 0 : a.value,
+    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,
       form: typeof l.submit == "string" ? l.submit : void 0,
       href: l.href,
-      class: k(["dai-btn", {
+      class: g(["dai-btn", {
         [`dai-btn--${l.color}`]: l.color,
-        "dai-btn--flat": t.value === "flat",
-        "dai-btn--plain": t.value === "plain",
-        "dai-btn--muted": t.value === "muted",
-        "dai-btn--outlined": t.value === "outlined",
-        "dai-btn--sm": o.value === "small",
-        "dai-btn--lg": o.value === "large",
+        "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": a.value === "small",
+        "dai-btn--lg": a.value === "large",
         "dai-btn--loading": l.loading,
         "dai-btn--block": l.block,
         "dai-btn--rounded": l.rounded,
         "dai-btn--condensed": l.condensed
       }])
     }, {
-      default: f(() => [
-        l.loading ? (n(), u("span", Ne, [...i[0] || (i[0] = [
-          r("svg", {
+      default: p(() => [
+        l.loading ? (n(), u("span", eo, [...i[0] || (i[0] = [
+          d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24"
           }, [
-            r("circle", {
+            d("circle", {
               opacity: "0.25",
               cx: "12",
               cy: "12",
@@ -609,220 +872,39 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
               stroke: "currentColor",
               "stroke-width": "4"
             }),
-            r("path", {
+            d("path", {
               opacity: "0.75",
               fill: "currentColor",
               d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
             })
           ], -1)
-        ])])) : m("", !0),
-        r("span", Ue, [
+        ])])) : _("", !0),
+        d("span", oo, [
           l.icon ? (n(), u("div", {
             key: 0,
-            class: k([l.icon, "dai-btn__icon"])
-          }, null, 2)) : m("", !0),
-          b(l.$slots, "default"),
+            class: g([l.icon, "dai-btn__icon"])
+          }, null, 2)) : _("", !0),
+          h(l.$slots, "default"),
           l.iconAfter ? (n(), u("div", {
             key: 1,
-            class: k([l.iconAfter, "dai-btn__icon"])
-          }, null, 2)) : m("", !0)
+            class: g([l.iconAfter, "dai-btn__icon"])
+          }, null, 2)) : _("", !0)
         ])
       ]),
       _: 3
     }, 8, ["type", "form", "href", "class"]));
   }
-}), Xe = { class: "dai-switch-control" }, Ze = ["id", "aria-checked"], wo = /* @__PURE__ */ p({
-  __name: "switch",
-  props: /* @__PURE__ */ I({
-    label: {},
-    hint: {}
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s) {
-    const e = w(s, "modelValue"), a = z();
-    return (t, o) => (n(), u("div", Xe, [
-      r("button", {
-        onClick: o[0] || (o[0] = (l) => e.value = !e.value),
-        id: c(a),
-        "aria-checked": e.value,
-        role: "switch",
-        type: "button",
-        tabindex: "0",
-        class: k(["dai-switch", [e.value ? "dai-switch--on" : "dai-switch--off"]])
-      }, [...o[1] || (o[1] = [
-        r("div", {
-          "aria-hidden": "true",
-          class: "dai-switch__thumb"
-        }, null, -1)
-      ])], 10, Ze),
-      t.label || t.$slots.default ? (n(), h(O, {
-        key: 0,
-        for: c(a)
-      }, {
-        default: f(() => [
-          b(t.$slots, "default", {}, () => [
-            L(_(t.label), 1)
-          ])
-        ]),
-        _: 3
-      }, 8, ["for"])) : m("", !0),
-      t.hint || t.$slots.hint ? (n(), h(X, {
-        key: 1,
-        class: "dai-switch-control__hint"
-      }, {
-        default: f(() => [
-          b(t.$slots, "hint", {}, () => [
-            L(_(t.hint), 1)
-          ])
-        ]),
-        _: 3
-      })) : m("", !0)
-    ]));
-  }
-}), $o = /* @__PURE__ */ p({
+}), Lo = /* @__PURE__ */ v({
   __name: "popoverDialog",
   setup(s) {
-    return (e, a) => (n(), h(A, {
+    return (e, t) => (n(), m(A, {
       "enter-from-class": "dai-popover-dialog--anim",
       "leave-to-class": "dai-popover-dialog--anim"
     }, {
-      default: f(() => [
-        M(c(ee), { class: "dai-popover-dialog" }, {
-          default: f(() => [
-            b(e.$slots, "default")
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }));
-  }
-}), De = ["id"], He = ["for"], Fe = { class: "form-control__container" }, Ye = { class: "form-control__input-group" }, Re = ["for"], Ge = {
-  key: 0,
-  class: "form-control__hint"
-}, Ke = {
-  key: 1,
-  class: "form-control__validation-message",
-  role: "alert"
-}, Qe = /* @__PURE__ */ p({
-  inheritAttrs: !1,
-  __name: "formControl",
-  props: {
-    id: {},
-    containerId: {},
-    label: {},
-    labelInline: { type: Boolean },
-    labelInside: { type: Boolean },
-    hint: {},
-    validationMessage: {},
-    outlined: { type: Boolean },
-    muted: { type: Boolean },
-    rounded: { type: Boolean },
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    lg: { type: Boolean },
-    sm: { type: Boolean },
-    autocomplete: { type: [String, Boolean], default: "off" }
-  },
-  setup(s) {
-    const e = s, a = e.id || z(), t = B(() => typeof e.autocomplete == "string" ? e.autocomplete : e.autocomplete ? "on" : "off");
-    return (o, l) => (n(), u("div", {
-      id: o.containerId,
-      class: k(["form-control", {
-        [o.$attrs.class]: o.$attrs.class,
-        "form-control--label-inline": o.labelInline,
-        "form-control--label-inside": o.labelInside,
-        "form-control--outlined": o.outlined,
-        "form-control--muted": o.muted,
-        "form-control--rounded": o.rounded,
-        "form-control--disabled": o.disabled,
-        "form-control--invalid": o.invalid,
-        "form-control--lg": o.lg,
-        "form-control--sm": o.sm
-      }])
-    }, [
-      o.label && !o.labelInside ? (n(), u("label", {
-        key: 0,
-        for: c(a)
-      }, _(o.label), 9, He)) : m("", !0),
-      r("div", Fe, [
-        r("div", Ye, [
-          o.label && o.labelInside ? (n(), u("label", {
-            key: 0,
-            for: c(a)
-          }, _(o.label), 9, Re)) : m("", !0),
-          b(o.$slots, "default", {
-            attrs: { id: c(a), disabled: o.disabled, autocomplete: t.value, ...o.$attrs, class: "" }
-          })
-        ]),
-        o.hint ? (n(), u("div", Ge, _(o.hint), 1)) : m("", !0),
-        o.validationMessage ? (n(), u("div", Ke, [
-          l[0] || (l[0] = r("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            viewBox: "0 0 256 256",
-            class: ""
-          }, [
-            r("path", {
-              fill: "currentColor",
-              d: "M240.26 186.1L152.81 34.23a28.74 28.74 0 0 0-49.62 0L15.74 186.1a27.45 27.45 0 0 0 0 27.71A28.31 28.31 0 0 0 40.55 228h174.9a28.31 28.31 0 0 0 24.79-14.19a27.45 27.45 0 0 0 .02-27.71Zm-20.8 15.7a4.46 4.46 0 0 1-4 2.2H40.55a4.46 4.46 0 0 1-4-2.2a3.56 3.56 0 0 1 0-3.73L124 46.2a4.77 4.77 0 0 1 8 0l87.44 151.87a3.56 3.56 0 0 1 .02 3.73ZM116 136v-32a12 12 0 0 1 24 0v32a12 12 0 0 1-24 0Zm28 40a16 16 0 1 1-16-16a16 16 0 0 1 16 16Z"
-            })
-          ], -1)),
-          L(" " + _(o.validationMessage), 1)
-        ])) : m("", !0)
-      ])
-    ], 10, De));
-  }
-}), Bo = /* @__PURE__ */ p({
-  __name: "combobox",
-  props: {
-    modelValue: {},
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(s) {
-    const e = s, a = w(s, "modelValue"), t = z();
-    return (o, l) => (n(), h(Qe, C(e, { containerId: c(t) }), {
-      default: f(({ attrs: i }) => [
-        M(c(oe), C({ ...i }, {
-          activatorId: c(t),
-          modelValue: a.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (v) => a.value = v)
-        }), {
-          default: f(() => [
-            b(o.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["activatorId", "modelValue"])
-      ]),
-      _: 3
-    }, 16, ["containerId"]));
-  }
-}), Vo = /* @__PURE__ */ p({
-  __name: "comboboxInput",
-  setup(s) {
-    return (e, a) => (n(), h(c(te), { class: "form-control__input" }));
-  }
-}), Mo = /* @__PURE__ */ p({
-  __name: "comboboxOptions",
-  setup(s) {
-    return (e, a) => (n(), h(A, {
-      "enter-from-class": "opacity-0 scale-95",
-      "enter-to-class": "opacity-100 scale-100",
-      "enter-active-class": "transform transition ease-out duration-100",
-      "leave-from-class": "opacity-100 scale-100",
-      "leave-to-class": "opacity-0 scale-95",
-      "leave-active-class": "transform transition ease-in duration-75"
-    }, {
-      default: f(() => [
-        M(c(ae), {
-          class: "z-50 my-2 p-1 space-y-1 rounded-md overflow-hidden shadow-xl bg-white ring-1 ring-black ring-opacity-10 focus:outline-none",
-          "un-dark": "bg-dark-700 ring-dark-600"
-        }, {
-          default: f(() => [
-            b(e.$slots, "default")
+      default: p(() => [
+        M(r(ne), { class: "dai-popover-dialog" }, {
+          default: p(() => [
+            h(e.$slots, "default")
           ]),
           _: 3
         })
@@ -830,39 +912,17 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
       _: 3
     }));
   }
-}), Co = /* @__PURE__ */ p({
-  __name: "comboboxOption",
-  props: {
-    value: {}
-  },
-  setup(s) {
-    return (e, a) => (n(), h(c(le), {
-      value: e.value,
-      class: "flex items-center px-3 py-2 cursor-pointer transition-colors text-sm rounded flex items-center gap-4 select-none outline-none",
-      "un-data-active": "[&:not([aria-checked=true])]:bg-secondary-100 [&:not([aria-checked=true])]:dark:bg-dark-600",
-      "un-aria-checked": "bg-primary-50 text-primary-500 dark:bg-dark-500 dark:text-white",
-      "un-aria-disabled": "pointer-events-none text-secondary-500 dark:text-secondary-400"
-    }, {
-      default: f(({ isActive: t, isSelected: o }) => [
-        b(e.$slots, "default", {
-          isActive: t,
-          isSelected: o
-        })
-      ]),
-      _: 3
-    }, 8, ["value"]));
-  }
-}), Io = /* @__PURE__ */ p({
+}), qo = /* @__PURE__ */ v({
   __name: "menuItems",
   setup(s) {
-    return (e, a) => (n(), h(A, {
+    return (e, t) => (n(), m(A, {
       "enter-from-class": "dai-menu-items--anim",
       "leave-to-class": "dai-menu-items--anim"
     }, {
-      default: f(() => [
-        M(c(ne), { class: "dai-menu-items" }, {
-          default: f(() => [
-            b(e.$slots, "default")
+      default: p(() => [
+        M(r(se), { class: "dai-menu-items" }, {
+          default: p(() => [
+            h(e.$slots, "default")
           ]),
           _: 3
         })
@@ -870,31 +930,31 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
       _: 3
     }));
   }
-}), We = {
+}), to = {
   key: 0,
   class: "text-secondary-400 flex-shrink-0"
-}, Eo = /* @__PURE__ */ p({
+}, To = /* @__PURE__ */ v({
   __name: "menuItem",
   props: {
     icon: {}
   },
   setup(s) {
-    return (e, a) => (n(), h(c(ie), { class: "dai-menu-item" }, {
-      default: f(({ isActive: t, isSelected: o }) => [
-        e.icon ? (n(), u("div", We, [
-          r("div", {
-            class: k(["h-5 w-5", e.icon])
+    return (e, t) => (n(), m(r(re), { class: "dai-menu-item" }, {
+      default: p(({ isActive: o, isSelected: a }) => [
+        e.icon ? (n(), u("div", to, [
+          d("div", {
+            class: g(["h-5 w-5", e.icon])
           }, null, 2)
-        ])) : m("", !0),
-        b(e.$slots, "default", {
-          isActive: t,
-          isSelected: o
+        ])) : _("", !0),
+        h(e.$slots, "default", {
+          isActive: o,
+          isSelected: a
         })
       ]),
       _: 3
     }));
   }
-}), Lo = /* @__PURE__ */ p({
+}), Po = /* @__PURE__ */ v({
   __name: "tab",
   props: {
     id: {},
@@ -902,55 +962,55 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
     value: {}
   },
   setup(s) {
-    return (e, a) => (n(), h(c(se), {
+    return (e, t) => (n(), m(r(de), {
       id: e.id,
       "aria-controls": e.ariaControls,
       value: e.value,
       class: "dai-tab"
     }, {
-      default: f(() => [
-        b(e.$slots, "default")
+      default: p(() => [
+        h(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["id", "aria-controls", "value"]));
   }
-}), qo = /* @__PURE__ */ p({
+}), Ao = /* @__PURE__ */ v({
   __name: "tabList",
   setup(s) {
-    const e = q("tablist"), a = q("slider"), t = U({});
-    function o() {
-      if (!a.value) return;
+    const e = T("tablist"), t = T("slider"), o = X({});
+    function a() {
+      if (!t.value) return;
       const l = e.value?.$el;
       if (!l) return;
       const i = l.querySelector("[aria-selected=true]");
-      i && (t.value = {
+      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"
+        transition: t.value.offsetLeft > i.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
       });
     }
-    return j(() => ve(o)), (l, i) => (n(), h(c(re), {
+    return F(() => ge(a)), (l, i) => (n(), m(r(ue), {
       ref_key: "tablist",
       ref: e,
-      onClickPassive: o,
+      onClickPassive: a,
       class: "dai-tab-list"
     }, {
-      default: f(() => [
-        r("div", {
+      default: p(() => [
+        d("div", {
           ref_key: "slider",
-          ref: a,
+          ref: t,
           class: "dai-tab-list__slider",
-          style: N(t.value)
+          style: U(o.value)
         }, null, 4),
-        b(l.$slots, "default")
+        h(l.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
-}), Je = ["id"], zo = /* @__PURE__ */ p({
+}), ao = ["id"], Io = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "offcanvas",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
     id: {},
     position: { default: "right" },
     push: { type: Boolean },
@@ -963,21 +1023,21 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, a = w(s, "modelValue"), t = e.id ?? z(), { classList: o } = ye(document.body, "nui-body-push");
-    T(a, () => {
-      if (!e.push || (o.splice(1), !a.value))
+    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))
         return;
       let i = "nui-body-push--" + e.position;
-      e.lg && (i += "--lg"), e.xl && (i += "--xl"), o.push(i);
+      e.lg && (i += "--lg"), e.xl && (i += "--xl"), a.push(i);
     });
     function l(i) {
-      i.target.closest(`#${t}`) || e.closeOnOutsideClick && (a.value = !1);
+      i.target.closest(`#${o}`) || e.closeOnOutsideClick && (t.value = !1);
     }
-    return j(() => {
+    return F(() => {
       window.addEventListener("click", l, { passive: !0 });
-    }), F(() => {
+    }), Z(() => {
       window.removeEventListener("click", l);
-    }), (i, v) => (n(), h(G, { to: "body" }, [
+    }), (i, y) => (n(), m(G, { to: "body" }, [
       M(A, {
         appear: "",
         "enter-from-class": "nui-offcanvas--animate-hidden",
@@ -987,10 +1047,10 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
         "leave-to-class": "nui-offcanvas--animate-hidden",
         "leave-active-class": "ease-in-out"
       }, {
-        default: f(() => [
-          a.value ? (n(), u("div", C({
+        default: p(() => [
+          t.value ? (n(), u("div", B({
             key: 0,
-            id: c(t)
+            id: r(o)
           }, i.$attrs, {
             class: ["nui-offcanvas", {
               [`nui-offcanvas--${i.position}`]: !0,
@@ -999,51 +1059,51 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
               "nui-offcanvas--xl": i.xl
             }]
           }), [
-            b(i.$slots, "default")
-          ], 16, Je)) : m("", !0)
+            h(i.$slots, "default")
+          ], 16, ao)) : _("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), xe = {
+}), lo = {
   key: 0,
   role: "alert"
-}, eo = {
+}, io = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, oo = {
+}, no = {
   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"
-}, to = {
+}, so = {
   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"
-}, ao = {
+}, ro = {
   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"
-}, lo = {
+}, uo = {
   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"
-}, no = { class: "dai-notification__content" }, io = {
+}, co = { class: "dai-notification__content" }, po = {
   key: 0,
   class: "dai-notification__content__detail"
-}, so = /* @__PURE__ */ p({
+}, fo = /* @__PURE__ */ v({
   __name: "notification",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
     color: {},
     icon: {},
     message: {},
@@ -1056,56 +1116,56 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, a = w(s, "modelValue");
-    let t;
-    function o() {
-      clearTimeout(t), a.value && e.timeout && (t = setTimeout(() => a.value = !1, e.timeout));
+    const e = s, t = V(s, "modelValue");
+    let o;
+    function a() {
+      clearTimeout(o), t.value && e.timeout && (o = setTimeout(() => t.value = !1, e.timeout));
     }
-    return T(a, o, { immediate: !0 }), (l, i) => a.value ? (n(), u("div", xe, [
-      r("div", {
-        class: k(["dai-notification", [`dai-notification--${l.color || "secondary"}`]])
+    return P(t, a, { immediate: !0 }), (l, i) => t.value ? (n(), u("div", lo, [
+      d("div", {
+        class: g(["dai-notification", [`dai-notification--${l.color || "secondary"}`]])
       }, [
         l.icon ? (n(), u("div", {
           key: 0,
-          class: k(["dai-notification__icon", [`dai-notification__icon--${l.icon}`]])
+          class: g(["dai-notification__icon", [`dai-notification__icon--${l.icon}`]])
         }, [
-          (n(), u("svg", eo, [
-            l.icon == "success" ? (n(), u("path", oo)) : l.icon == "info" ? (n(), u("path", to)) : l.icon == "warning" ? (n(), u("path", ao)) : l.icon == "danger" ? (n(), u("path", lo)) : m("", !0)
+          (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)
           ]))
-        ], 2)) : m("", !0),
-        r("div", no, [
-          r("div", {
-            class: k(["dai-notification__content__message", {
+        ], 2)) : _("", !0),
+        d("div", co, [
+          d("div", {
+            class: g(["dai-notification__content__message", {
               "dai-notification__content__message--bold": l.detail
             }])
-          }, _(l.message), 3),
-          l.detail ? (n(), u("div", io, _(l.detail), 1)) : m("", !0)
+          }, w(l.message), 3),
+          l.detail ? (n(), u("div", po, w(l.detail), 1)) : _("", !0)
         ]),
         l.dismissible ? (n(), u("div", {
           key: 1,
-          onClick: i[0] || (i[0] = (v) => a.value = !1),
+          onClick: i[0] || (i[0] = (y) => t.value = !1),
           class: "dai-notification__dismiss"
         }, [...i[1] || (i[1] = [
-          r("svg", {
+          d("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor"
           }, [
-            r("path", {
+            d("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M6 18L18 6M6 6l12 12"
             })
           ], -1)
-        ])])) : m("", !0)
+        ])])) : _("", !0)
       ], 2)
-    ])) : m("", !0);
+    ])) : _("", !0);
   }
-}), To = /* @__PURE__ */ p({
+}), jo = /* @__PURE__ */ v({
   __name: "notificationQueue",
-  props: /* @__PURE__ */ I({
+  props: /* @__PURE__ */ E({
     length: { default: 3 },
     timeout: { default: 4e3 },
     position: { default: "fixed" },
@@ -1117,51 +1177,51 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }),
   emits: ["update:queue"],
   setup(s) {
-    const e = s, a = w(s, "queue"), t = U([]);
-    let o = 0;
+    const e = s, t = V(s, "queue"), o = X([]);
+    let a = 0;
     function l() {
-      a.value.length === 0 || t.value.length >= e.length || (t.value.push({ ...a.value[0], id: o++, show: !0 }), a.value.shift());
+      t.value.length === 0 || o.value.length >= e.length || (o.value.push({ ...t.value[0], id: a++, show: !0 }), t.value.shift());
     }
-    function i(d) {
+    function i(c) {
       setTimeout(() => {
-        t.value = t.value.filter(
-          (g) => g.id !== d
+        o.value = o.value.filter(
+          (b) => b.id !== c
         ), l();
       }, 200);
     }
-    T(a, l, { immediate: !0, deep: !0 });
-    const v = B(() => {
-      const d = ["dai-notification-queue__item--anim"];
-      return e.positionX === "right" ? d.push("dai-notification-queue__item--anim-x-right") : e.positionX === "left" ? d.push("dai-notification-queue__item--anim-x-left") : e.positionX === "center" && e.positionY === "top" ? d.push("dai-notification-queue__item--anim-y-top") : e.positionX === "center" && e.positionY === "bottom" && d.push("dai-notification-queue__item--anim-y-bottom"), d.join(" ");
+    P(t, 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(" ");
     });
-    return (d, g) => (n(), u("div", {
-      class: k(["dai-notification-queue", {
-        "dai-notification-queue--fixed": d.position == "fixed",
-        "dai-notification-queue--absolute": d.position == "absolute",
-        "dai-notification-queue--y-top": d.positionY == "top",
-        "dai-notification-queue--y-bottom": d.positionY == "bottom",
-        "dai-notification-queue--x-left": d.positionX == "left",
-        "dai-notification-queue--x-center": d.positionX == "center",
-        "dai-notification-queue--x-right": d.positionX == "right"
+    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"
       }])
     }, [
-      M(he, {
+      M(we, {
         appear: "",
-        "enter-from-class": v.value,
+        "enter-from-class": y.value,
         "enter-active-class": "dai-notification-queue__item--anim-in",
-        "leave-to-class": v.value,
+        "leave-to-class": y.value,
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
-        default: f(() => [
-          (n(!0), u(Y, null, R(t.value, (y) => (n(), h(so, {
-            key: y.id,
-            color: y.color,
-            icon: y.type,
-            message: y.message,
-            detail: y.detail,
-            timeout: y.timeout ?? d.timeout,
-            modelValue: y.show,
-            "onUpdate:modelValue": [(E) => y.show = E, (E) => i(y.id)],
+        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)],
             class: "dai-notification-queue__item"
           }, null, 8, ["color", "icon", "message", "detail", "timeout", "modelValue", "onUpdate:modelValue"]))), 128))
         ]),
@@ -1169,7 +1229,7 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
       }, 8, ["enter-from-class", "leave-to-class"])
     ], 2));
   }
-}), ro = ["aria-valuenow"], Ao = /* @__PURE__ */ p({
+}), mo = ["aria-valuenow"], Fo = /* @__PURE__ */ v({
   __name: "progressbar",
   props: {
     value: {},
@@ -1178,39 +1238,39 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
     rounded: { type: Boolean, default: !0 }
   },
   setup(s) {
-    const e = s, a = B(() => e.value === void 0);
-    return (t, o) => (n(), u("div", {
-      class: k(["overflow-hidden text-xs w-full flex-1", {
-        rounded: t.rounded,
-        "bg-primary-200": t.color == "primary",
-        "bg-success-200": t.color == "success",
-        "bg-info-200": t.color == "info",
-        "bg-warning-200": t.color == "warning",
-        "bg-danger-200": t.color == "danger"
+    const e = s, t = $(() => e.value === void 0);
+    return (o, a) => (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"
       }]),
-      style: N({ height: t.height + "px" }),
+      style: U({ height: o.height + "px" }),
       role: "progressbar",
       "aria-valuemin": "0",
       "aria-valuemax": "100",
-      "aria-valuenow": t.value
+      "aria-valuenow": o.value
     }, [
-      r("div", {
-        style: N(`width:${t.value}%`),
-        class: k([{
-          "bg-primary-500": t.color == "primary",
-          "bg-success-500": t.color == "success",
-          "bg-info-500": t.color == "info",
-          "bg-warning-500": t.color == "warning",
-          "bg-danger-500": t.color == "danger",
-          "progress-infinite": a.value
+      d("div", {
+        style: U(`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
         }, "h-full shadow-none relative text-center whitespace-nowrap text-white justify-center"])
       }, null, 6)
-    ], 14, ro));
+    ], 14, mo));
   }
-}), uo = {
+}), vo = {
   key: 0,
   class: "z-50"
-}, co = { class: "fixed inset-0 overflow-y-auto" }, mo = { class: "modal__dialog" }, So = /* @__PURE__ */ p({
+}, ho = { class: "fixed inset-0 overflow-y-auto" }, _o = { class: "modal__dialog" }, So = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "modal",
   props: {
@@ -1219,35 +1279,35 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   },
   emits: ["update:modelValue"],
   setup(s) {
-    const e = w(s, "modelValue");
-    function a() {
+    const e = V(s, "modelValue");
+    function t() {
       e.value = !1;
     }
-    return T(e, (t) => {
-      t ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
-    }), (t, o) => (n(), h(G, { to: "body" }, [
+    return P(e, (o) => {
+      o ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
+    }), (o, a) => (n(), m(G, { to: "body" }, [
       M(A, {
         appear: "",
         name: "modal",
         duration: { enter: 300, leave: 200 }
       }, {
-        default: f(() => [
-          e.value ? (n(), u("div", uo, [
-            o[0] || (o[0] = r("div", {
+        default: p(() => [
+          e.value ? (n(), u("div", vo, [
+            a[0] || (a[0] = d("div", {
               class: "modal__backdrop fixed inset-0 bg-primary-50/60 backdrop-blur-sm",
               "aria-hidden": "true"
             }, null, -1)),
-            r("div", co, [
-              r("div", {
-                onClick: be(a, ["self"]),
+            d("div", ho, [
+              d("div", {
+                onClick: ke(t, ["self"]),
                 class: "min-h-full flex items-center justify-center p-4 sm:p-6"
               }, [
-                r("div", mo, [
-                  b(t.$slots, "default", { close: a })
+                d("div", _o, [
+                  h(o.$slots, "default", { close: t })
                 ])
               ])
             ])
-          ])) : m("", !0)
+          ])) : _("", !0)
         ]),
         _: 3
       })
@@ -1255,30 +1315,32 @@ const H = /* @__PURE__ */ Ve(Me, [["render", Ie]]), Ee = ["type", "pattern", "ti
   }
 });
 export {
-  ko as Btn,
-  go as Checkbox,
-  Bo as Combobox,
-  Vo as ComboboxInput,
-  Co as ComboboxOption,
-  Mo as ComboboxOptions,
-  ho as Input,
-  Oo as Menu,
-  Eo as MenuItem,
-  Io as MenuItems,
+  Eo as Btn,
+  Mo as Checkbox,
+  Le as Combobox,
+  Te as ComboboxButton,
+  wo as ComboboxInput,
+  Ie as ComboboxOption,
+  Pe as ComboboxOptions,
+  ko as Input,
+  Uo as Menu,
+  To as MenuItem,
+  qo as MenuItems,
   So as Modal,
-  so as Notification,
-  To as NotificationQueue,
-  zo as Offcanvas,
-  No as Popover,
-  $o as PopoverDialog,
-  Ao as Progressbar,
-  _o as Radio,
-  yo as Select,
-  wo as Switch,
-  Lo as Tab,
-  Uo as TabContainer,
-  qo as TabList,
-  Xo as TabPanel,
-  bo as Textarea,
-  ye as useClassList
+  fo 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
 };