@ironsource/shared-ui 1.4.1-rc.2 → 1.4.1-rc.4

package/AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-723775d7]{color:#41454d}.app-trigger[data-v-723775d7]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-723775d7]{gap:.25rem}.app-trigger__left-image[data-v-723775d7]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-723775d7]{color:#8e959d}.app-trigger__middle-section[data-v-723775d7]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-723775d7]{width:9.5rem}.app-trigger__middle-section--loading[data-v-723775d7]{gap:0}.app-trigger__description[data-v-723775d7]{color:#7b838c}.app-trigger__right-icon[data-v-723775d7]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-723775d7]{color:#41454d}
+.label[data-v-3e9cc534]{color:#41454d}.app-trigger[data-v-3e9cc534]{cursor:pointer;background-color:#fff;border:1px solid #DDDFE1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;position:relative;padding:.5625rem .9375rem .5625rem .5625rem}.app-trigger--with-icons[data-v-3e9cc534]{gap:.25rem}.app-trigger__left-image[data-v-3e9cc534]{width:2rem;height:2rem;align-self:center;color:#53575b}.app-trigger__left-icon[data-v-3e9cc534]{color:#8e959d}.app-trigger__middle-section[data-v-3e9cc534]{overflow:hidden;gap:.25rem;display:flex;height:2.5rem;justify-content:center;align-items:stretch;flex-direction:column;width:10.5rem}.app-trigger__middle-section--single[data-v-3e9cc534]{width:9.5rem}.app-trigger__middle-section--loading[data-v-3e9cc534]{gap:0}.app-trigger__description[data-v-3e9cc534]{color:#7b838c}.app-trigger__right-icon[data-v-3e9cc534]{right:1rem;top:calc(50% - 14px);position:absolute}.title[data-v-3e9cc534]{color:#41454d}

package/Dialog.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-366433b4]{color:#41454d}.v-enter-active[data-v-366433b4],.v-leave-active[data-v-366433b4]{transition:opacity .25s ease}.v-enter-from[data-v-366433b4],.v-leave-to[data-v-366433b4]{opacity:0}.container[data-v-366433b4]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-366433b4]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-366433b4]{min-height:7rem;overflow-y:auto;width:var(--5f89db1d);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-366433b4]{padding:0 1.5rem}.header[data-v-366433b4]{padding:1rem 1.5rem 0}.header--bordered[data-v-366433b4]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-366433b4]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-366433b4]{margin-left:auto;color:#d2d5d8}.content[data-v-366433b4]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-366433b4]{padding:1.5rem}.footer[data-v-366433b4]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-366433b4]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-366433b4] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-366433b4]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}
+.label[data-v-3f6d9c46]{color:#41454d}.v-enter-active[data-v-3f6d9c46],.v-leave-active[data-v-3f6d9c46]{transition:opacity .25s ease}.v-enter-from[data-v-3f6d9c46],.v-leave-to[data-v-3f6d9c46]{opacity:0}.container[data-v-3f6d9c46]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0}.placeholder[data-v-3f6d9c46]{width:100%;padding:24px 38px;height:53px;display:flex;text-align:center;align-items:center;justify-content:center;color:#8e959d;background:#F1F3F4}.modal[data-v-3f6d9c46]{min-height:7rem;overflow-y:auto;width:var(--147c2223);box-shadow:0 32px 32px -8px #00000014,0 0 32px -8px #0000001f;max-height:calc(100% - 64px);background:#FFFFFF;border:1px solid #DDDFE1;border-radius:1rem}.header--secondary[data-v-3f6d9c46]{padding:0 1.5rem}.header[data-v-3f6d9c46]{padding:1rem 1.5rem 0}.header--bordered[data-v-3f6d9c46]{padding:1rem 1.5rem;border-bottom:1px solid #DDDFE1}.header[data-v-3f6d9c46]{display:flex;align-items:center;width:100%;color:#53575b}.close-button[data-v-3f6d9c46]{margin-left:auto;color:#d2d5d8}.content[data-v-3f6d9c46]{padding:1rem 1.5rem 1.5rem;display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.content--bordered[data-v-3f6d9c46]{padding:1.5rem}.footer[data-v-3f6d9c46]{height:30%;width:100%;border-top:1px solid #DDDFE1;display:flex;align-items:center}.action-buttons[data-v-3f6d9c46]{margin-left:auto;padding:1rem 1.5rem;display:flex}.action-buttons[data-v-3f6d9c46] .button-wrap:first-child{margin-right:.25rem}.backdrop[data-v-3f6d9c46]{position:fixed;z-index:-1;display:flex;background-color:#0000008f;align-items:center;justify-content:center;inset:0}

package/README.md

@@ -21,10 +21,9 @@ To release a pre-release version, follow these steps:
 5. Push your changes
 6. Create a PR from your branch to `release/x.x.x` branch
 
-Pushing to `release/x.x.x` branch will trigger `pre-release.yml` workflow and will create a pre-release version.
-
-### Breaking Change
+Running `pre-release.yml` workflow will create a pre-release (-rc.xx) version and publish it to npm
 
+### Release
 
 To release a new version of the package (due to breaking changes), you need to follow the next steps:
 1. Create a new branch from `main` branch with the name `release/x.x.x` (x.x.x - version of the package)
@@ -36,9 +35,8 @@ To release a new version of the package (due to breaking changes), you need to f
 7. Add reviewers
 8. Merge the PR to `release/x.x.x` branch
 9. Create a new PR from `release/x.x.x` branch to `main` branch
-10. Merge the PR to `main` branch
-
-Merging release/x.x.x branch to main branch will trigger `release.yml` workflow and will create a new(not RC) version of the package.
+10. When you changes will ready to the release, run `release.yml` workflow it will create a new last release version and publish it to npm
+11. Merge the PR to `main` branch
 
 ## Testing
 Uses Vitest + Vue Test Utils (runs automatically on commit)
@@ -65,6 +63,13 @@ Start storybook:
 npm run storybook
 ```
 
+## Storybook deployment
+
+You can publish your branch to storybook by running "Deploy Docs" (`storybook.yml`) workflow with your branch.
+It will build and publish your branch stories. That you can check by entering this URL:
+https://mobile-shared-ui.ironsrc.mobi/branch_your-branch-name/
+
+
 ## Linking for local development in another project
 When developing locally, you can link to the shared-ui library:
 ```

package/Table.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-1e431cbc]{color:#41454d}.sticky[data-v-1e431cbc]{position:sticky}.table-container[data-v-1e431cbc]{width:100%;position:relative}.last.floating[data-v-1e431cbc]{max-width:100%}.table-header[data-v-1e431cbc]{display:flex;align-items:center;height:55px;border-bottom:1px solid #DDDFE1;background-color:#fff;position:sticky;left:0}.table-header .table-title[data-v-1e431cbc]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-1e431cbc]{display:flex;align-items:center;border-left:1px solid #DDDFE1;height:100%}.table-head-container[data-v-1e431cbc]{display:flex;cursor:pointer;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-1e431cbc]{display:inline-table}.table-header-actions[data-v-1e431cbc]{margin-left:auto;margin-right:1rem}.table-row[data-v-1e431cbc]{position:relative}.table-row.loading[data-v-1e431cbc]{opacity:.7}.floating-actions[data-v-1e431cbc]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-1e431cbc]{position:relative;display:block;overflow:auto;background:#FFFFFF;border:1px solid #DDDFE1;color:#53575b;text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:1rem}table td[data-v-1e431cbc],table th[data-v-1e431cbc]{padding:0 1.5rem;line-height:normal}table thead[data-v-1e431cbc]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-1e431cbc]{color:#626970;border-bottom:2px solid #DDDFE1;height:2.5rem;display:grid;grid-template-columns:var(--1f8bb632)}table thead tr th[data-v-1e431cbc]{background:#FFFFFF;width:100%;display:flex;align-items:center}table thead tr th.bordered[data-v-1e431cbc]{border-right:1px solid #DDDFE1}table thead.sticky[data-v-1e431cbc]{position:sticky;top:0;background:white}table tbody[data-v-1e431cbc]{height:100%;display:block}table tbody tr[data-v-1e431cbc]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--1f8bb632)}table tbody tr:nth-of-type(even) td[data-v-1e431cbc]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-1e431cbc]{background-color:#f7f8f9}table tbody td[data-v-1e431cbc]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #DDDFE1}table tbody td.bordered[data-v-1e431cbc]{border-right:1px solid #DDDFE1}table tfoot[data-v-1e431cbc]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-1e431cbc]{left:0}.sections[data-v-1e431cbc]{display:flex}.section[data-v-1e431cbc]{padding:0 1.5rem;background:#FFFFFF;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #DDDFE1}
+.label[data-v-76fa6cbc]{color:#41454d}.sticky[data-v-76fa6cbc]{position:sticky}.table-container[data-v-76fa6cbc]{width:100%;position:relative}.last.floating[data-v-76fa6cbc]{max-width:100%}.table-header[data-v-76fa6cbc]{display:flex;align-items:center;height:55px;border-bottom:1px solid #DDDFE1;background-color:#fff;position:sticky;left:0}.table-header .table-title[data-v-76fa6cbc]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-76fa6cbc]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-76fa6cbc]{border-left:1px solid #DDDFE1}.table-header.isStickyHeader[data-v-76fa6cbc]{z-index:199;top:0}.table-head-container[data-v-76fa6cbc]{display:flex;cursor:pointer;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-76fa6cbc]{display:inline-table}.table-header-actions[data-v-76fa6cbc]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-76fa6cbc]{position:relative}.table-row.loading[data-v-76fa6cbc]{opacity:.7}.floating-actions[data-v-76fa6cbc]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-76fa6cbc]{position:relative;display:block;overflow:auto;background:#FFFFFF;border:1px solid #DDDFE1;color:#53575b;text-align:left;table-layout:fixed;width:100%;max-height:100%;border-radius:1rem}table td[data-v-76fa6cbc],table th[data-v-76fa6cbc]{padding:0 1.5rem;line-height:normal}table thead[data-v-76fa6cbc]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-76fa6cbc]{color:#626970;border-bottom:2px solid #DDDFE1;height:2.5rem;display:grid;grid-template-columns:var(--13999c14)}table thead tr th[data-v-76fa6cbc]{background:#FFFFFF;width:100%;display:flex;align-items:center}table thead tr th.bordered[data-v-76fa6cbc]{border-right:1px solid #DDDFE1}table thead.sticky[data-v-76fa6cbc]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-76fa6cbc]{z-index:198px;top:55px}table tbody[data-v-76fa6cbc]{height:100%;display:block}table tbody tr[data-v-76fa6cbc]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--13999c14)}table tbody tr:nth-of-type(even) td[data-v-76fa6cbc]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-76fa6cbc]{background-color:#f7f8f9}table tbody td[data-v-76fa6cbc]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #DDDFE1}table tbody td.bordered[data-v-76fa6cbc]{border-right:1px solid #DDDFE1}table tfoot[data-v-76fa6cbc]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-76fa6cbc]{left:0}.sections[data-v-76fa6cbc]{display:flex}.section[data-v-76fa6cbc]{padding:0 1.5rem;background:#FFFFFF;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #DDDFE1}

package/components/appTrigger/AppTrigger.vue.d.ts

@@ -3,22 +3,27 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
+    singleAppSelection?: boolean;
 }>, {
     selected: any;
     options: any;
     loading: boolean;
+    singleAppSelection: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected?: Application[];
     options?: Application[];
     loading?: boolean;
+    singleAppSelection?: boolean;
 }>, {
     selected: any;
     options: any;
     loading: boolean;
+    singleAppSelection: boolean;
 }>>>, {
     loading: boolean;
     selected: Application[];
     options: Application[];
+    singleAppSelection: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/appTrigger/AppTrigger.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createElementVNode, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import AppIcon from '../appIcon/AppIcon.vue.js';
 import Icon from '../icon/Icon.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 /* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                                      */import AppIcon from '../appIcon/AppIcon.vue.js';
-/* empty css                                                            */
+/* empty css                                                                      *//* empty css                                                            */
 import "../../AppTrigger.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "app-trigger__left-image" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -13,12 +13,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     selected: { default: null },
     options: { default: null },
-    loading: { type: Boolean, default: false }
+    loading: { type: Boolean, default: false },
+    singleAppSelection: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
     const allTitle = "All apps selected";
+    const NoAppsTitle = "No apps to select";
     const title = computed(() => {
+      if (props.singleAppSelection && noApp.value) {
+        return NoAppsTitle;
+      }
+      if (props.singleAppSelection && singleApp.value) {
+        return `${firstSelection.value?.name}`;
+      }
       if (allMode.value) {
         return allTitle;
       }
@@ -28,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `${selectedSize.value} apps selected`;
     });
     const osIcon = computed(() => {
-      if (!allMode.value) {
+      if (!allMode.value || props.singleAppSelection && singleApp.value) {
         return firstSelection.value.platform.toLowerCase();
       }
       return null;
@@ -63,6 +71,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const singleApp = computed(() => {
       return selectedSize.value === 1;
     });
+    const noApp = computed(() => {
+      return optionsSize.value === 0;
+    });
     const allMode = computed(() => {
       return props.loading || optionsSize.value === selectedSize.value || !selectedSize.value;
     });
@@ -164,6 +175,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-723775d7"]]);
+var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3e9cc534"]]);
 
 export { AppTrigger as default };

package/components/appTrigger/index.d.ts

@@ -14,6 +14,11 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: {
         type: import("vue").PropType<boolean>;
@@ -30,10 +35,16 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
+    singleAppSelection: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
 }>>, {
     loading: boolean;
     selected: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
     options: import("./AppTrigger.vue.__VLS_script").__VLS_types_Application[];
+    singleAppSelection: boolean;
 }>[];
 export { default as AppTrigger } from './AppTrigger.vue';
 export { AppTriggerTypes };

package/components/button/index.d.ts

@@ -8,12 +8,12 @@ declare const ButtonTypes: () => (import("vue").DefineComponent<{
         default: string;
     };
     leftIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
     rightIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
@@ -24,19 +24,19 @@ declare const ButtonTypes: () => (import("vue").DefineComponent<{
         default: string;
     };
     leftIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
     rightIconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
 }>>, {
     size: "md" | "sm" | "lg";
-    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
-    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    leftIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    rightIconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
 }> | import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg">;

package/components/dialog/Dialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
+import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, normalizeStyle, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
 import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
 import { useTimeoutFn } from '@vueuse/core';
 import Text from '../typography/Text.vue.js';
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "5f89db1d": __props.width
+      "147c2223": __props.width
     }));
     const visible = ref(false);
     let openTimer = void 0;
@@ -116,6 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   class: "modal",
+                  style: normalizeStyle({ width: __props.width }),
                   onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
                 }, [
                   createElementVNode("header", {
@@ -169,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       renderSlot(_ctx.$slots, "footer", {}, void 0, true)
                     ])
                   ])) : createCommentVNode("", true)
-                ], 32),
+                ], 36),
                 __props.showBackdrop ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "backdrop",
