@simplybusiness/mobius 10.4.2 → 10.4.4

package/dist/cjs/meta.json

@@ -781,7 +781,7 @@
       "format": "esm"
     },
     "src/components/TextField/adornmentWithClassName.ts": {
-      "bytes": 491,
+      "bytes": 524,
       "imports": [
         {
           "path": "classnames/dedupe",
@@ -797,13 +797,18 @@
       "format": "esm"
     },
     "src/components/TextField/TextField.tsx": {
-      "bytes": 4082,
+      "bytes": 4157,
       "imports": [
         {
           "path": "classnames/dedupe",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/hooks/index.tsx",
           "kind": "import-statement",
@@ -970,7 +975,7 @@
       "format": "esm"
     },
     "src/components/Combobox/Combobox.tsx": {
-      "bytes": 12001,
+      "bytes": 11883,
       "imports": [
         {
           "path": "@simplybusiness/mobius-hooks",
@@ -1234,7 +1239,7 @@
       "format": "esm"
     },
     "src/components/Breadcrumbs/Breadcrumbs.tsx": {
-      "bytes": 1355,
+      "bytes": 1278,
       "imports": [
         {
           "path": "react",
@@ -1805,7 +1810,7 @@
       "format": "esm"
     },
     "src/components/DropdownMenu/Item.tsx": {
-      "bytes": 1502,
+      "bytes": 1460,
       "imports": [
         {
           "path": "react",
@@ -2447,14 +2452,53 @@
       ],
       "format": "esm"
     },
-    "src/components/Popover/Popover.tsx": {
-      "bytes": 4803,
+    "src/components/Popover/Arrow.tsx": {
+      "bytes": 554,
       "imports": [
         {
-          "path": "@floating-ui/react",
+          "path": "react/jsx-runtime",
           "kind": "import-statement",
           "external": true
-        },
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/useAutoUpdate.ts": {
+      "bytes": 1202,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/useFloatingPosition.ts": {
+      "bytes": 5982,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/useOutsidePress.ts": {
+      "bytes": 917,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/components/Popover/Popover.tsx": {
+      "bytes": 5165,
+      "imports": [
         {
           "path": "@simplybusiness/icons",
           "kind": "import-statement",
@@ -2470,6 +2514,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-dom",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius-hooks",
           "kind": "import-statement",
@@ -2485,6 +2534,26 @@
           "kind": "import-statement",
           "original": "../Icon"
         },
+        {
+          "path": "src/components/Popover/Arrow.tsx",
+          "kind": "import-statement",
+          "original": "./Arrow"
+        },
+        {
+          "path": "src/components/Popover/useAutoUpdate.ts",
+          "kind": "import-statement",
+          "original": "./useAutoUpdate"
+        },
+        {
+          "path": "src/components/Popover/useFloatingPosition.ts",
+          "kind": "import-statement",
+          "original": "./useFloatingPosition"
+        },
+        {
+          "path": "src/components/Popover/useOutsidePress.ts",
+          "kind": "import-statement",
+          "original": "./useOutsidePress"
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "import-statement",
@@ -3877,7 +3946,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 334257
+      "bytes": 347391
     },
     "dist/cjs/index.js": {
       "imports": [
@@ -4036,6 +4105,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/TextField/TextField.css",
           "kind": "require-call",
@@ -4747,22 +4821,22 @@
           "external": true
         },
         {
-          "path": "@floating-ui/react",
+          "path": "@simplybusiness/icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "classnames/dedupe",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-dom",
           "kind": "require-call",
           "external": true
         },
@@ -4771,6 +4845,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -5271,10 +5365,10 @@
           "bytesInOutput": 109
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 620
+          "bytesInOutput": 670
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3979
+          "bytesInOutput": 4113
         },
         "src/components/TextField/index.tsx": {
           "bytesInOutput": 121
@@ -5346,7 +5440,7 @@
           "bytesInOutput": 1580
         },
         "src/components/Breadcrumbs/Breadcrumbs.tsx": {
-          "bytesInOutput": 1068
+          "bytesInOutput": 1030
         },
         "src/components/Breadcrumbs/BreadcrumbItem.tsx": {
           "bytesInOutput": 1261
@@ -5397,7 +5491,7 @@
           "bytesInOutput": 2202
         },
         "src/components/DropdownMenu/Item.tsx": {
-          "bytesInOutput": 1075
+          "bytesInOutput": 1047
         },
         "src/components/DropdownMenu/index.tsx": {
           "bytesInOutput": 115
@@ -5466,7 +5560,19 @@
           "bytesInOutput": 644
         },
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4540
+          "bytesInOutput": 4561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 488
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 925
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3631
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 632
         },
         "src/components/Progress/Progress.tsx": {
           "bytesInOutput": 3632
@@ -5556,7 +5662,7 @@
           "bytesInOutput": 916
         }
       },
-      "bytes": 185637
+      "bytes": 191668
     },
     "dist/cjs/utils/changeCSS.js.map": {
       "imports": [],
@@ -6486,7 +6592,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 336191
+      "bytes": 349337
     },
     "dist/cjs/components/index.js": {
       "imports": [
@@ -6645,6 +6751,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/TextField/TextField.css",
           "kind": "require-call",
@@ -7356,22 +7467,22 @@
           "external": true
         },
         {
-          "path": "@floating-ui/react",
+          "path": "@simplybusiness/icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "classnames/dedupe",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-dom",
           "kind": "require-call",
           "external": true
         },
@@ -7380,6 +7491,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -7880,10 +8011,10 @@
           "bytesInOutput": 109
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 620
+          "bytesInOutput": 670
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3979
+          "bytesInOutput": 4113
         },
         "src/components/TextField/index.tsx": {
           "bytesInOutput": 121
@@ -7955,7 +8086,7 @@
           "bytesInOutput": 1580
         },
         "src/components/Breadcrumbs/Breadcrumbs.tsx": {
-          "bytesInOutput": 1068
+          "bytesInOutput": 1030
         },
         "src/components/Breadcrumbs/BreadcrumbItem.tsx": {
           "bytesInOutput": 1261
@@ -8006,7 +8137,7 @@
           "bytesInOutput": 2202
         },
         "src/components/DropdownMenu/Item.tsx": {
-          "bytesInOutput": 1075
+          "bytesInOutput": 1047
         },
         "src/components/DropdownMenu/index.tsx": {
           "bytesInOutput": 115
@@ -8075,7 +8206,19 @@
           "bytesInOutput": 644
         },
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4540
+          "bytesInOutput": 4561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 488
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 925
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3631
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 632
         },
         "src/components/Progress/Progress.tsx": {
           "bytesInOutput": 3632
@@ -8165,7 +8308,7 @@
           "bytesInOutput": 916
         }
       },
-      "bytes": 185563
+      "bytes": 191594
     },
     "dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map": {
       "imports": [],
@@ -8827,7 +8970,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 950
+      "bytes": 1001
     },
     "dist/cjs/components/TextField/adornmentWithClassName.js": {
       "imports": [
@@ -8846,16 +8989,16 @@
       "entryPoint": "src/components/TextField/adornmentWithClassName.ts",
       "inputs": {
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 594
+          "bytesInOutput": 640
         }
       },
-      "bytes": 2096
+      "bytes": 2142
     },
     "dist/cjs/components/TextField/TextField.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 28306
+      "bytes": 28500
     },
     "dist/cjs/components/TextField/TextField.js": {
       "imports": [
@@ -8874,6 +9017,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -8994,7 +9142,7 @@
       "entryPoint": "src/components/TextField/TextField.tsx",
       "inputs": {
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3421
+          "bytesInOutput": 3521
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -9027,16 +9175,16 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         }
       },
-      "bytes": 16210
+      "bytes": 16356
     },
     "dist/cjs/components/TextField/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 28393
+      "bytes": 28587
     },
     "dist/cjs/components/TextField/index.js": {
       "imports": [
@@ -9055,6 +9203,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -9178,7 +9331,7 @@
           "bytesInOutput": 141
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -9211,10 +9364,10 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         }
       },
-      "bytes": 16231
+      "bytes": 16377
     },
     "dist/cjs/components/TextAreaInput/TextAreaInput.js.map": {
       "imports": [],
@@ -11474,19 +11627,106 @@
       },
       "bytes": 6579
     },
-    "dist/cjs/components/Popover/Popover.js.map": {
+    "dist/cjs/components/Popover/useAutoUpdate.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 18953
+      "bytes": 2036
     },
-    "dist/cjs/components/Popover/Popover.js": {
+    "dist/cjs/components/Popover/useAutoUpdate.js": {
       "imports": [
         {
-          "path": "@floating-ui/react",
+          "path": "react",
           "kind": "require-call",
           "external": true
-        },
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/useAutoUpdate.ts",
+      "inputs": {
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 1082
+        }
+      },
+      "bytes": 1967
+    },
+    "dist/cjs/components/Popover/useFloatingPosition.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 8595
+    },
+    "dist/cjs/components/Popover/useFloatingPosition.js": {
+      "imports": [
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/useFloatingPosition.ts",
+      "inputs": {
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3816
+        }
+      },
+      "bytes": 4713
+    },
+    "dist/cjs/components/Popover/useOutsidePress.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 1561
+    },
+    "dist/cjs/components/Popover/useOutsidePress.js": {
+      "imports": [
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/useOutsidePress.ts",
+      "inputs": {
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 799
+        }
+      },
+      "bytes": 1688
+    },
+    "dist/cjs/components/Popover/Arrow.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 1066
+    },
+    "dist/cjs/components/Popover/Arrow.js": {
+      "imports": [
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        }
+      ],
+      "exports": [],
+      "entryPoint": "src/components/Popover/Arrow.tsx",
+      "inputs": {
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 603
+        }
+      },
+      "bytes": 1473
+    },
+    "dist/cjs/components/Popover/Popover.js.map": {
+      "imports": [],
+      "exports": [],
+      "inputs": {},
+      "bytes": 32184
+    },
+    "dist/cjs/components/Popover/Popover.js": {
+      "imports": [
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -11502,6 +11742,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-dom",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius-hooks",
           "kind": "require-call",
@@ -11567,6 +11812,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -11582,7 +11847,7 @@
       "entryPoint": "src/components/Popover/Popover.tsx",
       "inputs": {
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4623
+          "bytesInOutput": 4652
         },
         "src/components/Button/Button.tsx": {
           "bytesInOutput": 1133
@@ -11601,35 +11866,47 @@
         },
         "src/components/Button/Success.tsx": {
           "bytesInOutput": 561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 485
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 923
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3628
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 630
         }
       },
-      "bytes": 12170
+      "bytes": 18042
     },
     "dist/cjs/components/Popover/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 19037
