@defaultusr/dai-ui 1.2.8 → 1.2.10

package/dist/chunks/{notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js → notification.vue_vue_type_style_index_0_lang.ouXaxuxK.js}

@@ -1,4 +1,4 @@
-import { defineComponent as u, mergeModels as k, useModel as h, watch as f, createElementBlock as t, createCommentVNode as n, openBlock as i, createElementVNode as s, normalizeClass as d, toDisplayString as r } from "vue";
+import { defineComponent as u, useModel as k, watch as h, openBlock as t, createElementBlock as i, createElementVNode as n, normalizeClass as d, createCommentVNode as s, toDisplayString as r, mergeModels as f } from "vue";
 import '../assets/notification.css';const v = {
   key: 0,
   role: "alert"
@@ -36,7 +36,7 @@ import '../assets/notification.css';const v = {
   class: "dai-notification__content__detail"
 }, V = /* @__PURE__ */ u({
   __name: "notification",
-  props: /* @__PURE__ */ k({
+  props: /* @__PURE__ */ f({
     color: {},
     icon: {},
     message: {},
@@ -49,52 +49,52 @@ import '../assets/notification.css';const v = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, o = h(e, "modelValue");
+    const l = e, o = k(e, "modelValue");
     let c;
     function m() {
       clearTimeout(c), o.value && l.timeout && (c = setTimeout(() => o.value = !1, l.timeout));
     }
-    return f(o, m, { immediate: !0 }), (C, a) => o.value ? (i(), t("div", v, [
-      s("div", {
+    return h(o, m, { immediate: !0 }), (C, a) => o.value ? (t(), i("div", v, [
+      n("div", {
         class: d(["dai-notification", [`dai-notification--${e.color || "secondary"}`]])
       }, [
-        e.icon ? (i(), t("div", {
+        e.icon ? (t(), i("div", {
           key: 0,
           class: d(["dai-notification__icon", [`dai-notification__icon--${e.icon}`]])
         }, [
-          (i(), t("svg", w, [
-            e.icon == "success" ? (i(), t("path", g)) : e.icon == "info" ? (i(), t("path", _)) : e.icon == "warning" ? (i(), t("path", y)) : e.icon == "danger" ? (i(), t("path", M)) : n("", !0)
+          (t(), i("svg", w, [
+            e.icon == "success" ? (t(), i("path", g)) : e.icon == "info" ? (t(), i("path", _)) : e.icon == "warning" ? (t(), i("path", y)) : e.icon == "danger" ? (t(), i("path", M)) : s("", !0)
           ]))
-        ], 2)) : n("", !0),
-        s("div", x, [
-          s("div", {
+        ], 2)) : s("", !0),
+        n("div", x, [
+          n("div", {
             class: d(["dai-notification__content__message", {
               "dai-notification__content__message--bold": e.detail
             }])
           }, r(e.message), 3),
-          e.detail ? (i(), t("div", B, r(e.detail), 1)) : n("", !0)
+          e.detail ? (t(), i("div", B, r(e.detail), 1)) : s("", !0)
         ]),
-        e.dismissible ? (i(), t("div", {
+        e.dismissible ? (t(), i("div", {
           key: 1,
           onClick: a[0] || (a[0] = (j) => o.value = !1),
           class: "dai-notification__dismiss"
         }, [...a[1] || (a[1] = [
-          s("svg", {
+          n("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
             stroke: "currentColor"
           }, [
-            s("path", {
+            n("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M6 18L18 6M6 6l12 12"
             })
           ], -1)
-        ])])) : n("", !0)
+        ])])) : s("", !0)
       ], 2)
-    ])) : n("", !0);
+    ])) : s("", !0);
   }
 });
 export {

package/dist/chunks/{notificationQueue.vue_vue_type_style_index_0_lang.CewiEx4A.js → notificationQueue.vue_vue_type_style_index_0_lang.CmvIdz1d.js}

@@ -1,8 +1,8 @@
-import { defineComponent as p, mergeModels as h, useModel as q, ref as v, watch as g, computed as x, createElementBlock as m, openBlock as u, normalizeClass as _, createVNode as X, TransitionGroup as w, withCtx as b, Fragment as y, renderList as C, createBlock as V } from "vue";
-import { _ as Y } from "./notification.vue_vue_type_style_index_0_lang.RHzcHM7o.js";
+import { defineComponent as p, useModel as h, ref as q, watch as v, computed as g, openBlock as u, createElementBlock as m, normalizeClass as x, createVNode as _, TransitionGroup as X, withCtx as w, Fragment as b, renderList as y, createBlock as C, mergeModels as V } from "vue";
+import { _ as Y } from "./notification.vue_vue_type_style_index_0_lang.ouXaxuxK.js";
 import '../assets/notificationQueue.css';const M = /* @__PURE__ */ p({
   __name: "notificationQueue",
-  props: /* @__PURE__ */ h({
+  props: /* @__PURE__ */ V({
     length: { default: 3 },
     timeout: { default: 4e3 },
     position: { default: "fixed" },
@@ -14,7 +14,7 @@ import '../assets/notificationQueue.css';const M = /* @__PURE__ */ p({
   }),
   emits: ["update:queue"],
   setup(e) {
-    const o = e, n = q(e, "queue"), a = v([]);
+    const o = e, n = h(e, "queue"), a = q([]);
     let r = 0;
     function s() {
       n.value.length === 0 || a.value.length >= o.length || (a.value.push({ ...n.value[0], id: r++, show: !0 }), n.value.shift());
@@ -26,13 +26,13 @@ import '../assets/notificationQueue.css';const M = /* @__PURE__ */ p({
         ), s();
       }, 200);
     }
-    g(n, s, { immediate: !0, deep: !0 });
-    const l = x(() => {
+    v(n, s, { immediate: !0, deep: !0 });
+    const l = g(() => {
       const t = ["dai-notification-queue__item--anim"];
       return o.positionX === "right" ? t.push("dai-notification-queue__item--anim-x-right") : o.positionX === "left" ? t.push("dai-notification-queue__item--anim-x-left") : o.positionX === "center" && o.positionY === "top" ? t.push("dai-notification-queue__item--anim-y-top") : o.positionX === "center" && o.positionY === "bottom" && t.push("dai-notification-queue__item--anim-y-bottom"), t.join(" ");
     });
     return (t, c) => (u(), m("div", {
-      class: _(["dai-notification-queue", {
+      class: x(["dai-notification-queue", {
         "dai-notification-queue--fixed": e.position == "fixed",
         "dai-notification-queue--absolute": e.position == "absolute",
         "dai-notification-queue--y-top": e.positionY == "top",
@@ -42,15 +42,15 @@ import '../assets/notificationQueue.css';const M = /* @__PURE__ */ p({
         "dai-notification-queue--x-right": e.positionX == "right"
       }])
     }, [
-      X(w, {
+      _(X, {
         appear: "",
         "enter-from-class": l.value,
         "enter-active-class": "dai-notification-queue__item--anim-in",
         "leave-to-class": l.value,
         "leave-active-class": "dai-notification-queue__item--anim-out"
       }, {
-        default: b(() => [
-          (u(!0), m(y, null, C(a.value, (i) => (u(), V(Y, {
+        default: w(() => [
+          (u(!0), m(b, null, y(a.value, (i) => (u(), C(Y, {
             key: i.id,
             color: i.color,
             icon: i.type,

package/dist/chunks/{offcanvas.vue_vue_type_style_index_0_lang.klTcX-xU.js → offcanvas.vue_vue_type_style_index_0_lang.pX4AkwFX.js}

@@ -1,9 +1,9 @@
-import { defineComponent as u, mergeModels as d, useModel as r, useId as f, watch as m, onMounted as v, onUnmounted as p, createBlock as h, openBlock as l, Teleport as g, createVNode as y, Transition as k, withCtx as w, createElementBlock as B, createCommentVNode as C, mergeProps as x, unref as V, renderSlot as b } from "vue";
+import { defineComponent as u, useModel as d, useId as r, watch as f, onMounted as m, onUnmounted as v, openBlock as l, createBlock as p, Teleport as h, createVNode as g, Transition as y, withCtx as k, createElementBlock as w, mergeProps as B, unref as C, renderSlot as x, createCommentVNode as V, mergeModels as b } from "vue";
 import { useClassList as L } from "../classList.js";
 import '../assets/offcanvas.css';const M = ["id"], E = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "offcanvas",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ b({
     id: {},
     position: { default: "right" },
     push: { type: Boolean },
@@ -16,8 +16,8 @@ import '../assets/offcanvas.css';const M = ["id"], E = /* @__PURE__ */ u({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const o = t, n = r(t, "modelValue"), a = o.id ?? f(), { classList: s } = L(document.body, "nui-body-push");
-    m(n, () => {
+    const o = t, n = d(t, "modelValue"), a = o.id ?? r(), { classList: s } = L(document.body, "nui-body-push");
+    f(n, () => {
       if (!o.push || (s.splice(1), !n.value))
         return;
       let e = "nui-body-push--" + o.position;
@@ -26,12 +26,12 @@ import '../assets/offcanvas.css';const M = ["id"], E = /* @__PURE__ */ u({
     function i(e) {
       e.target.closest(`#${a}`) || o.closeOnOutsideClick && (n.value = !1);
     }
-    return v(() => {
+    return m(() => {
       window.addEventListener("click", i, { passive: !0 });
-    }), p(() => {
+    }), v(() => {
       window.removeEventListener("click", i);
-    }), (e, c) => (l(), h(g, { to: "body" }, [
-      y(k, {
+    }), (e, c) => (l(), p(h, { to: "body" }, [
+      g(y, {
         appear: "",
         "enter-from-class": "nui-offcanvas--animate-hidden",
         "enter-to-class": "nui-offcanvas--animate-shown",
@@ -40,10 +40,10 @@ import '../assets/offcanvas.css';const M = ["id"], E = /* @__PURE__ */ u({
         "leave-to-class": "nui-offcanvas--animate-hidden",
         "leave-active-class": "ease-in-out"
       }, {
-        default: w(() => [
-          n.value ? (l(), B("div", x({
+        default: k(() => [
+          n.value ? (l(), w("div", B({
             key: 0,
-            id: V(a)
+            id: C(a)
           }, e.$attrs, {
             class: ["nui-offcanvas", {
               [`nui-offcanvas--${t.position}`]: !0,
@@ -52,8 +52,8 @@ import '../assets/offcanvas.css';const M = ["id"], E = /* @__PURE__ */ u({
               "nui-offcanvas--xl": t.xl
             }]
           }), [
-            b(e.$slots, "default")
-          ], 16, M)) : C("", !0)
+            x(e.$slots, "default")
+          ], 16, M)) : V("", !0)
         ]),
         _: 3
       })

package/dist/chunks/{popoverDialog.vue_vue_type_style_index_0_lang.C9Gy_hn0.js → popoverDialog.vue_vue_type_style_index_0_lang.BQPgFdVd.js}

@@ -1,9 +1,9 @@
-import { defineComponent as a, createBlock as r, openBlock as t, Transition as i, withCtx as o, createVNode as p, unref as l, renderSlot as n } from "vue";
+import { defineComponent as a, openBlock as r, createBlock as t, Transition as i, withCtx as o, createVNode as p, unref as l, renderSlot as n } from "vue";
 import { PopoverDialog as s } from "vue-composable-ui";
 import '../assets/popoverDialog.css';const f = /* @__PURE__ */ a({
   __name: "popoverDialog",
   setup(d) {
-    return (e, c) => (t(), r(i, {
+    return (e, c) => (r(), t(i, {
       "enter-from-class": "dai-popover-dialog--anim",
       "leave-to-class": "dai-popover-dialog--anim"
     }, {

package/dist/chunks/{progressbar.vue_vue_type_style_index_0_lang.orj5zxpX.js → progressbar.vue_vue_type_style_index_0_lang.DZC-IpoL.js}

@@ -1,4 +1,4 @@
-import { defineComponent as l, computed as t, createElementBlock as i, openBlock as c, normalizeStyle as a, normalizeClass as n, createElementVNode as u } from "vue";
+import { defineComponent as l, computed as t, openBlock as i, createElementBlock as c, normalizeStyle as a, normalizeClass as n, createElementVNode as u } from "vue";
 import '../assets/progressbar.css';const s = ["aria-valuenow"], m = /* @__PURE__ */ l({
   __name: "progressbar",
   props: {
@@ -9,7 +9,7 @@ import '../assets/progressbar.css';const s = ["aria-valuenow"], m = /* @__PURE__
   },
   setup(e) {
     const r = e, o = t(() => r.value === void 0);
-    return (d, g) => (c(), i("div", {
+    return (d, g) => (i(), c("div", {
       class: n(["overflow-hidden text-xs w-full flex-1", {
         rounded: e.rounded,
         "bg-primary-200": e.color == "primary",

package/dist/chunks/{radio.vue_vue_type_style_index_0_lang.Cb2ovoqT.js → radio.vue_vue_type_style_index_0_lang.C_Iy9o5g.js}

@@ -1,4 +1,4 @@
-import { defineComponent as h, mergeModels as y, useModel as V, useId as p, useTemplateRef as E, createElementBlock as t, openBlock as o, normalizeClass as k, createElementVNode as l, createCommentVNode as c, withDirectives as x, mergeProps as b, unref as a, vModelRadio as g, toDisplayString as u } from "vue";
+import { defineComponent as h, useModel as y, useId as V, useTemplateRef as p, openBlock as t, createElementBlock as o, normalizeClass as E, createElementVNode as l, withDirectives as k, mergeProps as x, unref as a, vModelRadio as b, toDisplayString as c, createCommentVNode as u, mergeModels as g } from "vue";
 import { useFormControl as B } from "vue-composable-ui";
 import '../assets/radio.css';const C = { class: "flex items-center h-5" }, M = ["value", "id"], w = {
   key: 0,
@@ -9,7 +9,7 @@ import '../assets/radio.css';const C = { class: "flex items-center h-5" }, M = [
 }, z = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "radio",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ g({
     value: {},
     color: { default: "primary" },
     validators: {},
@@ -22,16 +22,16 @@ import '../assets/radio.css';const C = { class: "flex items-center h-5" }, M = [
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = e, r = V(e, "modelValue"), i = p(), n = E("formElement"), { isValid: f } = B(
+    const s = e, r = y(e, "modelValue"), i = V(), n = p("formElement"), { isValid: f } = B(
       n,
       s.validators,
       s.showValidationError
     );
-    return (d, m) => (o(), t("div", {
-      class: k(["flex items-start gap-3", d.$attrs.class])
+    return (d, m) => (t(), o("div", {
+      class: E(["flex items-start gap-3", d.$attrs.class])
     }, [
       l("div", C, [
-        x(l("input", b({
+        k(l("input", x({
           type: "radio",
           ref_key: "formElement",
           ref: n,
@@ -44,16 +44,16 @@ import '../assets/radio.css';const C = { class: "flex items-center h-5" }, M = [
             "radio--invalid": !a(f)
           }]
         }), null, 16, M), [
-          [g, r.value]
+          [b, r.value]
         ])
       ]),
-      e.label ? (o(), t("div", w, [
+      e.label ? (t(), o("div", w, [
         l("label", {
           for: a(i),
           class: "font-medium select-none cursor-pointer"
-        }, u(e.label), 9, $),
-        e.hint ? (o(), t("p", D, u(e.hint), 1)) : c("", !0)
-      ])) : c("", !0)
+        }, c(e.label), 9, $),
+        e.hint ? (t(), o("p", D, c(e.hint), 1)) : u("", !0)
+      ])) : u("", !0)
     ], 2));
   }
 });

package/dist/chunks/{select.vue_vue_type_style_index_0_lang.B6lvc8dR.js → select.vue_vue_type_style_index_0_lang.Yrvru3_T.js}

@@ -1,10 +1,10 @@
-import { defineComponent as p, mergeModels as g, useId as B, useModel as V, useTemplateRef as y, createBlock as w, openBlock as n, mergeProps as m, unref as a, withCtx as h, withDirectives as E, createElementVNode as s, renderSlot as M, createElementBlock as f, Fragment as b, renderList as k, toDisplayString as x, vModelSelect as C } from "vue";
+import { defineComponent as p, useId as g, useModel as B, useTemplateRef as V, openBlock as n, createBlock as y, mergeProps as m, unref as a, withCtx as w, withDirectives as h, createElementVNode as s, renderSlot as E, createElementBlock as f, Fragment as M, renderList as b, toDisplayString as k, vModelSelect as x, mergeModels as C } from "vue";
 import { useFormControl as $ } from "vue-composable-ui";
-import { _ as F } from "./formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js";
+import { _ as F } from "./formControl.vue_vue_type_style_index_0_lang.DRmpDdyQ.js";
 import '../assets/select.css';const L = ["id"], S = ["value"], z = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "select",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ C({
     id: {},
     options: {},
     optionText: { default: "text" },
@@ -31,19 +31,19 @@ import '../assets/select.css';const L = ["id"], S = ["value"], z = /* @__PURE__
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const o = e, r = o.id || B(), d = V(e, "modelValue"), u = y("formElement"), { isValid: v, validationMessage: c, validate: T } = $(
+    const o = e, r = o.id || g(), d = B(e, "modelValue"), u = V("formElement"), { isValid: v, validationMessage: c, validate: T } = $(
       u,
       o.validators,
       o.showValidationError
     );
-    return (i, t) => (n(), w(F, m(o, {
+    return (i, t) => (n(), y(F, m(o, {
       "label-for": a(r),
       "validation-message": e.showValidationError ? "" : a(c),
       invalid: o.invalid || !a(v),
       class: i.$attrs.class
     }), {
-      default: h(() => [
-        E(s("select", m({
+      default: w(() => [
+        h(s("select", m({
           ref_key: "formElement",
           ref: u
         }, { ...i.$attrs, class: void 0 }, {
@@ -51,14 +51,14 @@ import '../assets/select.css';const L = ["id"], S = ["value"], z = /* @__PURE__
           "onUpdate:modelValue": t[0] || (t[0] = (l) => d.value = l),
           class: "dai-form-control__input-group__control dai-select"
         }), [
-          M(i.$slots, "default", {}, () => [
-            (n(!0), f(b, null, k(e.options, (l) => (n(), f("option", {
+          E(i.$slots, "default", {}, () => [
+            (n(!0), f(M, null, b(e.options, (l) => (n(), f("option", {
               value: l[e.optionValue],
               key: l[e.optionValue]
-            }, x(l[e.optionText]), 9, S))), 128))
+            }, k(l[e.optionText]), 9, S))), 128))
           ])
         ], 16, L), [
-          [C, d.value]
+          [x, d.value]
         ]),
         t[1] || (t[1] = s("svg", {
           class: "dai-select__chevron",

package/dist/chunks/{selectbox.vue_vue_type_script_setup_true_lang.CGBGE61U.js → selectbox.vue_vue_type_script_setup_true_lang.ByPbVEeF.js}

@@ -1,12 +1,12 @@
-import { defineComponent as s, mergeModels as p, useModel as c, createBlock as d, openBlock as a, unref as l, mergeProps as f, withCtx as t, createVNode as r, createElementBlock as V, Fragment as y, renderList as B, createTextVNode as v, toDisplayString as x } from "vue";
-import { _ as g } from "./combobox.vue_vue_type_style_index_0_lang.BlQL2V7j.js";
+import { defineComponent as s, useModel as p, openBlock as a, createBlock as d, unref as l, mergeProps as c, withCtx as t, createVNode as r, createElementBlock as f, Fragment as V, renderList as y, createTextVNode as B, toDisplayString as v, mergeModels as x } from "vue";
+import { _ as g } from "./combobox.vue_vue_type_style_index_0_lang.BM1fsgGg.js";
 import "vue-composable-ui";
-import { _ as h } from "./comboboxButton.vue_vue_type_style_index_0_lang.B2_SbS8t.js";
-import { _ as b } from "./comboboxOptions.vue_vue_type_style_index_0_lang.OHgMyOoq.js";
-import { _ as k } from "./comboboxOption.vue_vue_type_style_index_0_lang.BY-JfDPY.js";
+import { _ as h } from "./comboboxButton.vue_vue_type_style_index_0_lang.BW2Z0Fou.js";
+import { _ as b } from "./comboboxOptions.vue_vue_type_style_index_0_lang.mLedCwfy.js";
+import { _ as k } from "./comboboxOption.vue_vue_type_style_index_0_lang.BUX-uGiu.js";
 const N = /* @__PURE__ */ s({
   __name: "selectbox",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ x({
     options: {},
     optionText: { default: "text" },
     optionValue: { default: "value" },
@@ -34,8 +34,8 @@ const N = /* @__PURE__ */ s({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = e, n = c(e, "modelValue");
-    return (M, i) => (a(), d(l(g), f(u, {
+    const u = e, n = p(e, "modelValue");
+    return (M, i) => (a(), d(l(g), c(u, {
       displayValue: (o) => e.options.find((m) => m[e.optionValue] === o)?.[e.optionText] || "",
       modelValue: n.value,
       "onUpdate:modelValue": i[0] || (i[0] = (o) => n.value = o)
@@ -44,12 +44,12 @@ const N = /* @__PURE__ */ s({
         r(l(h), { placeholder: e.placeholder }, null, 8, ["placeholder"]),
         r(l(b), null, {
           default: t(() => [
-            (a(!0), V(y, null, B(e.options, (o) => (a(), d(l(k), {
+            (a(!0), f(V, null, y(e.options, (o) => (a(), d(l(k), {
               key: o[e.optionValue],
               value: o[e.optionValue]
             }, {
               default: t(() => [
-                v(x(o[e.optionText]), 1)
+                B(v(o[e.optionText]), 1)
               ]),
               _: 2
             }, 1032, ["value"]))), 128))

package/dist/chunks/switch.vue_vue_type_style_index_0_lang.DX8AF2Bu.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, useModel as w, useId as k, openBlock as i, createElementBlock as b, createElementVNode as s, normalizeClass as v, unref as n, createBlock as d, withCtx as r, renderSlot as c, createTextVNode as u, toDisplayString as m, createCommentVNode as h, mergeModels as _ } from "vue";
+import { _ as $ } from "./label.vue_vue_type_style_index_0_lang.D0NwD6yx.js";
+import { _ as V } from "./hint.vue_vue_type_style_index_0_lang.DYrKdv83.js";
+import '../assets/switch.css';const p = { class: "dai-switch-control" }, y = ["id", "aria-checked"], g = /* @__PURE__ */ f({
+  __name: "switch",
+  props: /* @__PURE__ */ _({
+    label: {},
+    hint: {}
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = w(e, "modelValue"), a = k();
+    return (o, l) => (i(), b("div", p, [
+      s("button", {
+        onClick: l[0] || (l[0] = (C) => t.value = !t.value),
+        id: n(a),
+        "aria-checked": t.value,
+        role: "switch",
+        type: "button",
+        tabindex: "0",
+        class: v(["dai-switch", [t.value ? "dai-switch--on" : "dai-switch--off"]])
+      }, [...l[1] || (l[1] = [
+        s("div", {
+          "aria-hidden": "true",
+          class: "dai-switch__thumb"
+        }, null, -1)
+      ])], 10, y),
+      e.label || o.$slots.default ? (i(), d($, {
+        key: 0,
+        for: n(a)
+      }, {
+        default: r(() => [
+          c(o.$slots, "default", {}, () => [
+            u(m(e.label), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["for"])) : h("", !0),
+      e.hint || o.$slots.hint ? (i(), d(V, {
+        key: 1,
+        class: "dai-switch-control__hint"
+      }, {
+        default: r(() => [
+          c(o.$slots, "hint", {}, () => [
+            u(m(e.hint), 1)
+          ])
+        ]),
+        _: 3
+      })) : h("", !0)
+    ]));
+  }
+});
+export {
+  g as _
+};

package/dist/chunks/{tab.vue_vue_type_style_index_0_lang.O7L_ECaN.js → tab.vue_vue_type_style_index_0_lang.DhTDvv55.js}

@@ -1,4 +1,4 @@
-import { defineComponent as t, createBlock as o, openBlock as r, unref as l, withCtx as n, renderSlot as i } from "vue";
+import { defineComponent as t, openBlock as o, createBlock as r, unref as l, withCtx as n, renderSlot as i } from "vue";
 import { Tab as s } from "vue-composable-ui";
 import '../assets/tab.css';const f = /* @__PURE__ */ t({
   __name: "tab",
@@ -8,7 +8,7 @@ import '../assets/tab.css';const f = /* @__PURE__ */ t({
     value: {}
   },
   setup(a) {
-    return (e, c) => (r(), o(l(s), {
+    return (e, c) => (o(), r(l(s), {
       id: a.id,
       "aria-controls": a.ariaControls,
       value: a.value,

package/dist/chunks/{tabList.vue_vue_type_style_index_0_lang.iu2mVb2k.js → tabList.vue_vue_type_style_index_0_lang.EtvPcPPy.js}

@@ -1,4 +1,4 @@
-import { defineComponent as a, useTemplateRef as f, ref as o, onMounted as n, nextTick as c, createBlock as u, openBlock as d, unref as _, withCtx as p, createElementVNode as m, renderSlot as b, normalizeStyle as v } from "vue";
+import { defineComponent as a, useTemplateRef as f, ref as o, onMounted as n, nextTick as c, openBlock as u, createBlock as d, unref as _, withCtx as p, createElementVNode as m, normalizeStyle as b, renderSlot as v } from "vue";
 import { TabList as h } from "vue-composable-ui";
 import '../assets/tabList.css';const x = /* @__PURE__ */ a({
   __name: "tabList",
@@ -15,7 +15,7 @@ import '../assets/tabList.css';const x = /* @__PURE__ */ a({
         transition: s.value.offsetLeft > e.offsetLeft ? "left .2s, right .5s" : "left .5s, right .2s"
       });
     }
-    return n(() => c(i)), (t, e) => (d(), u(_(h), {
+    return n(() => c(i)), (t, e) => (u(), d(_(h), {
       ref_key: "tablist",
       ref: r,
       onClickPassive: i,
@@ -26,9 +26,9 @@ import '../assets/tabList.css';const x = /* @__PURE__ */ a({
           ref_key: "slider",
           ref: s,
           class: "dai-tab-list__slider",
-          style: v(l.value)
+          style: b(l.value)
         }, null, 4),
-        b(t.$slots, "default")
+        v(t.$slots, "default")
       ]),
       _: 3
     }, 512));

package/dist/chunks/{textarea.vue_vue_type_style_index_0_lang.hsJmfBbY.js → textarea.vue_vue_type_style_index_0_lang.DZTz49sQ.js}

@@ -1,10 +1,10 @@
-import { defineComponent as v, mergeModels as p, useId as h, useModel as g, useTemplateRef as V, onMounted as x, createBlock as E, openBlock as y, mergeProps as u, unref as o, withCtx as M, withDirectives as _, createElementVNode as w, vModelText as z } from "vue";
+import { defineComponent as v, useId as p, useModel as h, useTemplateRef as g, onMounted as V, openBlock as x, createBlock as E, mergeProps as u, unref as o, withCtx as y, withDirectives as M, createElementVNode as _, vModelText as w, mergeModels as z } from "vue";
 import { useFormControl as $ } from "vue-composable-ui";
-import { _ as B } from "./formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js";
+import { _ as B } from "./formControl.vue_vue_type_style_index_0_lang.DRmpDdyQ.js";
 import '../assets/textarea.css';const k = ["id"], b = /* @__PURE__ */ v({
   inheritAttrs: !1,
   __name: "textarea",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ z({
     id: {},
     autosize: { type: Boolean },
     validators: {},
@@ -15,7 +15,7 @@ import '../assets/textarea.css';const k = ["id"], b = /* @__PURE__ */ v({
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const a = s, i = a.id || h(), r = g(s, "modelValue"), l = V("formElement"), { isValid: n, validationMessage: f, validate: c } = $(
+    const a = s, i = a.id || p(), r = h(s, "modelValue"), l = g("formElement"), { isValid: n, validationMessage: f, validate: c } = $(
       l,
       a.validators,
       a.showValidationError
@@ -25,14 +25,14 @@ import '../assets/textarea.css';const k = ["id"], b = /* @__PURE__ */ v({
       const e = l.value, t = e.offsetHeight - e.clientHeight;
       e.style.height = "auto", e.style.height = `${e.scrollHeight + t}px`;
     }
-    return x(d), (e, t) => (y(), E(B, u(a, {
+    return V(d), (e, t) => (x(), E(B, u(a, {
       "label-for": o(i),
       "validation-message": s.showValidationError ? "" : o(f),
       invalid: !o(n),
       class: e.$attrs.class
     }), {
-      default: M(() => [
-        _(w("textarea", u({
+      default: y(() => [
+        M(_("textarea", u({
           ref_key: "formElement",
           ref: l
         }, { ...e.$attrs, class: void 0 }, {
@@ -44,7 +44,7 @@ import '../assets/textarea.css';const k = ["id"], b = /* @__PURE__ */ v({
             "form-control__textarea--autosize": s.autosize
           }]
         }), null, 16, k), [
-          [z, r.value]
+          [w, r.value]
         ])
       ]),
       _: 1

package/dist/combobox.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/combobox.vue_vue_type_style_index_0_lang.BlQL2V7j.js";
+import { _ as f } from "./chunks/combobox.vue_vue_type_style_index_0_lang.BM1fsgGg.js";
 export {
   f as default
 };

package/dist/comboboxButton.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/comboboxButton.vue_vue_type_style_index_0_lang.B2_SbS8t.js";
+import { _ as f } from "./chunks/comboboxButton.vue_vue_type_style_index_0_lang.BW2Z0Fou.js";
 export {
   f as default
 };

package/dist/comboboxInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/comboboxInput.vue_vue_type_script_setup_true_lang.r8_P3SHy.js";
+import { _ as f } from "./chunks/comboboxInput.vue_vue_type_script_setup_true_lang.DGuHr7IE.js";
 export {
   f as default
 };

package/dist/comboboxOption.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/comboboxOption.vue_vue_type_style_index_0_lang.BY-JfDPY.js";
+import { _ as f } from "./chunks/comboboxOption.vue_vue_type_style_index_0_lang.BUX-uGiu.js";
 export {
   f as default
 };

package/dist/comboboxOptions.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/comboboxOptions.vue_vue_type_style_index_0_lang.OHgMyOoq.js";
+import { _ as f } from "./chunks/comboboxOptions.vue_vue_type_style_index_0_lang.mLedCwfy.js";
 export {
   f as default
 };

package/dist/formControl.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/formControl.vue_vue_type_style_index_0_lang.BDPmQzJj.js";
+import { _ as f } from "./chunks/formControl.vue_vue_type_style_index_0_lang.DRmpDdyQ.js";
 export {
   f as default
 };