@@ -185,6 +186,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-366433b4"]]);
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f6d9c46"]]);
 
 export { Dialog as default };

package/components/emptyState/index.d.ts

@@ -15,7 +15,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
         default: string;
     };
     iconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
@@ -75,7 +75,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
         default: string;
     };
     iconName: {
-        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
     } & {
         default: any;
     };
@@ -122,7 +122,7 @@ declare const EmptyStateTypes: () => import("vue").DefineComponent<{
     size: "sm" | "lg";
     title: string;
     fontSize: string;
-    iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "table-edit" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
     subtitle: string;
     buttonText: string;
     isHorizontal: boolean;

package/components/icon/Icon.vue.js

@@ -179,6 +179,7 @@ function __variableDynamicImportRuntime0__(path) {
     case './icons/Success.vue': return import('./icons/Success.vue.js');
     case './icons/SuccessFull.vue': return import('./icons/SuccessFull.vue.js');
     case './icons/Switch.vue': return import('./icons/Switch.vue.js');
+    case './icons/TableEdit.vue': return import('./icons/TableEdit.vue.js');
     case './icons/TabletLandscape.vue': return import('./icons/TabletLandscape.vue.js');
     case './icons/TabletMac.vue': return import('./icons/TabletMac.vue.js');
     case './icons/TabletPortrait.vue': return import('./icons/TabletPortrait.vue.js');

package/components/icon/icons/TableEdit.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/components/icon/icons/TableEdit.vue.js

@@ -0,0 +1,24 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+////import "../../TableEdit.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {};
+
+const _hoisted_1 = {
+  fill: "currentColor",
+  viewBox: "0 0 17 16"
+};
+const _hoisted_2 = /*#__PURE__*/createElementVNode("path", {
+  d: "M14.6667 0.5H2.16667C1.25 0.5 0.5 1.25 0.5 2.16667V13.8333C0.5 14.75 1.25 15.5 2.16667 15.5H14.6667C15.5833 15.5 16.3333 14.75 16.3333 13.8333V2.16667C16.3333 1.25 15.5833 0.5 14.6667 0.5ZM14.6667 2.16667V4.66667H2.16667V2.16667H14.6667ZM10.5 13.8333H6.33333V6.33333H10.5V13.8333ZM2.16667 6.33333H4.66667V13.8333H2.16667V6.33333ZM12.1667 13.8333V6.33333H14.6667V13.8333H12.1667Z",
+  fill: "#53575B"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+
+function _sfc_render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
+}
+var TableEdit = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
+
+export { TableEdit as default };

package/components/icon/icons/index.d.ts

@@ -515,6 +515,9 @@ export declare const icons: {
     switch: {
         fileName: string;
     };
+    'table-edit': {
+        fileName: string;
+    };
     'tablet-landscape': {
         fileName: string;
     };

package/components/icon/icons/index.vue.js

@@ -515,6 +515,9 @@ const icons = {
   switch: {
     fileName: "Switch"
   },
+  "table-edit": {
+    fileName: "TableEdit"
+  },
   "tablet-landscape": {
     fileName: "TabletLandscape"
   },

package/components/icon/index.d.ts

@@ -516,6 +516,9 @@ declare const IconTypes: () => ({
     switch: {
         fileName: string;
     };
+    'table-edit': {
+        fileName: string;
+    };
     'tablet-landscape': {
         fileName: string;
     };

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

@@ -0,0 +1,43 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    currentPage?: number;
+    totalPages?: number;
+    totalItems?: number | string;
+    itemsPerPage?: number;
+}>, {
+    currentPage: any;
+    totalPages: any;
+    totalItems: any;
+    itemsPerPage: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-change"[], "page-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    currentPage?: number;
+    totalPages?: number;
+    totalItems?: number | string;
+    itemsPerPage?: number;
+}>, {
+    currentPage: any;
+    totalPages: any;
+    totalItems: any;
+    itemsPerPage: number;
+}>>> & {
+    "onPage-change"?: (...args: any[]) => any;
+}, {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number | string;
+    itemsPerPage: number;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sections?: Section[];
     sort: Sort;
     isSticky?: boolean;
+    isStickyHeader?: boolean;
     isLoading?: boolean;
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
@@ -13,8 +14,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
+    defaultScrollPosition?: number;
 }>, {
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: any;
     isLoading: boolean;
     sortOrder: string;
@@ -24,6 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold: number;
     rowHeight: number;
     loadingRowCount: number;
+    defaultScrollPosition: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:sort": (newSort: Sort) => void;
 } & {
@@ -42,6 +46,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     sections?: Section[];
     sort: Sort;
     isSticky?: boolean;
+    isStickyHeader?: boolean;
     isLoading?: boolean;
     emptyStateTitle?: string;
     emptyStateSubtitle?: string;
@@ -49,8 +54,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold?: number;
     rowHeight?: number | ((index: number) => number);
     loadingRowCount?: number;
+    defaultScrollPosition?: number;
 }>, {
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: any;
     isLoading: boolean;
     sortOrder: string;
@@ -60,6 +67,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold: number;
     rowHeight: number;
     loadingRowCount: number;
+    defaultScrollPosition: any;
 }>>> & {
     "onUpdate:sort"?: (newSort: Sort) => any;
     onSaveRow?: (args_0: {
@@ -72,6 +80,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     isLoading: boolean;
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: Section[];
     emptyStateTitle: string;
     emptyStateSubtitle: string;
@@ -79,6 +88,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
+    defaultScrollPosition: number;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/table/Table.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, useCssVars, unref, ref, provide, computed, onMounted, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode, normalizeClass, Fragment, renderList, createBlock, mergeProps, withDirectives, vShow } from 'vue';
+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';
 /* empty css                                                            *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
@@ -9,19 +9,14 @@ import { useVirtualList, useInfiniteScroll } from '@vueuse/core';
 import { TableContext } from './TableContext.vue.js';
 /* empty css                                                       *//* empty css                                           */
 import "../../Table.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = {
-  key: 0,
-  class: "table-header"
-};
-const _hoisted_2 = { class: "table-title" };
-const _hoisted_3 = { class: "table-header-right" };
-const _hoisted_4 = { class: "table-header-actions" };
-const _hoisted_5 = { class: "sections" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "table-head-container" };
-const _hoisted_8 = ["onMouseenter"];
-const _hoisted_9 = { key: 1 };
-const _hoisted_10 = { key: 1 };
+const _hoisted_1 = { class: "table-title" };
+const _hoisted_2 = { class: "table-header-actions" };
+const _hoisted_3 = { class: "sections" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "table-head-container" };
+const _hoisted_6 = ["onMouseenter"];
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
@@ -31,19 +26,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     sections: { default: null },
     sort: null,
     isSticky: { type: Boolean, default: true },
+    isStickyHeader: { type: Boolean, default: false },
     isLoading: { type: Boolean, default: false },
     emptyStateTitle: { default: "No results found" },
     emptyStateSubtitle: { default: "Try again with different filters" },
     isInfiniteScroll: { type: Boolean, default: false },
     infiniteScrollThreshold: { default: 100 },
     rowHeight: { type: [Number, Function], default: 48 },
-    loadingRowCount: { default: 3 }
+    loadingRowCount: { default: 3 },
+    defaultScrollPosition: { default: null }
   },
   emits: ["update:sort", "saveRow", "loadMore"],
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "1f8bb632": unref(gridColumnTemplate)
+      "13999c14": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -81,12 +78,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const floatingActionRef = ref(null);
     const floatingActionPosition = ref(0);
+    const slots = useSlots();
+    const hasSearchSlot = computed(() => !!slots.search);
     const onScroll = (event) => {
       containerProps.onScroll();
       floatingActionPosition.value = event.target.scrollLeft + event.target.getBoundingClientRect().width;
     };
     onMounted(() => {
       floatingActionPosition.value = containerProps.ref.value?.getBoundingClientRect().width;
+      if (props.defaultScrollPosition) {
+        setTimeout(() => {
+          containerProps.ref.value.scrollTo({
+            top: props.defaultScrollPosition,
+            behavior: "smooth"
+          });
+        }, 1e3);
+      }
     });
     const showBackToTopButton = computed(() => {
       const [firstListItem] = list.value;
@@ -155,8 +162,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref(containerStyle)),
           onScrollPassive: onScroll
         }, [
-          __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
+          __props.title || _ctx.$slots["search"] ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["table-header", { isStickyHeader: __props.isStickyHeader }])
+          }, [
+            createElementVNode("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createVNode(unref(Text), {
                   size: "md",
@@ -169,17 +179,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ], true)
             ]),
-            createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", {
+              class: normalizeClass(["table-header-right", unref(hasSearchSlot) ? "border-search" : ""])
+            }, [
               renderSlot(_ctx.$slots, "search", {}, void 0, true)
-            ]),
-            createElementVNode("div", _hoisted_4, [
+            ], 2),
+            createElementVNode("div", _hoisted_2, [
               renderSlot(_ctx.$slots, "table-header-actions", {}, void 0, true)
             ])
-          ])) : createCommentVNode("", true),
+          ], 2)) : createCommentVNode("", true),
           createElementVNode("thead", {
-            class: normalizeClass({ sticky: __props.isSticky })
+            class: normalizeClass({ sticky: __props.isSticky, isStickyHeader: __props.isStickyHeader })
           }, [
-            createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", _hoisted_3, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
                 return openBlock(), createElementBlock("div", {
                   key: section.id,
@@ -209,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(column.isSticky ? unref(columnsStickyPositions)[column.id] : null),
                   onClick: ($event) => toggleSortOrder(column)
                 }, [
-                  createElementVNode("div", _hoisted_7, [
+                  createElementVNode("div", _hoisted_5, [
                     renderSlot(_ctx.$slots, `header-${column.id}`, { column }, () => [
                       createVNode(unref(Text), {
                         size: "sm",
@@ -228,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "sort-order": __props.sort.sortOrder
                     }, null, 8, ["sort-order"])) : createCommentVNode("", true)
                   ])
-                ], 14, _hoisted_6);
+                ], 14, _hoisted_4);
               }), 128))
             ])
           ], 2),