+      "bytes": 32268
     },
     "dist/cjs/components/Popover/index.js": {
       "imports": [
         {
-          "path": "@floating-ui/react",
+          "path": "@simplybusiness/icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@simplybusiness/icons",
+          "path": "classnames/dedupe",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "classnames/dedupe",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-dom",
           "kind": "require-call",
           "external": true
         },
@@ -11698,6 +11975,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react/jsx-runtime",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/Popover/Popover.css",
           "kind": "require-call",
@@ -11716,7 +12013,7 @@
           "bytesInOutput": 131
         },
         "src/components/Popover/Popover.tsx": {
-          "bytesInOutput": 4492
+          "bytesInOutput": 4521
         },
         "src/components/Button/Button.tsx": {
           "bytesInOutput": 1133
@@ -11735,15 +12032,27 @@
         },
         "src/components/Button/Success.tsx": {
           "bytesInOutput": 561
+        },
+        "src/components/Popover/Arrow.tsx": {
+          "bytesInOutput": 485
+        },
+        "src/components/Popover/useAutoUpdate.ts": {
+          "bytesInOutput": 923
+        },
+        "src/components/Popover/useFloatingPosition.ts": {
+          "bytesInOutput": 3628
+        },
+        "src/components/Popover/useOutsidePress.ts": {
+          "bytesInOutput": 630
         }
       },
