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

package/components/dateRange/DateRange.vue.js

@@ -1,15 +1,17 @@
-import { defineComponent, ref, computed, onMounted, onBeforeMount, onUnmounted, watch, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, renderSlot, toDisplayString, setBlockTracking, withDirectives, Fragment, renderList, createVNode, withCtx, createTextVNode, createCommentVNode, vShow, normalizeStyle } from 'vue';
+import { defineComponent, ref, computed, onMounted, onBeforeMount, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, unref, toDisplayString, setBlockTracking, withDirectives, Fragment, renderList, createVNode, withCtx, createTextVNode, createCommentVNode, vShow, normalizeStyle } from 'vue';
 import { onClickOutside } from '@vueuse/core';
 import { useToggle } from '../../composables/useToggle.vue.js';
 import CalendarMonth from './CalendarMonth.vue.js';
 import dateServices from './DateServices.vue.js';
 import { typeToName, messagePerType, presetsList, formatError, mandatoryValuesError, navigatePrev, navigateNext } from './consts.vue.js';
 import Button from '../button/Button.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                     */import Text from '../typography/Text.vue.js';
-/* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                      */import { min, addDays, format } from 'date-fns';
-/* empty css                                                           */
+import '../button/IconButton.vue.js';
+import '../button/ScrollButton.vue.js';
+import '../typography/Heading.vue.js';
+import Text from '../typography/Text.vue.js';
+import { min, addDays, format } from 'date-fns';
+/* empty css                                                           */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../DateRange.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = ["id"];
@@ -30,10 +32,11 @@ const _hoisted_10 = { class: "type-message" };
 const _hoisted_11 = { class: "date-picker-calendar left-box" };
 const _hoisted_12 = { class: "buttons-cover" };
 const _hoisted_13 = { class: "range" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const numberOfMonths = 2;
+const _sfc_main = defineComponent({
   __name: "DateRange",
   props: {
-    range: null,
+    range: {},
     types: { default: () => ["date"] },
     includeToday: { type: Boolean, default: true },
     allowedDays: { default: null },
@@ -61,7 +64,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const datePicker = ref(null);
     const selectionStart = ref({ started: false, date: null });
     const initialized = ref(false);
-    const numberOfMonths = 2;
     const textDates = ref({ from: null, to: null });
     const currentMonths = ref({});
     const displayedMonthsKeys = ref([]);
@@ -501,10 +503,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: unref(datePickerId),
+        id: datePickerId.value,
         ref_key: "datePicker",
         ref: datePicker,
-        class: normalizeClass(["relative-wrap", { "date-range-disabled": __props.disabled }])
+        class: normalizeClass(["relative-wrap", { "date-range-disabled": _ctx.disabled }])
       }, [
         createElementVNode("div", {
           class: "date-range-field",
@@ -519,17 +521,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ], true)
         ]),
         withDirectives(createElementVNode("div", {
-          id: "datepickerPopup" + __props.uniqueId,
+          id: "datepickerPopup" + _ctx.uniqueId,
           ref_key: "popup",
           ref: popup,
           class: normalizeClass(["pop-up", [
             placement.value,
-            __props.openOnTop ? "open-on-top" : "",
-            !__props.showPresets ? "hide-presets" : ""
+            _ctx.openOnTop ? "open-on-top" : "",
+            !_ctx.showPresets ? "hide-presets" : ""
           ]])
         }, [
-          __props.types.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.types, (type) => {
+          _ctx.types.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.types, (type) => {
               return openBlock(), createElementBlock("span", {
                 key: type,
                 class: normalizeClass(["range-type", { "selected-range-type": rangeType.value === type }]),
@@ -545,15 +547,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           createElementVNode("div", {
-            class: normalizeClass(["flex", { "pop-up-content": __props.types.length > 1 }])
+            class: normalizeClass(["flex", { "pop-up-content": _ctx.types.length > 1 }])
           }, [
-            __props.showPresets ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            _ctx.showPresets ? (openBlock(), createElementBlock("div", _hoisted_5, [
               createElementVNode("div", {
-                id: "presets" + __props.uniqueId,
+                id: "presets" + _ctx.uniqueId,
                 class: "preset-dropdown"
               }, [
                 createElementVNode("ul", {
-                  id: "customDropDownList" + __props.uniqueId
+                  id: "customDropDownList" + _ctx.uniqueId
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(presets.value, (uic) => {
                     return openBlock(), createElementBlock("li", {
@@ -584,13 +586,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "calendar-wrap",
-              style: normalizeStyle({ height: unref(isCompact) ? "336px" : "372px" })
+              style: normalizeStyle({ height: isCompact.value ? "336px" : "372px" })
             }, [
               createElementVNode("div", _hoisted_11, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(displayedMonthsKeys.value, (currMonth, index) => {
                   return openBlock(), createElementBlock("div", { key: currMonth }, [
                     createVNode(CalendarMonth, {
-                      id: __props.uniqueId,
+                      id: _ctx.uniqueId,
                       navigation: getNavigation(
                         index === 0,
                         index === displayedMonthsKeys.value.length - 1
@@ -601,8 +603,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       month: currentMonths.value[currMonth].parsedMonth.month,
                       range: selectedRange.value,
                       type: rangeType.value,
-                      "allowed-days": __props.allowedDays,
-                      "max-allowed-date": unref(getMaxAllowedDate),
+                      "allowed-days": _ctx.allowedDays,
+                      "max-allowed-date": getMaxAllowedDate.value,
                       onSelectionChanged: selectionChanged,
                       onNavigation: navigationCallback
                     }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date"])
@@ -617,7 +619,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _cache[2] || (setBlockTracking(-1), _cache[2] = createElementVNode("div", { class: "buttons" }, [
                     createVNode(unref(Button), {
-                      id: "button-ok" + __props.uniqueId,
+                      id: "button-ok" + _ctx.uniqueId,
                       size: "sm",
                       class: "primary button small",
                       onClick: ($event) => apply()
@@ -628,7 +630,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     }, 8, ["id", "onClick"]),
                     createVNode(unref(Button), {
-                      id: "button-cancel" + __props.uniqueId,
+                      id: "button-cancel" + _ctx.uniqueId,
                       size: "sm",
                       theme: "third",
                       class: "button small border third transparent",

package/components/dateRange/DateRangePicker.vue.d.ts

@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     initialType: null | 'date' | 'week' | 'month';
     openOnTop: boolean;
     isTitleStyle: boolean;
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/dateRange/index.d.ts

@@ -171,6 +171,6 @@ declare const DateRangeTypes: () => import("vue").DefineComponent<{
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
-}>[];
+}, {}>[];
 export { default as DateRange } from './DateRange.vue';
 export { DateRangeTypes };

package/components/dialog/Dialog.vue.d.ts

@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     escapeToClose: boolean;
     beforeClose: (show: () => void) => void;
     themeClass: string;
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/dialog/Dialog.vue.js

@@ -19,7 +19,7 @@ const _hoisted_3 = {
   class: "footer"
 };
 const _hoisted_4 = { class: "action-buttons" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Dialog",
   props: {
     appendToBody: { type: Boolean, default: true },
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "5551d163": __props.width
+      "5551d163": _ctx.width
     }));
     const visible = ref(false);
     let openTimer = void 0;
@@ -106,32 +106,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, {
         to: "body",
-        disabled: !__props.appendToBody
+        disabled: !_ctx.appendToBody
       }, [
         createVNode(Transition, null, {
           default: withCtx(() => [
             visible.value ? (openBlock(), createBlock(unref(UseFocusTrap), {
               key: 0,
-              class: normalizeClass(["container", __props.themeClass])
+              class: normalizeClass(["container", _ctx.themeClass])
             }, {
               default: withCtx(() => [
                 createElementVNode("div", {
                   class: "modal",
-                  style: normalizeStyle(unref(inlineStyle)),
-                  onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
+                  style: normalizeStyle(inlineStyle.value),
+                  onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => _ctx.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
                 }, [
                   createElementVNode("header", {
-                    class: normalizeClass(["header", { "header--bordered": __props.headerBorder }])
+                    class: normalizeClass(["header", { "header--bordered": _ctx.headerBorder }])
                   }, [
-                    __props.headerBorder ? renderSlot(_ctx.$slots, "header", { key: 0 }, () => [
+                    _ctx.headerBorder ? renderSlot(_ctx.$slots, "header", { key: 0 }, () => [
                       createVNode(Text, { strong: "" }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(__props.title), 1)
+                          createTextVNode(toDisplayString(_ctx.title), 1)
                         ]),
                         _: 1
                       })
                     ], true) : createCommentVNode("", true),
-                    __props.showCloseButton ? (openBlock(), createBlock(IconButton, {
+                    _ctx.showCloseButton ? (openBlock(), createBlock(IconButton, {
                       key: 1,
                       class: "button close-button",
                       size: "md",
@@ -149,21 +149,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 1
                     })) : createCommentVNode("", true)
                   ], 2),
-                  !__props.headerBorder ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  !_ctx.headerBorder ? (openBlock(), createElementBlock("div", _hoisted_1, [
                     renderSlot(_ctx.$slots, "header", {}, () => [
                       createVNode(Text, { strong: "" }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(__props.title), 1)
+                          createTextVNode(toDisplayString(_ctx.title), 1)
                         ]),
                         _: 1
                       })
                     ], true)
                   ])) : createCommentVNode("", true),
                   createElementVNode("div", {
-                    class: normalizeClass(["content", { "content--bordered": __props.headerBorder }])
+                    class: normalizeClass(["content", { "content--bordered": _ctx.headerBorder }])
                   }, [
                     renderSlot(_ctx.$slots, "default", {}, () => [
-                      createElementVNode("div", _hoisted_2, toDisplayString(__props.content), 1)
+                      createElementVNode("div", _hoisted_2, toDisplayString(_ctx.content), 1)
                     ], true)
                   ], 2),
                   _ctx.$slots["footer"] ? (openBlock(), createElementBlock("footer", _hoisted_3, [
@@ -172,10 +172,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   ])) : createCommentVNode("", true)
                 ], 36),
-                __props.showBackdrop ? (openBlock(), createElementBlock("div", {
+                _ctx.showBackdrop ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "backdrop",
-                  onClick: _cache[2] || (_cache[2] = ($event) => __props.closeOnClickOutside ? handleClose(unref(Reason).Backdrop) : unref(NOOP)())
+                  onClick: _cache[2] || (_cache[2] = ($event) => _ctx.closeOnClickOutside ? handleClose(unref(Reason).Backdrop) : unref(NOOP)())
                 })) : createCommentVNode("", true)
               ]),
               _: 3

package/components/dialog/index.d.ts

@@ -162,7 +162,7 @@ declare const DialogTypes: () => import("vue").DefineComponent<{
     escapeToClose: boolean;
     beforeClose: (show: () => void) => void;
     themeClass: string;
-}>[];
+}, {}>[];
 export { default as Dialog } from './Dialog.vue';
 export { DialogTypes };
 export * from './Reason';

package/components/dropdown/Dropdown.vue.d.ts

@@ -190,7 +190,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disableKeyboardEvents: boolean;
     multiOptionsPlaceholderPrefix: string;
     multiOptionsPlaceholderSuffix: string;
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/dropdown/Dropdown.vue.js

@@ -1,17 +1,20 @@
 import { defineComponent, ref, computed, watch, useSlots, nextTick, toRaw, provide, onMounted, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, withCtx, Transition, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, createBlock, mergeProps, withModifiers, Fragment, renderList, pushScopeId, popScopeId } from 'vue';
 import Button from '../button/Button.vue.js';
+import '../button/IconButton.vue.js';
+import '../button/ScrollButton.vue.js';
+import Option from './Option.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                                                                    *//* empty css                                                                               */import { Dropdown as Dropdown$1 } from 'floating-vue';
-/* empty css                                                      *//* empty css                                                                      */import Option from './Option.vue.js';
 import Search from '../search/Search.vue.js';
+import '../typography/Heading.vue.js';
+import Text from '../typography/Text.vue.js';
 import { useToggle } from '../../composables/useToggle.vue.js';
 import { isObjectInArray } from '../../utils/array.vue.js';
 import { objectsEqual } from '../../utils/object.vue.js';
 import { useClamp, useVirtualList, onClickOutside } from '@vueuse/core';
+import { Dropdown as Dropdown$1 } from 'floating-vue';
 import { Mode, Type, DropdownContext } from './DropdownContext.vue.js';
-/* empty css                                                          *//* empty css                                              */
+/* empty css                                                          *//* empty css                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../Dropdown.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Dropdown.vue_vue_type_style_index_1_lang.css";
 const _withScopeId = (n) => (pushScopeId("data-v-49790baa"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["tabindex"];
@@ -67,7 +70,10 @@ const _hoisted_12 = {
   key: 0,
   class: "actions"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const MULTILINE_LIST_HEIGHT = 48;
+const LIST_HEIGHT = 34;
+const IS_ON_TOP_PADDING = 8;
+const _sfc_main = defineComponent({
   __name: "Dropdown",
   props: {
     modelValue: { default: null },
@@ -95,8 +101,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     clearable: { type: Boolean, default: false },
     error: { default: "" },
     size: { default: "lg" },
-    displayValue: null,
-    options: null,
+    displayValue: {},
+    options: {},
     onSearch: { type: Function, default: () => true },
     theme: { default: "is-dropdown" },
     container: { default: "body" },
@@ -108,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     multiOptionsPlaceholderSuffix: { default: "" }
   },
   emits: ["update:selected", "update:isOpen", "closed", "opened", "apply"],
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit }) {
     const props = __props;
     const isSelected = (arr, element) => {
       if (props.multi) {
@@ -116,8 +122,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return toRaw(arr) === element;
     };
-    const MULTILINE_LIST_HEIGHT = 48;
-    const LIST_HEIGHT = 34;
     const selectedOptionRef = ref(props.selected);
     const selectedOption = computed({
       get() {
@@ -142,7 +146,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const buttonRef = ref(null);
     const apply = ref(null);
     const cancel = ref(null);
-    const IS_ON_TOP_PADDING = 8;
     const location = computed(() => {
       return buttonRef.value?.getBoundingClientRect().height + IS_ON_TOP_PADDING + props.distance;
     });
@@ -506,7 +509,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    expose({
+    __expose({
       selectItem: onSelect,
       scrollTo
     });
@@ -514,26 +517,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "el",
         ref: el,
-        class: normalizeClass(["dropdown", { "dropdown--disabled": __props.disabled }]),
-        tabindex: __props.disabled ? -1 : 0,
+        class: normalizeClass(["dropdown", { "dropdown--disabled": _ctx.disabled }]),
+        tabindex: _ctx.disabled ? -1 : 0,
         onKeydown
       }, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
         createVNode(unref(Dropdown$1), {
-          theme: __props.theme,
+          theme: _ctx.theme,
           "popper-class": [
-            __props.popperClass,
-            __props.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null
+            _ctx.popperClass,
+            _ctx.autoSize ? "v-popper--theme-is-dropdown--auto-size" : null
           ],
-          placement: __props.placement,
-          skidding: __props.isOnTop ? 0 : __props.skidding,
-          distance: __props.isOnTop ? -unref(location) : __props.distance,
-          flip: __props.flip,
+          placement: _ctx.placement,
+          skidding: _ctx.isOnTop ? 0 : _ctx.skidding,
+          distance: _ctx.isOnTop ? -location.value : _ctx.distance,
+          flip: _ctx.flip,
           triggers: [],
           shown: !!unref(open),
           "auto-hide": false,
-          container: __props.container,
-          "auto-size": __props.autoSize
+          container: _ctx.container,
+          "auto-size": _ctx.autoSize
         }, {
           popper: withCtx(() => [
             createVNode(Transition, null, {
@@ -542,20 +545,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ref_key: "listRef",
                   ref: listRef
                 }, [
-                  __props.inlineSearch || __props.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                    __props.title ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  _ctx.inlineSearch || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_6, [
                       createVNode(unref(Text), { strong: "" }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(__props.title), 1)
+                          createTextVNode(toDisplayString(_ctx.title), 1)
                         ]),
                         _: 1
                       })
                     ])) : createCommentVNode("", true),
-                    __props.inlineSearch ? (openBlock(), createBlock(unref(Search), {
+                    _ctx.inlineSearch ? (openBlock(), createBlock(unref(Search), {
                       key: 1,
                       modelValue: query.value,
                       "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => query.value = $event),
-                      placeholder: __props.searchPlaceholder,
+                      placeholder: _ctx.searchPlaceholder,
                       class: "dropdown-title__search",
                       variant: "transparent",
                       size: "md",
@@ -569,24 +572,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, [
                     renderSlot(_ctx.$slots, "input-list", { open: unref(open) }, void 0, true),
                     createElementVNode("div", mergeProps(unref(containerProps), {
-                      class: ["list-container", { "list-container--multi": __props.multi }]
+                      class: ["list-container", { "list-container--multi": _ctx.multi }]
                     }), [
                       createElementVNode("ul", mergeProps(unref(wrapperProps), {
                         role: "listbox",
-                        class: ["list", { "list--multi": __props.multi }]
+                        class: ["list", { "list--multi": _ctx.multi }]
                       }), [
-                        !unref(filteredOptions).length && !__props.loading ? (openBlock(), createElementBlock("li", _hoisted_7, [
+                        !filteredOptions.value.length && !_ctx.loading ? (openBlock(), createElementBlock("li", _hoisted_7, [
                           createVNode(unref(Text), {
                             size: "sm",
                             class: "no-result"
                           }, {
                             default: withCtx(() => [
-                              createTextVNode(toDisplayString(__props.noResultsText), 1)
+                              createTextVNode(toDisplayString(_ctx.noResultsText), 1)
                             ]),
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        __props.loading ? (openBlock(), createElementBlock("li", _hoisted_8, [
+                        _ctx.loading ? (openBlock(), createElementBlock("li", _hoisted_8, [
                           createVNode(unref(Icon), {
                             "font-size": "md",
                             class: "loader-icon"
@@ -603,12 +606,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                           })
                         ])) : createCommentVNode("", true),
-                        __props.showSelectAll ? (openBlock(), createElementBlock("li", _hoisted_10, [
+                        _ctx.showSelectAll ? (openBlock(), createElementBlock("li", _hoisted_10, [
                           createVNode(Option, {
-                            "aria-selected": unref(allSelected),
-                            "aria-disabled": !!__props.disabled,
-                            "selected-prop": unref(allSelected),
-                            "is-indeterminate": unref(isIndeterminate),
+                            "aria-selected": allSelected.value,
+                            "aria-disabled": !!_ctx.disabled,
+                            "selected-prop": allSelected.value,
+                            "is-indeterminate": isIndeterminate.value,
                             "select-all-option": "",
                             onClick: _cache[3] || (_cache[3] = withModifiers(($event) => onSelectAll(), ["stop"]))
                           }, {
@@ -618,23 +621,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             _: 1
                           }, 8, ["aria-selected", "aria-disabled", "selected-prop", "is-indeterminate"])
                         ])) : createCommentVNode("", true),
-                        unref(virtualOptions).length && !__props.loading ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(unref(virtualOptions), ({ data, index }) => {
+                        unref(virtualOptions).length && !_ctx.loading ? (openBlock(true), createElementBlock(Fragment, { key: 3 }, renderList(unref(virtualOptions), ({ data, index }) => {
                           return openBlock(), createElementBlock("li", {
                             key: index,
-                            "aria-selected": isSelected(toRaw(unref(selectedOption)), data),
-                            "aria-disabled": !!__props.disabled,
+                            "aria-selected": isSelected(toRaw(selectedOption.value), data),
+                            "aria-disabled": !!_ctx.disabled,
                             onClick: withModifiers(() => onSelect(data, index), ["stop"])
                           }, [
                             renderSlot(_ctx.$slots, "default", {
                               option: data,
-                              selected: isSelected(toRaw(unref(selectedOption)), data),
+                              selected: isSelected(toRaw(selectedOption.value), data),
                               active: toRaw(unref(activeIndex)) === index
                             }, void 0, true)
                           ], 8, _hoisted_11);
                         }), 128)) : createCommentVNode("", true)
                       ], 16)
                     ], 16),
-                    __props.multi ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                    _ctx.multi ? (openBlock(), createElementBlock("div", _hoisted_12, [
                       createVNode(unref(Button), {
                         ref_key: "cancel",
                         ref: cancel,
@@ -672,8 +675,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(["button__container", {
                 "button__container--open": !!unref(open),
-                [`button__container--${__props.size}`]: true,
-                "button__container--disabled": __props.disabled
+                [`button__container--${_ctx.size}`]: true,
+                "button__container--disabled": _ctx.disabled
               }])
             }, [
               _ctx.$slots.input ? (openBlock(), createElementBlock("div", {
@@ -685,23 +688,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, [
                 renderSlot(_ctx.$slots, "input", {
                   open: unref(open),
-                  value: unref(displayedValue),
-                  disabled: __props.disabled
+                  value: displayedValue.value,
+                  disabled: _ctx.disabled
                 }, void 0, true)
               ], 544)) : createCommentVNode("", true),
               !_ctx.$slots.input ? (openBlock(), createElementBlock("button", {
                 key: 1,
                 ref_key: "buttonRef",
                 ref: buttonRef,
-                disabled: __props.disabled,
+                disabled: _ctx.disabled,
                 "aria-haspopup": true,
                 "aria-expanded": !!unref(open),
                 "aria-labelledby": labelRef.value?.id,
-                "aria-disabled": __props.disabled,
+                "aria-disabled": _ctx.disabled,
                 class: normalizeClass([{
                   "button--open": !!unref(open),
-                  [`button--${__props.size}`]: true,
-                  "button--disabled": __props.disabled
+                  [`button--${_ctx.size}`]: true,
+                  "button--disabled": _ctx.disabled
                 }, "button"]),
                 onKeydown: onButtonKeydown,
                 onClick: _cache[1] || (_cache[1] = ($event) => toggleMenu())
@@ -714,7 +717,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "is-truncated": ""
                 }, {
                   default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(displayedValue)), 1)
+                    createTextVNode(toDisplayString(displayedValue.value), 1)
                   ]),
                   _: 1
                 }),
@@ -729,23 +732,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["theme", "popper-class", "placement", "skidding", "distance", "flip", "shown", "container", "auto-size"]),
-        !__props.error && __props.helperText ? (openBlock(), createBlock(unref(Text), {
+        !_ctx.error && _ctx.helperText ? (openBlock(), createBlock(unref(Text), {
           key: 0,
           size: "caption",
           class: "helper-text"
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.helperText), 1)
+            createTextVNode(toDisplayString(_ctx.helperText), 1)
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        __props.error ? (openBlock(), createBlock(unref(Text), {
+        _ctx.error ? (openBlock(), createBlock(unref(Text), {
           key: 1,
           size: "caption",
           class: "helper-text helper-text--error"
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.error), 1)
+            createTextVNode(toDisplayString(_ctx.error), 1)
           ]),
           _: 1
         })) : createCommentVNode("", true)

package/components/dropdown/Label.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/dropdown/Label.vue.js

@@ -1,11 +1,12 @@
 import { defineComponent, openBlock, createElementBlock, unref, normalizeClass, createVNode, withCtx, renderSlot, createBlock, createTextVNode, createCommentVNode } from 'vue';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import '../typography/Heading.vue.js';
 import Text from '../typography/Text.vue.js';
 import { useDropdownContext } from './DropdownContext.vue.js';
 import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                       */
+/* empty css                                                       */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../Label.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Label",
   setup(__props) {
     const id = `is-system-label-${useId().value}`;

package/components/dropdown/Option.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     subtitle: string;
     selectAllOption: boolean;
     active: boolean;
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {