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

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

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     iconName: string;
     tooltipText: string;
     position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/button/ScrollButton.vue.js

@@ -1,12 +1,11 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode } from 'vue';
 import Icon from '../icon/Icon.vue.js';
-import './Button.vue.js';
-import IconButton from './IconButton.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                            *//* empty css                                                        */import IconButton from './IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                              */
 import "../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScrollButton",
   props: {
     show: { type: Boolean, default: false },
@@ -20,9 +19,9 @@ const _sfc_main = defineComponent({
       emit("scrolled");
     };
     return (_ctx, _cache) => {
-      return _ctx.show ? (openBlock(), createBlock(unref(IconButton), {
+      return __props.show ? (openBlock(), createBlock(unref(IconButton), {
         key: 0,
-        class: normalizeClass(["scroll-button", _ctx.position]),
+        class: normalizeClass(["scroll-button", __props.position]),
         theme: "third",
         variant: "borderless",
         size: "lg",
@@ -30,11 +29,11 @@ const _sfc_main = defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(unref(_sfc_main$1), {
-            text: _ctx.tooltipText,
+            text: __props.tooltipText,
             delay: 400
           }, {
             default: withCtx(() => [
-              createVNode(unref(Icon), { name: _ctx.iconName }, null, 8, ["name"])
+              createVNode(unref(Icon), { name: __props.iconName }, null, 8, ["name"])
             ]),
             _: 1
           }, 8, ["text"])

package/components/button/index.d.ts

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

package/components/checkbox/Checkbox.vue.d.ts

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

package/components/checkbox/Checkbox.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, createVNode, unref, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
-import '../typography/Heading.vue.js';
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, mergeProps, unref, createVNode, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
+/* 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 Unchecked from './icons/unchecked.vue.js';
@@ -7,14 +7,13 @@ import Checked from './icons/checked.vue.js';
 import Indeterminate from './icons/indeterminate.vue.js';
 import useIsFocusVisible from '../../composables/useIsFocusVisible.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 "../../Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _withScopeId = (n) => (pushScopeId("data-v-2662240e"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "checkboxes" };
 const _hoisted_2 = ["disabled", "checked", ".indeterminate"];
 const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "checkbox__inner" }, null, -1));
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
     isChecked: { type: Boolean },
@@ -55,16 +54,16 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
         for: id,
-        class: normalizeClass([[_ctx.size, { "focus-visible": isFocusVisible.value, disabled: _ctx.disabled }], "checkbox"])
+        class: normalizeClass([[__props.size, { "focus-visible": isFocusVisible.value, disabled: __props.disabled }], "checkbox"])
       }, [
         createElementVNode("span", _hoisted_1, [
           createElementVNode("input", mergeProps(_ctx.$attrs, {
             id,
             ref: checkbox.value,
-            disabled: _ctx.disabled,
-            checked: checked.value,
+            disabled: __props.disabled,
+            checked: unref(checked),
             class: "input",
-            ".indeterminate": indeterminate.value,
+            ".indeterminate": unref(indeterminate),
             type: "checkbox",
             onBlur: handleBlur,
             onFocus: handleFocus,
@@ -72,17 +71,17 @@ const _sfc_main = defineComponent({
             onInput: updateValue
           }), null, 16, _hoisted_2),
           _hoisted_3,
-          createVNode(unref(Icon), { "font-size": _ctx.size }, {
+          createVNode(unref(Icon), { "font-size": __props.size }, {
             default: withCtx(() => [
-              checked.value ? (openBlock(), createBlock(Checked, {
+              unref(checked) ? (openBlock(), createBlock(Checked, {
                 key: 0,
                 class: "checkbox-icon checked"
               })) : createCommentVNode("", true),
-              indeterminate.value ? (openBlock(), createBlock(Indeterminate, {
+              unref(indeterminate) ? (openBlock(), createBlock(Indeterminate, {
                 key: 1,
                 class: "checkbox-icon indeterminate"
               })) : createCommentVNode("", true),
-              unchecked.value && !indeterminate.value ? (openBlock(), createBlock(Unchecked, {
+              unref(unchecked) && !unref(indeterminate) ? (openBlock(), createBlock(Unchecked, {
                 key: 2,
                 class: "checkbox-icon unchecked"
               })) : createCommentVNode("", true)
@@ -90,14 +89,14 @@ const _sfc_main = defineComponent({
             _: 1
           }, 8, ["font-size"])
         ]),
-        _ctx.label || _ctx.$slots.default ? (openBlock(), createBlock(unref(Text), {
+        __props.label || _ctx.$slots.default ? (openBlock(), createBlock(unref(Text), {
           key: 0,
-          size: _ctx.size,
+          size: __props.size,
           class: "checkbox-text"
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(_ctx.label), 1)
+              createTextVNode(toDisplayString(__props.label), 1)
             ], true)
           ]),
           _: 3

package/components/checkbox/index.d.ts

@@ -50,6 +50,6 @@ declare const CheckboxTypes: () => import("vue").DefineComponent<{
 }, {
     size: "md" | "sm" | "lg";
     label: string;
-}, {}>[];
+}>[];
 export { default as Checkbox } from './Checkbox.vue';
 export { CheckboxTypes };

package/components/chip/Chip.vue.d.ts

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

package/components/chip/Chip.vue.js

@@ -16,7 +16,7 @@ const _hoisted_4 = {
   key: 1,
   class: "icon icon--end"
 };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Chip",
   props: {
     selected: { type: Boolean, default: false },
@@ -32,20 +32,20 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["chip-container", { selected: _ctx.selected, disabled: _ctx.disabled }]),
-        disabled: _ctx.disabled
+        class: normalizeClass(["chip-container", { selected: __props.selected, disabled: __props.disabled }]),
+        disabled: __props.disabled
       }, [
         _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
           renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("span", null, [
-          !!_ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.prefix) + ":", 1)) : createCommentVNode("", true),
+          !!__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.prefix) + ":", 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _ctx.$slots["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_4, [
           renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.clearable ? (openBlock(), createElementBlock("button", {
+        __props.clearable ? (openBlock(), createElementBlock("button", {
           key: 2,
           class: "clear-icon",
           onClick: cleared

package/components/chip/index.d.ts

@@ -47,6 +47,6 @@ declare const ChipTypes: () => import("vue").DefineComponent<{
     selected: boolean;
     clearable: boolean;
     prefix: string;
-}, {}>[];
+}>[];
 export { default as Chip } from './Chip.vue';
 export { ChipTypes };

package/components/datePicker/DatePicker.vue.d.ts

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

package/components/datePicker/DatePicker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, unref, renderSlot, withDirectives, vModelText, normalizeClass, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, unref, createElementVNode, renderSlot, withDirectives, isRef, vModelText, normalizeClass, createVNode, createCommentVNode } from 'vue';
 import { onClickOutside } from '@vueuse/core';
 import { useToggle } from '../../composables/useToggle.vue.js';
 import DatePickerMonth from './DatePickerMonth.vue.js';
@@ -8,7 +8,7 @@ import { isValid, format, parse, isFuture } from 'date-fns';
 import "../../DatePicker.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = ["placeholder"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
     uniqueId: { default: Date.now() },
@@ -79,7 +79,7 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: componentId.value,
+        id: unref(componentId),
         ref_key: "datePicker",
         ref: datePicker,
         class: "date-picker"
@@ -89,17 +89,17 @@ const _sfc_main = defineComponent({
           ref: buttonRef,
           onClick: _cache[2] || (_cache[2] = ($event) => unref(toggle)())
         }, [
-          renderSlot(_ctx.$slots, "default", { formattedDate: formattedValue.value }, () => [
+          renderSlot(_ctx.$slots, "default", { formattedDate: unref(formattedValue) }, () => [
             withDirectives(createElementVNode("input", {
               ref_key: "input",
               ref: input,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null),
               type: "text",
               class: "input",
-              placeholder: _ctx.placeholder,
+              placeholder: __props.placeholder,
               onInput: _cache[1] || (_cache[1] = ($event) => handleInput($event))
             }, null, 40, _hoisted_2), [
-              [vModelText, formattedValue.value]
+              [vModelText, unref(formattedValue)]
             ])
           ], true)
         ], 512),
@@ -107,12 +107,12 @@ const _sfc_main = defineComponent({
           key: 0,
           ref_key: "popup",
           ref: popup,
-          class: normalizeClass(["date-picker-popup", { "align-right": nearTheEdge.value }])
+          class: normalizeClass(["date-picker-popup", { "align-right": unref(nearTheEdge) }])
         }, [
           createVNode(DatePickerMonth, {
-            id: componentId.value + "-month",
-            "model-value": valueAsDate.value,
-            "allow-future-dates": _ctx.allowFutureDates,
+            id: unref(componentId) + "-month",
+            "model-value": unref(valueAsDate),
+            "allow-future-dates": __props.allowFutureDates,
             "onUpdate:modelValue": updateValue
           }, null, 8, ["id", "model-value", "allow-future-dates"])
         ], 2)) : createCommentVNode("", true)

package/components/datePicker/DatePickerMonth.vue.d.ts

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

package/components/datePicker/DatePickerMonth.vue.js

@@ -6,7 +6,7 @@ import { startOfMonth, differenceInMonths, addMonths, subMonths } from 'date-fns
 /* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatePickerMonth",
   props: {
     uniqueId: { default: Date.now() },
@@ -79,11 +79,11 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(CalendarMonth, {
-        id: _ctx.uniqueId,
+        id: __props.uniqueId,
         type: "month",
         class: "date-picker-month",
-        range: selectedRange.value,
-        navigation: navigation.value,
+        range: unref(selectedRange),
+        navigation: unref(navigation),
         year: unref(monthData).year,
         days: unref(monthData).days,
         weeks: unref(monthData).weeks,

package/components/datePicker/index.d.ts

@@ -60,6 +60,6 @@ declare const DatePickerTypes: () => import("vue").DefineComponent<{
     uniqueId: string | number;
     allowFutureDates: boolean;
     dateFormat: string;
-}, {}>[];
+}>[];
 export { default as DatePicker } from './DatePicker.vue';
 export { DatePickerTypes };

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

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

package/components/dateRange/CalendarMonth.vue.js

@@ -3,30 +3,29 @@ import dateServices from './DateServices.vue.js';
 import { navigatePrev, navigateNext } from './consts.vue.js';
 import Heading from '../typography/Heading.vue.js';
 import Text from '../typography/Text.vue.js';
-import '../button/Button.vue.js';
-import IconButton from '../button/IconButton.vue.js';
-import '../button/ScrollButton.vue.js';
-import { isBefore, isAfter, isSameDay } from 'date-fns';
+import Icon from '../icon/Icon.vue.js';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                    *//* empty css                                                                */import IconButton from '../button/IconButton.vue.js';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                      */import { isBefore, isAfter, isSameDay } from 'date-fns';
 import AngleLeft from '../icon/icons/AngleLeft.vue.js';
 import AngleRight from '../icon/icons/AngleRight.vue.js';
-import Icon from '../icon/Icon.vue.js';
-/* empty css                                                               */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                               */
 import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "month-header" };
 const _hoisted_3 = { class: "days-header" };
 const _hoisted_4 = { class: "days-wrapper" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CalendarMonth",
   props: {
-    year: {},
-    days: {},
-    weeks: {},
-    month: {},
-    navigation: {},
-    range: {},
-    type: {},
+    year: null,
+    days: null,
+    weeks: null,
+    month: null,
+    navigation: null,
+    range: null,
+    type: null,
     id: { default: Date.now() },
     allowedDays: { default: null },
     maxAllowedDate: { default: null }
@@ -219,13 +218,13 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: "datepickerCalendar" + _ctx.id,
+        id: "datepickerCalendar" + __props.id,
         class: "calendar-month"
       }, [
         createElementVNode("span", {
           onClick: _cache[0] || (_cache[0] = ($event) => navigate(unref(navigatePrev)))
         }, [
-          _ctx.navigation === unref(navigatePrev) || _ctx.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
+          __props.navigation === unref(navigatePrev) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
             key: 0,
             variant: "borderless",
             size: "md",
@@ -245,7 +244,7 @@ const _sfc_main = defineComponent({
         createElementVNode("span", {
           onClick: _cache[1] || (_cache[1] = ($event) => navigate(unref(navigateNext)))
         }, [
-          _ctx.navigation === unref(navigateNext) || _ctx.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
+          __props.navigation === unref(navigateNext) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
             key: 0,
             class: "next",
             variant: "borderless",
@@ -265,7 +264,7 @@ const _sfc_main = defineComponent({
         createElementVNode("div", _hoisted_2, [
           createVNode(Heading, { level: "6" }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(monthName.value) + " " + toDisplayString(_ctx.year), 1)
+              createTextVNode(toDisplayString(unref(monthName)) + " " + toDisplayString(__props.year), 1)
             ]),
             _: 1
           }),
@@ -284,7 +283,7 @@ const _sfc_main = defineComponent({
           ])
         ]),
         createElementVNode("div", _hoisted_4, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (week, weekIndex) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.weeks, (week, weekIndex) => {
             return openBlock(), createElementBlock("div", { key: weekIndex }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(week, (day, dayIndex) => {
                 return openBlock(), createBlock(unref(Text), {

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

@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     openOnTop: boolean;
     showPresets: boolean;
     maxDate: Date;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/dateRange/DateRange.vue.js

@@ -1,17 +1,15 @@
-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 { 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 { 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';
-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';
-
+/* 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 "../../DateRange.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = ["id"];
@@ -32,11 +30,10 @@ 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 numberOfMonths = 2;
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DateRange",
   props: {
-    range: {},
+    range: null,
     types: { default: () => ["date"] },
     includeToday: { type: Boolean, default: true },
     allowedDays: { default: null },
@@ -64,6 +61,7 @@ const _sfc_main = 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([]);
@@ -503,10 +501,10 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: datePickerId.value,
+        id: unref(datePickerId),
         ref_key: "datePicker",
         ref: datePicker,
-        class: normalizeClass(["relative-wrap", { "date-range-disabled": _ctx.disabled }])
+        class: normalizeClass(["relative-wrap", { "date-range-disabled": __props.disabled }])
       }, [
         createElementVNode("div", {
           class: "date-range-field",
@@ -521,17 +519,17 @@ const _sfc_main = defineComponent({
           ], true)
         ]),
         withDirectives(createElementVNode("div", {
-          id: "datepickerPopup" + _ctx.uniqueId,
+          id: "datepickerPopup" + __props.uniqueId,
           ref_key: "popup",
           ref: popup,
           class: normalizeClass(["pop-up", [
             placement.value,
-            _ctx.openOnTop ? "open-on-top" : "",
-            !_ctx.showPresets ? "hide-presets" : ""
+            __props.openOnTop ? "open-on-top" : "",
+            !__props.showPresets ? "hide-presets" : ""
           ]])
         }, [
-          _ctx.types.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.types, (type) => {
+          __props.types.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.types, (type) => {
               return openBlock(), createElementBlock("span", {
                 key: type,
                 class: normalizeClass(["range-type", { "selected-range-type": rangeType.value === type }]),
@@ -547,15 +545,15 @@ const _sfc_main = defineComponent({
             }), 128))
           ])) : createCommentVNode("", true),
           createElementVNode("div", {
-            class: normalizeClass(["flex", { "pop-up-content": _ctx.types.length > 1 }])
+            class: normalizeClass(["flex", { "pop-up-content": __props.types.length > 1 }])
           }, [
-            _ctx.showPresets ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            __props.showPresets ? (openBlock(), createElementBlock("div", _hoisted_5, [
               createElementVNode("div", {
-                id: "presets" + _ctx.uniqueId,
+                id: "presets" + __props.uniqueId,
                 class: "preset-dropdown"
               }, [
                 createElementVNode("ul", {
-                  id: "customDropDownList" + _ctx.uniqueId
+                  id: "customDropDownList" + __props.uniqueId
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(presets.value, (uic) => {
                     return openBlock(), createElementBlock("li", {
@@ -586,13 +584,13 @@ const _sfc_main = defineComponent({
             ])) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "calendar-wrap",
-              style: normalizeStyle({ height: isCompact.value ? "336px" : "372px" })
+              style: normalizeStyle({ height: unref(isCompact) ? "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: _ctx.uniqueId,
+                      id: __props.uniqueId,
                       navigation: getNavigation(
                         index === 0,
                         index === displayedMonthsKeys.value.length - 1
@@ -603,8 +601,8 @@ const _sfc_main = defineComponent({
                       month: currentMonths.value[currMonth].parsedMonth.month,
                       range: selectedRange.value,
                       type: rangeType.value,
-                      "allowed-days": _ctx.allowedDays,
-                      "max-allowed-date": getMaxAllowedDate.value,
+                      "allowed-days": __props.allowedDays,
+                      "max-allowed-date": unref(getMaxAllowedDate),
                       onSelectionChanged: selectionChanged,
                       onNavigation: navigationCallback
                     }, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date"])
@@ -619,7 +617,7 @@ const _sfc_main = defineComponent({
                   ]),
                   _cache[2] || (setBlockTracking(-1), _cache[2] = createElementVNode("div", { class: "buttons" }, [
                     createVNode(unref(Button), {
-                      id: "button-ok" + _ctx.uniqueId,
+                      id: "button-ok" + __props.uniqueId,
                       size: "sm",
                       class: "primary button small",
                       onClick: ($event) => apply()
@@ -630,7 +628,7 @@ const _sfc_main = defineComponent({
                       _: 1
                     }, 8, ["id", "onClick"]),
                     createVNode(unref(Button), {
-                      id: "button-cancel" + _ctx.uniqueId,
+                      id: "button-cancel" + __props.uniqueId,
                       size: "sm",
                       theme: "third",
                       class: "button small border third transparent",