-      "bytes": 12205
+      "bytes": 18077
     },
     "dist/cjs/components/PasswordField/PasswordField.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 32682
+      "bytes": 32876
     },
     "dist/cjs/components/PasswordField/PasswordField.js": {
       "imports": [
@@ -11772,6 +12081,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -11918,7 +12232,7 @@
           "bytesInOutput": 220
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -11951,13 +12265,13 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/PasswordField/ShowHideButton.tsx": {
           "bytesInOutput": 624
         }
       },
-      "bytes": 18657
+      "bytes": 18803
     },
     "dist/cjs/components/PasswordField/ShowHideButton.js.map": {
       "imports": [],
@@ -12009,7 +12323,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 32777
+      "bytes": 32971
     },
     "dist/cjs/components/PasswordField/index.js": {
       "imports": [
@@ -12038,6 +12352,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -12187,7 +12506,7 @@
           "bytesInOutput": 220
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -12220,13 +12539,13 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/PasswordField/ShowHideButton.tsx": {
           "bytesInOutput": 624
         }
       },
-      "bytes": 18678
+      "bytes": 18824
     },
     "dist/cjs/components/Option/Option.js.map": {
       "imports": [],
@@ -12281,7 +12600,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 34459
+      "bytes": 34653
     },
     "dist/cjs/components/NumberField/NumberField.js": {
       "imports": [
@@ -12310,6 +12629,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -12443,7 +12767,7 @@
           "bytesInOutput": 2972
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -12476,16 +12800,16 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         }
       },
