@ironsource/shared-ui 1.4.2-rc.5 → 1.4.2-test.0

package/Search.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-925b418c]{color:#41454d}.search-left-icon[data-v-925b418c]{position:absolute;color:#a9afb4;left:.625rem}.search-left-icon+input[data-v-925b418c]{padding:0 2rem}.search-right-icon-clear[data-v-925b418c]{color:#a9afb4;cursor:pointer}.search-right-icon-clear[data-v-925b418c]:hover{transition:color .25s;color:#8e959d}.search-container[data-v-925b418c]{display:inline-flex;align-items:center;position:relative}input[data-v-925b418c]{outline:none;border:none;font-family:HelveticaNeue,sans-serif;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;font-size:.8125rem;color:#53575b;padding:0 2rem 0 1rem;flex:1;border-radius:6.25rem;border:1px solid #DDDFE1;transition:border .25s,box-shadow .25s,background-color .25s}.sm input[data-v-925b418c]{height:2rem}.md input[data-v-925b418c]{height:2.5rem}input[data-v-925b418c]::placeholder{font-family:HelveticaNeue,sans-serif;font-size:.8125rem;color:#8e959d}input[data-v-925b418c]:hover,input[data-v-925b418c]:focus{border:1px solid #68A5FF}input[data-v-925b418c]:focus{box-shadow:0 0 0 2px #3083ff4d}input.inline-table[data-v-925b418c]{border:none;background-color:#fff;border-radius:.5rem}input.inline-table.activated[data-v-925b418c],input.inline-table[data-v-925b418c]:focus{background-color:#f1f3f4;box-shadow:none}input.transparent[data-v-925b418c]{border:none;background-color:transparent;border-radius:0}input.transparent.activated[data-v-925b418c],input.transparent[data-v-925b418c]:focus{background-color:transparent;box-shadow:none}input+.search-right-icon[data-v-925b418c]{position:absolute;right:.625rem}input+.search-right-icon-clear[data-v-925b418c]{color:#d2d5d8;cursor:pointer}input+.search-right-icon-clear[data-v-925b418c]:hover{transition:color .25s;color:#8e959d}

package/SearchInput.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-35368fc5]{color:#41454d}.container[data-v-35368fc5]{position:relative;display:flex;width:100%;align-items:center;text-align:start;font-family:HelveticaNeue,sans-serif;font-style:normal;padding:.25rem .75rem;outline:none;background:#F1F3F4;border-radius:.5rem}.container--lg[data-v-35368fc5]{padding:.5rem .75rem}.container--open[data-v-35368fc5],.container[data-v-35368fc5]:focus-visible{background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.container[data-v-35368fc5]:hover:not(.button--open):not(.button--disabled){color:#53575b}.container--disabled[data-v-35368fc5]{cursor:default}.prefix[data-v-35368fc5]{margin-right:.25rem;display:flex;align-items:center;gap:.5rem}.search-right-icon[data-v-35368fc5]{display:flex;color:#7b838c;align-items:center;padding:0;background-image:none;min-width:auto;border:none;background-color:transparent}.input--open .input[data-v-35368fc5]::placeholder{color:#8e959d}.search-right-icon[data-v-35368fc5],.angle-down[data-v-35368fc5]{color:#7b838c}.input[data-v-35368fc5]{width:100%;font-family:HelveticaNeue,sans-serif;font-size:.8125rem;border:none;outline:none;color:#53575b;line-height:1.25rem;min-width:15rem;background-color:transparent}.input[data-v-35368fc5]::placeholder{color:#8e959d;font-family:HelveticaNeue,sans-serif;font-size:.8125rem}.input[data-v-35368fc5]:not(.input--disabled){cursor:pointer}

package/Snackbar.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-764ab56b]{color:#41454d}.container[data-v-764ab56b]{width:100%;display:flex;max-width:23.375rem}.texts[data-v-764ab56b]{width:100%;border-right:1px solid #DDDFE1;padding:1.25rem 1rem;display:flex;justify-content:center;flex-direction:column}.message[data-v-764ab56b]{color:#53575b;display:flex;line-height:1.25rem}.start-icon-container[data-v-764ab56b]{border-radius:50%;width:1.5rem;height:1.5rem;margin-left:1rem;display:flex;align-items:center}.start-icon-container.success[data-v-764ab56b]{color:#3083ff;background:#E2EEFF;padding:.25rem}.start-icon-container.error[data-v-764ab56b]{color:#ff6a63;margin-top:0;padding:.25rem;background:#ffefee}.title[data-v-764ab56b]{color:#41454d}.snackbar[data-v-764ab56b]{display:flex;width:23.375rem;align-items:center;border-radius:.5rem;box-sizing:border-box;position:fixed;background-color:#fff;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;transition:opacity .25s,transform .25s,left .25s,right .25s,top .4s,bottom .25s;overflow-wrap:anywhere;overflow:hidden;z-index:9999}.snackbar.right[data-v-764ab56b]{right:1rem}.snackbar.left[data-v-764ab56b]{left:1rem}.snackbar-close-button[data-v-764ab56b]{cursor:pointer;color:#b7bbc0;margin:1.25rem 1rem}.snackbar-enter-from.right[data-v-764ab56b]{right:0;transform:translate(100%)}.snackbar-enter-from.left[data-v-764ab56b]{left:0;transform:translate(-100%)}.snackbar-leave-to[data-v-764ab56b]{opacity:0}.snackbar-leave-to.right[data-v-764ab56b]{right:0;transform:translate(100%)}.snackbar-leave-to.left[data-v-764ab56b]{left:0;transform:translate(-100%)}

package/SortOrderIcon.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.empty-class[data-v-14ef12bc]{color:#000}

package/Table.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.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}

package/TableHeaderSorter.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-02476f76]{color:#41454d}.table-head-sorter-container[data-v-02476f76]{display:flex;width:1em;height:1em;flex-direction:column;gap:4px;flex-grow:1;transform:translate(.5rem)}.table-head-sorter-desc[data-v-02476f76]{transform:rotate(180deg)}.table-head-sorter-container>svg[data-v-02476f76]{color:#b7bbc0}.table-head-sorter-container>.table-head-sorter-selected[data-v-02476f76]{color:#53575b}

package/Tabs.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-43f1459d]{color:#41454d}.tab-item[data-v-43f1459d]{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;color:#8e959d;cursor:pointer;gap:8px;vertical-align:middle}.tabs-border-line[data-v-43f1459d]{position:absolute}.fill .tabs-border-line[data-v-43f1459d]{left:var(--87ea7e12);width:var(--fb546e90);border-bottom:2px solid #3083FF;transition:left .2s ease-in-out,width .2s}.fill .disabled-tab[data-v-43f1459d]{color:#8e959d99;cursor:not-allowed;pointer-events:none}.fill .tabs-border-line-hover[data-v-43f1459d]{display:none}.fill .tab-item[data-v-43f1459d]:hover,.fill .selected-tab[data-v-43f1459d]{color:#53575b}.fill.sm .tab-item[data-v-43f1459d]{height:40px;padding:12px 16px}.fill.sm .tab-icon[data-v-43f1459d]{width:12px;height:12px;top:2px;left:2px}.fill.md .tab-item[data-v-43f1459d]{height:48px;padding:16px}.fill.md .tab-icon[data-v-43f1459d]{width:12px;height:12px;top:2px;left:2px}.fill.lg .tab-item[data-v-43f1459d]{height:56px;padding:20px 16px}.fill.lg .tab-icon[data-v-43f1459d]{width:15px;height:15px;top:3px;left:3px}.fill.lg .lone-icon[data-v-43f1459d]{width:18px;height:18px;top:2px;left:2px}.fill.xl .tab-item[data-v-43f1459d]{height:64px;padding:24px}.fill.xl .tab-icon[data-v-43f1459d]{width:15px;height:15px;top:3px;left:3px}.fill.xl .lone-icon[data-v-43f1459d]{width:18px;height:18px;top:2px;left:2px}.fix .tabs-border-line[data-v-43f1459d]{left:var(--b3e2e0ba);width:24px;border-bottom:2px solid #53575b;transition:left .2s ease-in-out,width .25s}.fix .tab-item[data-v-43f1459d]{color:#53575b}.fix.sm .tab-item[data-v-43f1459d]{height:24px;padding:12px 16px}.fix.sm .tab-icon[data-v-43f1459d]{width:12px;height:12px;top:2px;left:2px}.fix.md .tab-item[data-v-43f1459d]{height:32px;padding:16px}.fix.md .tab-icon[data-v-43f1459d]{width:12px;height:12px;top:2px;left:2px}.fix.lg .tab-item[data-v-43f1459d]{height:40px;padding:20px 16px}.fix.lg .tab-icon[data-v-43f1459d]{width:15px;height:15px;top:3px;left:3px}.fix.xl .tab-item[data-v-43f1459d]{height:48px;padding:24px}.fix.xl .tab-icon[data-v-43f1459d]{width:15px;height:15px;top:3px;left:3px}.tabs-border-line-hover[data-v-43f1459d]{position:absolute;left:var(--2213a50a);width:24px;border-bottom:2px solid #B7BBC0}.tabs-wrap[data-v-43f1459d]{position:relative}

package/Text.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-5f640dd6]{color:#41454d}.truncate[data-v-5f640dd6]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.text[data-v-5f640dd6]{line-height:normal}span[data-v-5f640dd6]{font-family:HelveticaNeue,sans-serif;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;cursor:inherit}.strong[data-v-5f640dd6]{font-family:HelveticaNeue-Medium,sans-serif;font-weight:500}.text-size-lg[data-v-5f640dd6]{font-size:1rem}.text-size-md[data-v-5f640dd6]{font-size:.875rem}.text-size-sm[data-v-5f640dd6]{font-size:.8125rem}.text-size-xs[data-v-5f640dd6]{font-size:.75rem}.text-size-caption[data-v-5f640dd6]{font-size:.6875rem}

package/TextArea.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-78bc849c]{color:#41454d}.disabled[data-v-78bc849c]{opacity:70%}.textarea-with-label-container[data-v-78bc849c]{display:flex;flex-direction:column}.textarea-with-label-container .label-container[data-v-78bc849c]{white-space:nowrap;display:flex;align-items:center;height:24px}.textarea-with-label-container .label-container .label[data-v-78bc849c]{margin-bottom:4px}.textarea-with-label-container .textarea[data-v-78bc849c]{padding:.5rem 12px;height:96px;border:none;border-radius:.5rem;background:#F1F3F4;color:#53575b;font-family:HelveticaNeue,sans-serif;font-size:.8125rem}.textarea-with-label-container .textarea[data-v-78bc849c]:focus{outline:none;background:linear-gradient(0deg,#3083FF 0,#3083FF 2px,#F1F3F4 0)}.textarea-with-label-container .textarea[data-v-78bc849c]:disabled{color:#8e959d}.textarea-with-label-container .textarea[data-v-78bc849c]::placeholder{color:#8e959d}.textarea-with-label-container .extra-text-container[data-v-78bc849c]{line-height:16px;margin-left:4px}.textarea-with-label-container .extra-text-container .error[data-v-78bc849c]{color:#da564f}.textarea-with-label-container .extra-text-container .help[data-v-78bc849c]{color:#696a6b}

package/TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.content-wrap[data-v-5b51333e]{width:14.563rem;display:block}.content-header[data-v-5b51333e]{padding-bottom:.25rem}.content-body[data-v-5b51333e]{line-height:1.125rem}

package/Toggle.vue_vue_type_style_index_0_scoped_true_lang.css

@@ -1 +0,0 @@
-.label[data-v-27275176]{color:#41454d}.loader[data-v-27275176]{width:10px;height:10px;border:1.2px solid #D2D5D8;border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-27275176 1s linear infinite}.loader.loader-active[data-v-27275176]{border:1.2px solid var(--7a6f4588);border-bottom-color:transparent}@keyframes rotation-27275176{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-body[data-v-27275176]{background-color:#d2d5d8;border-radius:100px;width:1.75rem;height:1rem;position:relative;cursor:pointer;display:inline-block}.toggle-body.toggle-disabled[data-v-27275176]{cursor:default;background-color:#d2d5d8b3}.toggle-body.toggle-active.toggle-disabled[data-v-27275176]{background-color:var(--7a6f4588);opacity:.7}.toggle-head[data-v-27275176]{background-color:#fff;border-radius:100px;width:.75rem;height:.75rem;position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear;display:flex;justify-content:center;align-items:center}.toggle-active.toggle-body[data-v-27275176]{background-color:var(--7a6f4588)}.toggle-active .toggle-head[data-v-27275176]{transform:translate(.75rem)}.checkbox[data-v-27275176]{display:none}.item-text[data-v-27275176]{display:inline-block;padding-left:.5rem;line-height:1rem;color:#53575b}.item-text.text-disabled[data-v-27275176]{color:#8e959d}.helper-text[data-v-27275176]{display:block;color:#696a6b;padding-top:.375rem}.error-text[data-v-27275176]{display:block;color:#da564f;padding-top:.375rem}.error-and-help[data-v-27275176]{padding-top:0}.toggle-wrap[data-v-27275176]{height:1rem}

package/_virtual/plugin-vue_export-helper.vue.js

@@ -1,9 +0,0 @@
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-export { _export_sfc as default };

package/components/appIcon/AppIcon.vue.js

@@ -1,43 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, pushScopeId, popScopeId } from 'vue';
-/* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../AppIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-359522d4"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["src"];
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "100%",
-  height: "100%",
-  viewBox: "0 0 120 120",
-  preserveAspectRatio: "none",
-  class: "squircle-mask"
-}, [
-  /* @__PURE__ */ createElementVNode("path", {
-    d: "M120 0v120H60c48 0 60-12 60-60S108 0 60 0 0 12 0 60s12 60 60 60H0V0h120z",
-    fill: "white",
-    fillRule: "evenodd"
-  })
-], -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AppIcon",
-  props: {
-    size: { default: "md" },
-    src: { default: "" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["application-icon", `icon-${__props.size}`])
-      }, [
-        createElementVNode("img", {
-          src: __props.src,
-          alt: ""
-        }, null, 8, _hoisted_1),
-        _hoisted_2
-      ], 2);
-    };
-  }
-});
-var AppIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-359522d4"]]);
-
-export { AppIcon as default };

