@ironsource/shared-ui 1.4.2-test.14 → 1.4.2-test.15

package/components/radioButton/RadioGroup.vue.js

@@ -4,12 +4,12 @@ import { radioGroupKey } from './useRadio.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RadioGroup",
   props: {
     name: { default: "" },
     disabled: { type: Boolean, default: false },
-    modelValue: {},
+    modelValue: null,
     row: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "change"],
@@ -43,7 +43,7 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "radioGroupRef",
         ref: radioGroupRef,
-        class: normalizeClass([{ "radio-group--row": _ctx.row }, "radio-group"]),
+        class: normalizeClass([{ "radio-group--row": __props.row }, "radio-group"]),
         role: "radiogroup"
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)

package/components/radioButton/index.d.ts

@@ -63,7 +63,7 @@ declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
     modelValue: string;
     helperText: string;
     errorText: string;
-}, {}> | import("vue").DefineComponent<{
+}> | import("vue").DefineComponent<{
     name: {
         type: import("vue").PropType<string>;
     } & {
@@ -110,5 +110,5 @@ declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
     name: string;
     disabled: boolean;
     row: boolean;
-}, {}>)[];
+}>)[];
 export { RadioButton, RadioGroup, RadioButtonTypes };

package/components/radioButton/useRadio.d.ts

