@namba_one/ui-kit-2 1.0.108 → 1.0.110

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var Zu = Object.defineProperty;
 var Ju = (t, e, a) => e in t ? Zu(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var Me = (t, e, a) => Ju(t, typeof e != "symbol" ? e + "" : e, a);
-import { defineComponent as de, useCssModule as qt, computed as B, createBlock as se, openBlock as v, resolveDynamicComponent as Na, mergeProps as tt, withCtx as H, renderSlot as ue, createElementBlock as S, normalizeClass as b, createVNode as K, unref as f, ref as W, watch as Ke, nextTick as dt, createCommentVNode as Y, withDirectives as en, createElementVNode as X, normalizeStyle as Ye, vShow as yn, h as Rn, Transition as Gt, useSlots as on, toHandlers as yr, useModel as Yt, mergeModels as zt, createTextVNode as Ce, toDisplayString as be, withModifiers as Sa, onMounted as ot, resolveComponent as zr, TransitionGroup as xi, Fragment as De, renderList as Ve, provide as ds, onBeforeUnmount as fs, Teleport as hs, useTemplateRef as Ei, inject as br, isRef as wn, onUnmounted as Ya, readonly as ec, toRef as Fa, getCurrentScope as al, onScopeDispose as nl, vModelText as tc, getCurrentInstance as rl, reactive as _r, createSlots as Bt, normalizeProps as Dt, guardReactiveProps as Wt, render as lo, useAttrs as ac, toValue as nc, onBeforeUpdate as rc, withKeys as sc } from "vue";
+import { defineComponent as de, useCssModule as qt, computed as B, createBlock as se, openBlock as v, resolveDynamicComponent as Na, mergeProps as tt, withCtx as H, renderSlot as ue, createElementBlock as S, normalizeClass as b, createVNode as K, unref as f, ref as W, watch as Ke, nextTick as dt, createCommentVNode as Y, withDirectives as en, createElementVNode as X, normalizeStyle as Ve, vShow as yn, h as Rn, Transition as Gt, useSlots as on, toHandlers as yr, useModel as Yt, mergeModels as zt, createTextVNode as Ce, toDisplayString as be, withModifiers as Sa, onMounted as ot, resolveComponent as zr, TransitionGroup as xi, Fragment as De, renderList as Ne, provide as ds, onBeforeUnmount as fs, Teleport as hs, useTemplateRef as Ei, inject as br, isRef as wn, onUnmounted as Ya, readonly as ec, toRef as Fa, getCurrentScope as al, onScopeDispose as nl, vModelText as tc, getCurrentInstance as rl, reactive as _r, createSlots as Bt, normalizeProps as Dt, guardReactiveProps as Wt, render as lo, useAttrs as ac, toValue as nc, onBeforeUpdate as rc, withKeys as sc } from "vue";
 const ic = /* @__PURE__ */ de({
   __name: "TheText",
   props: {
@@ -125,7 +125,7 @@ const ic = /* @__PURE__ */ de({
   }
 }), zc = {
   $style: sl
-}, DC = /* @__PURE__ */ $e(Rc, [["__cssModules", zc]]), Lc = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.75%2010.25C9.42915%2010.25%2010.0804%2010.5199%2010.5605%2011L14%2014.4395L15.4395%2013C15.9196%2012.5199%2016.5709%2012.25%2017.25%2012.25C17.9291%2012.25%2018.5804%2012.5199%2019.0605%2013L20.7324%2014.6719C20.7483%2013.9005%2020.75%2013.0188%2020.75%2012C20.75%209.8662%2020.7484%208.33328%2020.6055%207.15625C20.4646%205.99702%2020.1958%205.28391%2019.7314%204.74023C19.5869%204.57095%2019.4291%204.41313%2019.2598%204.26855C18.7161%203.80424%2018.003%203.5354%2016.8438%203.39453C15.6667%203.25156%2014.1338%203.25%2012%203.25C9.8662%203.25%208.33328%203.25156%207.15625%203.39453C5.99701%203.53539%205.28391%203.80425%204.74023%204.26855C4.57094%204.41314%204.41314%204.57094%204.26855%204.74023C3.80425%205.28391%203.53539%205.99701%203.39453%207.15625C3.25156%208.33328%203.25%209.8662%203.25%2012C3.25%2013.0188%203.25073%2013.9005%203.2666%2014.6719L6.93945%2011C7.41963%2010.5199%208.07084%2010.25%208.75%2010.25ZM8.75%2011.75C8.50397%2011.75%208.26686%2011.8357%208.07813%2011.9902L8%2012.0605L3.53027%2016.5303C3.48275%2016.5778%203.4286%2016.6144%203.37305%2016.6465C3.38005%2016.7132%203.3867%2016.7793%203.39453%2016.8438C3.5354%2018.003%203.80424%2018.7161%204.26855%2019.2598C4.41313%2019.4291%204.57095%2019.5869%204.74023%2019.7314C5.28391%2020.1958%205.99702%2020.4646%207.15625%2020.6055C8.33328%2020.7484%209.8662%2020.75%2012%2020.75C14.1338%2020.75%2015.6667%2020.7484%2016.8438%2020.6055C18.003%2020.4646%2018.7161%2020.1958%2019.2598%2019.7314C19.4291%2019.5869%2019.5869%2019.4291%2019.7314%2019.2598C20.1958%2018.7161%2020.4646%2018.003%2020.6055%2016.8438C20.6133%2016.7793%2020.619%2016.7131%2020.626%2016.6465C20.5921%2016.6268%2020.5575%2016.6074%2020.5264%2016.582L20.4697%2016.5303L18%2014.0605C17.8012%2013.8617%2017.5313%2013.75%2017.25%2013.75C16.9687%2013.75%2016.6988%2013.8617%2016.5%2014.0605L15.0605%2015.5L16.0303%2016.4697L16.082%2016.5264C16.3223%2016.8209%2016.3049%2017.2557%2016.0303%2017.5303C15.7557%2017.8049%2015.3209%2017.8223%2015.0264%2017.582L14.9697%2017.5303L9.5%2012.0605C9.3011%2011.8617%209.03126%2011.75%208.75%2011.75ZM15.5%206.25C16.1903%206.25%2016.75%206.80961%2016.75%207.5C16.75%208.19039%2016.1903%208.75%2015.5%208.75C14.8097%208.75%2014.25%208.19039%2014.25%207.5C14.25%206.80961%2014.8097%206.25%2015.5%206.25ZM22.25%2012C22.25%2014.0959%2022.2512%2015.7359%2022.0947%2017.0244C21.9361%2018.3303%2021.6056%2019.3756%2020.8721%2020.2344C20.6765%2020.4633%2020.4633%2020.6765%2020.2344%2020.8721C19.3756%2021.6056%2018.3303%2021.9361%2017.0244%2022.0947C15.7359%2022.2512%2014.0959%2022.25%2012%2022.25C9.90407%2022.25%208.26408%2022.2512%206.97559%2022.0947C5.66971%2021.9361%204.62447%2021.6056%203.76563%2020.8721C3.53669%2020.6765%203.32348%2020.4633%203.12793%2020.2344C2.3944%2019.3756%202.06392%2018.3303%201.90527%2017.0244C1.74876%2015.7359%201.75%2014.0959%201.75%2012C1.75%209.90407%201.74876%208.26408%201.90527%206.97559C2.06392%205.66971%202.39441%204.62447%203.12793%203.76563C3.32347%203.53668%203.53668%203.32347%203.76563%203.12793C4.62447%202.39441%205.66971%202.06392%206.97559%201.90527C8.26408%201.74876%209.90407%201.75%2012%201.75C14.0959%201.75%2015.7359%201.74876%2017.0244%201.90527C18.3303%202.06392%2019.3756%202.3944%2020.2344%203.12793C20.4633%203.32348%2020.6765%203.53669%2020.8721%203.76563C21.6056%204.62447%2021.9361%205.66971%2022.0947%206.97559C22.2512%208.26408%2022.25%209.90407%2022.25%2012Z'%20fill='currentColor'/%3e%3c/svg%3e", Vc = ["src"], Nc = ["width", "height", "src", "alt"], Yc = /* @__PURE__ */ de({
+}, FC = /* @__PURE__ */ $e(Rc, [["__cssModules", zc]]), Lc = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.75%2010.25C9.42915%2010.25%2010.0804%2010.5199%2010.5605%2011L14%2014.4395L15.4395%2013C15.9196%2012.5199%2016.5709%2012.25%2017.25%2012.25C17.9291%2012.25%2018.5804%2012.5199%2019.0605%2013L20.7324%2014.6719C20.7483%2013.9005%2020.75%2013.0188%2020.75%2012C20.75%209.8662%2020.7484%208.33328%2020.6055%207.15625C20.4646%205.99702%2020.1958%205.28391%2019.7314%204.74023C19.5869%204.57095%2019.4291%204.41313%2019.2598%204.26855C18.7161%203.80424%2018.003%203.5354%2016.8438%203.39453C15.6667%203.25156%2014.1338%203.25%2012%203.25C9.8662%203.25%208.33328%203.25156%207.15625%203.39453C5.99701%203.53539%205.28391%203.80425%204.74023%204.26855C4.57094%204.41314%204.41314%204.57094%204.26855%204.74023C3.80425%205.28391%203.53539%205.99701%203.39453%207.15625C3.25156%208.33328%203.25%209.8662%203.25%2012C3.25%2013.0188%203.25073%2013.9005%203.2666%2014.6719L6.93945%2011C7.41963%2010.5199%208.07084%2010.25%208.75%2010.25ZM8.75%2011.75C8.50397%2011.75%208.26686%2011.8357%208.07813%2011.9902L8%2012.0605L3.53027%2016.5303C3.48275%2016.5778%203.4286%2016.6144%203.37305%2016.6465C3.38005%2016.7132%203.3867%2016.7793%203.39453%2016.8438C3.5354%2018.003%203.80424%2018.7161%204.26855%2019.2598C4.41313%2019.4291%204.57095%2019.5869%204.74023%2019.7314C5.28391%2020.1958%205.99702%2020.4646%207.15625%2020.6055C8.33328%2020.7484%209.8662%2020.75%2012%2020.75C14.1338%2020.75%2015.6667%2020.7484%2016.8438%2020.6055C18.003%2020.4646%2018.7161%2020.1958%2019.2598%2019.7314C19.4291%2019.5869%2019.5869%2019.4291%2019.7314%2019.2598C20.1958%2018.7161%2020.4646%2018.003%2020.6055%2016.8438C20.6133%2016.7793%2020.619%2016.7131%2020.626%2016.6465C20.5921%2016.6268%2020.5575%2016.6074%2020.5264%2016.582L20.4697%2016.5303L18%2014.0605C17.8012%2013.8617%2017.5313%2013.75%2017.25%2013.75C16.9687%2013.75%2016.6988%2013.8617%2016.5%2014.0605L15.0605%2015.5L16.0303%2016.4697L16.082%2016.5264C16.3223%2016.8209%2016.3049%2017.2557%2016.0303%2017.5303C15.7557%2017.8049%2015.3209%2017.8223%2015.0264%2017.582L14.9697%2017.5303L9.5%2012.0605C9.3011%2011.8617%209.03126%2011.75%208.75%2011.75ZM15.5%206.25C16.1903%206.25%2016.75%206.80961%2016.75%207.5C16.75%208.19039%2016.1903%208.75%2015.5%208.75C14.8097%208.75%2014.25%208.19039%2014.25%207.5C14.25%206.80961%2014.8097%206.25%2015.5%206.25ZM22.25%2012C22.25%2014.0959%2022.2512%2015.7359%2022.0947%2017.0244C21.9361%2018.3303%2021.6056%2019.3756%2020.8721%2020.2344C20.6765%2020.4633%2020.4633%2020.6765%2020.2344%2020.8721C19.3756%2021.6056%2018.3303%2021.9361%2017.0244%2022.0947C15.7359%2022.2512%2014.0959%2022.25%2012%2022.25C9.90407%2022.25%208.26408%2022.2512%206.97559%2022.0947C5.66971%2021.9361%204.62447%2021.6056%203.76563%2020.8721C3.53669%2020.6765%203.32348%2020.4633%203.12793%2020.2344C2.3944%2019.3756%202.06392%2018.3303%201.90527%2017.0244C1.74876%2015.7359%201.75%2014.0959%201.75%2012C1.75%209.90407%201.74876%208.26408%201.90527%206.97559C2.06392%205.66971%202.39441%204.62447%203.12793%203.76563C3.32347%203.53668%203.53668%203.32347%203.76563%203.12793C4.62447%202.39441%205.66971%202.06392%206.97559%201.90527C8.26408%201.74876%209.90407%201.75%2012%201.75C14.0959%201.75%2015.7359%201.74876%2017.0244%201.90527C18.3303%202.06392%2019.3756%202.3944%2020.2344%203.12793C20.4633%203.32348%2020.6765%203.53669%2020.8721%203.76563C21.6056%204.62447%2021.9361%205.66971%2022.0947%206.97559C22.2512%208.26408%2022.25%209.90407%2022.25%2012Z'%20fill='currentColor'/%3e%3c/svg%3e", Vc = ["src"], Nc = ["width", "height", "src", "alt"], Yc = /* @__PURE__ */ de({
   __name: "TheImage",
   props: {
     src: {},
@@ -177,7 +177,7 @@ const ic = /* @__PURE__ */ de({
         X("img", {
           src: f(Lc),
           alt: "image placeholder",
-          style: Ye([e.value !== "error" && { opacity: 0 }])
+          style: Ve([e.value !== "error" && { opacity: 0 }])
         }, null, 12, Vc)
       ], 2)) : Y("", !0),
       en(X("img", tt(n.value, {
@@ -226,7 +226,7 @@ const ic = /* @__PURE__ */ de({
   root: ed
 }, td = {
   $style: il
-}, xC = /* @__PURE__ */ $e(Jc, [["__cssModules", td]]), ad = {};
+}, OC = /* @__PURE__ */ $e(Jc, [["__cssModules", td]]), ad = {};
 function nd(t, e) {
   return v(), S("div", {
     class: b(t.$style.root)
@@ -234,7 +234,7 @@ function nd(t, e) {
 }
 const rd = {
   $style: il
-}, EC = /* @__PURE__ */ $e(ad, [["render", nd], ["__cssModules", rd]]);
+}, IC = /* @__PURE__ */ $e(ad, [["render", nd], ["__cssModules", rd]]);
 function ol({
   tag: t,
   emits: e
@@ -256,7 +256,7 @@ const Xr = (t) => `${Number(t / 12).toFixed(3)}rem`, sd = /* @__PURE__ */ de({
     }));
     return (r, s) => (v(), S("div", {
       class: b(a.value),
-      style: Ye(n.value)
+      style: Ve(n.value)
     }, s[0] || (s[0] = [
       X("svg", {
         width: "48",
@@ -398,7 +398,7 @@ const xr = {
     }, [
       (v(), S("svg", {
         class: b(a.value),
-        style: Ye(n.value)
+        style: Ve(n.value)
       }, [
         X("use", {
           "xlink:href": `#${r.name}`
@@ -412,7 +412,7 @@ const xr = {
   color: pd
 }, md = {
   $style: vd
-}, Qe = /* @__PURE__ */ $e(dd, [["__cssModules", md]]), AC = [
+}, Qe = /* @__PURE__ */ $e(dd, [["__cssModules", md]]), BC = [
   "filled-success",
   "filled-warning",
   "outline-agreement",
@@ -760,7 +760,7 @@ const _d = /* @__PURE__ */ de({
   }
 }), zd = {
   $style: ll
-}, FC = /* @__PURE__ */ $e(Rd, [["__cssModules", zd]]);
+}, PC = /* @__PURE__ */ $e(Rd, [["__cssModules", zd]]);
 function Ld(t) {
   switch (t) {
     case "secondary":
@@ -970,7 +970,7 @@ const Hd = /* @__PURE__ */ de({
   }
 }), of = {
   $style: cl
-}, OC = /* @__PURE__ */ $e(sf, [["__cssModules", of]]), lf = /* @__PURE__ */ de({
+}, RC = /* @__PURE__ */ $e(sf, [["__cssModules", of]]), lf = /* @__PURE__ */ de({
   __name: "Toggle",
   props: {
     value: { type: Boolean, required: !0 },
@@ -1127,7 +1127,7 @@ const Hd = /* @__PURE__ */ de({
       ref: a,
       key: n.value,
       class: b(r.value),
-      style: Ye({ width: n.value })
+      style: Ve({ width: n.value })
     }, o[0] || (o[0] = [
       X("span", null, null, -1)
     ]), 6));
@@ -2782,7 +2782,7 @@ const _h = {
             name: n.value ? "flip-list" : void 0
           }, {
             default: H(() => [
-              (v(!0), S(De, null, Ve(e.value, (c, h) => (v(), se(f(wf), {
+              (v(!0), S(De, null, Ne(e.value, (c, h) => (v(), se(f(wf), {
                 key: c.title + c.description + c.image,
                 isSortable: u.isSortable,
                 isChosen: h === a.value,
@@ -2808,7 +2808,7 @@ const _h = {
   list: $h
 }, Ch = {
   $style: Sl
-}, IC = /* @__PURE__ */ $e(kh, [["__cssModules", Ch]]), Th = /* @__PURE__ */ de({
+}, zC = /* @__PURE__ */ $e(kh, [["__cssModules", Ch]]), Th = /* @__PURE__ */ de({
   __name: "CardContentListSkeleton",
   setup(t) {
     return (e, a) => (v(), S("div", {
@@ -2817,59 +2817,62 @@ const _h = {
       X("div", {
         class: b(e.$style.list)
       }, [
-        (v(), S(De, null, Ve(4, (n) => K(f(Bf), { key: n })), 64))
+        (v(), S(De, null, Ne(4, (n) => K(f(Bf), { key: n })), 64))
       ], 2)
     ], 2));
   }
 }), Sh = {
   $style: Sl
-}, BC = /* @__PURE__ */ $e(Th, [["__cssModules", Sh]]), Mh = /* @__PURE__ */ de({
+}, LC = /* @__PURE__ */ $e(Th, [["__cssModules", Sh]]), Mh = /* @__PURE__ */ de({
   __name: "Chip",
   props: {
-    count: {}
+    count: {},
+    view: { default: "base-primary" }
   },
   emits: ["click", "delete"],
   setup(t, { emit: e }) {
-    const a = e;
-    return (n, r) => (v(), S("button", {
-      class: b(n.$style.root),
-      onClick: r[1] || (r[1] = (s) => a("click"))
+    const a = e, n = B(() => t.view === "base-secondary" ? "foreground-interactive-button-base-secondary" : "foreground-interactive-button-base-primary");
+    return (r, s) => (v(), S("button", {
+      class: b([r.$style.root, r.$style[`view_${r.view}`]]),
+      onClick: s[1] || (s[1] = (i) => a("click"))
     }, [
       K(f(Fe), {
         size: "caption",
-        color: "foreground-interactive-button-base-primary"
+        color: n.value
       }, {
         default: H(() => [
-          ue(n.$slots, "default")
+          ue(r.$slots, "default")
         ]),
         _: 3
-      }),
-      n.count ? (v(), S("div", {
+      }, 8, ["color"]),
+      r.count ? (v(), S("div", {
         key: 0,
-        class: b(n.$style.counter)
+        class: b(r.$style.counter)
       }, [
         K(f(Fe), {
-          class: b(n.$style.value),
+          class: b(r.$style.value),
           size: "caption",
-          color: "foreground-interactive-button-base-primary"
+          color: n.value
         }, {
           default: H(() => [
-            Ce(be(n.count), 1)
+            Ce(be(r.count), 1)
           ]),
           _: 1
-        }, 8, ["class"])
+        }, 8, ["class", "color"])
       ], 2)) : Y("", !0),
       K(f(Qe), {
-        class: b(n.$style.delete),
-        color: "foreground-interactive-button-base-primary",
+        class: b(r.$style.delete),
+        color: n.value,
         size: "18",
         name: "outline-cross",
-        onClick: r[0] || (r[0] = Sa((s) => a("delete"), ["stop"]))
-      }, null, 8, ["class"])
+        onClick: s[0] || (s[0] = Sa((i) => a("delete"), ["stop"]))
+      }, null, 8, ["class", "color"])
     ], 2));
   }
 }), Dh = "Chip__root_f8f48", xh = "Chip__counter_0bf18", Eh = {
   root: Dh,
+  "view_base-primary": "Chip__view_base-primary_e9bb2",
+  "view_base-secondary": "Chip__view_base-secondary_63f45",
   counter: xh,
   delete: "Chip__delete_7a4b5"
 }, Ah = {
@@ -2877,12 +2880,16 @@ const _h = {
 }, Fh = /* @__PURE__ */ $e(Mh, [["__cssModules", Ah]]), Oh = /* @__PURE__ */ de({
   __name: "Divider",
   props: {
-    size: {}
+    size: {},
+    opacity: { default: 1 }
   },
   setup(t) {
     return (e, a) => (v(), S("div", {
-      class: b([e.$style.root, e.$style[`size_${e.size}`]])
-    }, null, 2));
+      class: b([e.$style.root, e.$style[`size_${e.size}`]]),
+      style: Ve({
+        ...Number(e.opacity) !== 1 && { opacity: Number(e.opacity) }
+      })
+    }, null, 6));
   }
 }), Ih = "Divider__root_08288", Bh = "Divider__size_s_0e343", Ph = "Divider__size_m_73f73", Rh = {
   root: Ih,
@@ -2990,7 +2997,7 @@ const _h = {
   "is-open": "Dropdown__is-open_47cb6"
 }, Uh = {
   $style: Wh
-}, PC = /* @__PURE__ */ $e(Vh, [["__cssModules", Uh]]);
+}, VC = /* @__PURE__ */ $e(Vh, [["__cssModules", Uh]]);
 function jh(t, e) {
   if ((!t || t.length === 0) && !e)
     return "";
@@ -3399,7 +3406,7 @@ const Zh = ["accept", "disabled"], Jh = /* @__PURE__ */ de({
   "button-clear": "Dropzone__button-clear_6a354"
 }, ip = {
   $style: sp
-}, RC = /* @__PURE__ */ $e(Jh, [["__cssModules", ip]]), Dl = Symbol();
+}, NC = /* @__PURE__ */ $e(Jh, [["__cssModules", ip]]), Dl = Symbol();
 function op(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
@@ -3994,7 +4001,7 @@ function mp(t) {
     toggle: r
   };
 }
-const zC = () => br(
+const YC = () => br(
   Dl,
   () => 0
 ), gp = /* @__PURE__ */ de({
@@ -4097,7 +4104,7 @@ const zC = () => br(
     return (a, n) => (v(), S("div", {
       class: b(a.$style.root)
     }, [
-      (v(!0), S(De, null, Ve(a.list.slice(0, 5), (r, s) => (v(), S("div", {
+      (v(!0), S(De, null, Ne(a.list.slice(0, 5), (r, s) => (v(), S("div", {
         key: s + r,
         class: b(a.$style.item)
       }, [
@@ -4140,13 +4147,13 @@ const zC = () => br(
   count: Wp
 }, Up = {
   $style: xl
-}, LC = /* @__PURE__ */ $e(zp, [["__cssModules", Up]]), jp = /* @__PURE__ */ de({
+}, HC = /* @__PURE__ */ $e(zp, [["__cssModules", Up]]), jp = /* @__PURE__ */ de({
   __name: "ImageRowSkeleton",
   setup(t) {
     return (e, a) => (v(), S("div", {
       class: b(e.$style.root)
     }, [
-      (v(), S(De, null, Ve(5, (n) => X("div", {
+      (v(), S(De, null, Ne(5, (n) => X("div", {
         key: n,
         class: b(e.$style.item)
       }, [
@@ -4158,7 +4165,7 @@ const zC = () => br(
   }
 }), Gp = {
   $style: xl
-}, VC = /* @__PURE__ */ $e(jp, [["__cssModules", Gp]]);
+}, WC = /* @__PURE__ */ $e(jp, [["__cssModules", Gp]]);
 function tn(t) {
   return typeof t == "string" || t instanceof String;
 }
@@ -4264,25 +4271,25 @@ class Xp {
     this.oldSelection.end === this.oldSelection.start ? Ae.RIGHT : Ae.LEFT;
   }
 }
-function Ne(t, e) {
-  return new Ne.InputMask(t, e);
+function Ye(t, e) {
+  return new Ye.InputMask(t, e);
 }
 function Al(t) {
   if (t == null) throw new Error("mask property should be defined");
-  return t instanceof RegExp ? Ne.MaskedRegExp : tn(t) ? Ne.MaskedPattern : t === Date ? Ne.MaskedDate : t === Number ? Ne.MaskedNumber : Array.isArray(t) || t === Array ? Ne.MaskedDynamic : Ne.Masked && t.prototype instanceof Ne.Masked ? t : Ne.Masked && t instanceof Ne.Masked ? t.constructor : t instanceof Function ? Ne.MaskedFunction : (console.warn("Mask not found for mask", t), Ne.Masked);
+  return t instanceof RegExp ? Ye.MaskedRegExp : tn(t) ? Ye.MaskedPattern : t === Date ? Ye.MaskedDate : t === Number ? Ye.MaskedNumber : Array.isArray(t) || t === Array ? Ye.MaskedDynamic : Ye.Masked && t.prototype instanceof Ye.Masked ? t : Ye.Masked && t instanceof Ye.Masked ? t.constructor : t instanceof Function ? Ye.MaskedFunction : (console.warn("Mask not found for mask", t), Ye.Masked);
 }
 function fr(t) {
   if (!t) throw new Error("Options in not defined");
-  if (Ne.Masked) {
-    if (t.prototype instanceof Ne.Masked) return {
+  if (Ye.Masked) {
+    if (t.prototype instanceof Ye.Masked) return {
       mask: t
     };
     const {
       mask: e = void 0,
       ...a
-    } = t instanceof Ne.Masked ? {
+    } = t instanceof Ye.Masked ? {
       mask: t
-    } : Co(t) && t.mask instanceof Ne.Masked ? t : {};
+    } : Co(t) && t.mask instanceof Ye.Masked ? t : {};
     if (e) {
       const n = e.mask;
       return {
@@ -4300,12 +4307,12 @@ function fr(t) {
   };
 }
 function La(t) {
-  if (Ne.Masked && t instanceof Ne.Masked) return t;
+  if (Ye.Masked && t instanceof Ye.Masked) return t;
   const e = fr(t), a = Al(e.mask);
   if (!a) throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
   return e.mask === a && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new a(e);
 }
-Ne.createMask = La;
+Ye.createMask = La;
 class Pi {
   /** */
   /** */
@@ -4344,7 +4351,7 @@ class Pi {
   /** */
   /** */
 }
-Ne.MaskElement = Pi;
+Ye.MaskElement = Pi;
 const To = 90, Kp = 89;
 class ms extends Pi {
   /** HTMLElement to use mask on */
@@ -4387,7 +4394,7 @@ class ms extends Pi {
     this.input.removeEventListener("keydown", this._onKeydown), this.input.removeEventListener("input", this._onInput), this.input.removeEventListener("beforeinput", this._onBeforeinput), this.input.removeEventListener("compositionend", this._onCompositionEnd), this.input.removeEventListener("drop", this._handlers.drop), this.input.removeEventListener("click", this._handlers.click), this.input.removeEventListener("focus", this._handlers.focus), this.input.removeEventListener("blur", this._handlers.commit), this._handlers = {};
   }
 }
-Ne.HTMLMaskElement = ms;
+Ye.HTMLMaskElement = ms;
 class Qp extends ms {
   /** InputElement to use mask on */
   constructor(e) {
@@ -4412,7 +4419,7 @@ class Qp extends ms {
     this.input.value = e;
   }
 }
-Ne.HTMLMaskElement = ms;
+Ye.HTMLMaskElement = ms;
 class Fl extends ms {
   /** Returns HTMLElement selection start */
   get _unsafeSelectionStart() {
@@ -4440,7 +4447,7 @@ class Fl extends ms {
     this.input.textContent = e;
   }
 }
-Ne.HTMLContenteditableMaskElement = Fl;
+Ye.HTMLContenteditableMaskElement = Fl;
 class gs {
   constructor() {
     this.states = [], this.currentIndex = 0;
@@ -4486,13 +4493,13 @@ class Zp {
   }
   set mask(e) {
     if (this.maskEquals(e)) return;
-    if (!(e instanceof Ne.Masked) && this.masked.constructor === Al(e)) {
+    if (!(e instanceof Ye.Masked) && this.masked.constructor === Al(e)) {
       this.masked.updateOptions({
         mask: e
       });
       return;
     }
-    const a = e instanceof Ne.Masked ? e : La({
+    const a = e instanceof Ye.Masked ? e : La({
       mask: e
     });
     a.unmaskedValue = this.masked.unmaskedValue, this.masked = a;
@@ -4677,7 +4684,7 @@ class Zp {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-Ne.InputMask = Zp;
+Ye.InputMask = Zp;
 class Ge {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -4709,7 +4716,7 @@ class Ge {
     return this.inserted === e.inserted && this.tailShift === e.tailShift && this.rawInserted === e.rawInserted && this.skip === e.skip;
   }
 }
-Ne.ChangeDetails = Ge;
+Ye.ChangeDetails = Ge;
 class ka {
   /** Tail value as string */
   /** Tail start position */
@@ -4993,7 +5000,7 @@ Pt.DEFAULTS = {
   skipInvalid: !0
 };
 Pt.EMPTY_VALUES = [void 0, null, ""];
-Ne.Masked = Pt;
+Ye.Masked = Pt;
 class vn {
   /** */
   constructor(e, a) {
@@ -5020,7 +5027,7 @@ class vn {
     }
   }
   appendTo(e) {
-    if (!(e instanceof Ne.MaskedPattern))
+    if (!(e instanceof Ye.MaskedPattern))
       return new ka(this.toString()).appendTo(e);
     const a = new Ge();
     for (let n = 0; n < this.chunks.length; ++n) {
@@ -5423,7 +5430,7 @@ class ev extends Pt {
     a && (e.validate = (n) => n.search(a) >= 0), super._update(e);
   }
 }
-Ne.MaskedRegExp = ev;
+Ye.MaskedRegExp = ev;
 class Rt extends Pt {
   /** */
   /** */
@@ -5473,7 +5480,7 @@ class Rt extends Pt {
             ...m,
             repeat: g,
             parent: this
-          }, D = g != null ? new Ne.RepeatBlock(
+          }, D = g != null ? new Ye.RepeatBlock(
             y
             /* TODO */
           ) : La(y);
@@ -5732,7 +5739,7 @@ Rt.STOP_CHAR = "`";
 Rt.ESCAPE_CHAR = "\\";
 Rt.InputDefinition = ns;
 Rt.FixedDefinition = Ol;
-Ne.MaskedPattern = Rt;
+Ye.MaskedPattern = Rt;
 class jr extends Rt {
   /**
     Optionally sets max length of pattern.
@@ -5800,7 +5807,7 @@ class jr extends Rt {
     return a;
   }
 }
-Ne.MaskedRange = jr;
+Ye.MaskedRange = jr;
 const tv = "d{.}`m{.}`Y";
 class Aa extends Rt {
   static extractPatternOptions(e) {
@@ -5905,7 +5912,7 @@ Aa.DEFAULTS = {
     return new Date(r, n - 1, a);
   }
 };
-Ne.MaskedDate = Aa;
+Ye.MaskedDate = Aa;
 class ys extends Pt {
   constructor(e) {
     super({
@@ -6119,7 +6126,7 @@ ys.DEFAULTS = {
     return s.sort((i, o) => o.weight - i.weight || o.totalInputPositions - i.totalInputPositions), e.compiledMasks[s[0].index];
   }
 };
-Ne.MaskedDynamic = ys;
+Ye.MaskedDynamic = ys;
 class bs extends Rt {
   constructor(e) {
     super({
@@ -6176,7 +6183,7 @@ bs.DEFAULTS = {
   ...Rt.DEFAULTS,
   matchValue: (t, e, a) => t.indexOf(e, a) === a
 };
-Ne.MaskedEnum = bs;
+Ye.MaskedEnum = bs;
 class av extends Pt {
   /** */
   /** Enable characters overwriting */
@@ -6193,7 +6200,7 @@ class av extends Pt {
     });
   }
 }
-Ne.MaskedFunction = av;
+Ye.MaskedFunction = av;
 var Il;
 class Jt extends Pt {
   /** Single char */
@@ -6398,7 +6405,7 @@ Jt.DEFAULTS = {
     maximumFractionDigits: 20
   })
 };
-Ne.MaskedNumber = Jt;
+Ye.MaskedNumber = Jt;
 const gi = {
   MASKED: "value",
   UNMASKED: "unmaskedValue",
@@ -6412,9 +6419,9 @@ function Bl(t, e, a) {
 function nv(t, e, a, n) {
   return Bl(e, a, n)(t);
 }
-Ne.PIPE_TYPE = gi;
-Ne.createPipe = Bl;
-Ne.pipe = nv;
+Ye.PIPE_TYPE = gi;
+Ye.createPipe = Bl;
+Ye.pipe = nv;
 class rv extends Rt {
   get repeatFrom() {
     var e;
@@ -6508,9 +6515,9 @@ class rv extends Rt {
     this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
   }
 }
-Ne.RepeatBlock = rv;
+Ye.RepeatBlock = rv;
 try {
-  globalThis.IMask = Ne;
+  globalThis.IMask = Ye;
 } catch {
 }
 var sv = {
@@ -6615,7 +6622,7 @@ function iv(t, e) {
   function U() {
     m = u.value;
     const M = l.value;
-    !m || !(M != null && M.mask) || (d.value = Ne(m, M), s !== void 0 && (c.value = s), i !== void 0 && (h.value = i), o !== void 0 && (g.value = o), x(), A(), R(), I(), d.value.on("accept", O).on("complete", Q));
+    !m || !(M != null && M.mask) || (d.value = Ye(m, M), s !== void 0 && (c.value = s), i !== void 0 && (h.value = i), o !== void 0 && (g.value = o), x(), A(), R(), I(), d.value.on("accept", O).on("complete", Q));
   }
   function C() {
     var M;
@@ -6995,7 +7002,7 @@ const cv = {
   }
 }), Fv = {
   $style: Rl
-}, NC = /* @__PURE__ */ $e(Av, [["__cssModules", Fv]]), Ov = {
+}, UC = /* @__PURE__ */ $e(Av, [["__cssModules", Fv]]), Ov = {
   base: "text-common-base-primary-default",
   secondary: "text-common-base-secondary-default",
   brand: "text-common-primary-default"
@@ -7063,7 +7070,7 @@ const cv = {
   view_brand: Nv
 }, Hv = {
   $style: Yv
-}, YC = /* @__PURE__ */ $e(Bv, [["__cssModules", Hv]]), Wv = /* @__PURE__ */ de({
+}, jC = /* @__PURE__ */ $e(Bv, [["__cssModules", Hv]]), Wv = /* @__PURE__ */ de({
   __name: "ListHeader",
   props: /* @__PURE__ */ zt({
     isSortable: { type: Boolean },
@@ -7132,7 +7139,7 @@ const cv = {
   buttons: Gv
 }, Xv = {
   $style: qv
-}, HC = /* @__PURE__ */ $e(Wv, [["__cssModules", Xv]]), Kv = /* @__PURE__ */ de({
+}, GC = /* @__PURE__ */ $e(Wv, [["__cssModules", Xv]]), Kv = /* @__PURE__ */ de({
   __name: "ModalConfirmation",
   props: {
     view: {},
@@ -7220,7 +7227,7 @@ const cv = {
   button: tm
 }, nm = {
   $style: am
-}, WC = /* @__PURE__ */ $e(Kv, [["__cssModules", nm]]), rm = /* @__PURE__ */ de({
+}, qC = /* @__PURE__ */ $e(Kv, [["__cssModules", nm]]), rm = /* @__PURE__ */ de({
   __name: "Price",
   props: {
     value: {},
@@ -7305,7 +7312,7 @@ const cv = {
   size_title1: pm
 }, mm = {
   $style: vm
-}, UC = /* @__PURE__ */ $e(rm, [["__cssModules", mm]]), gm = {
+}, XC = /* @__PURE__ */ $e(rm, [["__cssModules", mm]]), gm = {
   large: {
     size: "headline",
     weight: "semibold"
@@ -7391,7 +7398,7 @@ const cv = {
   size_small: Sm
 }, Dm = {
   $style: Mm
-}, xm = /* @__PURE__ */ $e(bm, [["__cssModules", Dm]]), jC = /* @__PURE__ */ de({
+}, xm = /* @__PURE__ */ $e(bm, [["__cssModules", Dm]]), KC = /* @__PURE__ */ de({
   __name: "EmptyResponse",
   props: {
     img: {},
@@ -7444,7 +7451,7 @@ const cv = {
   root: Am
 }, Om = {
   $style: Fm
-}, GC = /* @__PURE__ */ $e(Em, [["__cssModules", Om]]);
+}, QC = /* @__PURE__ */ $e(Em, [["__cssModules", Om]]);
 function Im(t) {
   return al() ? (nl(t), !0) : !1;
 }
@@ -7611,7 +7618,7 @@ const Lm = /* @__PURE__ */ de({
           ref_key: "dropdownRef",
           ref: s,
           class: b(c.$style.dropdown),
-          style: Ye([i.value, o.value])
+          style: Ve([i.value, o.value])
         }, [
           ue(c.$slots, "dropdown")
         ], 6)) : Y("", !0)
@@ -7741,7 +7748,7 @@ const Lm = /* @__PURE__ */ de({
         X("div", {
           class: b(s.$style.list)
         }, [
-          (v(!0), S(De, null, Ve(s.data, (o) => (v(), S("div", {
+          (v(!0), S(De, null, Ne(s.data, (o) => (v(), S("div", {
             key: o.id,
             class: b([
               s.$style.item,
@@ -7793,7 +7800,7 @@ const Lm = /* @__PURE__ */ de({
   "is-open": "Select__is-open_000d1"
 }, Qm = {
   $style: Km
-}, qC = /* @__PURE__ */ $e(jm, [["__cssModules", Qm]]), Zm = "";
+}, ZC = /* @__PURE__ */ $e(jm, [["__cssModules", Qm]]), Zm = "";
 function _s(t, e) {
   e === void 0 && (e = {});
   var a = e.insertAt;
@@ -8557,7 +8564,7 @@ function $0(t, e, a, n, r, s) {
     {
       ref: "container",
       class: "vc-saturation",
-      style: Ye({ background: s.bgColor }),
+      style: Ve({ background: s.bgColor }),
       onMousedown: e[0] || (e[0] = (...i) => s.handleMouseDown && s.handleMouseDown(...i)),
       onTouchmove: e[1] || (e[1] = (...i) => s.handleChange && s.handleChange(...i)),
       onTouchstart: e[2] || (e[2] = (...i) => s.handleChange && s.handleChange(...i))
@@ -8569,7 +8576,7 @@ function $0(t, e, a, n, r, s) {
         "div",
         {
           class: "vc-saturation-pointer",
-          style: Ye({ top: s.pointerTop, left: s.pointerLeft })
+          style: Ve({ top: s.pointerTop, left: s.pointerLeft })
         },
         k0,
         4
@@ -8692,7 +8699,7 @@ function D0(t, e, a, n, r, s) {
           "div",
           {
             class: "vc-hue-pointer",
-            style: Ye({ top: s.pointerTop, left: s.pointerLeft }),
+            style: Ve({ top: s.pointerTop, left: s.pointerLeft }),
             role: "presentation"
           },
           M0,
@@ -8895,12 +8902,12 @@ function G0(t, e, a, n, r, s) {
                 X("div", {
                   class: "vc-ps-previews__pr-color",
                   "aria-label": `New color is ${t.colors.hex}`,
-                  style: Ye({ background: t.colors.hex })
+                  style: Ve({ background: t.colors.hex })
                 }, null, 12, z0),
                 X("div", {
                   class: "vc-ps-previews__pr-color",
                   "aria-label": `Current color is ${r.currentColor}`,
-                  style: Ye({ background: r.currentColor }),
+                  style: Ve({ background: r.currentColor }),
                   onClick: e[0] || (e[0] = (...u) => s.clickCurrentColor && s.clickCurrentColor(...u))
                 }, null, 12, L0)
               ]),
@@ -9069,7 +9076,7 @@ const X0 = /* @__PURE__ */ de({
                 i(a.value) ? (v(), S("div", {
                   key: 0,
                   class: b(d.$style["color-box"]),
-                  style: Ye({ backgroundColor: a.value ?? "" })
+                  style: Ve({ backgroundColor: a.value ?? "" })
                 }, null, 6)) : Y("", !0)
               ]),
               _: 1
@@ -9102,7 +9109,7 @@ const X0 = /* @__PURE__ */ de({
   "color-placeholder": "ColorPicker__color-placeholder_5b585"
 }, eg = {
   $style: J0
-}, XC = /* @__PURE__ */ $e(X0, [["__cssModules", eg]]), tg = /* @__PURE__ */ de({
+}, JC = /* @__PURE__ */ $e(X0, [["__cssModules", eg]]), tg = /* @__PURE__ */ de({
   __name: "SkeletonWrapper",
   props: {
     isLoading: { type: Boolean, default: !0 }
@@ -9245,7 +9252,7 @@ const X0 = /* @__PURE__ */ de({
       X("div", {
         class: b(f(a).wrapper)
       }, [
-        (v(!0), S(De, null, Ve(y.data, (F, I) => (v(), S("div", {
+        (v(!0), S(De, null, Ne(y.data, (F, I) => (v(), S("div", {
           key: `${F.id}-${I}`,
           ref_for: !0,
           ref: (O) => i(O, I),
@@ -9295,7 +9302,7 @@ const X0 = /* @__PURE__ */ de({
         ], 10, og))), 128)),
         X("div", {
           class: b(f(a).caret),
-          style: Ye(r.value)
+          style: Ve(r.value)
         }, null, 6)
       ], 2)
     ], 2));
@@ -9316,7 +9323,7 @@ const X0 = /* @__PURE__ */ de({
   view_flat: mg
 }, yg = {
   $style: gg
-}, KC = /* @__PURE__ */ $e(lg, [["__cssModules", yg]]), Kn = 300, QC = /* @__PURE__ */ de({
+}, eT = /* @__PURE__ */ $e(lg, [["__cssModules", yg]]), Kn = 300, tT = /* @__PURE__ */ de({
   __name: "TransitionHeight",
   setup(t) {
     const e = W(""), a = W("1"), n = W("blur(0px)");
@@ -9344,7 +9351,7 @@ const X0 = /* @__PURE__ */ de({
       transition: `height ${Kn}ms ease, opacity ${Kn}ms ease,  filter ${Kn}ms ease`
     }));
     return fs(() => clearTimeout(r)), (c, h) => (v(), S("div", {
-      style: Ye(d.value)
+      style: Ve(d.value)
     }, [
       K(Gt, {
         mode: "out-in",
@@ -9396,7 +9403,7 @@ const X0 = /* @__PURE__ */ de({
   name: wg
 }, kg = {
   $style: Hl
-}, ZC = /* @__PURE__ */ $e(bg, [["__cssModules", kg]]), $g = /* @__PURE__ */ de({
+}, aT = /* @__PURE__ */ $e(bg, [["__cssModules", kg]]), $g = /* @__PURE__ */ de({
   __name: "UserRowSkeleton",
   setup(t) {
     return (e, a) => (v(), S("div", {
@@ -9411,7 +9418,7 @@ const X0 = /* @__PURE__ */ de({
   }
 }), Cg = {
   $style: Hl
-}, JC = /* @__PURE__ */ $e($g, [["__cssModules", Cg]]);
+}, nT = /* @__PURE__ */ $e($g, [["__cssModules", Cg]]);
 function ia(t) {
   if (window) {
     const a = Math.min(Math.max(window.innerWidth, 1200), 1440) / 100;
@@ -9433,7 +9440,7 @@ const Tg = /* @__PURE__ */ de({
     }));
     return (a, n) => (v(), S("div", {
       class: b(a.$style.root),
-      style: Ye(e.value)
+      style: Ve(e.value)
     }, [
       ue(a.$slots, "default")
     ], 6));
@@ -9442,7 +9449,7 @@ const Tg = /* @__PURE__ */ de({
   root: Sg
 }, Dg = {
   $style: Mg
-}, eT = /* @__PURE__ */ $e(Tg, [["__cssModules", Dg]]), xg = {};
+}, rT = /* @__PURE__ */ $e(Tg, [["__cssModules", Dg]]), xg = {};
 function Eg(t, e) {
   return v(), se(Gt, {
     name: "slide-right",
@@ -9454,7 +9461,7 @@ function Eg(t, e) {
     _: 3
   });
 }
-const tT = /* @__PURE__ */ $e(xg, [["render", Eg]]), Ag = "TransitionSlideDown__active_9cd47", Fg = {
+const sT = /* @__PURE__ */ $e(xg, [["render", Eg]]), Ag = "TransitionSlideDown__active_9cd47", Fg = {
   active: Ag,
   "enter-to": "TransitionSlideDown__enter-to_291c9",
   "enter-from": "TransitionSlideDown__enter-from_1d067",
@@ -9480,7 +9487,7 @@ function Ig(t, e) {
 }
 const Bg = {
   $style: Fg
-}, aT = /* @__PURE__ */ $e(Og, [["render", Ig], ["__cssModules", Bg]]);
+}, iT = /* @__PURE__ */ $e(Og, [["render", Ig], ["__cssModules", Bg]]);
 function Pg({
   parent: t,
   element: e,
@@ -9663,7 +9670,7 @@ function Ss() {
     parentElementRef: a
   };
 }
-const Wl = Symbol(), nT = () => br(
+const Wl = Symbol(), oT = () => br(
   Wl,
   () => 0
 ), Hg = /* @__PURE__ */ de({
@@ -9740,7 +9747,7 @@ const Wl = Symbol(), nT = () => br(
             ref_key: "fixedElementRef",
             ref: r,
             class: b(c.$style.dropdown),
-            style: Ye({ ...i.value, ...s.value })
+            style: Ve({ ...i.value, ...s.value })
           }, [
             ue(c.$slots, "default", { align: o.value })
           ], 6)) : Y("", !0)
@@ -10036,7 +10043,7 @@ const Wl = Symbol(), nT = () => br(
           default: H(() => {
             var R;
             return [
-              (v(!0), S(De, null, Ve((R = f(a)) == null ? void 0 : R.list.value, (U, C) => (v(), S("div", {
+              (v(!0), S(De, null, Ne((R = f(a)) == null ? void 0 : R.list.value, (U, C) => (v(), S("div", {
                 key: U.id,
                 id: `${U.id}`,
                 ref_for: !0,
@@ -10047,15 +10054,15 @@ const Wl = Symbol(), nT = () => br(
                   x.$style[`view_${U.view ?? "success"}`],
                   s.value ? "is-expand" : ""
                 ]),
-                style: Ye(d(C).toaster)
+                style: Ve(d(C).toaster)
               }, [
                 X("div", {
                   class: b(x.$style.left),
-                  style: Ye(d(C).left)
+                  style: Ve(d(C).left)
                 }, null, 6),
                 X("div", {
                   class: b(x.$style.body),
-                  style: Ye(d(C).body)
+                  style: Ve(d(C).body)
                 }, [
                   K(ty, {
                     toast: U,
@@ -10064,19 +10071,19 @@ const Wl = Symbol(), nT = () => br(
                 ], 6),
                 X("div", {
                   class: b(x.$style.right),
-                  style: Ye(d(C).right)
+                  style: Ve(d(C).right)
                 }, null, 6),
                 X("div", {
                   class: b([x.$style.left, x.$style.shadow]),
-                  style: Ye(d(C).left)
+                  style: Ve(d(C).left)
                 }, null, 6),
                 X("div", {
                   class: b([x.$style.body, x.$style.shadow]),
-                  style: Ye(d(C).body)
+                  style: Ve(d(C).body)
                 }, null, 6),
                 X("div", {
                   class: b([x.$style.right, x.$style.shadow]),
-                  style: Ye(d(C).right)
+                  style: Ve(d(C).right)
                 }, null, 6)
               ], 14, ry))), 128))
             ];
@@ -10108,7 +10115,7 @@ const Wl = Symbol(), nT = () => br(
   shadow: py
 }, my = {
   $style: vy
-}, rT = /* @__PURE__ */ $e(sy, [["__cssModules", my]]), Gl = 6048e5, gy = 864e5, yy = 6e4, ql = 36e5, by = 1e3, Oo = Symbol.for("constructDateFrom");
+}, lT = /* @__PURE__ */ $e(sy, [["__cssModules", my]]), Gl = 6048e5, gy = 864e5, yy = 6e4, ql = 36e5, by = 1e3, Oo = Symbol.for("constructDateFrom");
 function st(t, e) {
   return typeof t == "function" ? t(e) : t && typeof t == "object" && Oo in t ? t[Oo](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
 }
@@ -14235,7 +14242,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           key: 0,
           class: "dp__selection_preview",
           title: ie.value,
-          style: Ye(F.value)
+          style: Ve(F.value)
         }, [
           k.$slots["action-preview"] && D.value ? ue(k.$slots, "action-preview", {
             key: 0,
@@ -14411,7 +14418,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         ref_key: "gridWrapRef",
         ref: y,
         class: b(R.value),
-        style: Ye(U.value),
+        style: Ve(U.value),
         role: E.useRelative ? void 0 : "dialog",
         "aria-label": E.overlayLabel,
         tabindex: E.useRelative ? void 0 : "0",
@@ -14423,18 +14430,18 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           ref_key: "containerRef",
           ref: Q,
           class: b(Z.value),
-          style: Ye({ "--dp-overlay-height": `${O.value}px` }),
+          style: Ve({ "--dp-overlay-height": `${O.value}px` }),
           role: "grid"
         }, [
           X("div", fw, [
             ue(E.$slots, "header")
           ]),
-          E.$slots.overlay ? ue(E.$slots, "overlay", { key: 0 }) : (v(!0), S(De, { key: 1 }, Ve(E.items, (re, p) => (v(), S("div", {
+          E.$slots.overlay ? ue(E.$slots, "overlay", { key: 0 }) : (v(!0), S(De, { key: 1 }, Ne(E.items, (re, p) => (v(), S("div", {
             key: p,
             class: b(["dp__overlay_row", { dp__flex_row: E.items.length >= 3 }]),
             role: "row"
           }, [
-            (v(!0), S(De, null, Ve(re, (q, pe) => (v(), S("div", {
+            (v(!0), S(De, null, Ne(re, (q, pe) => (v(), S("div", {
               key: q.value,
               ref_for: !0,
               ref: (Be) => w(Be, q, p, pe),
@@ -14503,7 +14510,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       }),
       "data-dp-mobile": r.isMobile
     }, [
-      (v(!0), S(De, null, Ve(a.value, (i, o) => (v(), S("div", {
+      (v(!0), S(De, null, Ne(a.value, (i, o) => (v(), S("div", {
         key: i,
         class: b(n.value)
       }, [
@@ -14970,7 +14977,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               onYearSelect: (M) => f(Q)(M, C),
               onToggleYearPicker: (M) => f(O)(C, M == null ? void 0 : M.flow, M == null ? void 0 : M.show)
             }), Bt({ _: 2 }, [
-              Ve(f(s), (M, Z) => ({
+              Ne(f(s), (M, Z) => ({
                 name: M,
                 fn: H((ie) => [
                   ue(R.$slots, M, Dt(Wt(ie)))
@@ -15213,7 +15220,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
     return e({ openChildCmp: ze }), (_, ve) => {
       var ge;
       return _.disabled ? Y("", !0) : (v(), S("div", kw, [
-        (v(!0), S(De, null, Ve(w.value, (ye, je) => {
+        (v(!0), S(De, null, Ne(w.value, (ye, je) => {
           var We, Je, ht;
           return v(), S("div", {
             key: je,
@@ -15337,7 +15344,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             onKeydown: ve[0] || (ve[0] = (ye) => f(Nt)(ye, () => J(), !0))
           }, be(D.value), 41, Dw))
         ])),
-        (v(!0), S(De, null, Ve(P.value, (ye, je) => (v(), se(Gt, {
+        (v(!0), S(De, null, Ne(P.value, (ye, je) => (v(), se(Gt, {
           key: je,
           name: f(g)(y[ye.type]),
           css: f(m)
@@ -15500,7 +15507,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                   "dp--overlay-absolute": !r.timePicker && !z.timePickerInline,
                   "dp--overlay-relative": r.timePicker
                 }),
-                style: Ye(z.timePicker ? { height: `${f(c).modeHeight}px` } : void 0),
+                style: Ve(z.timePicker ? { height: `${f(c).modeHeight}px` } : void 0),
                 "aria-label": (fe = f(u)) == null ? void 0 : fe.timePicker,
                 tabindex: z.timePickerInline ? void 0 : 0
               }, [
@@ -15523,7 +15530,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                     key: 1,
                     class: b(z.timePickerInline ? "dp__flex" : "dp__overlay_row dp__flex_row")
                   }, [
-                    (v(!0), S(De, null, Ve(U.value, (N, ee) => en((v(), se(xw, tt({
+                    (v(!0), S(De, null, Ne(U.value, (N, ee) => en((v(), se(xw, tt({
                       key: ee,
                       ref_for: !0
                     }, {
@@ -15548,7 +15555,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                       onOverlayOpened: L,
                       onAmPmChange: te[2] || (te[2] = (re) => z.$emit("am-pm-change", re))
                     }), Bt({ _: 2 }, [
-                      Ve(f(Z), (re, p) => ({
+                      Ne(f(Z), (re, p) => ({
                         name: re,
                         fn: H((q) => [
                           ue(z.$slots, re, tt({ ref_for: !0 }, q))
@@ -15752,7 +15759,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           onOverlayClosed: m[5] || (m[5] = (y) => g.$emit("overlay-toggle", { open: !1, overlay: y })),
           onOverlayOpened: m[6] || (m[6] = (y) => g.$emit("overlay-toggle", { open: !0, overlay: y }))
         }), Bt({ _: 2 }, [
-          Ve(f(i), (y, D) => ({
+          Ne(f(i), (y, D) => ({
             name: y,
             fn: H((F) => [
               ue(g.$slots, y, Dt(Wt(F)))
@@ -15903,7 +15910,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                 dp__year_disable_select: E.disableYearSelect
               }])
             }, [
-              (v(!0), S(De, null, Ve(fe.value, (J, ze) => (v(), S(De, {
+              (v(!0), S(De, null, Ne(fe.value, (J, ze) => (v(), S(De, {
                 key: J.type
               }, [
                 X("button", {
@@ -16155,7 +16162,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       }, [
         X("div", Yw, [
           J.weekNumbers ? (v(), S("div", Hw, be(J.weekNumName), 1)) : Y("", !0),
-          (v(!0), S(De, null, Ve(U.value, (le, me) => {
+          (v(!0), S(De, null, Ne(U.value, (le, me) => {
             var _, ve;
             return v(), S("div", {
               key: me,
@@ -16187,7 +16194,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               role: "rowgroup",
               onMouseleave: ze[1] || (ze[1] = (le) => A.value = !1)
             }, [
-              (v(!0), S(De, null, Ve(R.value, (le, me) => (v(), S("div", {
+              (v(!0), S(De, null, Ne(R.value, (le, me) => (v(), S("div", {
                 key: me,
                 class: "dp__calendar_row",
                 role: "row"
@@ -16195,7 +16202,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                 J.weekNumbers ? (v(), S("div", Uw, [
                   X("div", jw, be(p(le.days)), 1)
                 ])) : Y("", !0),
-                (v(!0), S(De, null, Ve(le.days, (_, ve) => {
+                (v(!0), S(De, null, Ne(le.days, (_, ve) => {
                   var ge, ye, je;
                   return v(), S("div", {
                     id: f(Si)(_.value),
@@ -16237,7 +16244,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                         }) : (v(), S("div", {
                           key: 1,
                           class: b(ie.value(_.marker)),
-                          style: Ye(_.marker.color ? { backgroundColor: _.marker.color } : {})
+                          style: Ve(_.marker.color ? { backgroundColor: _.marker.color } : {})
                         }, null, 6))
                       ], 64)) : Y("", !0),
                       ke.value(_.value) ? (v(), S("div", {
@@ -16246,14 +16253,14 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                         ref_key: "activeTooltip",
                         ref: Q,
                         class: "dp__marker_tooltip",
-                        style: Ye(m.value)
+                        style: Ve(m.value)
                       }, [
                         (je = _.marker) != null && je.tooltip ? (v(), S("div", {
                           key: 0,
                           class: "dp__tooltip_content",
                           onClick: pe
                         }, [
-                          (v(!0), S(De, null, Ve(_.marker.tooltip, (We, Je) => (v(), S("div", {
+                          (v(!0), S(De, null, Ne(_.marker.tooltip, (We, Je) => (v(), S("div", {
                             key: Je,
                             class: "dp__tooltip_text"
                           }, [
@@ -16265,14 +16272,14 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
                             J.$slots["marker-tooltip"] ? Y("", !0) : (v(), S(De, { key: 1 }, [
                               X("div", {
                                 class: "dp__tooltip_mark",
-                                style: Ye(We.color ? { backgroundColor: We.color } : {})
+                                style: Ve(We.color ? { backgroundColor: We.color } : {})
                               }, null, 4),
                               X("div", null, be(We.text), 1)
                             ], 64))
                           ]))), 128)),
                           X("div", {
                             class: "dp__arrow_bottom_tp",
-                            style: Ye(x.value)
+                            style: Ve(x.value)
                           }, null, 4)
                         ])) : Y("", !0)
                       ], 4)) : Y("", !0)
@@ -16691,7 +16698,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             onOverlayClosed: ze,
             onOverlayOpened: me[2] || (me[2] = (ge) => le.$emit("overlay-toggle", { open: !0, overlay: ge }))
           }), Bt({ _: 2 }, [
-            Ve(f(L), (ge, ye) => ({
+            Ne(f(L), (ge, ye) => ({
               name: ge,
               fn: H((je) => [
                 ue(le.$slots, ge, Dt(Wt(je)))
@@ -16717,7 +16724,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             onTooltipOpen: me[6] || (me[6] = (ge) => le.$emit("tooltip-open", ge)),
             onTooltipClose: me[7] || (me[7] = (ge) => le.$emit("tooltip-close", ge))
           }), Bt({ _: 2 }, [
-            Ve(f(P), (ge, ye) => ({
+            Ne(f(P), (ge, ye) => ({
               name: ge,
               fn: H((je) => [
                 ue(le.$slots, ge, Dt(Wt({ ...je })))
@@ -16748,7 +16755,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           onOverlayOpened: me[14] || (me[14] = (_) => J(_, !0)),
           onAmPmChange: me[15] || (me[15] = (_) => le.$emit("am-pm-change", _))
         }), Bt({ _: 2 }, [
-          Ve(f(z), (_, ve) => ({
+          Ne(f(z), (_, ve) => ({
             name: _,
             fn: H((ge) => [
               ue(le.$slots, _, Dt(Wt(ge)))
@@ -16881,7 +16888,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
       default: H(({ instance: A }) => [
         X("div", {
           class: "dp-quarter-picker-wrap",
-          style: Ye({ minHeight: `${f(l).modeHeight}px` })
+          style: Ve({ minHeight: `${f(l).modeHeight}px` })
         }, [
           Q.$slots["top-extra"] ? ue(Q.$slots, "top-extra", {
             key: 0,
@@ -16898,7 +16905,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               onYearSelect: (R) => f(I)(R, A),
               onToggleYearPicker: (R) => f(F)(A, R == null ? void 0 : R.flow, R == null ? void 0 : R.show)
             }), Bt({ _: 2 }, [
-              Ve(f(i), (R, U) => ({
+              Ne(f(i), (R, U) => ({
                 name: R,
                 fn: H((C) => [
                   ue(Q.$slots, R, Dt(Wt(C)))
@@ -16907,7 +16914,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             ]), 1040, ["items", "instance", "show-year-picker", "year", "is-disabled", "onHandleYear", "onYearSelect", "onToggleYearPicker"])
           ]),
           X("div", Jw, [
-            (v(!0), S(De, null, Ve(f(h)(A), (R, U) => (v(), S("div", { key: U }, [
+            (v(!0), S(De, null, Ne(f(h)(A), (R, U) => (v(), S("div", { key: U }, [
               X("button", {
                 type: "button",
                 class: b(["dp--qr-btn", {
@@ -17134,7 +17141,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
         role: f(h).enabled ? void 0 : "dialog",
         "aria-label": (Ze = j.ariaLabels) == null ? void 0 : Ze.menu,
         class: b(p.value),
-        style: Ye({ "--dp-arrow-left": z.value }),
+        style: Ve({ "--dp-arrow-left": z.value }),
         onMouseleave: ye,
         onClick: q,
         onKeydown: Je
@@ -17162,7 +17169,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             "dp--menu-content-wrapper-collapsed": t.collapse && (((aa = j.presetDates) == null ? void 0 : aa.length) || !!j.$slots["left-sidebar"] || !!j.$slots["right-sidebar"])
           }),
           "data-dp-mobile": f(D),
-          style: Ye({ "--dp-menu-width": `${I.value}px` })
+          style: Ve({ "--dp-menu-width": `${I.value}px` })
         }, [
           j.$slots["left-sidebar"] ? (v(), S("div", i1, [
             ue(j.$slots, "left-sidebar", Dt(Wt(V.value)))
@@ -17172,7 +17179,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
             class: b({ "dp--preset-dates-collapsed": t.collapse, "dp--preset-dates": !0 }),
             "data-dp-mobile": f(D)
           }, [
-            (v(!0), S(De, null, Ve(j.presetDates, (ae, T) => (v(), S(De, { key: T }, [
+            (v(!0), S(De, null, Ne(j.presetDates, (ae, T) => (v(), S(De, { key: T }, [
               ae.slot ? ue(j.$slots, ae.slot, {
                 key: 0,
                 presetDate: ge,
@@ -17181,7 +17188,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               }) : (v(), S("button", {
                 key: 1,
                 type: "button",
-                style: Ye(ae.style || {}),
+                style: Ve(ae.style || {}),
                 class: b(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": t.collapse }]),
                 "data-test-id": ae.testId ?? void 0,
                 "data-dp-mobile": f(D),
@@ -17224,7 +17231,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
               onOverlayToggle: _e[14] || (_e[14] = (ae) => j.$emit("overlay-toggle", ae)),
               "onUpdate:internalModelValue": _e[15] || (_e[15] = (ae) => j.$emit("update:internal-model-value", ae))
             }), Bt({ _: 2 }, [
-              Ve(N.value, (ae, T) => ({
+              Ne(N.value, (ae, T) => ({
                 name: ae,
                 fn: H((he) => [
                   ue(j.$slots, ae, Dt(Wt({ ...he })))
@@ -17252,7 +17259,7 @@ const Ci = (t, e) => t == null ? void 0 : t.querySelector(`[data-dp-element="${e
           onInvalidSelect: _e[18] || (_e[18] = (ae) => j.$emit("invalid-select")),
           onSelectNow: ve
         }), Bt({ _: 2 }, [
-          Ve(f(E), (ae, T) => ({
+          Ne(f(E), (ae, T) => ({
             name: ae,
             fn: H((he) => [
               ue(j.$slots, ae, Dt(Wt({ ...he })))
@@ -18201,7 +18208,7 @@ const d1 = ({
         onRealBlur: Te[1] || (Te[1] = (Ee) => h.value = !1),
         onTextInput: Te[2] || (Te[2] = (Ee) => ne.$emit("text-input", Ee))
       }), Bt({ _: 2 }, [
-        Ve(f(L), (Ee, Da) => ({
+        Ne(f(L), (Ee, Da) => ({
           name: Ee,
           fn: H((ga) => [
             ue(ne.$slots, Ee, Dt(Wt(ga)))
@@ -18257,7 +18264,7 @@ const d1 = ({
                   onOverlayToggle: Te[18] || (Te[18] = (Ee) => ne.$emit("overlay-toggle", Ee)),
                   onMenuBlur: Te[19] || (Te[19] = (Ee) => ne.$emit("blur"))
                 }), Bt({ _: 2 }, [
-                  Ve(f(P), (Ee, Da) => ({
+                  Ne(f(P), (Ee, Da) => ({
                     name: Ee,
                     fn: H((ga) => [
                       ue(ne.$slots, Ee, Dt(Wt({ ...ga })))
@@ -18911,7 +18918,7 @@ const os = /* @__PURE__ */ op(I1), B1 = /* @__PURE__ */ de({
       X("div", {
         class: b([d.$style.content, a.value && d.$style.spacing])
       }, [
-        (v(!0), S(De, null, Ve(d.list, (h) => (v(), S("label", {
+        (v(!0), S(De, null, Ne(d.list, (h) => (v(), S("label", {
           key: h.key,
           class: b(d.$style["checkbox-wrapper"])
         }, [
@@ -18966,7 +18973,8 @@ const os = /* @__PURE__ */ op(I1), B1 = /* @__PURE__ */ de({
 }, Lu = /* @__PURE__ */ $e(ok, [["__cssModules", vk]]), mk = /* @__PURE__ */ de({
   __name: "FilterChip",
   props: {
-    count: {}
+    count: {},
+    view: {}
   },
   emits: ["click", "delete"],
   setup(t, { expose: e, emit: a }) {
@@ -19204,7 +19212,7 @@ const os = /* @__PURE__ */ op(I1), B1 = /* @__PURE__ */ de({
               X("div", {
                 class: b(m.$style.left)
               }, [
-                (v(!0), S(De, null, Ve(m.list, (D) => (v(), S("div", {
+                (v(!0), S(De, null, Ne(m.list, (D) => (v(), S("div", {
                   key: `${D.key}-filter`,
                   class: b([
                     m.$style.filter,
@@ -19271,7 +19279,7 @@ const os = /* @__PURE__ */ op(I1), B1 = /* @__PURE__ */ de({
           _: 3
         }, 8, ["is-show-dropdown"])
       ]),
-      (v(!0), S(De, null, Ve(c.value, (D) => ue(m.$slots, "renderChip", {
+      (v(!0), S(De, null, Ne(c.value, (D) => ue(m.$slots, "renderChip", {
         item: D,
         apply: a,
         drop: g
@@ -19302,7 +19310,7 @@ const os = /* @__PURE__ */ op(I1), B1 = /* @__PURE__ */ de({
   grow: Lk
 }, Nk = {
   $style: Vk
-}, sT = /* @__PURE__ */ $e(Fk, [["__cssModules", Nk]]), Yk = /* @__PURE__ */ de({
+}, uT = /* @__PURE__ */ $e(Fk, [["__cssModules", Nk]]), Yk = /* @__PURE__ */ de({
   __name: "ToastItem",
   props: {
     title: {},
@@ -19424,7 +19432,7 @@ class Qk {
     e.provide(Nu, this);
   }
 }
-const Nu = Symbol("ToastService"), iT = new Qk(), Zk = ["id"], Jk = /* @__PURE__ */ de({
+const Nu = Symbol("ToastService"), cT = new Qk(), Zk = ["id"], Jk = /* @__PURE__ */ de({
   __name: "Toaster",
   setup(t) {
     let e;
@@ -19589,7 +19597,7 @@ const Nu = Symbol("ToastService"), iT = new Qk(), Zk = ["id"], Jk = /* @__PURE__
         default: H(() => {
           var R;
           return [
-            (v(!0), S(De, null, Ve((R = f(a)) == null ? void 0 : R.list.value, (U, C) => (v(), S("div", {
+            (v(!0), S(De, null, Ne((R = f(a)) == null ? void 0 : R.list.value, (U, C) => (v(), S("div", {
               key: U.id,
               id: `${U.id}`,
               ref_for: !0,
@@ -19600,15 +19608,15 @@ const Nu = Symbol("ToastService"), iT = new Qk(), Zk = ["id"], Jk = /* @__PURE__
                 x.$style[`view_${U.view ?? "success"}`],
                 s.value ? "is-expand" : ""
               ]),
-              style: Ye(d(C).toaster)
+              style: Ve(d(C).toaster)
             }, [
               X("div", {
                 class: b(x.$style.left),
-                style: Ye(d(C).left)
+                style: Ve(d(C).left)
               }, null, 6),
               X("div", {
                 class: b(x.$style.body),
-                style: Ye(d(C).body)
+                style: Ve(d(C).body)
               }, [
                 K(Kk, tt({ ref_for: !0 }, U, {
                   onClick: () => m(U.id)
@@ -19616,19 +19624,19 @@ const Nu = Symbol("ToastService"), iT = new Qk(), Zk = ["id"], Jk = /* @__PURE__
               ], 6),
               X("div", {
                 class: b(x.$style.right),
-                style: Ye(d(C).right)
+                style: Ve(d(C).right)
               }, null, 6),
               X("div", {
                 class: b([x.$style.left, x.$style.shadow]),
-                style: Ye(d(C).left)
+                style: Ve(d(C).left)
               }, null, 6),
               X("div", {
                 class: b([x.$style.body, x.$style.shadow]),
-                style: Ye(d(C).body)
+                style: Ve(d(C).body)
               }, null, 6),
               X("div", {
                 class: b([x.$style.right, x.$style.shadow]),
-                style: Ye(d(C).right)
+                style: Ve(d(C).right)
               }, null, 6)
             ], 14, Zk))), 128))
           ];
@@ -19658,7 +19666,7 @@ const Nu = Symbol("ToastService"), iT = new Qk(), Zk = ["id"], Jk = /* @__PURE__
   shadow: l2
 }, c2 = {
   $style: u2
-}, oT = /* @__PURE__ */ $e(Jk, [["__cssModules", c2]]);
+}, dT = /* @__PURE__ */ $e(Jk, [["__cssModules", c2]]);
 class d2 {
   async install() {
     if (!document.getElementById("svg-sprite"))
@@ -19670,7 +19678,7 @@ class d2 {
       }
   }
 }
-const lT = new d2(), ls = (t) => {
+const fT = new d2(), ls = (t) => {
   const e = Object.entries(t).map(([a, n]) => [
     a.toString(),
     n
@@ -19797,7 +19805,7 @@ const lT = new d2(), ls = (t) => {
             X("div", {
               class: b(m.$style.scroller)
             }, [
-              (v(!0), S(De, null, Ve(m.list, (F) => (v(), S("div", {
+              (v(!0), S(De, null, Ne(m.list, (F) => (v(), S("div", {
                 class: b([
                   m.$style.item,
                   {
@@ -19856,7 +19864,7 @@ const lT = new d2(), ls = (t) => {
   checkbox: S2
 }, M2 = {
   $style: Yu
-}, uT = /* @__PURE__ */ $e(p2, [["__cssModules", M2]]), D2 = /* @__PURE__ */ de({
+}, hT = /* @__PURE__ */ $e(p2, [["__cssModules", M2]]), D2 = /* @__PURE__ */ de({
   __name: "StatusSelectSkeleton",
   props: {
     widthRange: {}
@@ -19878,7 +19886,7 @@ const lT = new d2(), ls = (t) => {
       ref_key: "skeleton",
       ref: e,
       key: a.value,
-      style: Ye({ width: a.value }),
+      style: Ve({ width: a.value }),
       class: b([r.$style.root, r.$style.view_secondary])
     }, [
       X("div", {
@@ -19888,14 +19896,14 @@ const lT = new d2(), ls = (t) => {
   }
 }), x2 = {
   $style: Yu
-}, cT = /* @__PURE__ */ $e(D2, [["__cssModules", x2]]), Hu = {
+}, pT = /* @__PURE__ */ $e(D2, [["__cssModules", x2]]), Hu = {
   interactionType: "web"
-}, Wu = Symbol("GlobalConfig"), dT = (t) => {
+}, Wu = Symbol("GlobalConfig"), vT = (t) => {
   ds(Wu, {
     ...Hu,
     ...t
   });
-}, fT = () => br(Wu, Hu), E2 = ["onClick"], A2 = /* @__PURE__ */ de({
+}, mT = () => br(Wu, Hu), E2 = ["onClick"], A2 = /* @__PURE__ */ de({
   __name: "ThemePicker",
   props: /* @__PURE__ */ zt({
     value: {},
@@ -19912,7 +19920,7 @@ const lT = new d2(), ls = (t) => {
     return (a, n) => (v(), S("article", {
       class: b(a.$style.root)
     }, [
-      (v(!0), S(De, null, Ve(a.list, (r) => (v(), S("button", {
+      (v(!0), S(De, null, Ne(a.list, (r) => (v(), S("button", {
         key: r.id,
         class: b([
           a.$style.item,
@@ -19935,13 +19943,13 @@ const lT = new d2(), ls = (t) => {
   "is-active": "ThemePicker__is-active_54a2a"
 }, B2 = {
   $style: Uu
-}, hT = /* @__PURE__ */ $e(A2, [["__cssModules", B2]]), P2 = /* @__PURE__ */ de({
+}, gT = /* @__PURE__ */ $e(A2, [["__cssModules", B2]]), P2 = /* @__PURE__ */ de({
   __name: "ThemePickerSkeleton",
   setup(t) {
     return (e, a) => (v(), S("article", {
       class: b(e.$style.root)
     }, [
-      (v(), S(De, null, Ve(9, (n) => X("button", {
+      (v(), S(De, null, Ne(9, (n) => X("button", {
         key: n,
         class: b([e.$style.item, e.$style["item-skeleton"]])
       }, [
@@ -19953,7 +19961,7 @@ const lT = new d2(), ls = (t) => {
   }
 }), R2 = {
   $style: Uu
-}, pT = /* @__PURE__ */ $e(P2, [["__cssModules", R2]]), z2 = /* @__PURE__ */ de({
+}, yT = /* @__PURE__ */ $e(P2, [["__cssModules", R2]]), z2 = /* @__PURE__ */ de({
   __name: "Breadcrumbs",
   props: {
     list: {},
@@ -19973,7 +19981,7 @@ const lT = new d2(), ls = (t) => {
     return (a, n) => (v(), S("div", {
       class: b(a.$style.root)
     }, [
-      (v(!0), S(De, null, Ve(a.list, (r) => (v(), se(Na(a.tag), tt({
+      (v(!0), S(De, null, Ne(a.list, (r) => (v(), se(Na(a.tag), tt({
         class: a.$style.breadcrumb,
         key: r.text + r.href,
         ref_for: !0
@@ -20008,7 +20016,7 @@ const lT = new d2(), ls = (t) => {
   icon: Y2
 }, W2 = {
   $style: H2
-}, vT = /* @__PURE__ */ $e(z2, [["__cssModules", W2]]), U2 = /* @__PURE__ */ de({
+}, bT = /* @__PURE__ */ $e(z2, [["__cssModules", W2]]), U2 = /* @__PURE__ */ de({
   __name: "VerificationInfoCell",
   props: {
     icon: {},
@@ -20064,7 +20072,7 @@ const lT = new d2(), ls = (t) => {
   actions: q2
 }, K2 = {
   $style: X2
-}, mT = /* @__PURE__ */ $e(U2, [["__cssModules", K2]]), Q2 = /* @__PURE__ */ de({
+}, _T = /* @__PURE__ */ $e(U2, [["__cssModules", K2]]), Q2 = /* @__PURE__ */ de({
   __name: "Avatar",
   props: {
     image: {},
@@ -20145,7 +20153,7 @@ const lT = new d2(), ls = (t) => {
   size_120: s$
 }, o$ = {
   $style: i$
-}, gT = /* @__PURE__ */ $e(Q2, [["__cssModules", o$]]), l$ = /* @__PURE__ */ de({
+}, wT = /* @__PURE__ */ $e(Q2, [["__cssModules", o$]]), l$ = /* @__PURE__ */ de({
   __name: "MenuBarItem",
   props: {
     onClick: { type: Function },
@@ -20209,7 +20217,7 @@ const lT = new d2(), ls = (t) => {
     return (e, a) => (v(), S("article", {
       class: b(e.$style.root)
     }, [
-      (v(!0), S(De, null, Ve(e.list, (n, r) => (v(), S(De, { key: r }, [
+      (v(!0), S(De, null, Ne(e.list, (n, r) => (v(), S(De, { key: r }, [
         r !== 0 ? (v(), se(f(Bi), {
           key: 0,
           size: "s",
@@ -20218,7 +20226,7 @@ const lT = new d2(), ls = (t) => {
         X("div", {
           class: b(e.$style.group)
         }, [
-          (v(!0), S(De, null, Ve(n, (s) => (v(), se(f(v$), tt({
+          (v(!0), S(De, null, Ne(n, (s) => (v(), se(f(v$), tt({
             key: s.text,
             class: e.$style.item,
             ref_for: !0
@@ -20233,7 +20241,7 @@ const lT = new d2(), ls = (t) => {
   group: b$
 }, w$ = {
   $style: _$
-}, yT = /* @__PURE__ */ $e(m$, [["__cssModules", w$]]), k$ = /* @__PURE__ */ de({
+}, kT = /* @__PURE__ */ $e(m$, [["__cssModules", w$]]), k$ = /* @__PURE__ */ de({
   __name: "StepItem",
   props: {
     count: {},
@@ -20281,7 +20289,7 @@ const lT = new d2(), ls = (t) => {
     return (e, a) => (v(), S("div", {
       class: b(e.$style.root)
     }, [
-      (v(!0), S(De, null, Ve(e.list, (n, r) => (v(), se(f(M$), {
+      (v(!0), S(De, null, Ne(e.list, (n, r) => (v(), se(f(M$), {
         count: r + 1,
         text: n
       }, null, 8, ["count", "text"]))), 256))
@@ -20291,7 +20299,7 @@ const lT = new d2(), ls = (t) => {
   root: x$
 }, A$ = {
   $style: E$
-}, bT = /* @__PURE__ */ $e(D$, [["__cssModules", A$]]);
+}, $T = /* @__PURE__ */ $e(D$, [["__cssModules", A$]]);
 function F$(t) {
   const e = document.createElement("textarea");
   e.value = t, e.setAttribute("readonly", ""), e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
@@ -20446,7 +20454,7 @@ const I$ = /* @__PURE__ */ de({
   icon: q$
 }, K$ = {
   $style: X$
-}, _T = /* @__PURE__ */ $e(W$, [["__cssModules", K$]]), ju = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Q$ = /* @__PURE__ */ new WeakMap(), jn = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakSet();
+}, CT = /* @__PURE__ */ $e(W$, [["__cssModules", K$]]), ju = /* @__PURE__ */ new Set(), jt = /* @__PURE__ */ new WeakMap(), Un = /* @__PURE__ */ new WeakMap(), $n = /* @__PURE__ */ new WeakMap(), Mi = /* @__PURE__ */ new WeakMap(), Q$ = /* @__PURE__ */ new WeakMap(), jn = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakMap(), rr = /* @__PURE__ */ new WeakSet();
 let sn, no = 0, ro = 0;
 const Ia = "__aa_tgt", mr = "__aa_del", cs = "__aa_new", Z$ = (t) => {
   const e = rC(t);
@@ -20801,12 +20809,12 @@ const fC = /* @__PURE__ */ de({
     const e = B(() => JSON.stringify(t.list));
     return (a, n) => (v(), S("div", {
       class: b(a.$style.root),
-      style: Ye({ "--grid-template-columns": a.gridTemplateColumns })
+      style: Ve({ "--grid-template-columns": a.gridTemplateColumns })
     }, [
       X("div", {
         class: b(a.$style.header)
       }, [
-        (v(!0), S(De, null, Ve(a.headers, (r) => (v(), S("div", { key: r }, [
+        (v(!0), S(De, null, Ne(a.headers, (r) => (v(), S("div", { key: r }, [
           K(f(Fe), {
             class: b(a.$style.headerText),
             size: "caption",
@@ -20821,6 +20829,7 @@ const fC = /* @__PURE__ */ de({
         ]))), 128)),
         K(f(Bi), {
           size: "s",
+          opacity: "0.5",
           class: b(a.$style.divider)
         }, null, 8, ["class"])
       ], 2),
@@ -20832,7 +20841,7 @@ const fC = /* @__PURE__ */ de({
           }, [
             K(f(ig), null, {
               default: H(() => [
-                (v(), S(De, null, Ve(6, (r) => ue(a.$slots, "renderSkeletonRow", { key: r })), 64))
+                (v(), S(De, null, Ne(6, (r) => ue(a.$slots, "renderSkeletonRow", { key: r })), 64))
               ]),
               _: 3
             })
@@ -20840,7 +20849,7 @@ const fC = /* @__PURE__ */ de({
             key: `content-${e.value}-${a.reRenderKey}`,
             class: b(a.$style.body)
           }, [
-            (v(!0), S(De, null, Ve(a.list, (r, s) => ue(a.$slots, "renderTableRow", {
+            (v(!0), S(De, null, Ne(a.list, (r, s) => ue(a.$slots, "renderTableRow", {
               item: r,
               index: s
             })), 256))
@@ -20864,7 +20873,7 @@ const fC = /* @__PURE__ */ de({
   empty: kC
 }, $C = {
   $style: Ku
-}, wT = /* @__PURE__ */ $e(mC, [["__cssModules", $C]]), CC = /* @__PURE__ */ de({
+}, TT = /* @__PURE__ */ $e(mC, [["__cssModules", $C]]), CC = /* @__PURE__ */ de({
   __name: "TableRow",
   props: {
     gap: { default: 12 },
@@ -20873,7 +20882,7 @@ const fC = /* @__PURE__ */ de({
   setup(t) {
     return (e, a) => (v(), S("div", {
       class: b(e.$style.row),
-      style: Ye({
+      style: Ve({
         "grid-gap": `${f(Ri)(Number(e.gap))}rem`,
         "align-items": e.align
       })
@@ -20883,100 +20892,120 @@ const fC = /* @__PURE__ */ de({
   }
 }), TC = {
   $style: Ku
-}, kT = /* @__PURE__ */ $e(CC, [["__cssModules", TC]]), $T = {
+}, ST = /* @__PURE__ */ $e(CC, [["__cssModules", TC]]), SC = /* @__PURE__ */ de({
+  __name: "Popover",
+  props: {
+    borderRadius: { default: 16 }
+  },
+  setup(t) {
+    return (e, a) => (v(), S("article", {
+      class: b(e.$style.root),
+      style: Ve({
+        borderRadius: `var(--border-radius-${e.borderRadius.toString()})`
+      })
+    }, [
+      ue(e.$slots, "default")
+    ], 6));
+  }
+}), MC = "Popover__root_f9956", DC = {
+  root: MC
+}, xC = {
+  $style: DC
+}, MT = /* @__PURE__ */ $e(SC, [["__cssModules", xC]]), DT = {
   KGS: "KGS"
 };
 export {
   vC as AnimationFadeBlur,
-  gT as Avatar,
+  wT as Avatar,
   Pc as Badge,
-  DC as BadgeSkeleton,
-  xC as BannerOffer,
-  EC as BannerOfferSkeleton,
-  vT as Breadcrumbs,
+  FC as BadgeSkeleton,
+  OC as BannerOffer,
+  IC as BannerOfferSkeleton,
+  bT as Breadcrumbs,
   Ra as Button,
   Lr as ButtonIcon,
-  OC as ButtonIconSkeleton,
-  FC as ButtonSkeleton,
+  RC as ButtonIconSkeleton,
+  PC as ButtonSkeleton,
   wf as CardContent,
-  IC as CardContentList,
-  BC as CardContentListSkeleton,
+  zC as CardContentList,
+  LC as CardContentListSkeleton,
   Bf as CardContentSkeleton,
-  _T as CellInfo,
+  CT as CellInfo,
   ek as Checkbox,
   Lu as CheckboxGroupFilter,
   Tk as CheckboxGroupFilterChip,
   Lu as CheckboxGroupFilterView,
   Fh as Chip,
-  XC as ColorPicker,
-  eT as Container,
-  $T as Currency,
+  JC as ColorPicker,
+  rT as Container,
+  DT as Currency,
   Dl as DYNAMIC_VISIBLE_AREA_PROVIDER_NAME,
   zu as DatepickerFilter,
   Ek as DatepickerFilterChip,
   zu as DatepickerFilterView,
   Bi as Divider,
-  PC as Dropdown,
+  VC as Dropdown,
   Ms as DropdownElement,
-  RC as Dropzone,
+  NC as Dropzone,
   vp as DynamicVisibleArea,
-  jC as EmptyResponse,
-  sT as FilterHub,
+  KC as EmptyResponse,
+  uT as FilterHub,
   wp as HeaderText,
   Qe as Icon,
   Rp as IconView,
-  LC as ImageRow,
-  VC as ImageRowSkeleton,
+  HC as ImageRow,
+  WC as ImageRowSkeleton,
   So as Input,
-  NC as InputSkeleton,
-  YC as Link,
-  HC as ListHeader,
+  UC as InputSkeleton,
+  jC as Link,
+  GC as ListHeader,
   ps as Loader,
-  yT as MenuBar,
+  kT as MenuBar,
   v$ as MenuBarItem,
-  WC as ModalConfirmation,
-  UC as Price,
+  qC as ModalConfirmation,
+  MT as Popover,
+  XC as Price,
   xm as ResponseBase,
-  GC as Section,
-  qC as Select,
+  QC as Section,
+  ZC as Select,
   Nl as SelectBase,
   ig as SkeletonWrapper,
-  uT as StatusSelect,
-  cT as StatusSelectSkeleton,
+  hT as StatusSelect,
+  pT as StatusSelectSkeleton,
   M$ as StepItem,
-  bT as Steps,
-  wT as Table,
-  kT as TableRow,
-  KC as Tabs,
+  $T as Steps,
+  TT as Table,
+  ST as TableRow,
+  eT as Tabs,
   wr as TheImage,
   Fe as TheText,
   Kr as TheTextSkeleton,
-  hT as ThemePicker,
-  pT as ThemePickerSkeleton,
+  gT as ThemePicker,
+  yT as ThemePickerSkeleton,
   Nu as ToastServiceKey,
-  oT as Toaster,
-  rT as ToasterProvider,
+  dT as Toaster,
+  lT as ToasterProvider,
   dl as Toggle,
   Pa as TransitionFade,
   oa as TransitionFadeBlur,
-  QC as TransitionHeight,
-  aT as TransitionSlideDown,
-  tT as TransitionSlideRight,
-  ZC as UserRow,
-  JC as UserRowSkeleton,
-  mT as VerificationInfoCell,
-  AC as iconNames,
+  tT as TransitionHeight,
+  iT as TransitionSlideDown,
+  sT as TransitionSlideRight,
+  aT as UserRow,
+  nT as UserRowSkeleton,
+  _T as VerificationInfoCell,
+  BC as iconNames,
   W1 as isCheckboxGroupFilterValue,
   U1 as isDatepickerFilterValue,
-  lT as spriteService,
-  iT as toastService,
+  fT as spriteService,
+  cT as toastService,
   O$ as useCopyToBuffer,
   Ss as useDropdown,
   Lh as useDropdownAnimation,
-  nT as useDropdownElementInject,
+  oT as useDropdownElementInject,
   mp as useDynamicVisibleArea,
-  zC as useDynamicVisibleAreaInject,
-  fT as useGlobalConfig,
-  dT as useGlobalConfigProvide,
+  YC as useDynamicVisibleAreaInject,
+  mT as useGlobalConfig,
+  vT as useGlobalConfigProvide,
   ay as useToaster
 };