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

package/DollarInput.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-16e69452]{color:#41454d}.dollar-sign[data-v-16e69452]{color:#53575b;margin-right:-4px}
+.label[data-v-b96666f4]{color:#41454d}.dollar-sign[data-v-b96666f4]{color:#53575b;margin-right:-4px}

package/FloatingToolbar.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-bffb04ba]{color:#41454d}.floating-toolbar[data-v-bffb04ba]{position:fixed;display:flex;align-items:center;transform:translate(-50%);min-width:17.25rem;height:3.5rem;border-radius:12px;bottom:2.5rem;left:50%;background:#41454d;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;transition:opacity .25s,transform .25s;overflow:hidden;z-index:9999}.floating-toolbar-enter-from[data-v-bffb04ba],.floating-toolbar-leave-to[data-v-bffb04ba]{transform:translate(-50%,200%)}.labels[data-v-bffb04ba],.actions[data-v-bffb04ba]{width:100%}.labels[data-v-bffb04ba]{color:#fff;white-space:nowrap}.actions[data-v-bffb04ba]{border-right:1px solid hsla(0,0%,100%,.2);width:100%;height:100%;display:flex;gap:.5rem;padding-right:1.5rem;padding-left:1rem;align-items:center}.close-icon[data-v-bffb04ba]{border-left:1px solid hsla(0,0%,0%,.2);padding:0 1.25rem;display:flex;align-items:center}.close-icon[data-v-bffb04ba]:hover{color:#f1f3f4}.counter[data-v-bffb04ba]{background:#53575b;justify-content:center;margin-right:.5rem;margin-left:.75rem;color:#fff;align-items:center;min-height:2rem;min-width:2rem;border-radius:50%;display:flex}
+.label[data-v-bffb04ba]{color:#41454d}.floating-toolbar[data-v-bffb04ba]{position:fixed;display:flex;align-items:center;transform:translate(-50%);min-width:17.25rem;height:3.5rem;border-radius:12px;bottom:2.5rem;left:50%;background:#41454d;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;transition:opacity .25s,transform .25s;overflow:hidden;z-index:9999}.floating-toolbar-enter-from[data-v-bffb04ba],.floating-toolbar-leave-to[data-v-bffb04ba]{transform:translate(-50%,200%)}.labels[data-v-bffb04ba],.actions[data-v-bffb04ba]{width:100%}.labels[data-v-bffb04ba]{color:#fff;white-space:nowrap}.actions[data-v-bffb04ba]{border-right:1px solid hsla(0deg,0%,100%,.2);width:100%;height:100%;display:flex;gap:.5rem;padding-right:1.5rem;padding-left:1rem;align-items:center}.close-icon[data-v-bffb04ba]{border-left:1px solid hsla(0deg,0%,0%,.2);padding:0 1.25rem;display:flex;align-items:center}.close-icon[data-v-bffb04ba]:hover{color:#f1f3f4}.counter[data-v-bffb04ba]{background:#53575b;justify-content:center;margin-right:.5rem;margin-left:.75rem;color:#fff;align-items:center;min-height:2rem;min-width:2rem;border-radius:50%;display:flex}

package/PasswordInput.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-2ae4974c]{color:#41454d}.password-visibility[data-v-2ae4974c]{color:#53575b;text-decoration:underline;margin-left:-4px;cursor:pointer}
+.label[data-v-da9d5486]{color:#41454d}.password-visibility[data-v-da9d5486]{color:#53575b;text-decoration:underline;margin-left:-4px;cursor:pointer}

package/PercentageInput.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-3841828e]{color:#41454d}.percentage-sign[data-v-3841828e]{color:#53575b;margin-left:-4px}
+.label[data-v-7247a0d5]{color:#41454d}.percentage-sign[data-v-7247a0d5]{color:#53575b;margin-left:-4px}

package/Table.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +1 @@
-.label[data-v-6b794ce9]{color:#41454d}.sticky[data-v-6b794ce9]{position:sticky}.table-container[data-v-6b794ce9]{width:100%;position:relative}.last.floating[data-v-6b794ce9]{max-width:100%}.table-header[data-v-6b794ce9]{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-6b794ce9]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-6b794ce9]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-6b794ce9]{border-left:1px solid #DDDFE1}.table-header.isStickyHeader[data-v-6b794ce9]{z-index:199;top:0}.table-head-container[data-v-6b794ce9]{display:flex;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-6b794ce9]{display:inline-table}.table-header-actions[data-v-6b794ce9]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-6b794ce9]{position:relative}.table-row.loading[data-v-6b794ce9]{opacity:.7}.floating-actions[data-v-6b794ce9]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-6b794ce9]{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-6b794ce9],table th[data-v-6b794ce9]{padding:0 1.5rem;line-height:normal}table thead[data-v-6b794ce9]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-6b794ce9]{color:#626970;border-bottom:2px solid #DDDFE1;height:2.5rem;display:grid;grid-template-columns:var(--4c2b4786)}table thead tr th[data-v-6b794ce9]{background:#FFFFFF;width:100%;display:flex;align-items:center;cursor:default}table thead tr th.bordered[data-v-6b794ce9]{border-right:1px solid #DDDFE1}table thead tr th.isTextRight[data-v-6b794ce9]{justify-content:flex-end}table thead tr th.isSortable[data-v-6b794ce9]{cursor:pointer}table thead.sticky[data-v-6b794ce9]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-6b794ce9]{z-index:198px;top:55px}table tbody[data-v-6b794ce9]{height:100%;display:block}table tbody tr[data-v-6b794ce9]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--4c2b4786)}table tbody tr:nth-of-type(even) td[data-v-6b794ce9]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-6b794ce9]{background-color:#f7f8f9}table tbody td[data-v-6b794ce9]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #DDDFE1;justify-content:start}table tbody td.bordered[data-v-6b794ce9]{border-right:1px solid #DDDFE1}table tbody td.isTextRight[data-v-6b794ce9]{justify-content:flex-end}table tfoot[data-v-6b794ce9]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-6b794ce9]{left:0}.sections[data-v-6b794ce9]{display:flex}.section[data-v-6b794ce9]{padding:0 1.5rem;background:#FFFFFF;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #DDDFE1}
+.label[data-v-b2c67e5a]{color:#41454d}.sticky[data-v-b2c67e5a]{position:sticky}.table-container[data-v-b2c67e5a]{width:100%;position:relative}.last.floating[data-v-b2c67e5a]{max-width:100%}.table-header[data-v-b2c67e5a]{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-b2c67e5a]{display:flex;align-items:center;justify-content:center;height:100%;padding:1.25rem 1.5rem}.table-header .table-header-right[data-v-b2c67e5a]{display:flex;align-items:center;height:100%}.table-header .table-header-right.border-search[data-v-b2c67e5a]{border-left:1px solid #DDDFE1}.table-header.isStickyHeader[data-v-b2c67e5a]{z-index:199;top:0}.table-head-container[data-v-b2c67e5a]{display:flex;align-items:center;white-space:nowrap}.table-body-wrapper[data-v-b2c67e5a]{display:inline-table}.table-header-actions[data-v-b2c67e5a]{margin-left:auto;margin-right:1rem;display:flex;align-items:center}.table-row[data-v-b2c67e5a]{position:relative}.table-row.loading[data-v-b2c67e5a]{opacity:.7}.floating-actions[data-v-b2c67e5a]{position:absolute;z-index:10;max-width:max-content;transform:translateY(-50%) translate(calc(-100% - 12px));top:50%;left:0}table[data-v-b2c67e5a]{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-b2c67e5a],table th[data-v-b2c67e5a]{padding:0 1.5rem;line-height:normal}table thead[data-v-b2c67e5a]{border-bottom:none;z-index:101;display:inline-table;min-width:100%}table thead tr[data-v-b2c67e5a]{color:#626970;border-bottom:2px solid #DDDFE1;height:2.5rem;display:grid;grid-template-columns:var(--34f02729)}table thead tr th[data-v-b2c67e5a]{background:#FFFFFF;width:100%;display:flex;align-items:center;cursor:default}table thead tr th.bordered[data-v-b2c67e5a]{border-right:1px solid #DDDFE1}table thead tr th.isTextRight[data-v-b2c67e5a]{justify-content:flex-end}table thead tr th.isSortable[data-v-b2c67e5a]{cursor:pointer}table thead.sticky[data-v-b2c67e5a]{position:sticky;top:0;background:white}table thead.isStickyHeader[data-v-b2c67e5a]{z-index:198px;top:55px}table tbody[data-v-b2c67e5a]{height:100%;display:block}table tbody tr[data-v-b2c67e5a]{background-color:#fff;min-height:3rem;height:auto;display:grid;align-items:center;grid-template-columns:var(--34f02729)}table tbody tr:nth-of-type(even) td[data-v-b2c67e5a]{background-color:#fff}table tbody tr:hover:not(.loading) td[data-v-b2c67e5a]{background-color:#f7f8f9}table tbody td[data-v-b2c67e5a]{background-color:#fff;border:none;min-width:0;display:flex;height:100%;width:100%;place-items:center;border-bottom:1px solid #DDDFE1;justify-content:start}table tbody td.bordered[data-v-b2c67e5a]{border-right:1px solid #DDDFE1}table tbody td.isTextRight[data-v-b2c67e5a]{justify-content:flex-end}table tfoot[data-v-b2c67e5a]{display:block;height:4.5rem;background-color:#fff;border:none}.section-container[data-v-b2c67e5a]{left:0}.sections[data-v-b2c67e5a]{display:flex}.section[data-v-b2c67e5a]{padding:0 1.5rem;background:#FFFFFF;left:0;height:32px;display:flex;align-items:flex-end;border-right:1px solid #DDDFE1}

package/components/appIcon/AppIcon.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     size: 'sm' | 'md' | 'lg' | 'xl';
     src: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/appIcon/AppIcon.vue.js

@@ -18,7 +18,7 @@ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
     fillRule: "evenodd"
   })
 ], -1));
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppIcon",
   props: {
     size: { default: "md" },
@@ -27,10 +27,10 @@ const _sfc_main = defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["application-icon", `icon-${_ctx.size}`])
+        class: normalizeClass(["application-icon", `icon-${__props.size}`])
       }, [
         createElementVNode("img", {
-          src: _ctx.src,
+          src: __props.src,
           alt: ""
         }, null, 8, _hoisted_1),
         _hoisted_2

package/components/appIcon/index.d.ts

@@ -25,6 +25,6 @@ declare const AppIconTypes: () => import("vue").DefineComponent<{
 }>>, {
     size: "md" | "sm" | "lg" | "xl";
     src: string;
-}, {}>[];
+}>[];
 export { default as AppIcon } from './AppIcon.vue';
 export { AppIconTypes };

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected: Application[];
     options: Application[];
     singleAppSelection: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/appTrigger/AppTrigger.vue.js

@@ -1,21 +1,14 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+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 '../button/Button.vue.js';
-import IconButton from '../button/IconButton.vue.js';
-import '../button/ScrollButton.vue.js';
 import Icon from '../icon/Icon.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
+/* 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 allTitle = "All apps selected";
-const NoAppsTitle = "No apps to select";
-const allAppsIcon = "widgetsz";
-const noAppsIcon = "cube-background";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppTrigger",
   props: {
     selected: { default: null },
@@ -25,6 +18,8 @@ const _sfc_main = defineComponent({
   },
   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;
@@ -40,6 +35,8 @@ const _sfc_main = defineComponent({
       }
       return `${selectedSize.value} apps selected`;
     });
+    const allAppsIcon = "widgetsz";
+    const noAppsIcon = "cube-background";
     const appIcon = computed(
       () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
     );
@@ -96,39 +93,39 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["app-trigger", {
-          "app-trigger--with-icons": selectedSize.value > 0 || allMode.value
+          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
         }])
       }, [
         renderSlot(_ctx.$slots, "left-image", {}, () => [
           createElementVNode("div", _hoisted_1, [
-            appImage.value ? (openBlock(), createBlock(unref(AppIcon), {
+            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
               key: 0,
               size: "xl",
-              src: appImage.value
+              src: unref(appImage)
             }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
               class: "trigger-icon",
               "font-size": "2rem",
-              name: appIcon.value
+              name: unref(appIcon)
             }, null, 8, ["name"]))
           ])
         ], true),
         renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          osIcon.value ? (openBlock(), createBlock(unref(Icon), {
+          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
             key: 0,
             class: "app-trigger__left-icon",
-            name: osIcon.value,
+            name: unref(osIcon),
             "font-size": "md"
           }, null, 8, ["name"])) : createCommentVNode("", true)
         ], true),
         createElementVNode("div", {
           class: normalizeClass(["app-trigger__middle-section", {
-            "app-trigger__middle-section--single": singleApp.value,
-            "app-trigger__middle-section--loading": _ctx.loading || !_ctx.options?.length
+            "app-trigger__middle-section--single": unref(singleApp),
+            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
           }])
         }, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: title.value }, {
+            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
               default: withCtx(() => [
                 createVNode(unref(Text), {
                   strong: "",
@@ -137,7 +134,7 @@ const _sfc_main = defineComponent({
                   size: "sm"
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(title.value), 1)
+                    createTextVNode(toDisplayString(unref(title)), 1)
                   ]),
                   _: 1
                 })
@@ -147,7 +144,7 @@ const _sfc_main = defineComponent({
           ], true),
           renderSlot(_ctx.$slots, "description", {}, () => [
             createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: description.value }, {
+              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
                 default: withCtx(() => [
                   createVNode(unref(Text), {
                     class: "app-trigger__description",
@@ -155,7 +152,7 @@ const _sfc_main = defineComponent({
                     "is-truncated": ""
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(description.value), 1)
+                      createTextVNode(toDisplayString(unref(description)), 1)
                     ]),
                     _: 1
                   })

package/components/appTrigger/index.d.ts

@@ -45,6 +45,6 @@ declare const AppTriggerTypes: () => import("vue").DefineComponent<{
     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/autocompleteDropdown/AutocompleteDropdown.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,16 +1,14 @@
 import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
 import Dropdown from '../dropdown/Dropdown.vue.js';
-import '../dropdown/Option.vue.js';
-import '../dropdown/Label.vue.js';
-import '../dropdown/SearchInput.vue.js';
-import GroupOption from './GroupOption.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                            *//* empty css                                                                    */import '@vue/shared';
+/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import GroupOption from './GroupOption.vue.js';
 import AutocompleteInput from './AutocompleteInput.vue.js';
 import { DEFAULT_PLACEHOLDER, GROUP_OPTION_FLAG } from './consts.vue.js';
 import { useKeyboardNavigation } from './useKeyboardNavigation.vue.js';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteDropdown",
   props: {
     options: { default: () => [] },
@@ -95,10 +93,10 @@ const _sfc_main = defineComponent({
         ref: dropdownRef,
         class: "autocomplete-dropdown"
       }, _ctx.$attrs, {
-        selected: selection.value,
-        options: filteredOptions.value,
+        selected: unref(selection),
+        options: unref(filteredOptions),
         "on-search": () => true,
-        "display-value": _ctx.displayValue,
+        "display-value": __props.displayValue,
         "keep-open": "",
         "is-on-top": false,
         multi: false,
@@ -114,9 +112,9 @@ const _sfc_main = defineComponent({
           createVNode(AutocompleteInput, {
             ref_key: "inputRef",
             ref: inputRef,
-            value: selection.value,
-            placeholder: _ctx.placeholder,
-            "display-value": _ctx.displayValue,
+            value: unref(selection),
+            placeholder: __props.placeholder,
+            "display-value": __props.displayValue,
             onRemove: deselectOption,
             onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
           }, {
@@ -127,9 +125,9 @@ const _sfc_main = defineComponent({
           }, 8, ["value", "placeholder", "display-value"])
         ]),
         default: withCtx(({ option }) => [
-          _ctx.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
+          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.displayValue(option)), 1)
+              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
             ]),
             _: 2
           }, 1024)) : renderSlot(_ctx.$slots, "default", {
@@ -139,7 +137,7 @@ const _sfc_main = defineComponent({
           }, void 0, true)
         ]),
         _: 3
-      }, 16, ["selected", "options", "display-value", "distance", "onKeydown"]);
+      }, 16, ["selected", "options", "on-search", "display-value", "distance", "onKeydown"]);
     };
   }
 });