@@ -15,6 +15,6 @@ export declare const useRadio: (props: {
     radioGroup: RadioGroupContext;
     focus: import("vue").Ref<boolean>;
     disabled: import("vue").ComputedRef<boolean>;
-    tabIndex: import("vue").ComputedRef<0 | -1>;
+    tabIndex: import("vue").ComputedRef<-1 | 0>;
     modelValue: import("vue").WritableComputedRef<string>;
 };

package/components/search/Search.vue.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'sm' | 'md';
     variant: 'default' | 'inline-table' | 'transparent';
     disabled: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/search/Search.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Search.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["value", "placeholder", "disabled"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Search",
   props: {
-    modelValue: {},
-    placeholder: {},
+    modelValue: null,
+    placeholder: null,
     variant: { default: "default" },
     size: { default: "sm" },
     disabled: { type: Boolean, default: false }
   },
   emits: ["update:modelValue"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const inputRef = ref();
     const updateValue = (e) => {
@@ -53,14 +53,14 @@ const _sfc_main = defineComponent({
     const rightIcon = computed(() => {
       return showClear.value ? "cancel" : "search";
     });
-    __expose({
+    expose({
       inputRef
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["search-container", `${_ctx.size}`])
+        class: normalizeClass(["search-container", `${__props.size}`])
       }, [
-        showLeftIcon.value ? (openBlock(), createBlock(unref(Icon), {
+        unref(showLeftIcon) ? (openBlock(), createBlock(unref(Icon), {
           key: 0,
           class: "search-left-icon",
           name: "search-bold",
@@ -69,16 +69,16 @@ const _sfc_main = defineComponent({
         createElementVNode("input", {
           ref_key: "inputRef",
           ref: inputRef,
-          class: normalizeClass({ [_ctx.variant]: true, activated: _ctx.modelValue !== "" }),
-          value: _ctx.modelValue,
-          placeholder: _ctx.placeholder,
-          disabled: _ctx.disabled,
+          class: normalizeClass({ [__props.variant]: true, activated: __props.modelValue !== "" }),
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
           onInput: updateValue
         }, null, 42, _hoisted_1),
-        showRightIcon.value ? (openBlock(), createBlock(unref(Icon), {
+        unref(showRightIcon) ? (openBlock(), createBlock(unref(Icon), {
           key: 1,
-          class: normalizeClass(["search-right-icon", { "search-right-icon-clear": showClear.value }]),
-          name: rightIcon.value,
+          class: normalizeClass(["search-right-icon", { "search-right-icon-clear": unref(showClear) }]),
+          name: unref(rightIcon),
           "font-size": "sm",
           onClick: onRightIconClick
         }, null, 8, ["class", "name"])) : createCommentVNode("", true)

package/components/search/index.d.ts

@@ -56,6 +56,6 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     size: "md" | "sm";
     variant: "default" | "inline-table" | "transparent";
     disabled: boolean;
-}, {}>[];
+}>[];
 export { default as Search } from './Search.vue';
 export { SearchTypes };

package/components/skeleton/Skeleton.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     round?: boolean;
     fill?: boolean;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/skeleton/Skeleton.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, openBlock, createElementBlock, normalizeClass, renderS
 /* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Skeleton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     round: { type: Boolean },
@@ -11,7 +11,7 @@ const _sfc_main = defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ round: _ctx.round, fill: _ctx.fill })
+        class: normalizeClass({ round: __props.round, fill: __props.fill })
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);

package/components/skeleton/index.d.ts

@@ -12,6 +12,6 @@ declare const SkeletonTypes: () => import("vue").DefineComponent<{
     fill: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, {}>[];
+}>>, {}>[];
 export { default as Skeleton } from './Skeleton.vue';
 export { SkeletonTypes };

package/components/snackbar/Snackbar.vue.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     zIndex: number;
     duration: number;
     showClose: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/snackbar/Snackbar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, unref, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot, createTextVNode, vShow, withModifiers } from 'vue';
+import { defineComponent, ref, computed, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, unref, normalizeStyle, createElementBlock, createVNode, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot, createTextVNode, vShow, withModifiers } from 'vue';
 import { useEventListener, useTimeoutFn } from '@vueuse/core';
 import Icon from '../icon/Icon.vue.js';
 import Close from '../icon/icons/Close.vue.js';
@@ -12,18 +12,18 @@ const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "container" };
 const _hoisted_3 = { class: "texts" };
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Snackbar",
   props: {
-    customClass: {},
+    customClass: null,
     dangerouslyUseHTMLString: { type: Boolean },
     duration: { default: 3e3 },
-    icon: {},
-    id: {},
-    message: {},
-    offset: {},
-    onClick: {},
-    onClose: {},
+    icon: null,
+    id: null,
+    message: null,
+    offset: null,
+    onClick: null,
+    onClose: null,
     type: { default: null },
     position: { default: "top-right" },
     showClose: { type: Boolean, default: true },
@@ -91,64 +91,64 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
         name: "snackbar",
-        onBeforeLeave: _ctx.onClose,
+        onBeforeLeave: __props.onClose,
         onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy"))
       }, {
         default: withCtx(() => [
           withDirectives(createElementVNode("div", {
-            id: _ctx.id,
-            class: normalizeClass(["snackbar", [_ctx.customClass, horizontalClass.value]]),
-            style: normalizeStyle(positionStyle.value),
+            id: __props.id,
+            class: normalizeClass(["snackbar", [__props.customClass, unref(horizontalClass)]]),
+            style: normalizeStyle(unref(positionStyle)),
             role: "alert",
             onMouseenter: clearTimer,
             onMouseleave: startTimer,
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+            onClick: _cache[0] || (_cache[0] = (...args) => __props.onClick && __props.onClick(...args))
           }, [
-            iconComponent.value ? (openBlock(), createElementBlock("div", {
+            unref(iconComponent) ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: normalizeClass(["start-icon-container", [typeClass.value]])
+              class: normalizeClass(["start-icon-container", [unref(typeClass)]])
             }, [
               createVNode(unref(Icon), {
-                "font-size": typeClass.value ? "sm" : "lg"
+                "font-size": unref(typeClass) ? "sm" : "lg"
               }, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
                 ]),
                 _: 1
               }, 8, ["font-size"])
             ], 2)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_2, [
               createElementVNode("div", _hoisted_3, [
-                _ctx.title ? (openBlock(), createBlock(Text, {
+                __props.title ? (openBlock(), createBlock(Text, {
                   key: 0,
                   size: "md",
                   strong: "",
                   class: "title",
-                  textContent: toDisplayString(_ctx.title)
+                  textContent: toDisplayString(__props.title)
                 }, null, 8, ["textContent"])) : createCommentVNode("", true),
                 withDirectives(createElementVNode("div", {
                   class: "message",
-                  style: normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+                  style: normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
                 }, [
                   renderSlot(_ctx.$slots, "default", {}, () => [
-                    !_ctx.dangerouslyUseHTMLString ? (openBlock(), createBlock(Text, {
+                    !__props.dangerouslyUseHTMLString ? (openBlock(), createBlock(Text, {
                       key: 0,
                       size: "sm"
                     }, {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.message), 1)
+                        createTextVNode(toDisplayString(__props.message), 1)
                       ]),
                       _: 1
                     })) : (openBlock(), createElementBlock("div", {
                       key: 1,
-                      innerHTML: _ctx.message
+                      innerHTML: __props.message
                     }, null, 8, _hoisted_4))
                   ], true)
                 ], 4), [
-                  [vShow, _ctx.message]
+                  [vShow, __props.message]
                 ])
               ]),
-              _ctx.showClose ? (openBlock(), createBlock(IconButton, {
+              __props.showClose ? (openBlock(), createBlock(IconButton, {
                 key: 0,
                 theme: "third",
                 size: "sm",

package/components/switch/Switch.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     size: 'sm' | 'lg';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/switch/Switch.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, unref, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { useVModel } from '@vueuse/core';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["aria-label", "onClick"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
-    options: {},
-    modelValue: {},
+    options: null,
+    modelValue: null,
     size: { default: "lg" }
   },
   emits: ["update:modelValue"],
@@ -37,18 +37,18 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["switch", { "switch--lg": _ctx.size === "lg", "switch--sm": _ctx.size === "sm" }])
+        class: normalizeClass(["switch", { "switch--lg": __props.size === "lg", "switch--sm": __props.size === "sm" }])
       }, [
         createElementVNode("span", {
           ref_key: "box",
           ref: box,
-          class: normalizeClass(["box", { "box--lg": _ctx.size === "lg", "box--sm": _ctx.size === "sm" }]),
+          class: normalizeClass(["box", { "box--lg": __props.size === "lg", "box--sm": __props.size === "sm" }]),
           style: normalizeStyle({
-            transform: `translateX(${selectedPosition.value?.left}px)`,
-            width: selectedPosition.value?.width + "px"
+            transform: `translateX(${unref(selectedPosition)?.left}px)`,
+            width: unref(selectedPosition)?.width + "px"
           })
         }, null, 6),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
           return openBlock(), createElementBlock("button", {
             ref_for: true,
             ref: skipUnwrap.optionsRefs,

package/components/switch/index.d.ts

@@ -30,6 +30,6 @@ declare const SwitchTypes: () => import("vue").DefineComponent<{
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     size: "sm" | "lg";
-}, {}>[];
+}>[];
 export { default as Switch } from './Switch.vue';
 export { SwitchTypes };

package/components/table/Pagination.vue.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     totalPages: number;
     totalItems: number | string;
     itemsPerPage: number;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/table/Table.vue.d.ts

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
     defaultScrollPosition: number;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/table/Table.vue.js

@@ -1,16 +1,13 @@
-import { defineComponent, useCssVars, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
-import '../typography/Heading.vue.js';
+import { defineComponent, useCssVars, unref, ref, provide, computed, useSlots, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-import '../button/Button.vue.js';
-import '../button/IconButton.vue.js';
-import ScrollButton from '../button/ScrollButton.vue.js';
+/* empty css                                                            *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
 import Skeleton from '../skeleton/Skeleton.vue.js';
 import EmptyState from '../emptyState/EmptyState.vue.js';
 import TableHeaderSorter from './TableHeaderSorter.vue.js';
 import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
 import { TableContext } from './TableContext.vue.js';
-/* empty css                                                       *//* empty css                                           */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                       *//* empty css                                           */
 import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "table-title" };
 const _hoisted_2 = { class: "table-header-actions" };
@@ -20,14 +17,14 @@ const _hoisted_5 = { class: "table-head-container" };
 const _hoisted_6 = ["onMouseenter"];
 const _hoisted_7 = { key: 1 };
 const _hoisted_8 = { key: 1 };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
-    title: {},
-    columns: {},
-    rows: {},
+    title: null,
+    columns: null,
+    rows: null,
     sections: { default: null },
-    sort: {},
+    sort: null,
     isSticky: { type: Boolean, default: true },
     isStickyHeader: { type: Boolean, default: false },
     isLoading: { type: Boolean, default: false },
@@ -43,7 +40,7 @@ const _sfc_main = defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "4c2b4786": gridColumnTemplate.value
+      "34f02729": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -91,12 +88,10 @@ const _sfc_main = defineComponent({
     onMounted(() => {
       floatingActionPosition.value = containerProps.ref.value?.getBoundingClientRect().width;
       if (props.defaultScrollPosition) {
-        setTimeout(() => {
-          containerProps.ref.value.scrollTo({
-            top: props.defaultScrollPosition,
-            behavior: "smooth"
-          });
-        }, 1e3);
+        containerProps.ref.value.scrollTo({
+          top: props.defaultScrollPosition,
+          behavior: "smooth"
+        });
       }
     });
     const showBackToTopButton = computed(() => {
@@ -163,12 +158,12 @@ const _sfc_main = defineComponent({
       }, [
         createElementVNode("table", {
           ref: unref(containerProps).ref,
-          style: normalizeStyle(containerStyle.value),
+          style: normalizeStyle(unref(containerStyle)),
           onScrollPassive: onScroll
         }, [
-          _ctx.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
+          __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: normalizeClass(["table-header", { isStickyHeader: _ctx.isStickyHeader }])
+            class: normalizeClass(["table-header", { isStickyHeader: __props.isStickyHeader }])
           }, [
             createElementVNode("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "title", {}, () => [
@@ -177,14 +172,14 @@ const _sfc_main = defineComponent({
                   strong: ""
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.title), 1)
+                    createTextVNode(toDisplayString(__props.title), 1)
                   ]),
                   _: 1
                 })
               ], true)
             ]),
             createElementVNode("div", {
-              class: normalizeClass(["table-header-right", hasSearchSlot.value ? "border-search" : ""])
+              class: normalizeClass(["table-header-right", unref(hasSearchSlot) ? "border-search" : ""])
             }, [
               renderSlot(_ctx.$slots, "search", {}, void 0, true)
             ], 2),
@@ -193,10 +188,10 @@ const _sfc_main = defineComponent({
             ])
           ], 2)) : createCommentVNode("", true),
           createElementVNode("thead", {
-            class: normalizeClass({ sticky: _ctx.isSticky, isStickyHeader: _ctx.isStickyHeader })
+            class: normalizeClass({ sticky: __props.isSticky, isStickyHeader: __props.isStickyHeader })
           }, [
             createElementVNode("div", _hoisted_3, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.sections, (section) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
                 return openBlock(), createElementBlock("div", {
                   key: section.id,
                   class: normalizeClass(["section-container", { sticky: section.isSticky }])
@@ -218,7 +213,7 @@ const _sfc_main = defineComponent({
               }), 128))
             ]),
             createElementVNode("tr", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (column) => {
                 return openBlock(), createElementBlock("th", {
                   key: column.id,
                   class: normalizeClass({
@@ -227,7 +222,7 @@ const _sfc_main = defineComponent({
                     isTextRight: column.isTextRight,
                     isSortable: column.isSortable
                   }),
-                  style: normalizeStyle(column.isSticky ? columnsStickyPositions.value[column.id] : null),
+                  style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
                   onClick: ($event) => toggleSortOrder(column)
                 }, [
                   createElementVNode("div", _hoisted_5, [
@@ -243,10 +238,10 @@ const _sfc_main = defineComponent({
                         _: 2
                       }, 1024)
                     ], true),
-                    column.id === _ctx.sort.sortBy ? (openBlock(), createBlock(TableHeaderSorter, {
+                    column.id === __props.sort.sortBy ? (openBlock(), createBlock(TableHeaderSorter, {
                       key: 0,
                       class: "table-head-sorter",
-                      "sort-order": _ctx.sort.sortOrder
+                      "sort-order": __props.sort.sortOrder
                     }, null, 8, ["sort-order"])) : createCommentVNode("", true)
                   ])
                 ], 14, _hoisted_4);
@@ -262,7 +257,7 @@ const _sfc_main = defineComponent({
                 return openBlock(), createElementBlock("tr", {
                   key: row.index,
                   class: normalizeClass(["table-row", {
-                    loading: _ctx.isLoading || _ctx.isLoading && !row.data || savingRows.value.includes(row.index),
+                    loading: __props.isLoading || __props.isLoading && !row.data || savingRows.value.includes(row.index),
                     active: activeRow.value === row.index
                   }]),
                   onMouseenter: ($event) => activeRow.value = row.index
@@ -278,22 +273,22 @@ const _sfc_main = defineComponent({
                   ], 4), [
                     [
                       vShow,
-                      _ctx.$slots["floating-actions"] && activeRow.value === row.index && !_ctx.isLoading
+                      _ctx.$slots["floating-actions"] && activeRow.value === row.index && !__props.isLoading
                     ]
                   ]),
                   (openBlock(true), createElementBlock(Fragment, null, renderList(row.data, (cell, cellIndex) => {
                     return openBlock(), createElementBlock("td", {
                       key: cellIndex,
                       class: normalizeClass({
-                        sticky: _ctx.columns[cellIndex].isSticky,
-                        bordered: _ctx.columns[cellIndex].isBordered,
-                        isTextRight: _ctx.columns[cellIndex].isTextRight
+                        sticky: __props.columns[cellIndex].isSticky,
+                        bordered: __props.columns[cellIndex].isBordered,
+                        isTextRight: __props.columns[cellIndex].isTextRight
                       }),
                       style: normalizeStyle(
-                        _ctx.columns[cellIndex].isSticky ? columnsStickyPositions.value[_ctx.columns[cellIndex].id] : null
+                        __props.columns[cellIndex].isSticky ? unref(columnsStickyPositions)[__props.columns[cellIndex].id] : null
                       )
                     }, [
-                      !_ctx.isLoading || _ctx.isLoading && !!cell ? (openBlock(), createElementBlock("div", {
+                      !__props.isLoading || __props.isLoading && !!cell ? (openBlock(), createElementBlock("div", {
                         key: 0,
                         class: normalizeClass({
                           last: cellIndex === row.data.length - 1,
@@ -301,7 +296,7 @@ const _sfc_main = defineComponent({
                           floating: _ctx.$slots["floating-actions"]
                         })
                       }, [
-                        renderSlot(_ctx.$slots, `cell-${_ctx.columns[cellIndex].id}`, {
+                        renderSlot(_ctx.$slots, `cell-${__props.columns[cellIndex].id}`, {
                           cell,
                           isLoading: savingRows.value.includes(row.index),
                           cellIndex,
@@ -325,8 +320,8 @@ const _sfc_main = defineComponent({
             ], 16)) : (openBlock(), createElementBlock("div", _hoisted_7, [
               renderSlot(_ctx.$slots, "empty-state", {}, () => [
                 createVNode(unref(EmptyState), {
-                  title: _ctx.emptyStateTitle,
-                  subtitle: _ctx.emptyStateSubtitle
+                  title: __props.emptyStateTitle,
+                  subtitle: __props.emptyStateSubtitle
                 }, null, 8, ["title", "subtitle"])
               ], true)
             ]))
@@ -334,13 +329,13 @@ const _sfc_main = defineComponent({
           unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_8)) : createCommentVNode("", true)
         ], 36),
         createVNode(unref(ScrollButton), {
-          show: showBackToTopButton.value,
+          show: unref(showBackToTopButton),
           onScrolled: scrollToTop
         }, null, 8, ["show"])
       ], 32);
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b794ce9"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b2c67e5a"]]);
 
 export { Table as default };

package/components/table/TableHeaderSorter.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     sortOrder: 'asc' | 'desc';
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     sortOrder: 'asc' | 'desc';
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/table/TableHeaderSorter.vue.js

@@ -4,21 +4,21 @@ import SortOrderIcon from './SortOrderIcon.vue.js';
 
 import "../../TableHeaderSorter.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "table-head-sorter-container" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TableHeaderSorter",
   props: {
-    sortOrder: {}
+    sortOrder: null
   },
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(SortOrderIcon, {
           name: "sort-order",
-          class: normalizeClass({ "table-head-sorter-selected": _ctx.sortOrder === "asc" })
+          class: normalizeClass({ "table-head-sorter-selected": __props.sortOrder === "asc" })
         }, null, 8, ["class"]),
         createVNode(SortOrderIcon, {
           name: "sort-order",
-          class: normalizeClass(["table-head-sorter-desc", { "table-head-sorter-selected": _ctx.sortOrder === "desc" }])
+          class: normalizeClass(["table-head-sorter-desc", { "table-head-sorter-selected": __props.sortOrder === "desc" }])
         }, null, 8, ["class"])
       ]);
     };