diff --git a/.storybook/package-sizes.json b/.storybook/package-sizes.json
index 2734e8d1ab..7438217e06 100644
--- a/.storybook/package-sizes.json
+++ b/.storybook/package-sizes.json
@@ -3,9 +3,9 @@
         "index.js": 2.7
     },
     "universal-date-input": {
-        "desktop.js": 137.7,
-        "index.js": 137.8,
-        "mobile.js": 137.7,
+        "desktop.js": 137.8,
+        "index.js": 138,
+        "mobile.js": 137.8,
         "shared.js": 43.5
     },
     "underlay": {
@@ -16,24 +16,24 @@
     },
     "tooltip": {
         "desktop.js": 47.4,
-        "index.js": 104.5,
-        "mobile.js": 76
+        "index.js": 104.8,
+        "mobile.js": 76.2
     },
     "toast": {
-        "desktop.js": 66.1,
-        "index.js": 66.6,
-        "mobile.js": 66.1
+        "desktop.js": 66.2,
+        "index.js": 66.7,
+        "mobile.js": 66.2
     },
     "toast-plate": {
-        "desktop.js": 21.4,
-        "index.js": 21.7,
-        "mobile.js": 21.4
+        "desktop.js": 21.5,
+        "index.js": 21.8,
+        "mobile.js": 21.5
     },
     "time-input": {
         "index.js": 25.6
     },
     "textarea": {
-        "index.js": 14.8,
+        "index.js": 14.9,
         "shared.js": 0.8
     },
     "text": {
@@ -45,17 +45,17 @@
         "mobile.js": 4.8
     },
     "tabs": {
-        "collapsible.js": 206.7,
-        "desktop.js": 34.7,
-        "index.js": 35.9,
-        "mobile.js": 34.8,
+        "collapsible.js": 283.1,
+        "desktop.js": 34.8,
+        "index.js": 36,
+        "mobile.js": 34.9,
         "shared.js": 29.2
     },
     "table": {
-        "index.js": 164.3
+        "index.js": 164.4
     },
     "tab-bar": {
-        "index.js": 10.7,
+        "index.js": 10.8,
         "shared.js": 0.5
     },
     "system-message": {
@@ -89,37 +89,37 @@
         "index.js": 2.5
     },
     "sortable-list": {
-        "index.js": 53.4,
+        "index.js": 53.5,
         "shared.js": 0.6
     },
     "slider": {
         "index.js": 29.3
     },
     "slider-input": {
-        "index.js": 55.1
+        "index.js": 55.2
     },
     "skeleton": {
         "index.js": 1.5
     },
     "side-panel": {
-        "desktop.js": 67.6,
-        "index.js": 69.3,
-        "mobile.js": 65.8,
+        "desktop.js": 67.8,
+        "index.js": 69.5,
+        "mobile.js": 66,
         "shared.js": 44
     },
     "shared": {
         "index.js": 4.4
     },
     "select": {
-        "desktop.js": 153.1,
-        "index.js": 218.9,
-        "mobile.js": 192.4,
-        "shared.js": 178.1
+        "desktop.js": 153.2,
+        "index.js": 295.5,
+        "mobile.js": 268.9,
+        "shared.js": 254.6
     },
     "select-with-tags": {
-        "desktop.js": 204,
-        "index.js": 227.2,
-        "mobile.js": 201.1
+        "desktop.js": 280.4,
+        "index.js": 303.8,
+        "mobile.js": 277.7
     },
     "segmented-control": {
         "index.js": 13.7
@@ -136,7 +136,7 @@
         "mobile.js": 4.3
     },
     "pure-cell": {
-        "index.js": 45.4,
+        "index.js": 45.5,
         "shared.js": 1
     },
     "progress-bar": {
@@ -150,7 +150,7 @@
         "index.js": 0.6
     },
     "popup-sheet": {
-        "index.js": 64.5,
+        "index.js": 64.7,
         "shared.js": 0.5
     },
     "popover": {
@@ -158,26 +158,26 @@
     },
     "plate": {
         "desktop.js": 14.6,
-        "index.js": 14.9,
+        "index.js": 15,
         "mobile.js": 14.6
     },
     "picker-button": {
-        "desktop.js": 199.4,
-        "index.js": 232.7,
-        "mobile.js": 204.9,
+        "desktop.js": 275.8,
+        "index.js": 309.4,
+        "mobile.js": 281.5,
         "shared.js": 3.1
     },
     "phone-input": {
-        "index.js": 35.6
+        "index.js": 35.7
     },
     "pattern-lock": {
-        "desktop.js": 24.8,
-        "index.js": 26.4,
-        "mobile.js": 24.8,
+        "desktop.js": 24.9,
+        "index.js": 26.5,
+        "mobile.js": 24.9,
         "shared.js": 1.2
     },
     "password-input": {
-        "index.js": 27.7
+        "index.js": 27.8
     },
     "pass-code": {
         "index.js": 19.9,
@@ -187,16 +187,16 @@
         "index.js": 8.1
     },
     "number-input": {
-        "desktop.js": 41.9,
-        "index.js": 42.6,
-        "mobile.js": 41.9,
+        "desktop.js": 42,
+        "index.js": 42.7,
+        "mobile.js": 42,
         "shared.js": 0.9
     },
     "notification": {
-        "index.js": 28
+        "index.js": 28.1
     },
     "notification-manager": {
-        "index.js": 12.9
+        "index.js": 13
     },
     "navigation-bar": {
         "index.js": 3,
@@ -210,13 +210,13 @@
         "index.js": 2.8
     },
     "modal": {
-        "desktop.js": 66.5,
-        "index.js": 66.6,
-        "mobile.js": 66.5,
+        "desktop.js": 66.7,
+        "index.js": 66.9,
+        "mobile.js": 66.7,
         "shared.js": 44
     },
     "masked-input": {
-        "index.js": 34
+        "index.js": 34.1
     },
     "markdown": {
         "desktop.js": 126.4,
@@ -239,37 +239,37 @@
         "index.js": 2.1
     },
     "intl-phone-input": {
-        "index.js": 707.4
+        "index.js": 784.1
     },
     "international-phone-input": {
-        "desktop.js": 573.7,
-        "index.js": 607.4,
-        "mobile.js": 579.5,
-        "shared.js": 169.7
+        "desktop.js": 650.2,
+        "index.js": 684.1,
+        "mobile.js": 656.1,
+        "shared.js": 246.1
     },
     "input": {
         "desktop.js": 24.2,
-        "index.js": 24.7,
-        "mobile.js": 24.1,
+        "index.js": 24.8,
+        "mobile.js": 24.2,
         "shared.js": 11.5
     },
     "input-autocomplete": {
-        "desktop.js": 196.7,
-        "index.js": 231.6,
-        "mobile.js": 204.2,
+        "desktop.js": 273.1,
+        "index.js": 308.2,
+        "mobile.js": 280.8,
         "shared.js": 1.9
     },
     "indicator": {
-        "index.js": 2.1
+        "index.js": 2.2
     },
     "icon-view": {
         "circle.js": 32.5,
         "no-shape.js": 5.5,
-        "rectangle.js": 17.9,
-        "super-ellipse.js": 62.1
+        "rectangle.js": 18,
+        "super-ellipse.js": 62.2
     },
     "icon-button": {
-        "index.js": 10.2
+        "index.js": 10.3
     },
     "hatching-progress-bar": {
         "index.js": 1.7
@@ -287,7 +287,7 @@
         "index.js": 1.8
     },
     "gallery": {
-        "index.js": 199.9
+        "index.js": 200.1
     },
     "form-control": {
         "desktop.js": 4,
@@ -297,47 +297,47 @@
     },
     "filter-tag": {
         "desktop.js": 7.6,
-        "index.js": 9.1,
+        "index.js": 9.2,
         "mobile.js": 7.6
     },
     "file-upload-item": {
-        "index.js": 20.3
+        "index.js": 20.4
     },
     "dropzone": {
         "index.js": 3.6
     },
     "drawer": {
-        "index.js": 45
+        "index.js": 45.1
     },
     "divider": {
         "index.js": 1.3
     },
     "date-time-input": {
-        "desktop.js": 140.3,
-        "index.js": 240.5,
-        "mobile.js": 239.2
+        "desktop.js": 140.4,
+        "index.js": 240.7,
+        "mobile.js": 239.4
     },
     "date-range-input": {
-        "desktop.js": 141.4,
-        "index.js": 241.6,
-        "mobile.js": 240.3
+        "desktop.js": 141.5,
+        "index.js": 241.8,
+        "mobile.js": 240.5
     },
     "date-input": {
         "index.js": 69.6
     },
     "custom-picker-button": {
-        "desktop.js": 201,
-        "index.js": 233.9,
-        "mobile.js": 206.5
+        "desktop.js": 277.4,
+        "index.js": 310.6,
+        "mobile.js": 283.1
     },
     "custom-button": {
         "index.js": 9.9
     },
     "confirmation": {
-        "desktop.js": 30.1,
+        "desktop.js": 30.2,
         "index.js": 30.5,
-        "mobile.js": 30.2,
-        "shared.js": 28.5
+        "mobile.js": 30.3,
+        "shared.js": 28.6
     },
     "confirmation-v1": {
         "index.js": 45
@@ -346,7 +346,7 @@
         "index.js": 7.5
     },
     "collapse": {
-        "index.js": 17
+        "index.js": 17.1
     },
     "code-input": {
         "desktop.js": 4.3,
@@ -376,37 +376,37 @@
     },
     "calendar": {
         "desktop.js": 64.7,
-        "index.js": 172.8,
-        "mobile.js": 172.7,
+        "index.js": 173,
+        "mobile.js": 172.9,
         "shared.js": 48
     },
     "calendar-with-skeleton": {
-        "index.js": 65.8
+        "index.js": 65.9
     },
     "calendar-range": {
-        "index.js": 249.2
+        "index.js": 249.4
     },
     "calendar-input": {
-        "desktop.js": 141.8,
-        "index.js": 241.6,
-        "mobile.js": 240.6,
+        "desktop.js": 141.9,
+        "index.js": 241.8,
+        "mobile.js": 240.9,
         "shared.js": 72.4
     },
     "button": {
         "desktop.js": 7.8,
-        "index.js": 9.4,
+        "index.js": 9.5,
         "mobile.js": 7.7,
         "shared.js": 0.5
     },
     "bottom-sheet": {
-        "index.js": 75.3,
+        "index.js": 75.5,
         "shared.js": 0.7
     },
     "base-modal": {
-        "index.js": 43.8
+        "index.js": 43.9
     },
     "bank-card": {
-        "index.js": 40.8
+        "index.js": 40.9
     },
     "badge": {
         "index.js": 2
@@ -415,13 +415,13 @@
         "index.js": 8.9
     },
     "attach": {
-        "index.js": 36.2
+        "index.js": 36.3
     },
     "amount": {
         "index.js": 26.5
     },
     "amount-input": {
-        "index.js": 53.4
+        "index.js": 53.6
     },
     "alert": {
         "index.js": 15.2