prlg-ui 1.8.189 → 1.8.190

package/dist/prlg-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, computed as T, resolveComponent as jn, createBlock as W, openBlock as m, resolveDynamicComponent as Fe, normalizeClass as H, withCtx as ie, createCommentVNode as F, createElementBlock as y, renderSlot as ne, Fragment as oe, createTextVNode as ve, toDisplayString as K, ref as D, useTemplateRef as lt, onMounted as ye, createElementVNode as k, createVNode as j, renderList as ce, unref as $, mergeModels as se, useModel as ue, watch as ee, shallowRef as ze, getCurrentScope as Ml, onScopeDispose as Dl, shallowReadonly as Je, toRefs as Tl, useId as ht, onUnmounted as De, Transition as Te, normalizeStyle as le, nextTick as pe, withModifiers as he, withDirectives as Ce, vModelRadio as Al, vModelText as ut, provide as _e, watchEffect as Un, toRef as tt, useSlots as Wn, inject as Se, isRef as Yn, h as Qt, resolveDirective as Fl, vModelCheckbox as Xn, vModelDynamic as El, toValue as et, vModelSelect as Ll, createStaticVNode as Ol, Teleport as Ne, reactive as Zn, TransitionGroup as zl, vShow as Qn, useCssVars as Hl, createApp as Bl } from "vue";
+import { defineComponent as q, computed as T, resolveComponent as jn, createBlock as W, openBlock as m, resolveDynamicComponent as Fe, normalizeClass as H, withCtx as ie, createCommentVNode as F, createElementBlock as y, renderSlot as le, Fragment as oe, createTextVNode as ve, toDisplayString as K, ref as D, useTemplateRef as lt, onMounted as ye, createElementVNode as k, createVNode as j, renderList as ce, unref as $, mergeModels as se, useModel as ue, watch as ee, shallowRef as ze, getCurrentScope as Ml, onScopeDispose as Dl, shallowReadonly as Je, toRefs as Tl, useId as ht, onUnmounted as De, Transition as Te, normalizeStyle as ne, nextTick as pe, withModifiers as he, withDirectives as Ce, vModelRadio as Al, vModelText as ut, provide as _e, watchEffect as Un, toRef as tt, useSlots as Wn, inject as Se, isRef as Yn, h as Qt, resolveDirective as Fl, vModelCheckbox as Xn, vModelDynamic as El, toValue as et, vModelSelect as Ll, createStaticVNode as Ol, Teleport as Ne, reactive as Zn, TransitionGroup as zl, vShow as Qn, useCssVars as Hl, createApp as Bl } from "vue";
 import { P as Jn, h as el, i as tl, I as nl, e as mt, C as Tt, A as Gl, a as ll, f as Kl, M as ql, S as Nl, g as jl, b as Ul, c as Wl, E as Yl, B as Xl, d as Zl, Q as Ql, W as $n } from "./QuestionIcon-tK1kUB_h.js";
 import { o as Jl, d as fe } from "./parseFileSize.util-CxVk4CvB.js";
 import { _ as de, C as dt, a as eo } from "./FileIcon-maHE2Nhr.js";
@@ -47,7 +47,7 @@ const no = {
           class: "button__icon"
         })) : F("", !0),
         l.iconOnly ? F("", !0) : (m(), y("div", no, [
-          ne(l.$slots, "default"),
+          le(l.$slots, "default"),
           l.label && !l.$slots.default ? (m(), y(oe, { key: 0 }, [
             ve(K(l.label), 1)
           ], 64)) : F("", !0)
@@ -219,7 +219,7 @@ const no = {
       ]),
       g.label || g.$slots.label ? (m(), y("span", go, [
         ve(K(g.label) + " ", 1),
-        ne(g.$slots, "label")
+        le(g.$slots, "label")
       ])) : F("", !0),
       g.error && g.errorText ? (m(), y("span", vo, K(g.errorText), 1)) : F("", !0)
     ], 10, ro));