-      "bytes": 19137
+      "bytes": 19283
     },
     "dist/cjs/components/NumberField/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 34550
+      "bytes": 34744
     },
     "dist/cjs/components/NumberField/index.js": {
       "imports": [
@@ -12514,6 +12838,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -12650,7 +12979,7 @@
           "bytesInOutput": 2821
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -12683,10 +13012,10 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         }
       },
-      "bytes": 19158
+      "bytes": 19304
     },
     "dist/cjs/components/Modal/types.js.map": {
       "imports": [],
@@ -13184,7 +13513,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 41162
+      "bytes": 41356
     },
     "dist/cjs/components/MaskedField/MaskedField.js": {
       "imports": [
@@ -13213,6 +13542,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -13341,7 +13675,7 @@
           "bytesInOutput": 3884
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -13374,16 +13708,16 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         }
       },
-      "bytes": 20049
+      "bytes": 20195
     },
     "dist/cjs/components/MaskedField/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 58721
+      "bytes": 58930
     },
     "dist/cjs/components/MaskedField/index.js": {
       "imports": [
@@ -13537,6 +13871,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/mobius/src/components/TextField/TextField.css",
           "kind": "require-call",
@@ -13664,22 +14003,22 @@
           "bytesInOutput": 109
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 614
+          "bytesInOutput": 664
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3963
+          "bytesInOutput": 4094
         },
         "src/components/TextField/index.tsx": {
           "bytesInOutput": 121
         },
         "src/components/MaskedField/MaskedField.tsx": {
-          "bytesInOutput": 4644
+          "bytesInOutput": 4650
         },
         "src/components/MaskedField/index.tsx": {
           "bytesInOutput": 1068
         }
       },