package/components/appTrigger/AppTrigger.vue.js

@@ -1,185 +0,0 @@
-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                                                                      *//* 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({
-  __name: "AppTrigger",
-  props: {
-    selected: { default: null },
-    options: { default: null },
-    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;
-      }
-      if (singleApp.value) {
-        return `${firstSelection.value?.name}`;
-      }
-      return `${selectedSize.value} apps selected`;
-    });
-    const allAppsIcon = "widgetsz";
-    const noAppsIcon = "cube-background";
-    const appIcon = computed(
-      () => props.singleAppSelection && noApp.value ? noAppsIcon : allAppsIcon
-    );
-    const osIcon = computed(() => {
-      if (!allMode.value || props.singleAppSelection && singleApp.value) {
-        return firstSelection.value.platform.toLowerCase();
-      }
-      return null;
-    });
-    const appImage = computed(() => {
-      if (!selectedSize.value || !optionsSize.value) {
-        return "";
-      }
-      return firstSelection.value?.icon;
-    });
-    const description = computed(() => {
-      if (props.loading) {
-        return "";
-      }
-      if (singleApp.value) {
-        return firstSelection.value.appKey;
-      }
-      if (allMode.value) {
-        return allDescription.value;
-      }
-      if (selectedSize.value <= 0) {
-        return `${firstSelection.value?.name}`;
-      }
-      return `${firstSelection.value?.name} and ${selectedSize.value - 1}+`;
-    });
-    const selectedSize = computed(() => {
-      return props.selected?.length || 0;
-    });
-    const optionsSize = computed(() => {
-      return props.options?.length || 0;
-    });
-    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;
-    });
-    const allDescription = computed(() => {
-      if (optionsSize.value === 1) {
-        return `${firstOption.value?.name}`;
-      }
-      return `${firstOption.value?.name} and ${optionsSize.value - 1}+`;
-    });
-    const firstSelection = computed(() => props.selected?.[0]);
-    const firstOption = computed(() => props.options?.[0]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["app-trigger", {
-          "app-trigger--with-icons": unref(selectedSize) > 0 || unref(allMode)
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "left-image", {}, () => [
-          createElementVNode("div", _hoisted_1, [
-            unref(appImage) ? (openBlock(), createBlock(unref(AppIcon), {
-              key: 0,
-              size: "xl",
-              src: unref(appImage)
-            }, null, 8, ["src"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              class: "trigger-icon",
-              "font-size": "2rem",
-              name: unref(appIcon)
-            }, null, 8, ["name"]))
-          ])
-        ], true),
-        renderSlot(_ctx.$slots, "left-icon", {}, () => [
-          unref(osIcon) ? (openBlock(), createBlock(unref(Icon), {
-            key: 0,
-            class: "app-trigger__left-icon",
-            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": unref(singleApp),
-            "app-trigger__middle-section--loading": __props.loading || !__props.options?.length
-          }])
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createVNode(unref(_sfc_main$1), { text: unref(title) }, {
-              default: withCtx(() => [
-                createVNode(unref(Text), {
-                  strong: "",
-                  class: "title",
-                  "is-truncated": "",
-                  size: "sm"
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(title)), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["text"])
-          ], true),
-          renderSlot(_ctx.$slots, "description", {}, () => [
-            createElementVNode("div", null, [
-              createVNode(unref(_sfc_main$1), { text: unref(description) }, {
-                default: withCtx(() => [
-                  createVNode(unref(Text), {
-                    class: "app-trigger__description",
-                    size: "xs",
-                    "is-truncated": ""
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(description)), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["text"])
-            ])
-          ], true)
-        ], 2),
-        renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          createVNode(unref(IconButton), {
-            class: "app-trigger__right-icon",
-            theme: "third"
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), {
-                "font-size": "sm",
-                name: "angle-down"
-              })
-            ]),
-            _: 1
-          })
-        ], true)
-      ], 2);
-    };
-  }
-});
-var AppTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c498348"]]);
-
-export { AppTrigger as default };

