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

package/components/button/IconButton.vue.js

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

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,11 +1,12 @@
 import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode } from 'vue';
 import Icon from '../icon/Icon.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 './Button.vue.js';
+import IconButton from './IconButton.vue.js';
 import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-/* empty css                                                              */
+/* empty css                                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 import "../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "ScrollButton",
   props: {
     show: { type: Boolean, default: false },
@@ -19,9 +20,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("scrolled");
     };
     return (_ctx, _cache) => {
-      return __props.show ? (openBlock(), createBlock(unref(IconButton), {
+      return _ctx.show ? (openBlock(), createBlock(unref(IconButton), {
         key: 0,
-        class: normalizeClass(["scroll-button", __props.position]),
+        class: normalizeClass(["scroll-button", _ctx.position]),
         theme: "third",
         variant: "borderless",
         size: "lg",
@@ -29,11 +30,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createVNode(unref(_sfc_main$1), {
-            text: __props.tooltipText,
+            text: _ctx.tooltipText,
             delay: 400
           }, {
             default: withCtx(() => [
-              createVNode(unref(Icon), { name: __props.iconName }, null, 8, ["name"])
+              createVNode(unref(Icon), { name: _ctx.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, 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 { 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 Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
 import Unchecked from './icons/unchecked.vue.js';
@@ -7,13 +7,14 @@ 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                                                          */
+/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Checkbox",
   props: {
     isChecked: { type: Boolean },
@@ -54,16 +55,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
         for: id,
-        class: normalizeClass([[__props.size, { "focus-visible": isFocusVisible.value, disabled: __props.disabled }], "checkbox"])
+        class: normalizeClass([[_ctx.size, { "focus-visible": isFocusVisible.value, disabled: _ctx.disabled }], "checkbox"])
       }, [
         createElementVNode("span", _hoisted_1, [
           createElementVNode("input", mergeProps(_ctx.$attrs, {
             id,
             ref: checkbox.value,
-            disabled: __props.disabled,
-            checked: unref(checked),
+            disabled: _ctx.disabled,
+            checked: checked.value,
             class: "input",
-            ".indeterminate": unref(indeterminate),
+            ".indeterminate": indeterminate.value,
             type: "checkbox",
             onBlur: handleBlur,
             onFocus: handleFocus,
@@ -71,17 +72,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onInput: updateValue
           }), null, 16, _hoisted_2),
           _hoisted_3,
-          createVNode(unref(Icon), { "font-size": __props.size }, {
+          createVNode(unref(Icon), { "font-size": _ctx.size }, {
             default: withCtx(() => [
-              unref(checked) ? (openBlock(), createBlock(Checked, {
+              checked.value ? (openBlock(), createBlock(Checked, {
                 key: 0,
                 class: "checkbox-icon checked"
               })) : createCommentVNode("", true),
-              unref(indeterminate) ? (openBlock(), createBlock(Indeterminate, {
+              indeterminate.value ? (openBlock(), createBlock(Indeterminate, {
                 key: 1,
                 class: "checkbox-icon indeterminate"
               })) : createCommentVNode("", true),
-              unref(unchecked) && !unref(indeterminate) ? (openBlock(), createBlock(Unchecked, {
+              unchecked.value && !indeterminate.value ? (openBlock(), createBlock(Unchecked, {
                 key: 2,
                 class: "checkbox-icon unchecked"
               })) : createCommentVNode("", true)
@@ -89,14 +90,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["font-size"])
         ]),
-        __props.label || _ctx.$slots.default ? (openBlock(), createBlock(unref(Text), {
+        _ctx.label || _ctx.$slots.default ? (openBlock(), createBlock(unref(Text), {
           key: 0,
-          size: __props.size,
+          size: _ctx.size,
           class: "checkbox-text"
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(__props.label), 1)
+              createTextVNode(toDisplayString(_ctx.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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "Chip",
   props: {
     selected: { type: Boolean, default: false },
@@ -32,20 +32,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["chip-container", { selected: __props.selected, disabled: __props.disabled }]),
-        disabled: __props.disabled
+        class: normalizeClass(["chip-container", { selected: _ctx.selected, disabled: _ctx.disabled }]),
+        disabled: _ctx.disabled
       }, [
         _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
           renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("span", null, [
-          !!__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.prefix) + ":", 1)) : createCommentVNode("", true),
+          !!_ctx.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.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),
-        __props.clearable ? (openBlock(), createElementBlock("button", {
+        _ctx.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, unref, createElementVNode, renderSlot, withDirectives, isRef, vModelText, normalizeClass, createVNode, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, unref, renderSlot, withDirectives, 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "DatePicker",
   props: {
     uniqueId: { default: Date.now() },
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: unref(componentId),
+        id: componentId.value,
         ref_key: "datePicker",
         ref: datePicker,
         class: "date-picker"
@@ -89,17 +89,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: buttonRef,
           onClick: _cache[2] || (_cache[2] = ($event) => unref(toggle)())
         }, [
-          renderSlot(_ctx.$slots, "default", { formattedDate: unref(formattedValue) }, () => [
+          renderSlot(_ctx.$slots, "default", { formattedDate: formattedValue.value }, () => [
             withDirectives(createElementVNode("input", {
               ref_key: "input",
               ref: input,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event),
               type: "text",
               class: "input",
-              placeholder: __props.placeholder,
+              placeholder: _ctx.placeholder,
               onInput: _cache[1] || (_cache[1] = ($event) => handleInput($event))
             }, null, 40, _hoisted_2), [
-              [vModelText, unref(formattedValue)]
+              [vModelText, formattedValue.value]
             ])
           ], true)
         ], 512),
@@ -107,12 +107,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           ref_key: "popup",
           ref: popup,
-          class: normalizeClass(["date-picker-popup", { "align-right": unref(nearTheEdge) }])
+          class: normalizeClass(["date-picker-popup", { "align-right": nearTheEdge.value }])
         }, [
           createVNode(DatePickerMonth, {
-            id: unref(componentId) + "-month",
-            "model-value": unref(valueAsDate),
-            "allow-future-dates": __props.allowFutureDates,
+            id: componentId.value + "-month",
+            "model-value": valueAsDate.value,
+            "allow-future-dates": _ctx.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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "DatePickerMonth",
   props: {
     uniqueId: { default: Date.now() },
@@ -79,11 +79,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(CalendarMonth, {
-        id: __props.uniqueId,
+        id: _ctx.uniqueId,
         type: "month",
         class: "date-picker-month",
-        range: unref(selectedRange),
-        navigation: unref(navigation),
+        range: selectedRange.value,
+        navigation: navigation.value,
         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,29 +3,30 @@ 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 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 '../button/Button.vue.js';
+import IconButton from '../button/IconButton.vue.js';
+import '../button/ScrollButton.vue.js';
+import { isBefore, isAfter, isSameDay } from 'date-fns';
 import AngleLeft from '../icon/icons/AngleLeft.vue.js';
 import AngleRight from '../icon/icons/AngleRight.vue.js';
-/* empty css                                                               */
+import Icon from '../icon/Icon.vue.js';
+/* empty css                                                               */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
 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 = /* @__PURE__ */ defineComponent({
+const _sfc_main = defineComponent({
   __name: "CalendarMonth",
   props: {
-    year: null,
-    days: null,
-    weeks: null,
-    month: null,
-    navigation: null,
-    range: null,
-    type: null,
+    year: {},
+    days: {},
+    weeks: {},
+    month: {},
+    navigation: {},
+    range: {},
+    type: {},
     id: { default: Date.now() },
     allowedDays: { default: null },
     maxAllowedDate: { default: null }
@@ -218,13 +219,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        id: "datepickerCalendar" + __props.id,
+        id: "datepickerCalendar" + _ctx.id,
         class: "calendar-month"
       }, [
         createElementVNode("span", {
           onClick: _cache[0] || (_cache[0] = ($event) => navigate(unref(navigatePrev)))
         }, [
-          __props.navigation === unref(navigatePrev) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
+          _ctx.navigation === unref(navigatePrev) || _ctx.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
             key: 0,
             variant: "borderless",
             size: "md",
@@ -244,7 +245,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("span", {
           onClick: _cache[1] || (_cache[1] = ($event) => navigate(unref(navigateNext)))
         }, [
-          __props.navigation === unref(navigateNext) || __props.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
+          _ctx.navigation === unref(navigateNext) || _ctx.navigation === "all" ? (openBlock(), createBlock(unref(IconButton), {
             key: 0,
             class: "next",
             variant: "borderless",
@@ -264,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2, [
           createVNode(Heading, { level: "6" }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(monthName)) + " " + toDisplayString(__props.year), 1)
+              createTextVNode(toDisplayString(monthName.value) + " " + toDisplayString(_ctx.year), 1)
             ]),
             _: 1
           }),
@@ -283,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])
         ]),
         createElementVNode("div", _hoisted_4, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.weeks, (week, weekIndex) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.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> = {