@@ -1577,7 +1577,7 @@ const da = {
         ref: "reference",
         onClick: U
       }, [
-        ne(re.$slots, "trigger", {}, void 0, !0)
+        le(re.$slots, "trigger", {}, void 0, !0)
       ], 2),
       k("div", null, [
         j(Te, { name: "fade" }, {
@@ -1595,17 +1595,17 @@ const da = {
                 { "popover__wrapper--no-style": e.withoutStyle },
                 { "popover__wrapper--positioning": !A.value }
               ]]),
-              style: le({ ...$(M) }),
+              style: ne({ ...$(M) }),
               ref: "floating"
             }, [
               k("div", ca, [
                 $(a) ? (m(), y("div", fa, [
-                  ne(re.$slots, "default", {
+                  le(re.$slots, "default", {
                     openSecondScreen: te,
                     closeSecondScreen: Y,
                     close: V
                   }, void 0, !0)
-                ])) : ne(re.$slots, "default", {
+                ])) : le(re.$slots, "default", {
                   key: 1,
                   openSecondScreen: te,
                   closeSecondScreen: Y,
@@ -1616,7 +1616,7 @@ const da = {
                 key: 0,
                 class: "popover__arrow",
                 ref: "arrow-block",
-                style: le(He.value)
+                style: ne(He.value)
               }, null, 4)) : F("", !0)
             ], 6)) : F("", !0)
           ]),
@@ -1628,9 +1628,9 @@ const da = {
               key: 0,
               class: "popover__second-screen",
               ref: "second-screen",
-              style: le({ ...$(C) })
+              style: ne({ ...$(C) })
             }, [
-              ne(re.$slots, "second-screen", { closeSecondScreen: Y }, void 0, !0)
+              le(re.$slots, "second-screen", { closeSecondScreen: Y }, void 0, !0)
             ], 4)) : F("", !0)
           ]),
           _: 3