package/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,146 +0,0 @@
-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';
-/* 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 "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteDropdown",
-  props: {
-    options: { default: () => [] },
-    selected: { default: () => [] },
-    placeholder: { default: DEFAULT_PLACEHOLDER },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    handleSearch: { type: Function, default: () => true },
-    grouped: { type: Boolean, default: false }
-  },
-  emits: ["update:selected"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const inputRef = ref(null);
-    const dropdownRef = ref(null);
-    const selection = computed({
-      get() {
-        return props.selected;
-      },
-      set(value) {
-        emit("update:selected", value);
-      }
-    });
-    function selectOption(option) {
-      selection.value.push(option);
-      inputRef.value.focusInput();
-    }
-    function deselectOption(option) {
-      selection.value.splice(selection.value.indexOf(option), 1);
-    }
-    async function scrollToTop() {
-      await nextTick();
-      setTimeout(() => {
-        dropdownRef?.value?.scrollTo(0);
-      });
-    }
-    const searchQuery = ref("");
-    const isGroup = (option) => option && !!option[GROUP_OPTION_FLAG];
-    const flatOptions = computed(() => {
-      if (!props.grouped)
-        return props.options;
-      return props.options.reduce((prev, group) => {
-        const { options = [], ...otherFields } = group;
-        const groupOption = {
-          ...otherFields,
-          [GROUP_OPTION_FLAG]: true
-        };
-        return [...prev, groupOption, ...options];
-      }, []);
-    });
-    const filteredOptions = computed(() => {
-      const options = flatOptions.value.filter((option) => !selection.value.includes(option)).filter((option) => {
-        if (isGroup(option))
-          return true;
-        return props.handleSearch(option, searchQuery.value);
-      });
-      if (props.grouped) {
-        return options.filter((option, index) => {
-          const nextOption = options[index + 1];
-          return isGroup(option) ? nextOption && !isGroup(nextOption) : true;
-        });
-      }
-      return options;
-    });
-    const { isFocused, keyDownHandler } = useKeyboardNavigation({
-      options: filteredOptions,
-      canFocus: (option) => !isGroup(option),
-      scrollTo: (index) => dropdownRef?.value?.scrollTo(index),
-      selectItem: (option) => {
-        dropdownRef?.value?.selectItem(option);
-        scrollToTop();
-      }
-    });
-    const distance = ref(0);
-    watch(props.selected, async () => {
-      distance.value += 1;
-      await nextTick();
-      distance.value = 0;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Dropdown), mergeProps({
-        ref_key: "dropdownRef",
-        ref: dropdownRef,
-        class: "autocomplete-dropdown"
-      }, _ctx.$attrs, {
-        selected: unref(selection),
-        options: unref(filteredOptions),
-        "on-search": () => true,
-        "display-value": __props.displayValue,
-        "keep-open": "",
-        "is-on-top": false,
-        multi: false,
-        "show-select-all": false,
-        "auto-size": "",
-        distance: distance.value,
-        "disable-keyboard-events": "",
-        onOpened: scrollToTop,
-        onKeydown: withModifiers(unref(keyDownHandler), ["stop"]),
-        "onUpdate:selected": selectOption
-      }), {
-        input: withCtx(() => [
-          createVNode(AutocompleteInput, {
-            ref_key: "inputRef",
-            ref: inputRef,
-            value: unref(selection),
-            placeholder: __props.placeholder,
-            "display-value": __props.displayValue,
-            onRemove: deselectOption,
-            onSearch: _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event)
-          }, {
-            option: withCtx(({ option }) => [
-              renderSlot(_ctx.$slots, "input-option", { option }, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["value", "placeholder", "display-value"])
-        ]),
-        default: withCtx(({ option }) => [
-          __props.grouped && isGroup(option) ? (openBlock(), createBlock(GroupOption, { key: 0 }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.displayValue(option)), 1)
-            ]),
-            _: 2
-          }, 1024)) : renderSlot(_ctx.$slots, "default", {
-            key: 1,
-            option,
-            active: unref(isFocused)(option)
-          }, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["selected", "options", "on-search", "display-value", "distance", "onKeydown"]);
-    };
-  }
-});
-var AutocompleteDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-201d8abe"]]);
-
-export { AutocompleteDropdown as default };

package/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,93 +0,0 @@
-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';
-import { DEFAULT_PLACEHOLDER } from './consts.vue.js';
-/* empty css                                                                   */import _export_sfc from '../../_virtual/plugin-vue_export-helper.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 = /* @__PURE__ */ defineComponent({
-  __name: "AutocompleteInput",
-  props: {
-    value: { default: () => [] },
-    displayValue: { type: Function, default: (option) => option.toString() },
-    placeholder: { default: DEFAULT_PLACEHOLDER }
-  },
-  emits: ["remove", "search"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const api = useDropdownContext("autocompleteInput");
-    const inputEl = ref(null);
-    const isOpen = computed(() => api.open.value);
-    const getOptionLabel = (option) => props.displayValue(option);
-    function onContainerClick() {
-      api.toggle(true);
-      focusInput();
-    }
-    const onSearch = (event) => {
-      const { value } = event.target;
-      api.toggle(true);
-      api.search(value);
-    };
-    function removeOption(option) {
-      emit("remove", option);
-      if (isOpen.value) {
-        focusInput();
-      }
-    }
-    watch(api.query, (value) => {
-      emit("search", value);
-    });
-    function focusInput() {
-      inputEl.value?.focus();
-    }
-    expose({
-      focusInput
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["autocomplete-input", { "autocomplete-input--focused": unref(isOpen) }]),
-        onClick: withModifiers(onContainerClick, ["stop"])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.value, (option, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "autocomplete-input__option"
-          }, [
-            renderSlot(_ctx.$slots, "option", { option }, () => [
-              createVNode(Text, {
-                size: "sm",
-                "is-truncated": ""
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(getOptionLabel(option)), 1)
-                ]),
-                _: 2
-              }, 1024)
-            ], true),
-            createVNode(unref(Icon), {
-              class: "autocomplete-input__close-icon",
-              name: "close-bold",
-              "font-size": "sm",
-              onClick: withModifiers(($event) => removeOption(option), ["stop"])
-            }, null, 8, ["onClick"])
-          ]);
-        }), 128)),
-        createElementVNode("input", {
-          ref_key: "inputEl",
-          ref: inputEl,
-          class: "autocomplete-input__search-field",
-          type: "text",
-          value: unref(api).query.value,
-          placeholder: __props.placeholder,
-          onInput: onSearch
-        }, null, 40, _hoisted_2)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var AutocompleteInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e10ff6d"]]);
-
-export { AutocompleteInput as default };