-      "bytes": 28597
+      "bytes": 28784
     },
     "dist/cjs/components/Logo/Logo.js.map": {
       "imports": [],
@@ -15552,7 +15891,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 2362
+      "bytes": 2305
     },
     "dist/cjs/components/DropdownMenu/Item.js": {
       "imports": [
@@ -15576,16 +15915,16 @@
       "entryPoint": "src/components/DropdownMenu/Item.tsx",
       "inputs": {
         "src/components/DropdownMenu/Item.tsx": {
-          "bytesInOutput": 1171
+          "bytesInOutput": 1143
         }
       },
-      "bytes": 2641
+      "bytes": 2613
     },
     "dist/cjs/components/DropdownMenu/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 19174
+      "bytes": 19117
     },
     "dist/cjs/components/DropdownMenu/index.js": {
       "imports": [
@@ -15718,10 +16057,10 @@
           "bytesInOutput": 561
         },
         "src/components/DropdownMenu/Item.tsx": {
-          "bytesInOutput": 1065
+          "bytesInOutput": 1037
         }
       },
-      "bytes": 11214
+      "bytes": 11186
     },
     "dist/cjs/components/Drawer/types.js.map": {
       "imports": [],
@@ -16303,7 +16642,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 36830
+      "bytes": 37024
     },
     "dist/cjs/components/DateField/DateField.js": {
       "imports": [
@@ -16332,6 +16671,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -16463,7 +16807,7 @@
           "bytesInOutput": 220
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -16496,19 +16840,19 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/DateField/validation.ts": {
           "bytesInOutput": 1112
         }
       },
-      "bytes": 20193
+      "bytes": 20339
     },
     "dist/cjs/components/DateField/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 36960
+      "bytes": 37154
     },
     "dist/cjs/components/DateField/index.js": {
       "imports": [
@@ -16537,6 +16881,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -16671,7 +17020,7 @@
           "bytesInOutput": 220
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/utils/spaceDelimitedList.ts": {
           "bytesInOutput": 89
@@ -16704,13 +17053,13 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/DateField/validation.ts": {
           "bytesInOutput": 1112
         }
       },
-      "bytes": 20298
+      "bytes": 20444
     },
     "dist/cjs/components/Container/Container.js.map": {
       "imports": [],
@@ -16822,7 +17171,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 73108
+      "bytes": 73183
     },
     "dist/cjs/components/Combobox/Combobox.js": {
       "imports": [
@@ -16866,6 +17215,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -17041,7 +17395,7 @@
       "entryPoint": "src/components/Combobox/Combobox.tsx",
       "inputs": {
         "src/components/Combobox/Combobox.tsx": {
-          "bytesInOutput": 10439
+          "bytesInOutput": 10455
         },
         "src/hooks/useBreakpoint/useBreakpoint.tsx": {
           "bytesInOutput": 2419
@@ -17059,7 +17413,7 @@
           "bytesInOutput": 195
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/components/ErrorMessage/ErrorMessage.tsx": {
           "bytesInOutput": 1058
@@ -17080,7 +17434,7 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/VisuallyHidden/VisuallyHidden.tsx": {
           "bytesInOutput": 619
@@ -17101,7 +17455,7 @@
           "bytesInOutput": 2427
         }
       },
-      "bytes": 40150
+      "bytes": 40312
     },
     "dist/cjs/components/Combobox/Listbox.js.map": {
       "imports": [],
@@ -17209,7 +17563,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 73275
+      "bytes": 73350
     },
     "dist/cjs/components/Combobox/index.js": {
       "imports": [
@@ -17253,6 +17607,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -17431,7 +17790,7 @@
           "bytesInOutput": 182
         },
         "src/components/Combobox/Combobox.tsx": {
-          "bytesInOutput": 10303
+          "bytesInOutput": 10319
         },
         "src/hooks/useBreakpoint/useBreakpoint.tsx": {
           "bytesInOutput": 2419
@@ -17449,7 +17808,7 @@
           "bytesInOutput": 195
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/components/ErrorMessage/ErrorMessage.tsx": {
           "bytesInOutput": 1058
@@ -17470,7 +17829,7 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/VisuallyHidden/VisuallyHidden.tsx": {
           "bytesInOutput": 619
@@ -17491,7 +17850,7 @@
           "bytesInOutput": 2427
         }
       },
-      "bytes": 40231
+      "bytes": 40393
     },
     "dist/cjs/components/Combobox/types.js.map": {
       "imports": [],
@@ -18448,7 +18807,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 2188
+      "bytes": 2080
     },
     "dist/cjs/components/Breadcrumbs/Breadcrumbs.js": {
       "imports": [
@@ -18477,16 +18836,16 @@
       "entryPoint": "src/components/Breadcrumbs/Breadcrumbs.tsx",
       "inputs": {
         "src/components/Breadcrumbs/Breadcrumbs.tsx": {
-          "bytesInOutput": 1203
+          "bytesInOutput": 1165
         }
       },
-      "bytes": 2700
+      "bytes": 2662
     },
     "dist/cjs/components/Breadcrumbs/index.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 9718
+      "bytes": 9610
     },
     "dist/cjs/components/Breadcrumbs/index.js": {
       "imports": [
@@ -18548,7 +18907,7 @@
           "bytesInOutput": 191
         },
         "src/components/Breadcrumbs/Breadcrumbs.tsx": {
-          "bytesInOutput": 1052
+          "bytesInOutput": 1014
         },
         "src/components/Breadcrumbs/BreadcrumbItem.tsx": {
           "bytesInOutput": 1252
@@ -18566,7 +18925,7 @@
           "bytesInOutput": 203
         }
       },