@@ -1696,7 +1696,7 @@ const da = {
         (m(!0), y(oe, null, ce(a.columns, (i, u) => (m(), y("th", {
           class: H(o(i)),
           key: u,
-          style: le(r(i))
+          style: ne(r(i))
         }, [
           k("div", {
             class: H(["table-header__cell-body", { "table-header__cell-body--center": i.selectionMode }])
@@ -1789,7 +1789,7 @@ const da = {
     const t = n, l = T(() => e.rowStyle ? e.rowStyle(e.item) : {});
     return (o, r) => (m(), y("tr", {
       class: H(["table-row", { "table-row--hovered-color": o.colorHovered }]),
-      style: le(l.value),
+      style: ne(l.value),
       onClick: r[1] || (r[1] = (a) => t("rowClickHandler", { data: o.item, index: o.rowIndex }))
     }, [
       (m(!0), y(oe, null, ce(o.columns, (a) => (m(), W(Ra, {
@@ -1849,7 +1849,7 @@ const da = {
     }, [
       s.value > 0 ? (m(), y("tr", {
         key: 0,
-        style: le({ height: `${s.value * v.virtualScroll.itemHeight}px` })
+        style: ne({ height: `${s.value * v.virtualScroll.itemHeight}px` })
       }, [
         k("td", {
           colspan: v.columns.length
@@ -1872,7 +1872,7 @@ const da = {
       }, null, 8, ["rowIndex", "item", "columns", "selectedRows", "dataKey", "checkboxKey", "checkboxDisabled", "size", "colorHovered", "rowStyle"]))), 128)),
       i.value < v.data.length ? (m(), y("tr", {
         key: 1,
-        style: le({
+        style: ne({
           height: `${(v.data.length - i.value) * v.virtualScroll.itemHeight}px`
         })
       }, [
@@ -1886,7 +1886,7 @@ const da = {
         "table-body",
         { "table-body--scroller": v.scroller && v.scroller.enable }
       ]),
-      style: le({ maxHeight: `${v.scroller && v.scroller.height}px` })
+      style: ne({ maxHeight: `${v.scroller && v.scroller.height}px` })
     }, [
       (m(!0), y(oe, null, ce(v.data, (h, b) => (m(), W(Ln, {
         key: g(h, b),
@@ -1939,7 +1939,7 @@ const da = {
           (m(), W(Fe(o.icon)))
         ])) : F("", !0),
         k("div", Da, [
-          ne(o.$slots, "default")
+          le(o.$slots, "default")
         ])
       ]),
       o.removable ? (m(), y("button", {
@@ -1994,7 +1994,7 @@ const da = {
       }, [
         s.label ? (m(), y(oe, { key: 0 }, [
           ve(K(s.label), 1)
-        ], 64)) : ne(s.$slots, "default", { key: 1 })
+        ], 64)) : le(s.$slots, "default", { key: 1 })
       ], 8, Aa)) : F("", !0)
     ], 2));
   }
@@ -2198,7 +2198,7 @@ const da = {
               _: 1
             })) : F("", !0)
           ])) : (m(), y(oe, { key: 1 }, [
-            f.value ? ne(R.$slots, "input", {
+            f.value ? le(R.$slots, "input", {
               key: 0,
               value: f.value,
               selectedOption: v.value[0]
@@ -2229,7 +2229,7 @@ const da = {
             ref_key: "dropdownOverlay",
             ref: s,
             class: "dropdown__overlay",
-            style: le(u.value),
+            style: ne(u.value),
             onClick: G[1] || (G[1] = he(() => {
             }, ["stop"]))
           }, [
@@ -2274,7 +2274,7 @@ const da = {
                       for: R.multiple ? `dropdown-checkbox-${I(L)}` : `dropdown-radio-${I(L)}`
                     }, [
                       R.$slots.option ? F("", !0) : (m(), y("span", ja, K(C(L)), 1)),
-                      ne(R.$slots, "option", {
+                      le(R.$slots, "option", {
                         option: L,
                         selected: R.multiple ? _.value.includes(O(L)) : P.value === O(L),
                         multiple: R.multiple,
@@ -2285,7 +2285,7 @@ const da = {
                 ], 2))), 128)),
                 M.value.length ? F("", !0) : (m(), y("div", Ua, " Ничего не найдено ")),
                 R.$slots.footer ? (m(), y("div", Wa, [
-                  ne(R.$slots, "footer", {}, void 0, !0)
+                  le(R.$slots, "footer", {}, void 0, !0)
                 ])) : F("", !0)
               ], 64))
             ])
@@ -2417,7 +2417,7 @@ const da = {
     return (o, r) => (m(), y("div", {
       class: H(l.value),
       "aria-label": "Loading",
-      style: le(t.value)
+      style: ne(t.value)
     }, [...r[0] || (r[0] = [
       k("span", { class: "spinner__circle" }, null, -1)
     ])], 6));
@@ -2604,7 +2604,7 @@ const da = {
     }), (p, w) => h.value ? (m(), y("div", {
       key: 0,
       class: H(S.value),
-      style: le(M.value),
+      style: ne(M.value),
       onScroll: g
     }, [
       k("table", {
@@ -2612,7 +2612,7 @@ const da = {
         ref: i,
         class: H(b.value)
       }, [
-        ne(p.$slots, "default", {}, void 0, !0),
+        le(p.$slots, "default", {}, void 0, !0),
         j(En, {
           size: p.size,
           columns: $(l),
@@ -2658,7 +2658,7 @@ const da = {
               colspan: $(l).length,
               class: "table-empty__cell"
             }, [
-              ne(p.$slots, "empty", {}, void 0, !0)
+              le(p.$slots, "empty", {}, void 0, !0)
             ], 8, gr)
           ])
         ]))
@@ -2680,7 +2680,7 @@ const da = {
       ref: i,
       class: H(b.value)
     }, [
-      ne(p.$slots, "default", {}, void 0, !0),
+      le(p.$slots, "default", {}, void 0, !0),
       j(En, {
         size: p.size,
         columns: $(l),
@@ -2726,7 +2726,7 @@ const da = {
             colspan: $(l).length,
             class: "table-empty__cell"
           }, [
-            ne(p.$slots, "empty", {}, void 0, !0)
+            le(p.$slots, "empty", {}, void 0, !0)
           ], 8, yr)
         ])
       ])),
@@ -4546,10 +4546,10 @@ function ds(e) {
     });
   }), l;
 }
-const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["colspan"], vs = { class: "table__header-cell__content" }, ms = ["onClick"], ps = {
+const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["colspan"], vs = ["onClick"], ms = {
   key: 0,
   class: "table__body"
-}, hs = {
+}, ps = ["align"], hs = {
   key: 1,
   class: "table__body"
 }, ys = { class: "table__empty-row" }, ws = ["colspan"], bs = { class: "table__footer" }, Ss = ["colspan"], Cs = { class: "table__actions" }, $s = /* @__PURE__ */ q({
@@ -4634,9 +4634,12 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
                 colspan: h.colSpan,
                 scope: "col",
                 class: H(["table__header-cell", { "table__header-cell--sorting": h.column.getCanSort() }]),
-                style: le({ width: `${h.column.columnDef.meta?.autoSize ? "auto" : h.getSize()}px`, minWidth: `${h.column.columnDef.minSize || 50}px` })
+                style: ne({ width: `${h.column.columnDef.meta?.autoSize ? "auto" : h.getSize()}px`, minWidth: `${h.column.columnDef.minSize || 50}px` })
               }, [
-                k("div", vs, [
+                k("div", {
+                  class: "table__header-cell__content",
+                  style: ne({ justifyContent: h.column.columnDef.meta?.align })
+                }, [
                   h.isPlaceholder ? F("", !0) : (m(), W($(Xt), {
                     key: 0,
                     render: h.column.columnDef.header,
@@ -4653,26 +4656,28 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
                     j($(tl), {
                       class: H({ active: h.column.getIsSorted() === "desc" })
                     }, null, 8, ["class"])
-                  ], 8, ms)) : F("", !0)
-                ])
+                  ], 8, vs)) : F("", !0)
+                ], 4)
               ], 14, gs))), 128))
             ]))), 128))
           ]),