package/components/autocompleteDropdown/GroupOption.vue.js

@@ -1,42 +0,0 @@
-import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, withModifiers, unref, createVNode, withCtx, renderSlot } from 'vue';
-import { NOOP } from '@vue/shared';
-/* 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 "../../GroupOption.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GroupOption",
-  setup(__props) {
-    const api = useDropdownContext("GroupOption");
-    const id = useId().value;
-    const el = ref(null);
-    onMounted(() => api.registerOption(id, true, false));
-    onUnmounted(() => api.unRegisterOption(id));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el,
-        class: "group-option",
-        onClick: _cache[0] || (_cache[0] = withModifiers(
-          (...args) => unref(NOOP) && unref(NOOP)(...args),
-          ["stop"]
-        ))
-      }, [
-        createVNode(unref(Text), {
-          size: "md",
-          strong: ""
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ]),
-          _: 3
-        })
-      ], 512);
-    };
-  }
-});
-var GroupOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-76680bfa"]]);
-
-export { GroupOption as default };

package/components/banner/Banner.vue.js

@@ -1,58 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, unref, withCtx, renderSlot, pushScopeId, popScopeId } from 'vue';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Banner.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-36d41da7"), n = n(), popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "left-border" }, null, -1));
-const _hoisted_2 = { class: "content-wrapper" };
-const _hoisted_3 = { class: "icon-container" };
-const _hoisted_4 = { class: "content" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Banner",
-  props: {
-    type: {
-      type: String,
-      default: "info"
-    },
-    iconSize: {
-      type: String,
-      default: "md"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const iconClass = computed(() => `${props.type}`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["banner", `banner-type-${__props.type}`])
-      }, [
-        _hoisted_1,
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            _ctx.$slots.icon ? (openBlock(), createBlock(unref(Icon), {
-              key: 0,
-              class: normalizeClass(unref(iconClass))
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "icon", {}, void 0, true)
-              ]),
-              _: 3
-            }, 8, ["class"])) : (openBlock(), createBlock(unref(Icon), {
-              key: 1,
-              name: unref(iconClass),
-              class: normalizeClass(unref(iconClass)),
-              "font-size": __props.iconSize
-            }, null, 8, ["name", "class", "font-size"]))
-          ]),
-          createElementVNode("div", _hoisted_4, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ])
-        ])
-      ], 2);
-    };
-  }
-});
-var Banner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-36d41da7"]]);
-
-export { Banner as default };