-      "bytes": 6520
+      "bytes": 6482
     },
     "dist/cjs/components/Box/types.js.map": {
       "imports": [],
@@ -18880,7 +19239,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 78285
+      "bytes": 78360
     },
     "dist/cjs/components/AddressLookup/AddressLookup.js": {
       "imports": [
@@ -18934,6 +19293,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -19117,7 +19481,7 @@
           "bytesInOutput": 2705
         },
         "src/components/Combobox/Combobox.tsx": {
-          "bytesInOutput": 10303
+          "bytesInOutput": 10319
         },
         "src/hooks/useBreakpoint/useBreakpoint.tsx": {
           "bytesInOutput": 2419
@@ -19135,7 +19499,7 @@
           "bytesInOutput": 195
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/components/ErrorMessage/ErrorMessage.tsx": {
           "bytesInOutput": 1058
@@ -19156,7 +19520,7 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/VisuallyHidden/VisuallyHidden.tsx": {
           "bytesInOutput": 619
@@ -19180,7 +19544,7 @@
           "bytesInOutput": 123
         }
       },
-      "bytes": 42991
+      "bytes": 43153
     },
     "dist/cjs/components/AddressLookup/LoqateAddressLookupError.js.map": {
       "imports": [],
@@ -19223,7 +19587,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 83776
+      "bytes": 83851
     },
     "dist/cjs/components/AddressLookup/index.js": {
       "imports": [
@@ -19277,6 +19641,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@simplybusiness/icons",
           "kind": "require-call",
@@ -19463,7 +19832,7 @@
           "bytesInOutput": 2544
         },
         "src/components/Combobox/Combobox.tsx": {
-          "bytesInOutput": 10303
+          "bytesInOutput": 10319
         },
         "src/hooks/useBreakpoint/useBreakpoint.tsx": {
           "bytesInOutput": 2419
@@ -19481,7 +19850,7 @@
           "bytesInOutput": 195
         },
         "src/components/TextField/TextField.tsx": {
-          "bytesInOutput": 3280
+          "bytesInOutput": 3380
         },
         "src/components/ErrorMessage/ErrorMessage.tsx": {
           "bytesInOutput": 1058
@@ -19502,7 +19871,7 @@
           "bytesInOutput": 600
         },
         "src/components/TextField/adornmentWithClassName.ts": {
-          "bytesInOutput": 392
+          "bytesInOutput": 438
         },
         "src/components/VisuallyHidden/VisuallyHidden.tsx": {
           "bytesInOutput": 619
@@ -19532,7 +19901,7 @@
           "bytesInOutput": 2875
         }
       },
-      "bytes": 46948
+      "bytes": 47110
     },
     "dist/cjs/components/AddressLookup/types.js.map": {
       "imports": [],