@useinsider/ab-components 0.0.3 → 0.0.5

package/dist/{index-BfxawNec.js → index-B76cJgwE.js}

@@ -1,9 +1,9 @@
-import { defineComponent as q, computed as j, openBlock as s, createElementBlock as d, normalizeClass as l, unref as e, createBlock as S, createCommentVNode as f, toDisplayString as v, ref as w, onMounted as D, Fragment as F, createElementVNode as k, withDirectives as T, normalizeStyle as G, withModifiers as K, vModelText as ee, renderList as U, defineAsyncComponent as I, resolveDynamicComponent as te, createVNode as ne } from "vue";
-const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8", _e = "_button_hp1t7_1", ae = "_button__label_hp1t7_192", le = "_button__solid_hp1t7_204", se = "_fill_hp1t7_1124", $ = {
+import { defineComponent as B, computed as L, openBlock as s, createElementBlock as d, normalizeClass as a, unref as e, createBlock as S, createCommentVNode as f, toDisplayString as v, ref as w, onMounted as D, Fragment as F, createElementVNode as I, withDirectives as T, normalizeStyle as G, withModifiers as K, vModelText as ee, renderList as U, defineAsyncComponent as x, resolveDynamicComponent as te, createVNode as ne } from "vue";
+const oe = "_button__size_default_hp1t7_1", le = "_button__size_small_hp1t7_8", re = "_button_hp1t7_1", _e = "_button__label_hp1t7_192", ae = "_button__solid_hp1t7_204", se = "_fill_hp1t7_1124", z = {
   button__size_default: oe,
-  button__size_small: re,
-  button: _e,
-  button__label: ae,
+  button__size_small: le,
+  button: re,
+  button__label: _e,
   "button__solid-primary": "_button__solid-primary_hp1t7_204",
   "no-hover-effect": "_no-hover-effect_hp1t7_211",
   "button--selected": "_button--selected_hp1t7_233",
@@ -31,9 +31,9 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   "button__outline-danger": "_button__outline-danger_hp1t7_999",
   "button__outline-warning": "_button__outline-warning_hp1t7_1036",
   "button__outline-smart": "_button__outline-smart_hp1t7_1073",
-  button__solid: le,
+  button__solid: ae,
   fill: se
-}, ue = ["disabled"], ot = /* @__PURE__ */ q({
+}, ue = ["disabled"], ot = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     variant: {},
@@ -49,38 +49,38 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   },
   emits: ["click"],
   setup(u, { emit: i }) {
-    const _ = u, t = i, a = (o) => {
-      _.disabled || t("click", o);
-    }, m = j(() => _.loadingStatus ? "LoadingCircle" : _.successStatus ? "LineCheck" : _.leftIconName);
-    return (o, n) => (s(), d("button", {
-      class: l([
-        e($).button,
-        e($)[`button__${o.variant}`],
-        e($)[`button__${o.variant}-${o.color}`],
-        e($)[`button__size_${o.size}`],
-        { [e($).fill]: o.fill }
+    const r = u, t = i, _ = (l) => {
+      r.disabled || t("click", l);
+    }, m = L(() => r.loadingStatus ? "LoadingCircle" : r.successStatus ? "LineCheck" : r.leftIconName);
+    return (l, n) => (s(), d("button", {
+      class: a([
+        e(z).button,
+        e(z)[`button__${l.variant}`],
+        e(z)[`button__${l.variant}-${l.color}`],
+        e(z)[`button__size_${l.size}`],
+        { [e(z).fill]: l.fill }
       ]),
-      disabled: _.disabled,
-      onClick: a
+      disabled: r.disabled,
+      onClick: _
     }, [
-      m.value ? (s(), S(e(M), {
+      m.value ? (s(), S(e(H), {
         key: 0,
         name: m.value
       }, null, 8, ["name"])) : f("", !0),
-      o.label ? (s(), d("span", {
+      l.label ? (s(), d("span", {
         key: 1,
-        class: l(e($).button__label)
-      }, v(o.label), 3)) : f("", !0),
-      o.rightIconName ? (s(), S(e(M), {
+        class: a(e(z).button__label)
+      }, v(l.label), 3)) : f("", !0),
+      l.rightIconName ? (s(), S(e(H), {
         key: 2,
-        name: o.rightIconName
+        name: l.rightIconName
       }, null, 8, ["name"])) : f("", !0)
     ], 10, ue));
   }
 }), ie = {
   mounted(u, i) {
-    u.clickOutsideEvent = (_) => {
-      [u, ...i.value.exclude || []].some((a) => a && (a === _.target || a.contains(_.target))) || i.value.handler();
+    u.clickOutsideEvent = (r) => {
+      [u, ...i.value.exclude || []].some((_) => _ && (_ === r.target || _.contains(r.target))) || i.value.handler();
     }, document.addEventListener("click", u.clickOutsideEvent);
   },
   unmounted(u) {
@@ -88,46 +88,46 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   }
 }, de = (u, i) => {
   var t;
-  let _ = 0;
-  for (const a of u)
-    if (a.toLowerCase() === ((t = i[_]) == null ? void 0 : t.toLowerCase()) && _++, _ === i.length)
+  let r = 0;
+  for (const _ of u)
+    if (_.toLowerCase() === ((t = i[r]) == null ? void 0 : t.toLowerCase()) && r++, r === i.length)
       return !0;
   return !1;
-}, ce = (u, i, _) => {
-  if (!_.trim())
+}, ce = (u, i, r) => {
+  if (!r.trim())
     return u;
-  const t = _.toLowerCase();
-  return u.filter((a) => {
-    const m = String(a[i]);
+  const t = r.toLowerCase();
+  return u.filter((_) => {
+    const m = String(_[i]);
     return de(m.toLowerCase(), t);
-  }).sort((a, m) => {
-    const o = String(a[i]).toLowerCase(), n = String(m[i]).toLowerCase();
-    return o === t ? -1 : n === t ? 1 : o.startsWith(t) && !n.startsWith(t) ? -1 : !o.startsWith(t) && n.startsWith(t) ? 1 : o.length - n.length;
+  }).sort((_, m) => {
+    const l = String(_[i]).toLowerCase(), n = String(m[i]).toLowerCase();
+    return l === t ? -1 : n === t ? 1 : l.startsWith(t) && !n.startsWith(t) ? -1 : !l.startsWith(t) && n.startsWith(t) ? 1 : l.length - n.length;
   });
-}, pe = "_dropdown_zdj6q_169", me = "_dropdown__valueContent_zdj6q_178", he = "_dropdown__label_zdj6q_189", be = "_dropdown__value_zdj6q_178", fe = "_dropdown__placeholder_zdj6q_196", ve = "_dropdown__arrowIcon_zdj6q_204", ge = "_menu_zdj6q_209", we = "_menu__searchContainer_zdj6q_222", ye = "_menu__searchInputWrap_zdj6q_226", Ce = "_menu__searchInput_zdj6q_226", ze = "_menu__errorMessage_zdj6q_247", ke = "_menu__addButton_zdj6q_254", Ie = "_menu__itemContainer_zdj6q_262", xe = "_menu__item_zdj6q_262", h = {
+}, pe = "_dropdown_olekc_1", me = "_menu_olekc_1", he = "_dropdown__valueContent_olekc_182", be = "_dropdown__label_olekc_193", fe = "_dropdown__value_olekc_182", ve = "_dropdown__placeholder_olekc_200", ge = "_dropdown__arrowIcon_olekc_208", we = "_menu__searchContainer_olekc_223", ye = "_menu__searchInputWrap_olekc_227", ke = "_menu__searchInput_olekc_227", Ce = "_menu__errorMessage_olekc_249", Ie = "_menu__addButton_olekc_256", xe = "_menu__itemContainer_olekc_264", $e = "_menu__item_olekc_264", h = {
   dropdown: pe,
-  dropdown__valueContent: me,
-  "dropdown__valueContent--open": "_dropdown__valueContent--open_zdj6q_186",
-  dropdown__label: he,
-  dropdown__value: be,
-  dropdown__placeholder: fe,
-  dropdown__arrowIcon: ve,
-  menu: ge,
+  menu: me,
+  dropdown__valueContent: he,
+  "dropdown__valueContent--open": "_dropdown__valueContent--open_olekc_190",
+  dropdown__label: be,
+  dropdown__value: fe,
+  dropdown__placeholder: ve,
+  dropdown__arrowIcon: ge,
   menu__searchContainer: we,
   menu__searchInputWrap: ye,
-  menu__searchInput: Ce,
-  "menu__searchInput--error": "_menu__searchInput--error_zdj6q_244",
-  menu__errorMessage: ze,
-  menu__addButton: ke,
-  menu__itemContainer: Ie,
-  menu__item: xe,
-  "menu__item--active": "_menu__item--active_zdj6q_300"
-}, $e = ["for"], qe = ["placeholder"], Be = ["onClick"], rt = /* @__PURE__ */ q({
+  menu__searchInput: ke,
+  "menu__searchInput--error": "_menu__searchInput--error_olekc_246",
+  menu__errorMessage: Ce,
+  menu__addButton: Ie,
+  menu__itemContainer: xe,
+  menu__item: $e,
+  "menu__item--active": "_menu__item--active_olekc_302"
+}, ze = ["for"], Be = ["placeholder"], Me = ["onClick"], lt = /* @__PURE__ */ B({
   __name: "DropdownMenu",
   props: {
     id: {},
     label: {},
-    defaultSelected: { default: "" },
+    modelValue: { default: "" },
     menuHeight: { default: 154 },
     placeholder: {},
     addable: { type: Boolean },
@@ -137,68 +137,68 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
     items: {},
     validateAddItem: { type: Function, default: () => null }
   },
-  emits: ["add-error", "item-added", "select-item"],
+  emits: ["update:modelValue", "add-error", "item-added", "select-item"],
   setup(u, { emit: i }) {
-    const _ = ie, t = u, a = i, m = w(), o = w(), n = w(!0), r = w(null), y = w(""), c = w(null), x = w({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), L = w([...t.items]), B = w([...t.items]), O = () => {
+    const r = ie, t = u, _ = i, m = w(), l = w(), n = w(!1), o = w(null), y = w(""), c = w(null), $ = w({ x: 0, y: 0, width: 0, shouldOpenUp: !1, height: t.menuHeight }), V = w([...t.items]), M = w([...t.items]), O = () => {
       if (!m.value)
         return;
-      const { offsetTop: p, offsetLeft: b, offsetWidth: g } = m.value, W = window.innerHeight, P = p + m.value.offsetHeight, R = P + t.menuHeight > W;
-      x.value = {
+      const { offsetTop: p, offsetLeft: b, offsetWidth: g } = m.value, P = window.innerHeight, j = p + m.value.offsetHeight, R = j + t.menuHeight > P;
+      $.value = {
         x: b + window.scrollX,
-        y: R ? p + window.scrollY : P + window.scrollY,
+        y: R ? p + window.scrollY : j + window.scrollY,
         width: g,
         shouldOpenUp: R,
         height: t.menuHeight
       };
     }, A = () => {
       O(), n.value = !n.value;
-    }, V = () => {
-      c.value = null, y.value = "", L.value = [...B.value];
     }, E = () => {
-      n.value = !1, V();
+      c.value = null, y.value = "", V.value = [...M.value];
+    }, N = () => {
+      n.value = !1, E();
     }, Y = (p) => {
-      r.value = p, y.value = "", E(), a("select-item", p);
+      o.value = p, _("select-item", p), _("update:modelValue", p.value), N();
     }, Q = () => {
-      const p = y.value.trim(), b = t.validateAddItem(p, B.value);
+      const p = y.value.trim(), b = t.validateAddItem(p, M.value);
       if (b) {
-        c.value = b, a("add-error", b);
+        c.value = b, _("add-error", b);
         return;
       }
       const g = {
         text: p,
         value: p
       };
-      B.value.push(g), V(), a("item-added", g);
+      M.value.push(g), E(), _("item-added", g);
     }, X = () => {
-      L.value = ce(B.value, "text", y.value);
+      V.value = ce(M.value, "text", y.value);
     }, Z = () => {
       c.value = "";
-    }, J = j(() => ({
-      top: x.value.shouldOpenUp ? `${x.value.y - 10}px` : `${x.value.y}px`,
-      left: `${x.value.x}px`,
-      width: `${x.value.width}px`,
+    }, J = L(() => ({
+      top: $.value.shouldOpenUp ? `${$.value.y - 10}px` : `${$.value.y}px`,
+      left: `${$.value.x}px`,
+      width: `${$.value.width}px`,
       height: `${t.menuHeight}px`
     }));
     D(() => {
-      if (O(), t.defaultSelected) {
-        const p = B.value.find((b) => b.value === t.defaultSelected);
-        p && (r.value = p, a("select-item", p));
+      if (O(), t.modelValue) {
+        const p = M.value.find((b) => b.value === t.modelValue);
+        p && (o.value = p);
       }
     });
-    const N = j(() => r.value ? r.value.text : "");
+    const W = L(() => o.value ? o.value.text : "");
     return (p, b) => (s(), d(F, null, [
-      k("div", {
+      I("div", {
         ref_key: "dropdownRef",
         ref: m,
-        class: l(e(h).dropdown)
+        class: a(e(h).dropdown)
       }, [
         p.label ? (s(), d("label", {
           key: 0,
-          class: l(e(h).dropdown__label),
+          class: a(e(h).dropdown__label),
           for: p.id
-        }, v(p.label), 11, $e)) : f("", !0),
-        k("button", {
-          class: l([
+        }, v(p.label), 11, ze)) : f("", !0),
+        I("button", {
+          class: a([
             e(h).dropdown__valueContent,
             {
               [e(h)["dropdown__valueContent--open"]]: n.value
@@ -206,12 +206,12 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
           ]),
           onClick: A
         }, [
-          k("span", {
-            class: l(e(h).dropdown__value)
-          }, v(N.value), 3),
-          p.placeholder && !N.value ? (s(), d("span", {
+          I("span", {
+            class: a(e(h).dropdown__value)
+          }, v(W.value), 3),
+          p.placeholder && !W.value ? (s(), d("span", {
             key: 0,
-            class: l(e(h).dropdown__placeholder)
+            class: a(e(h).dropdown__placeholder)
           }, v(p.placeholder), 3)) : f("", !0),
           (s(), d("svg", {
             fill: "none",
@@ -219,9 +219,9 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
             viewBox: "0 0 16 17",
             width: "16",
             xmlns: "http://www.w3.org/2000/svg",
-            class: l(e(h).dropdown__arrowIcon)
+            class: a(e(h).dropdown__arrowIcon)
           }, b[2] || (b[2] = [
-            k("path", {
+            I("path", {
               d: "M8 11.2021L4.5359 6.70215L11.4641 6.70215L8 11.2021Z",
               fill: "#91949F"
             }, null, -1)
@@ -231,22 +231,22 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
       n.value ? T((s(), d("div", {
         key: 0,
         ref_key: "menuRef",
-        ref: o,
-        class: l(e(h).menu),
+        ref: l,
+        class: a(e(h).menu),
         style: G(J.value),
         onClick: b[1] || (b[1] = K(() => {
         }, ["prevent"]))
       }, [
         t.searchable ? (s(), d("div", {
           key: 0,
-          class: l(e(h).menu__searchContainer)
+          class: a(e(h).menu__searchContainer)
         }, [
-          k("div", {
-            class: l(e(h).menu__searchInputWrap)
+          I("div", {
+            class: a(e(h).menu__searchInputWrap)
           }, [
-            T(k("input", {
+            T(I("input", {
               type: "text",
-              class: l([
+              class: a([
                 e(h).menu__searchInput,
                 {
                   [e(h)["menu__searchInput--error"]]: c.value
@@ -256,48 +256,48 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
               "onUpdate:modelValue": b[0] || (b[0] = (g) => y.value = g),
               onFocus: Z,
               onInput: X
-            }, null, 42, qe), [
+            }, null, 42, Be), [
               [ee, y.value]
             ]),
             c.value ? (s(), d("p", {
               key: 0,
-              class: l(e(h).menu__errorMessage)
+              class: a(e(h).menu__errorMessage)
             }, v(c.value), 3)) : f("", !0)
           ], 2),
           t.addable ? (s(), d("button", {
             key: 0,
-            class: l(e(h).menu__addButton),
+            class: a(e(h).menu__addButton),
             onClick: Q
           }, v(p.addButtonText), 3)) : f("", !0)
         ], 2)) : f("", !0),
-        k("ul", {
-          class: l(e(h).menu__itemContainer)
+        I("ul", {
+          class: a(e(h).menu__itemContainer)
         }, [
-          (s(!0), d(F, null, U(L.value, (g) => (s(), d("li", {
+          (s(!0), d(F, null, U(V.value, (g) => (s(), d("li", {
             key: g.value,
-            class: l([
+            class: a([
               e(h).menu__item,
               {
-                [e(h)["menu__item--active"]]: r.value && g.value === r.value.value
+                [e(h)["menu__item--active"]]: o.value && g.value === o.value.value
               }
             ]),
-            onClick: (W) => Y(g)
-          }, v(g.text), 11, Be))), 128))
+            onClick: (P) => Y(g)
+          }, v(g.text), 11, Me))), 128))
         ], 2)
       ], 6)), [
-        [e(_), { handler: E, exclude: [m.value, o.value] }]
+        [e(r), { handler: N, exclude: [m.value, l.value] }]
       ]) : f("", !0)
     ], 64));
   }
-}), je = {
-  FilledErrorBox: I(() => import("./FilledErrorBox-Czq7e64W.js")),
-  LineCheck: I(() => import("./LineCheck-dIF58UgU.js")),
-  FilledCheckCircle: I(() => import("./FilledCheckCircle-BZblXEJF.js")),
-  LoadingCircle: I(() => import("./LoadingCircle-CoRfnES9.js")),
-  FilledInfoCircle: I(() => import("./FilledInfoCircle-BC2xa2R2.js")),
-  SmartIcon: I(() => import("./SmartIcon-m_MkAWvM.js")),
-  FilledCautionTriangle: I(() => import("./FilledCautionTriangle-Dxi1xHHx.js"))
-}, Se = /* @__PURE__ */ q({
+}), Le = {
+  FilledErrorBox: x(() => import("./FilledErrorBox-DGTE886c.js")),
+  LineCheck: x(() => import("./LineCheck-CVrhEwk5.js")),
+  FilledCheckCircle: x(() => import("./FilledCheckCircle-15ZPFqd5.js")),
+  LoadingCircle: x(() => import("./LoadingCircle-deLhi_eq.js")),
+  FilledInfoCircle: x(() => import("./FilledInfoCircle-_USduuvj.js")),
+  SmartIcon: x(() => import("./SmartIcon-DHAl1wBH.js")),
+  FilledCautionTriangle: x(() => import("./FilledCautionTriangle-9QyBhSi7.js"))
+}, Se = /* @__PURE__ */ B({
   __name: "Icon",
   props: {
     name: {},
@@ -305,32 +305,32 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
     color: {}
   },
   setup(u) {
-    const i = u, _ = j(() => typeof i.size == "number" ? `${i.size}px` : i.size);
-    return (t, a) => (s(), S(te(e(je)[t.name]), {
+    const i = u, r = L(() => typeof i.size == "number" ? `${i.size}px` : i.size);
+    return (t, _) => (s(), S(te(e(Le)[t.name]), {
       class: "icon",
-      style: G({ width: _.value, height: _.value, fill: i.color || "currentColor" })
+      style: G({ width: r.value, height: r.value, fill: i.color || "currentColor" })
     }, null, 8, ["style"]));
   }
-}), Me = (u, i) => {
-  const _ = u.__vccOpts || u;
-  for (const [t, a] of i)
-    _[t] = a;
-  return _;
-}, M = /* @__PURE__ */ Me(Se, [["__scopeId", "data-v-3e9c3b20"]]), Le = "_container_2joy4_1", He = "_container__text_2joy4_187", Fe = "_container__default_2joy4_191", Ge = "_container__warning_2joy4_199", Oe = "_container__alert_2joy4_207", Ve = "_container__success_2joy4_215", H = {
-  container: Le,
-  container__text: He,
+}), He = (u, i) => {
+  const r = u.__vccOpts || u;
+  for (const [t, _] of i)
+    r[t] = _;
+  return r;
+}, H = /* @__PURE__ */ He(Se, [["__scopeId", "data-v-3e9c3b20"]]), Ve = "_container_2joy4_1", qe = "_container__text_2joy4_187", Fe = "_container__default_2joy4_191", Ge = "_container__warning_2joy4_199", Oe = "_container__alert_2joy4_207", Ee = "_container__success_2joy4_215", q = {
+  container: Ve,
+  container__text: qe,
   container__default: Fe,
   container__warning: Ge,
   container__alert: Oe,
-  container__success: Ve
-}, _t = /* @__PURE__ */ q({
+  container__success: Ee
+}, rt = /* @__PURE__ */ B({
   __name: "OnPageMessage",
   props: {
     variant: { default: "default" },
     text: {}
   },
   setup(u) {
-    const i = u, _ = j(() => {
+    const i = u, r = L(() => {
       switch (i.variant) {
         case "alert":
           return "FilledErrorBox";
@@ -342,26 +342,26 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
           return "FilledInfoCircle";
       }
     });
-    return (t, a) => (s(), d("div", {
-      class: l([
-        e(H).container,
-        e(H)[`container__${t.variant}`]
+    return (t, _) => (s(), d("div", {
+      class: a([
+        e(q).container,
+        e(q)[`container__${t.variant}`]
       ])
     }, [
-      ne(M, {
-        name: _.value,
+      ne(H, {
+        name: r.value,
         size: 24
       }, null, 8, ["name"]),
-      k("span", {
-        class: l(e(H).container__text)
+      I("span", {
+        class: a(e(q).container__text)
       }, v(t.text), 3)
     ], 2));
   }
-}), Ee = "_button__size_default_qxh1r_1", Ne = "_button__size_small_qxh1r_8", We = "_button_qxh1r_1", Pe = "_button__label_qxh1r_191", Re = "_button__solid_qxh1r_328", Te = "_segmentGroup_qxh1r_335", De = "_fill_qxh1r_357", C = {
-  button__size_default: Ee,
-  button__size_small: Ne,
-  button: We,
-  button__label: Pe,
+}), Ne = "_button__size_default_qxh1r_1", We = "_button__size_small_qxh1r_8", Pe = "_button_qxh1r_1", je = "_button__label_qxh1r_191", Re = "_button__solid_qxh1r_328", Te = "_segmentGroup_qxh1r_335", De = "_fill_qxh1r_357", k = {
+  button__size_default: Ne,
+  button__size_small: We,
+  button: Pe,
+  button__label: je,
   "button--primary": "_button--primary_qxh1r_206",
   "button--selected": "_button--selected_qxh1r_216",
   "button--secondary": "_button--secondary_qxh1r_229",
@@ -373,7 +373,7 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   "segmentGroup--vertical": "_segmentGroup--vertical_qxh1r_338",
   "segmentGroup--horizontal": "_segmentGroup--horizontal_qxh1r_347",
   fill: De
-}, Ue = ["disabled", "onClick"], at = /* @__PURE__ */ q({
+}, Ue = ["disabled", "onClick"], _t = /* @__PURE__ */ B({
   __name: "SegmentButton",
   props: {
     color: {},
@@ -385,42 +385,42 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   },
   emits: ["click"],
   setup(u, { emit: i }) {
-    const _ = u, t = i, a = w(""), m = (o) => {
-      _.disabled || o.disabled || (a.value = o.value, t("click", o.value));
+    const r = u, t = i, _ = w(""), m = (l) => {
+      r.disabled || l.disabled || (_.value = l.value, t("click", l.value));
     };
-    return (o, n) => (s(), d("div", {
-      class: l([
-        e(C).segmentGroup,
-        e(C)[`segmentGroup--${o.align}`],
-        { [e(C).fill]: o.fill }
+    return (l, n) => (s(), d("div", {
+      class: a([
+        e(k).segmentGroup,
+        e(k)[`segmentGroup--${l.align}`],
+        { [e(k).fill]: l.fill }
       ])
     }, [
-      (s(!0), d(F, null, U(o.segments, (r) => (s(), d("button", {
-        key: r.value,
-        class: l([
-          e(C).button,
-          e(C)[`button--${o.color}`],
-          e(C)[`button__size_${o.size}`],
-          e(C).fill,
+      (s(!0), d(F, null, U(l.segments, (o) => (s(), d("button", {
+        key: o.value,
+        class: a([
+          e(k).button,
+          e(k)[`button--${l.color}`],
+          e(k)[`button__size_${l.size}`],
+          e(k).fill,
           {
-            [e(C)["button--selected"]]: r.value === a.value
+            [e(k)["button--selected"]]: o.value === _.value
           }
         ]),
-        disabled: r.disabled || _.disabled,
-        onClick: (y) => m(r)
+        disabled: o.disabled || r.disabled,
+        onClick: (y) => m(o)
       }, [
-        r.icon ? (s(), S(e(M), {
+        o.icon ? (s(), S(e(H), {
           key: 0,
-          name: r.icon
+          name: o.icon
         }, null, 8, ["name"])) : f("", !0),
-        r.label ? (s(), d("span", {
+        o.label ? (s(), d("span", {
           key: 1,
-          class: l(e(C).button__label)
-        }, v(r.label), 3)) : f("", !0)
+          class: a(e(k).button__label)
+        }, v(o.label), 3)) : f("", !0)
       ], 10, Ue))), 128))
     ], 2));
   }
-}), Ae = "_wrapper_1pges_169", Ye = "_wrapper__field_1pges_174", Qe = "_wrapper__label_1pges_208", Xe = "_wrapper__bottom_1pges_216", Ze = "_wrapper__errorMessage_1pges_220", Je = "_wrapper__counter_1pges_225", z = {
+}), Ae = "_wrapper_1pges_169", Ye = "_wrapper__field_1pges_174", Qe = "_wrapper__label_1pges_208", Xe = "_wrapper__bottom_1pges_216", Ze = "_wrapper__errorMessage_1pges_220", Je = "_wrapper__counter_1pges_225", C = {
   wrapper: Ae,
   wrapper__field: Ye,
   wrapper__label: Qe,
@@ -428,12 +428,12 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   wrapper__errorMessage: Ze,
   wrapper__counter: Je,
   "wrapper--error": "_wrapper--error_1pges_231"
-}, Ke = ["for"], et = ["id", "maxlength", "name", "placeholder", "value"], tt = ["id", "maxlength", "name", "placeholder", "value"], lt = /* @__PURE__ */ q({
+}, Ke = ["for"], et = ["id", "maxlength", "name", "placeholder", "value"], tt = ["id", "maxlength", "name", "placeholder", "value"], at = /* @__PURE__ */ B({
   __name: "TextInput",
   props: {
     id: {},
     name: {},
-    modelValue: {},
+    modelValue: { default: "" },
     label: { default: "" },
     placeholder: { default: "" },
     maxLength: { default: void 0 },
@@ -443,38 +443,39 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
     autoGrow: { type: Boolean, default: !1 },
     counter: { type: Boolean }
   },
-  emits: ["input", "change", "paste", "focus", "blur"],
+  emits: ["update:modelValue", "input", "change", "paste", "focus", "blur"],
   setup(u, { emit: i }) {
-    const _ = u, t = i, a = w(null), m = () => {
-      if (_.autoGrow && a.value) {
-        a.value.style.height = "";
-        const n = Math.min(a.value.scrollHeight, _.maxHeight || a.value.scrollHeight);
-        a.value.style.height = `${n}px`;
+    const r = u, t = i, _ = w(null), m = () => {
+      if (r.autoGrow && _.value) {
+        _.value.style.height = "";
+        const n = Math.min(_.value.scrollHeight, r.maxHeight || _.value.scrollHeight);
+        _.value.style.height = `${n}px`;
       }
-    }, o = (n) => {
-      t("input", n), m();
+    }, l = (n) => {
+      const o = n.target;
+      t("input", n), t("update:modelValue", o.value), m();
     };
     return D(() => {
       m();
-    }), (n, r) => {
+    }), (n, o) => {
       var y;
       return s(), d("div", {
-        class: l(e(z).wrapper)
+        class: a(e(C).wrapper)
       }, [
         n.label ? (s(), d("label", {
           key: 0,
-          class: l(e(z).wrapper__label),
+          class: a(e(C).wrapper__label),
           for: n.id
         }, v(n.label), 11, Ke)) : f("", !0),
         n.multiline ? (s(), d("textarea", {
           key: 1,
           id: n.id,
           ref_key: "textareaRef",
-          ref: a,
-          class: l([
-            e(z).wrapper__field,
+          ref: _,
+          class: a([
+            e(C).wrapper__field,
             {
-              [e(z)["wrapper--error"]]: n.error
+              [e(C)["wrapper--error"]]: n.error
             }
           ]),
           maxlength: n.maxLength,
@@ -482,41 +483,41 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
           placeholder: n.placeholder,
           style: G(n.maxHeight ? { maxHeight: `${n.maxHeight}px` } : void 0),
           value: n.modelValue,
-          onBlur: r[0] || (r[0] = (c) => t("blur", c)),
-          onChange: r[1] || (r[1] = (c) => n.$emit("change", c)),
-          onFocus: r[2] || (r[2] = (c) => t("focus", c)),
-          onInput: o,
-          onPaste: r[3] || (r[3] = (c) => t("paste", c))
+          onBlur: o[0] || (o[0] = (c) => t("blur", c)),
+          onChange: o[1] || (o[1] = (c) => n.$emit("change", c)),
+          onFocus: o[2] || (o[2] = (c) => t("focus", c)),
+          onInput: l,
+          onPaste: o[3] || (o[3] = (c) => t("paste", c))
         }, null, 46, et)) : (s(), d("input", {
           key: 2,
           id: n.id,
           type: "text",
-          class: l([
-            e(z).wrapper__field,
+          class: a([
+            e(C).wrapper__field,
             {
-              [e(z)["wrapper--error"]]: n.error
+              [e(C)["wrapper--error"]]: n.error
             }
           ]),
           maxlength: n.maxLength,
           name: n.name,
           placeholder: n.placeholder,
           value: n.modelValue,
-          onBlur: r[4] || (r[4] = (c) => t("blur", c)),
-          onChange: r[5] || (r[5] = (c) => n.$emit("change", c)),
-          onFocus: r[6] || (r[6] = (c) => t("focus", c)),
-          onInput: o,
-          onPaste: r[7] || (r[7] = (c) => t("paste", c))
+          onBlur: o[4] || (o[4] = (c) => t("blur", c)),
+          onChange: o[5] || (o[5] = (c) => n.$emit("change", c)),
+          onFocus: o[6] || (o[6] = (c) => t("focus", c)),
+          onInput: l,
+          onPaste: o[7] || (o[7] = (c) => t("paste", c))
         }, null, 42, tt)),
-        k("div", {
-          class: l(e(z).wrapper__bottom)
+        I("div", {
+          class: a(e(C).wrapper__bottom)
         }, [
           n.error ? (s(), d("div", {
             key: 0,
-            class: l(e(z).wrapper__errorMessage)
+            class: a(e(C).wrapper__errorMessage)
           }, v(n.error), 3)) : f("", !0),
           n.counter ? (s(), d("div", {
             key: 1,
-            class: l(e(z).wrapper__counter)
+            class: a(e(C).wrapper__counter)
           }, v(((y = n.modelValue) == null ? void 0 : y.toString().length) || 0), 3)) : f("", !0)
         ], 2)
       ], 2);
@@ -524,12 +525,12 @@ const oe = "_button__size_default_hp1t7_1", re = "_button__size_small_hp1t7_8",
   }
 });
 export {
-  M as I,
-  Me as _,
+  H as I,
+  He as _,
   ot as a,
-  rt as b,
-  _t as c,
-  at as d,
-  lt as e
+  lt as b,
+  rt as c,
+  _t as d,
+  at as e
 };
-//# sourceMappingURL=index-BfxawNec.js.map
+//# sourceMappingURL=index-B76cJgwE.js.map