-          d.data.length > 0 ? (m(), y("tbody", ps, [
+          d.data.length > 0 ? (m(), y("tbody", ms, [
             (m(!0), y(oe, null, ce($(u).getRowModel().rows, (f) => Ce((m(), y("tr", {
               key: f.id,
               class: "table__row",
-              style: le({ background: f.original.bgColor && f.original.viewBgColor ? f.original.bgColor : "transparent" })
+              style: ne({ background: f.original.bgColor && f.original.viewBgColor ? f.original.bgColor : "transparent" })
             }, [
               (m(!0), y(oe, null, ce(f.getVisibleCells(), (h) => (m(), y("td", {
                 key: h.id,
-                class: H(["table__cell", { "table__cell--selected": h.id.includes("checkbox") }])
+                class: H(["table__cell", { "table__cell--selected": h.id.includes("checkbox") }]),
+                align: h.column.columnDef.meta?.align,
+                style: ne({ verticalAlign: h.column.columnDef.meta?.verticalAlign })
               }, [
                 j($(Xt), {
                   render: h.column.columnDef.cell,
                   props: h.getContext()
                 }, null, 8, ["render", "props"])
-              ], 2))), 128))
+              ], 14, ps))), 128))
             ], 4)), [
               [
                 v,
@@ -4731,7 +4736,7 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
       ]);
     };
   }
-}), md = /* @__PURE__ */ de($s, [["__scopeId", "data-v-0dacd0c6"]]), ks = { class: "chip-checkbox" }, Rs = ["name", "id", "value"], _s = { class: "chip-checkbox__text" }, pd = /* @__PURE__ */ q({
+}), md = /* @__PURE__ */ de($s, [["__scopeId", "data-v-ee3de0de"]]), ks = { class: "chip-checkbox" }, Rs = ["name", "id", "value"], _s = { class: "chip-checkbox__text" }, pd = /* @__PURE__ */ q({
   __name: "ChipCheckbox",
   props: /* @__PURE__ */ se({
     value: {},
@@ -5029,7 +5034,7 @@ const cs = { class: "table-wrapper" }, fs = { class: "table__header" }, gs = ["c
             ref_key: "autocompleteOverlay",
             ref: u,
             class: "autocomplete__overlay",
-            style: le(g.value),
+            style: ne(g.value),
             onClick: E[2] || (E[2] = he(() => {
             }, ["stop"]))
           }, [
@@ -5541,7 +5546,7 @@ const yd = /* @__PURE__ */ q({
     }, [
       (m(), W(Fe(t.icon), { class: "icon-field__icon" })),
       k("div", Us, [
-        ne(t.$slots, "default")
+        le(t.$slots, "default")
       ])
     ], 2));
   }
@@ -5720,7 +5725,7 @@ const yd = /* @__PURE__ */ q({
           r.$slots.option ? F("", !0) : (m(), y(oe, { key: 0 }, [
             ve(K(typeof s == "object" ? s[r.optionLabel] : s), 1)
           ], 64)),
-          ne(r.$slots, "option", { option: s }, void 0, !0)
+          le(r.$slots, "option", { option: s }, void 0, !0)
         ], 10, Zs))), 128))
       ])
     ], 2));