package/components/autocompleteDropdown/AutocompleteInput.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     value: unknown[];
     placeholder: string;
     displayValue: (option: unknown) => string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, withModifiers, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
@@ -8,7 +8,7 @@ import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
 import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["value", "placeholder"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutocompleteInput",
   props: {
     value: { default: () => [] },
@@ -16,7 +16,7 @@ const _sfc_main = defineComponent({
     placeholder: { default: DEFAULT_PLACEHOLDER }
   },
   emits: ["remove", "search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose, emit }) {
     const props = __props;
     const api = useDropdownContext("autocompleteInput");
     const inputEl = ref(null);
@@ -43,15 +43,15 @@ const _sfc_main = defineComponent({
     function focusInput() {
       inputEl.value?.focus();
     }
-    __expose({
+    expose({
       focusInput
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": isOpen.value }]),
+        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
         onClick: withModifiers(onContainerClick, ["stop"])
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.value, (option, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
           return openBlock(), createElementBlock("div", {
             key: index,
             class: "autocomplete-input__option"
@@ -81,7 +81,7 @@ const _sfc_main = defineComponent({
           class: "autocomplete-input__search-field",
           type: "text",
           value: unref(api).query.value,
-          placeholder: _ctx.placeholder,
+          placeholder: __props.placeholder,
           onInput: onSearch
         }, null, 40, _hoisted_2)
       ], 10, _hoisted_1);

package/components/autocompleteDropdown/GroupOption.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -1,13 +1,12 @@
 import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
 import { NOOP } from '@vue/shared';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from '../dropdown/DropdownContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                             */
 import "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "GroupOption",
   setup(__props) {
     const api = useDropdownContext("GroupOption");

package/components/autocompleteDropdown/index.d.ts

@@ -77,6 +77,6 @@ declare const AutocompleteDropdownTypes: () => import("vue").DefineComponent<{
     displayValue: (option: unknown) => string;
     handleSearch: (option: any, term: string) => boolean;
     grouped: boolean;
-}, {}>[];
+}>[];
 export { default as AutocompleteDropdown } from './AutocompleteDropdown.vue';
 export { AutocompleteDropdownTypes };

package/components/banner/Banner.vue.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     type: "error" | "info" | "success" | "warning";
     iconSize: "md" | "sm" | "lg";
-}, {}>;
+}>;
 export default _default;

package/components/banner/Banner.vue.js

@@ -8,7 +8,7 @@ const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElem
 const _hoisted_2 = { class: "content-wrapper" };
 const _hoisted_3 = { class: "icon-container" };
 const _hoisted_4 = { class: "content" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Banner",
   props: {
     type: {
@@ -32,7 +32,7 @@ const _sfc_main = defineComponent({
           createElementVNode("div", _hoisted_3, [
             _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              class: normalizeClass(iconClass.value)
+              class: normalizeClass(unref(iconClass))
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon", {}, void 0, true)
@@ -40,8 +40,8 @@ const _sfc_main = defineComponent({
               _: 3
             }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: iconClass.value,
-              class: normalizeClass(iconClass.value),
+              name: unref(iconClass),
+              class: normalizeClass(unref(iconClass)),
               "font-size": __props.iconSize
             }, null, 8, ["name", "class", "font-size"]))
           ]),

package/components/banner/index.d.ts

@@ -19,6 +19,6 @@ declare const BannerTypes: () => import("vue").DefineComponent<{
 }>>, {
     type: "error" | "info" | "success" | "warning";
     iconSize: "md" | "sm" | "lg";
-}, {}>[];
+}>[];
 export { default as Banner } from './Banner.vue';
 export { BannerTypes };

package/components/button/Button.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: 'sm' | 'md' | 'lg';
     leftIconName: IconName;
     rightIconName: IconName;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/Button.vue.js

@@ -5,7 +5,7 @@ import { iconSizeMap } from './consts.vue.js';
 /* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Button",
   props: {
     leftIconName: { default: null },
@@ -18,30 +18,30 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ButtonBase, mergeProps({
         class: [
-          _ctx.size,
+          __props.size,
           {
-            "with-left-icon": !!_ctx.leftIconName,
-            "with-right-icon": !!_ctx.rightIconName
+            "with-left-icon": !!__props.leftIconName,
+            "with-right-icon": !!__props.rightIconName
           }
         ],
-        size: _ctx.size
+        size: __props.size
       }, _ctx.$attrs), createSlots({
         default: withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass({
-              flex: _ctx.leftIconName || _ctx.rightIconName
+              flex: __props.leftIconName || __props.rightIconName
             })
           }, [
-            _ctx.leftIconName ? (openBlock(), createBlock(unref(Icon), {
+            __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
-              name: _ctx.leftIconName,
-              "font-size": computedIconWidth.value
+              name: __props.leftIconName,
+              "font-size": unref(computedIconWidth)
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            _ctx.rightIconName ? (openBlock(), createBlock(unref(Icon), {
+            __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
               key: 1,
-              name: _ctx.rightIconName,
-              "font-size": computedIconWidth.value
+              name: __props.rightIconName,
+              "font-size": unref(computedIconWidth)
             }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
           ], 2)
         ]),

package/components/button/ButtonBase.vue.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
     theme: 'primary' | 'secondary' | 'third' | 'danger';
     loading: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/ButtonBase.vue.js

@@ -1,16 +1,13 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, withCtx, createCommentVNode } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import { sizeToFont } from './consts.vue.js';
 import LoaderDotsIcon from './icon/LoaderDotsIcon.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                            */
 import "../../ButtonBase.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { key: 0 };
-const loaderWidthLargeInPixel = 32;
-const loaderWidthMedSmallInPixel = 24;
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ButtonBase",
   props: {
     size: { default: "md" },
@@ -22,19 +19,21 @@ const _sfc_main = defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const loaderWidthLargeInPixel = 32;
+    const loaderWidthMedSmallInPixel = 24;
     const loaderWidth = computed(
       () => props.size === "lg" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
     );
     const textSize = computed(() => sizeToFont[props.size]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", mergeProps({
-        class: [[_ctx.size, _ctx.theme, _ctx.variant, { loading: _ctx.loading }], "button-wrap"]
+        class: [[__props.size, __props.theme, __props.variant, { loading: __props.loading }], "button-wrap"]
       }, _ctx.$attrs), [
-        !_ctx.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
+        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1, [
           renderSlot(_ctx.$slots, "content", {}, () => [
             createVNode(unref(Text), {
-              size: textSize.value,
-              strong: _ctx.strong,
+              size: unref(textSize),
+              strong: __props.strong,
               class: "content"
             }, {
               default: withCtx(() => [
@@ -44,9 +43,9 @@ const _sfc_main = defineComponent({
             }, 8, ["size", "strong"])
           ], true)
         ])) : createCommentVNode("", true),
-        _ctx.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
+        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
           createVNode(unref(Icon), {
-            "font-size": loaderWidth.value,
+            "font-size": unref(loaderWidth),
             class: "loading"
           }, {
             default: withCtx(() => [

package/components/button/IconButton.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     size: 'sm' | 'md' | 'lg';
     variant: 'solid' | 'border' | 'borderless' | 'ghost' | 'link' | 'colorized';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/IconButton.vue.js

@@ -6,7 +6,7 @@ import LoaderCircleIcon from './icon/LoaderCircleIcon.vue.js';
 /* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",
   props: {
     size: { default: "md" },
@@ -17,22 +17,22 @@ const _sfc_main = defineComponent({
     const loaderSize = computed(() => loaderSizeMap[props.size] + "px");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(ButtonBase, mergeProps({
-        size: _ctx.size,
+        size: __props.size,
         "is-truncated": false
       }, _ctx.$attrs, {
-        variant: _ctx.variant,
+        variant: __props.variant,
         class: "icon-base"
       }), {
         content: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["icon", { [_ctx.size]: true, [_ctx.variant]: true }])
+            class: normalizeClass(["icon", { [__props.size]: true, [__props.variant]: true }])
           }, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ], 2)
         ]),
         loader: withCtx(() => [
           createVNode(unref(Icon), {
-            "font-size": loaderSize.value,
+            "font-size": unref(loaderSize),
             class: "loading"
           }, {
             default: withCtx(() => [