@@ -298,9 +310,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ], true)
                     ], 6);
                   }), 128))
-                ], 42, _hoisted_8);
+                ], 42, _hoisted_6);
               }), 128))
-            ], 16)) : (openBlock(), createElementBlock("div", _hoisted_9, [
+            ], 16)) : (openBlock(), createElementBlock("div", _hoisted_7, [
               renderSlot(_ctx.$slots, "empty-state", {}, () => [
                 createVNode(unref(EmptyState), {
                   title: __props.emptyStateTitle,
@@ -309,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], true)
             ]))
           ]),
-          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_10)) : createCommentVNode("", true)
+          unref(list).length > 0 ? (openBlock(), createElementBlock("tfoot", _hoisted_8)) : createCommentVNode("", true)
         ], 36),
         createVNode(unref(ScrollButton), {
           show: unref(showBackToTopButton),
@@ -319,6 +331,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e431cbc"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76fa6cbc"]]);
 
 export { Table as default };

package/components/table/index.d.ts

@@ -21,6 +21,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: boolean;
     };
+    isStickyHeader: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     sections: {
         type: import("vue").PropType<import("./Table.types").Section[]>;
     } & {
@@ -56,6 +61,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: number;
     };
+    defaultScrollPosition: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
     rows: {
         type: import("vue").PropType<unknown[][]>;
         required: true;
@@ -94,6 +104,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: boolean;
     };
+    isStickyHeader: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
     sections: {
         type: import("vue").PropType<import("./Table.types").Section[]>;
     } & {
@@ -129,6 +144,11 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     } & {
         default: number;
     };
+    defaultScrollPosition: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
     rows: {
         type: import("vue").PropType<unknown[][]>;
         required: true;
@@ -145,6 +165,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
 }, {
     isLoading: boolean;
     isSticky: boolean;
+    isStickyHeader: boolean;
     sections: import("./Table.types").Section[];
     emptyStateTitle: string;
     emptyStateSubtitle: string;
@@ -152,6 +173,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     infiniteScrollThreshold: number;
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
+    defaultScrollPosition: number;
 }>)[];
 export { default as Table } from './Table.vue';
 export { TableContext } from './TableContext';

package/index.vue.js

@@ -1,4 +1,4 @@
-import './MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css';
 export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
 export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
 export { MenuItemTypes } from './components/menuItem/index.vue.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.1-rc.2",
+  "version": "1.4.1-rc.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"