@@ -5828,11 +5833,11 @@ const yd = /* @__PURE__ */ q({
         g <= (o.value ?? t.value) ? (m(), W(Nl, {
           key: 0,
           class: "star-icon star-icon--filled",
-          style: le(r.value)
+          style: ne(r.value)
         }, null, 8, ["style"])) : (m(), W(jl, {
           key: 1,
           class: "star-icon star-icon--empty",
-          style: le(r.value)
+          style: ne(r.value)
         }, null, 8, ["style"]))
       ], 42, li))), 128))
     ]));
@@ -5915,7 +5920,7 @@ const yd = /* @__PURE__ */ q({
           rows: i.rows,
           resizable: i.resizable,
           cols: i.cols,
-          style: le({ minHeight: i.minHeight }),
+          style: ne({ minHeight: i.minHeight }),
           onInput: a,
           onFocusIn: u[1] || (u[1] = (d) => t("focusIn", d)),
           onFocusOut: u[2] || (u[2] = (d) => t("focusOut", d)),
@@ -6682,7 +6687,7 @@ const Ti = /* @__PURE__ */ q({
           ref_key: "popoverRef",
           ref: d,
           class: "date-picker__popover",
-          style: le({ ...v.value, zIndex: Math.max($(b)?.zIndex || 1100, 9999) })
+          style: ne({ ...v.value, zIndex: Math.max($(b)?.zIndex || 1100, 9999) })
         }, [
           k("div", {
             onMousedown: p[1] || (p[1] = he(() => {
@@ -6993,7 +6998,7 @@ const Md = {
         (m(), W(Fe(l[n.type])))
       ]),
       k("p", Yi, [
-        o.$slots.default ? ne(o.$slots, "default", { key: 0 }, void 0, !0) : (m(), y(oe, { key: 1 }, [
+        o.$slots.default ? le(o.$slots, "default", { key: 0 }, void 0, !0) : (m(), y(oe, { key: 1 }, [
           ve(K(n.message), 1)
         ], 64))
       ])
@@ -7049,9 +7054,9 @@ const Md = {
         value: t.value,
         variant: t.variant,
         class: "overlay-badge__badge",
-        style: le(n.value)
+        style: ne(n.value)
       }, null, 8, ["value", "variant", "style"])) : F("", !0),
-      ne(t.$slots, "default")
+      le(t.$slots, "default")
     ], 2));
   }
 }), Ad = /* @__PURE__ */ q({
@@ -7078,7 +7083,7 @@ const Md = {
     }));
     return (l, o) => (m(), y("div", {
       class: H(n.value),
-      style: le(t.value)
+      style: ne(t.value)
     }, null, 6));
   }
 }), xl = Symbol("DialogService"), Fd = () => {
@@ -7154,14 +7159,14 @@ const Md = {
             key: 0,
             class: H(["confirm-dialog-overlay", { "confirm-dialog-overlay--modal": !0 }]),
             onClick: a,
-            style: le({ zIndex: $(l)?.zIndex })
+            style: ne({ zIndex: $(l)?.zIndex })
           }, [
             k("div", {
               ref: "popupRef",
               class: H(["confirm-dialog", [`confirm-dialog--${$(ge).position}`, $(ge).class]]),
               onClick: u[2] || (u[2] = he(() => {
               }, ["stop"])),
-              style: le($(ge).style)
+              style: ne($(ge).style)
             }, [
               $(ge).header ? (m(), y("div", tu, [
                 k("h4", nu, K($(ge).header), 1)
@@ -7305,7 +7310,7 @@ const Md = {
             key: 0,
             class: "confirm-overlay",
             onClick: u,
-            style: le({ zIndex: $(o)?.zIndex })
+            style: ne({ zIndex: $(o)?.zIndex })
           }, [
             k("div", {
               ref_key: "popupRef",
@@ -7313,7 +7318,7 @@ const Md = {
               class: H(["confirm-popup", r.value]),
               onClick: h[0] || (h[0] = he(() => {
               }, ["stop"])),
-              style: le(t.value)
+              style: ne(t.value)
             }, [
               k("div", {
                 class: H(["confirm-popup__arrow", a.value])
@@ -7393,7 +7398,7 @@ const Md = {
           r.value ? (m(), y("div", {
             key: 0,
             class: H(["drawer", { [`drawer--${v.position}`]: v.position }]),
-            style: le({ zIndex: $(a)?.zIndex })
+            style: ne({ zIndex: $(a)?.zIndex })
           }, [
             k("div", {
               class: "drawer-overlay",
@@ -7401,7 +7406,7 @@ const Md = {
             }),
             k("div", {
               class: H(["drawer-wrapper", { "drawer-wrapper--no-style": v.wrapperNoStyle }]),
-              style: le(s.value)
+              style: ne(s.value)
             }, [
               k("div", {
                 class: "drawer-close",
@@ -7413,7 +7418,7 @@ const Md = {
               ]),
               k("div", cu, [
                 k("div", fu, [
-                  ne(v.$slots, "mobile-header")
+                  le(v.$slots, "mobile-header")
                 ]),
                 k("div", gu, [
                   k("button", {
@@ -7423,7 +7428,7 @@ const Md = {
                   ])
                 ])
               ]),
-              ne(v.$slots, "default")
+              le(v.$slots, "default")
             ], 6)
           ], 6)) : F("", !0)
         ]),
@@ -7462,7 +7467,7 @@ const Md = {
           l.value ? (m(), y("div", {
             key: 0,
             class: H(s.value),
-            style: le({ zIndex: $(n)?.zIndex })
+            style: ne({ zIndex: $(n)?.zIndex })
           }, [
             k("div", {
               class: "modal__overlay",
@@ -7470,10 +7475,10 @@ const Md = {
             }),
             k("div", {
               class: "modal__content",
-              style: le(u.style)
+              style: ne(u.style)
             }, [
               k("div", vu, [
-                ne(u.$slots, "header"),
+                le(u.$slots, "header"),
                 t.value && !o.header ? (m(), y("h2", mu, K(t.value), 1)) : F("", !0),
                 k("button", {
                   text: "",
@@ -7484,7 +7489,7 @@ const Md = {
                 ])
               ]),
               k("div", pu, [
-                ne(u.$slots, "default", { setTitle: i })
+                le(u.$slots, "default", { setTitle: i })
               ])
             ], 4)
           ], 6)) : F("", !0)
@@ -7557,7 +7562,7 @@ const Md = {
           n.value ? (m(), y("div", {
             key: 0,
             class: "bottom-sheet",
-            style: le({ zIndex: $(t)?.zIndex })
+            style: ne({ zIndex: $(t)?.zIndex })
           }, [
             k("div", {
               class: "bottom-sheet__overlay",
@@ -7570,7 +7575,7 @@ const Md = {
                   class: "bottom-sheet__content",
                   ref_key: "contentRef",
                   ref: l,
-                  style: le({ transform: `translateY(${r.value}px)` }),
+                  style: ne({ transform: `translateY(${r.value}px)` }),
                   onTouchend: M
                 }, [
                   k("div", {
@@ -7585,7 +7590,7 @@ const Md = {
                     ref_key: "bodyRef",
                     ref: o
                   }, [
-                    ne(C.$slots, "default")
+                    le(C.$slots, "default")
                   ], 512)
                 ], 36)) : F("", !0)
               ]),
@@ -7613,7 +7618,7 @@ const Md = {
       e.multiple && Array.isArray(o.value) ? o.value.includes(a) ? o.value = o.value.filter((s) => s !== a) : o.value.push(a) : o.value = o.value === a ? void 0 : a, t("update:value", o.value);
     }
     return _e("accordionOpenValues", o), _e("accordionToggle", r), _e("accordionIsMultiple", e.multiple ?? !1), _e("accordionStyle", l), (a, s) => (m(), y("div", hu, [
-      ne(a.$slots, "default")
+      le(a.$slots, "default")
     ]));
   }
 }), qd = /* @__PURE__ */ q({
@@ -7631,14 +7636,14 @@ const Md = {
       }).observe(t.value);
     }), (r, a) => (m(), y("div", {
       class: "accordion-content-wrapper",
-      style: le({ height: $(n) ? l.value : "0px" })
+      style: ne({ height: $(n) ? l.value : "0px" })
     }, [
       Ce(k("div", {
         ref_key: "contentRef",
         ref: t,
         class: "accordion-content"
       }, [
-        ne(r.$slots, "default")
+        le(r.$slots, "default")
       ], 512), [
         [Qn, o.value]
       ])
@@ -7654,7 +7659,7 @@ const Md = {
       (...a) => $(t) && $(t)(...a))
     }, [
       k("span", yu, [
-        ne(o.$slots, "default")
+        le(o.$slots, "default")
       ]),
       k("span", wu, [
         j($(ll))
@@ -7671,7 +7676,7 @@ const Md = {
     return _e("panelValue", n.value), _e("panelIsOpen", r), _e("panelToggle", () => l?.(n.value)), (a, s) => (m(), y("div", {
       class: H(["accordion-panel", `accordion-panel--${$(o)}`])
     }, [
-      ne(a.$slots, "default")
+      le(a.$slots, "default")
     ], 2));
   }
 }), bu = {
@@ -7694,7 +7699,7 @@ const Md = {
       class: H(n.value)
     }, [
       l.$slots.default ? (m(), y("div", bu, [
-        ne(l.$slots, "default")
+        le(l.$slots, "default")
       ])) : F("", !0)
     ], 2));
   }
@@ -7775,7 +7780,7 @@ const Md = {
       role: "tab",
       "aria-selected": o.value
     }, [
-      ne(r.$slots, "default")
+      le(r.$slots, "default")
     ], 10, Pu));
   }
 }), Iu = { class: "tabs" }, Xd = /* @__PURE__ */ q({
@@ -7793,7 +7798,7 @@ const Md = {
       o.value = a, l("update:value", a);
     }
     return _e("tabsValue", o), _e("setTabsValue", r), (a, s) => (m(), y("div", Iu, [
-      ne(a.$slots, "default")
+      le(a.$slots, "default")
     ]));
   }
 }), Mu = {
@@ -7807,7 +7812,7 @@ const Md = {
   setup(e) {
     const n = e, t = Se("tabsValue"), l = T(() => t?.value === n.value);
     return (o, r) => Ce((m(), y("div", Mu, [
-      ne(o.$slots, "default")
+      le(o.$slots, "default")
     ], 512)), [
       [Qn, l.value]
     ]);
@@ -7820,7 +7825,7 @@ const Md = {
   setup(e) {
     return (n, t) => (m(), y("div", Du, [
       k("div", Tu, [
-        ne(n.$slots, "default")
+        le(n.$slots, "default")
       ])
     ]));
   }
@@ -7828,7 +7833,7 @@ const Md = {
   __name: "TabPanels",
   setup(e) {
     return (n, t) => (m(), y("div", Au, [
-      ne(n.$slots, "default")
+      le(n.$slots, "default")
     ]));
   }
 }), Fu = /* @__PURE__ */ q({
@@ -7900,17 +7905,17 @@ const Md = {
             ref_key: "tooltipRef",
             ref: l,
             class: H(["tooltip", [`tooltip--${r.value}`, b.tooltipClass]]),
-            style: le({ ...a.value, zIndex: $(i)?.zIndex }),
+            style: ne({ ...a.value, zIndex: $(i)?.zIndex }),
             role: "tooltip"
           }, [
             k("div", {
               class: "tooltip__content",
-              style: le({ maxWidth: `${b.maxWidth}px` })
+              style: ne({ maxWidth: `${b.maxWidth}px` })
             }, K(b.content), 5),
             b.showArrow ? (m(), y("div", {
               key: 0,
               class: "tooltip__arrow",
-              style: le(s.value)
+              style: ne(s.value)
             }, null, 4)) : F("", !0)
           ], 6)) : F("", !0)
         ]),
@@ -8162,7 +8167,7 @@ const Md = {
             ref_key: "timePickerOverlay",
             ref: l,
             class: "time-select__overlay",
-            style: le(o.value),
+            style: ne(o.value),
             onClick: C[2] || (C[2] = he(() => {
             }, ["stop"]))
           }, [
@@ -8384,7 +8389,7 @@ const Md = {
         onClick: S
       }, [
         k("div", Zu, [
-          h.value ? ne(c.$slots, "input", {
+          h.value ? le(c.$slots, "input", {
             key: 0,
             value: h.value
           }, () => [
@@ -8413,12 +8418,12 @@ const Md = {
             ref_key: "scheduleOverlay",
             ref: s,
             class: "schedule__overlay",
-            style: le(i.value),
+            style: ne(i.value),
             onClick: p[0] || (p[0] = he(() => {
             }, ["stop"]))
           }, [
             k("div", ed, [
-              ne(c.$slots, "content", {
+              le(c.$slots, "content", {
                 close: M,
                 days: g.value,
                 toggleDay: _,

package/dist/types.d.ts

@@ -17,7 +17,8 @@ export { }
 
 declare module "@tanstack/vue-table" {
   interface ColumnMeta<TData extends RowData, TValue> {
-    align?: string;
+    align?: "left" | "center" | "right";
+    verticalAlign?: "top" | "middle" | "bottom";
     autoSize?: boolean;
   }
 }

package/dist/utils.d.ts

@@ -147,7 +147,8 @@ export { }
 
 declare module "@tanstack/vue-table" {
   interface ColumnMeta<TData extends RowData, TValue> {
-    align?: string;
+    align?: "left" | "center" | "right";
+    verticalAlign?: "top" | "middle" | "bottom";
     autoSize?: boolean;
   }
 }