@simplybusiness/mobius 10.1.2 → 10.3.0

package/dist/cjs/utils/filterUnsetValues.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/filterUnsetValues.ts
+var filterUnsetValues_exports = {};
+__export(filterUnsetValues_exports, {
+  filterUnsetValues: () => filterUnsetValues
+});
+module.exports = __toCommonJS(filterUnsetValues_exports);
+var filterUnsetValues = (props) => {
+  const filtered = {};
+  Object.keys(props).forEach((key) => {
+    const value = props[key];
+    if (value !== void 0 && value !== null && value !== "") {
+      filtered[key] = value;
+    }
+  });
+  return filtered;
+};
+//# sourceMappingURL=filterUnsetValues.js.map

package/dist/cjs/utils/filterUnsetValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/filterUnsetValues.ts"],
+  "sourcesContent": ["/**\n * Drops `undefined`, `null`, and empty string entries.\n * Use when merging style objects so \u201Cunset\u201D values from `style` do not override\n * computed values from component props.\n */\nexport const filterUnsetValues = (\n  props: Record<string, unknown>,\n): Record<string, unknown> => {\n  const filtered: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    const value = props[key];\n    if (value !== undefined && value !== null && value !== \"\") {\n      filtered[key] = value;\n    }\n  });\n  return filtered;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,IAAM,oBAAoB,CAC/B,UAC4B;AAC5B,QAAM,WAAoC,CAAC;AAC3C,SAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,UAAM,QAAQ,MAAM,GAAG;AACvB,QAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,IAAI;AACzD,eAAS,GAAG,IAAI;AAAA,IAClB;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/utils/index.js

@@ -24,6 +24,7 @@ __export(utils_exports, {
   delay: () => delay,
   excludeControls: () => excludeControls,
   filterUndefinedProps: () => filterUndefinedProps,
+  filterUnsetValues: () => filterUnsetValues,
   getSpacingValue: () => getSpacingValue,
   mergeRefs: () => mergeRefs,
   sizeClasses: () => sizeClasses,
@@ -79,6 +80,18 @@ var filterUndefinedProps = (props) => {
   return filteredProps;
 };
 
+// src/utils/filterUnsetValues.ts
+var filterUnsetValues = (props) => {
+  const filtered = {};
+  Object.keys(props).forEach((key) => {
+    const value = props[key];
+    if (value !== void 0 && value !== null && value !== "") {
+      filtered[key] = value;
+    }
+  });
+  return filtered;
+};
+
 // src/utils/getSpacingValue.ts
 var getSpacingValue = (padding) => {
   if (typeof padding === "string") {

package/dist/cjs/utils/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/utils/index.ts", "../../../src/utils/changeCSS.ts", "../../../src/utils/delay.ts", "../../../src/utils/excludeControls.ts", "../../../src/utils/filterUndefinedProps.ts", "../../../src/utils/getSpacingValue.ts", "../../../src/utils/mergeRefs.ts", "../../../src/utils/polyfill-tests.ts", "../../../src/utils/sizeClasses.ts", "../../../src/utils/sizeOptions.ts", "../../../src/utils/spaceDelimitedList.ts"],
-  "sourcesContent": ["export * from \"./changeCSS\";\nexport * from \"./delay\";\nexport * from \"./excludeControls\";\nexport * from \"./filterUndefinedProps\";\nexport * from \"./getSpacingValue\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./sizeOptions\";\nexport * from \"./spaceDelimitedList\";\n", "const CSS_LINK_ID = \"sb-theme\";\n\nexport const changeCSS = (cssUrl: string) => {\n  // Find CSS <link> element with id = \"sb-theme\"\n  const theme: HTMLElement | null = document.getElementById(CSS_LINK_ID);\n\n  if (theme) {\n    theme.setAttribute(\"href\", cssUrl);\n  } else {\n    // Append a new link to document and set href\n    const link = document.createElement(\"link\");\n    link.setAttribute(\"type\", \"text/css\");\n    link.setAttribute(\"rel\", \"stylesheet\");\n    link.setAttribute(\"href\", cssUrl);\n    link.setAttribute(\"id\", CSS_LINK_ID);\n    document.head.appendChild(link);\n  }\n};\n", "export function delay(ms: number, { signal }: { signal?: AbortSignal } = {}) {\n  return new Promise((resolve, reject) => {\n    const timeout = setTimeout(resolve, ms);\n    if (signal) {\n      signal.addEventListener(\"abort\", () => {\n        clearTimeout(timeout);\n        reject(new DOMException(\"Aborted\", \"AbortError\"));\n      });\n    }\n  });\n}\n", "// This function generates data structure required to hide specified\n// prop from individual stories. Key 'table' is where specified key\n// is disabled.\n//\n// The above is documented here:\n// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties\n//\n// The expected usage looks as follows:\n//\n// <Meta\n//   title=\"Components/MyComponent\"\n//   component={MyComponent}\n//   argTypes={{\n//     label: {\n//       control: {\n//         type: \"text\",\n//       },\n//       table: {\n//         disable: true,\n//       },\n//     },\n//   }}\n// />\nexport const excludeControls = (...args: string[]) =>\n  args.reduce(\n    (prev, acc) => ({ ...prev, [acc]: { table: { disable: true } } }),\n    {},\n  );\n", "export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n", "import type { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n", "// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx\nimport type { MutableRefObject, LegacyRef, RefCallback } from \"react\";\n\nexport function mergeRefs<T = unknown>(\n  refs: Array<MutableRefObject<T> | LegacyRef<T> | undefined>,\n): RefCallback<T> {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        (ref as MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n", "// Browser support HTML Dialog element\nexport const supportsDialog = () => typeof HTMLDialogElement === \"function\";\n", "import type { SizeType } from \"../types/size\";\n\nexport const sizeClasses = (size: SizeType | undefined) => {\n  if (!size) {\n    return {};\n  }\n\n  return {\n    \"--is-xxs\": size === \"xxs\",\n    \"--is-xs\": size === \"xs\",\n    \"--is-sm\": size === \"sm\",\n    \"--is-md\": size === \"md\",\n    \"--is-lg\": size === \"lg\",\n    \"--is-xl\": size === \"xl\",\n    \"--is-xxl\": size === \"xxl\",\n  };\n};\n", "import type { SizeType } from \"../types\";\n\nexport const sizeOptions: Array<SizeType | \"\"> = [\n  \"\",\n  \"xxs\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"xxl\",\n];\n", "export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAM,cAAc;AAEb,IAAM,YAAY,CAAC,WAAmB;AAE3C,QAAM,QAA4B,SAAS,eAAe,WAAW;AAErE,MAAI,OAAO;AACT,UAAM,aAAa,QAAQ,MAAM;AAAA,EACnC,OAAO;AAEL,UAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,SAAK,aAAa,QAAQ,UAAU;AACpC,SAAK,aAAa,OAAO,YAAY;AACrC,SAAK,aAAa,QAAQ,MAAM;AAChC,SAAK,aAAa,MAAM,WAAW;AACnC,aAAS,KAAK,YAAY,IAAI;AAAA,EAChC;AACF;;;ACjBO,SAAS,MAAM,IAAY,EAAE,OAAO,IAA8B,CAAC,GAAG;AAC3E,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,UAAU,WAAW,SAAS,EAAE;AACtC,QAAI,QAAQ;AACV,aAAO,iBAAiB,SAAS,MAAM;AACrC,qBAAa,OAAO;AACpB,eAAO,IAAI,aAAa,WAAW,YAAY,CAAC;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;;;ACaO,IAAM,kBAAkB,IAAI,SACjC,KAAK;AAAA,EACH,CAAC,MAAM,SAAS,EAAE,GAAG,MAAM,CAAC,GAAG,GAAG,EAAE,OAAO,EAAE,SAAS,KAAK,EAAE,EAAE;AAAA,EAC/D,CAAC;AACH;;;AC3BK,IAAM,uBAAuB,CAAC,UAAmC;AACtE,QAAM,gBAAyC,CAAC;AAChD,SAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,QAAI,MAAM,GAAG,MAAM,QAAW;AAC5B,oBAAc,GAAG,IAAI,MAAM,GAAG;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO;AACT;;;ACNO,IAAM,kBAAkB,CAC7B,YACuB;AACvB,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,cAAc,OAAO;AAAA,EAC9B;AAEA,MAAI,OAAO,YAAY,UAAU;AAC/B,WAAO,GAAG,OAAO;AAAA,EACnB;AAEA,SAAO;AACT;;;ACXO,SAAS,UACd,MACgB;AAChB,SAAO,WAAS;AACd,SAAK,QAAQ,SAAO;AAClB,UAAI,OAAO,QAAQ,YAAY;AAC7B,YAAI,KAAK;AAAA,MACX,WAAW,OAAO,MAAM;AACtB,QAAC,IAAmC,UAAU;AAAA,MAChD;AAAA,IACF,CAAC;AAAA,EACH;AACF;;;ACdO,IAAM,iBAAiB,MAAM,OAAO,sBAAsB;;;ACC1D,IAAM,cAAc,CAAC,SAA+B;AACzD,MAAI,CAAC,MAAM;AACT,WAAO,CAAC;AAAA,EACV;AAEA,SAAO;AAAA,IACL,YAAY,SAAS;AAAA,IACrB,WAAW,SAAS;AAAA,IACpB,WAAW,SAAS;AAAA,IACpB,WAAW,SAAS;AAAA,IACpB,WAAW,SAAS;AAAA,IACpB,WAAW,SAAS;AAAA,IACpB,YAAY,SAAS;AAAA,EACvB;AACF;;;ACdO,IAAM,cAAoC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;ACXO,SAAS,mBACd,MACoB;AACpB,SAAO,KAAK,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAC3C;",
+  "sources": ["../../../src/utils/index.ts", "../../../src/utils/changeCSS.ts", "../../../src/utils/delay.ts", "../../../src/utils/excludeControls.ts", "../../../src/utils/filterUndefinedProps.ts", "../../../src/utils/filterUnsetValues.ts", "../../../src/utils/getSpacingValue.ts", "../../../src/utils/mergeRefs.ts", "../../../src/utils/polyfill-tests.ts", "../../../src/utils/sizeClasses.ts", "../../../src/utils/sizeOptions.ts", "../../../src/utils/spaceDelimitedList.ts"],
+  "sourcesContent": ["export * from \"./changeCSS\";\nexport * from \"./delay\";\nexport * from \"./excludeControls\";\nexport * from \"./filterUndefinedProps\";\nexport * from \"./filterUnsetValues\";\nexport * from \"./getSpacingValue\";\nexport * from \"./mergeRefs\";\nexport * from \"./polyfill-tests\";\nexport * from \"./sizeClasses\";\nexport * from \"./sizeOptions\";\nexport * from \"./spaceDelimitedList\";\n", "const CSS_LINK_ID = \"sb-theme\";\n\nexport const changeCSS = (cssUrl: string) => {\n  // Find CSS <link> element with id = \"sb-theme\"\n  const theme: HTMLElement | null = document.getElementById(CSS_LINK_ID);\n\n  if (theme) {\n    theme.setAttribute(\"href\", cssUrl);\n  } else {\n    // Append a new link to document and set href\n    const link = document.createElement(\"link\");\n    link.setAttribute(\"type\", \"text/css\");\n    link.setAttribute(\"rel\", \"stylesheet\");\n    link.setAttribute(\"href\", cssUrl);\n    link.setAttribute(\"id\", CSS_LINK_ID);\n    document.head.appendChild(link);\n  }\n};\n", "export function delay(ms: number, { signal }: { signal?: AbortSignal } = {}) {\n  return new Promise((resolve, reject) => {\n    const timeout = setTimeout(resolve, ms);\n    if (signal) {\n      signal.addEventListener(\"abort\", () => {\n        clearTimeout(timeout);\n        reject(new DOMException(\"Aborted\", \"AbortError\"));\n      });\n    }\n  });\n}\n", "// This function generates data structure required to hide specified\n// prop from individual stories. Key 'table' is where specified key\n// is disabled.\n//\n// The above is documented here:\n// https://storybook.js.org/docs/react/essentials/controls#disable-controls-for-specific-properties\n//\n// The expected usage looks as follows:\n//\n// <Meta\n//   title=\"Components/MyComponent\"\n//   component={MyComponent}\n//   argTypes={{\n//     label: {\n//       control: {\n//         type: \"text\",\n//       },\n//       table: {\n//         disable: true,\n//       },\n//     },\n//   }}\n// />\nexport const excludeControls = (...args: string[]) =>\n  args.reduce(\n    (prev, acc) => ({ ...prev, [acc]: { table: { disable: true } } }),\n    {},\n  );\n", "export const filterUndefinedProps = (props: Record<string, unknown>) => {\n  const filteredProps: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    if (props[key] !== undefined) {\n      filteredProps[key] = props[key];\n    }\n  });\n  return filteredProps;\n};\n", "/**\n * Drops `undefined`, `null`, and empty string entries.\n * Use when merging style objects so \u201Cunset\u201D values from `style` do not override\n * computed values from component props.\n */\nexport const filterUnsetValues = (\n  props: Record<string, unknown>,\n): Record<string, unknown> => {\n  const filtered: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    const value = props[key];\n    if (value !== undefined && value !== null && value !== \"\") {\n      filtered[key] = value;\n    }\n  });\n  return filtered;\n};\n", "import type { SpacingType } from \"../types\";\n\nexport const getSpacingValue = (\n  padding: SpacingType | undefined,\n): string | undefined => {\n  if (typeof padding === \"string\") {\n    return `var(--size-${padding})`;\n  }\n\n  if (typeof padding === \"number\") {\n    return `${padding}px`;\n  }\n\n  return undefined;\n};\n", "// Ref: https://github.com/gregberge/react-merge-refs/blob/812fefa4390884a4a2d1bc489d869bd088df8ff5/src/index.tsx\nimport type { MutableRefObject, LegacyRef, RefCallback } from \"react\";\n\nexport function mergeRefs<T = unknown>(\n  refs: Array<MutableRefObject<T> | LegacyRef<T> | undefined>,\n): RefCallback<T> {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref != null) {\n        (ref as MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n}\n", "// Browser support HTML Dialog element\nexport const supportsDialog = () => typeof HTMLDialogElement === \"function\";\n", "import type { SizeType } from \"../types/size\";\n\nexport const sizeClasses = (size: SizeType | undefined) => {\n  if (!size) {\n    return {};\n  }\n\n  return {\n    \"--is-xxs\": size === \"xxs\",\n    \"--is-xs\": size === \"xs\",\n    \"--is-sm\": size === \"sm\",\n    \"--is-md\": size === \"md\",\n    \"--is-lg\": size === \"lg\",\n    \"--is-xl\": size === \"xl\",\n    \"--is-xxl\": size === \"xxl\",\n  };\n};\n", "import type { SizeType } from \"../types\";\n\nexport const sizeOptions: Array<SizeType | \"\"> = [\n  \"\",\n  \"xxs\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"xxl\",\n];\n", "export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/{chunk-NYFCN7EA.js → chunk-6GGDGE7D.js}

@@ -1,9 +1,9 @@
-import {
-  Flex
-} from "./chunk-TRY7VZOM.js";
 import {
   Icon
 } from "./chunk-TKIP5Q5H.js";
+import {
+  Flex
+} from "./chunk-TRY7VZOM.js";
 
 // src/components/Accordion/AccordionLink.tsx
 import classNames from "classnames/dedupe";
@@ -88,4 +88,4 @@ var AccordionLink = ({
 export {
   AccordionLink
 };
-//# sourceMappingURL=chunk-NYFCN7EA.js.map
+//# sourceMappingURL=chunk-6GGDGE7D.js.map

package/dist/esm/{chunk-OUKMP3DO.js → chunk-7JT4DKQA.js}

@@ -1,6 +1,6 @@
 import {
   AccordionLink
-} from "./chunk-NYFCN7EA.js";
+} from "./chunk-6GGDGE7D.js";
 
 // src/components/Accordion/Accordion.tsx
 import classNames from "classnames/dedupe";
@@ -115,4 +115,4 @@ Accordion.displayName = "Accordion";
 export {
   Accordion
 };
-//# sourceMappingURL=chunk-OUKMP3DO.js.map
+//# sourceMappingURL=chunk-7JT4DKQA.js.map

package/dist/esm/chunk-CZWEMAKZ.js

@@ -0,0 +1,16 @@
+// src/utils/filterUnsetValues.ts
+var filterUnsetValues = (props) => {
+  const filtered = {};
+  Object.keys(props).forEach((key) => {
+    const value = props[key];
+    if (value !== void 0 && value !== null && value !== "") {
+      filtered[key] = value;
+    }
+  });
+  return filtered;
+};
+
+export {
+  filterUnsetValues
+};
+//# sourceMappingURL=chunk-CZWEMAKZ.js.map

package/dist/esm/chunk-CZWEMAKZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/filterUnsetValues.ts"],
+  "sourcesContent": ["/**\n * Drops `undefined`, `null`, and empty string entries.\n * Use when merging style objects so \u201Cunset\u201D values from `style` do not override\n * computed values from component props.\n */\nexport const filterUnsetValues = (\n  props: Record<string, unknown>,\n): Record<string, unknown> => {\n  const filtered: Record<string, unknown> = {};\n  Object.keys(props).forEach(key => {\n    const value = props[key];\n    if (value !== undefined && value !== null && value !== \"\") {\n      filtered[key] = value;\n    }\n  });\n  return filtered;\n};\n"],
+  "mappings": ";AAKO,IAAM,oBAAoB,CAC/B,UAC4B;AAC5B,QAAM,WAAoC,CAAC;AAC3C,SAAO,KAAK,KAAK,EAAE,QAAQ,SAAO;AAChC,UAAM,QAAQ,MAAM,GAAG;AACvB,QAAI,UAAU,UAAa,UAAU,QAAQ,UAAU,IAAI;AACzD,eAAS,GAAG,IAAI;AAAA,IAClB;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/{chunk-Q5YY6HPF.js → chunk-DZVBN6ZI.js}

@@ -1,12 +1,12 @@
+import {
+  Header
+} from "./chunk-MPB5F6QL.js";
 import {
   Modal
-} from "./chunk-4IB5ROL6.js";
+} from "./chunk-KXLTGNKF.js";
 import {
   Content
 } from "./chunk-55NPJOV3.js";
-import {
-  Header
-} from "./chunk-XNVA7FCA.js";
 
 // src/components/Modal/index.tsx
 var Modal2 = Object.assign(Modal, {
@@ -18,4 +18,4 @@ Modal2.displayName = "Modal";
 export {
   Modal2 as Modal
 };
-//# sourceMappingURL=chunk-Q5YY6HPF.js.map
+//# sourceMappingURL=chunk-DZVBN6ZI.js.map

package/dist/esm/{chunk-OC6ULO4M.js → chunk-EJLNC5X5.js}

@@ -1,6 +1,6 @@
 import {
   Accordion
-} from "./chunk-OUKMP3DO.js";
+} from "./chunk-7JT4DKQA.js";
 import {
   Divider
 } from "./chunk-IFXEE4WM.js";
@@ -63,4 +63,4 @@ AccordionList.displayName = "AccordionList";
 export {
   AccordionList
 };
-//# sourceMappingURL=chunk-OC6ULO4M.js.map
+//# sourceMappingURL=chunk-EJLNC5X5.js.map

package/dist/esm/{chunk-LVZ2T6AY.js → chunk-EZ4S7XVZ.js}

@@ -20,18 +20,26 @@ var List = ({ ref, ...props }) => {
     },
     otherProps.className
   );
-  return /* @__PURE__ */ jsx(Component, { ref, ...mappedProps, className: classes, children: Children.map(children, (child) => {
-    if (isValidElement(child)) {
-      return cloneElement(child, {
-        parentIcon: icon
-      });
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      ...mappedProps,
+      className: classes,
+      children: Children.map(children, (child) => {
+        if (isValidElement(child)) {
+          return cloneElement(child, {
+            parentIcon: icon
+          });
+        }
+        return child;
+      })
     }
-    return child;
-  }) });
+  );
 };
 List.displayName = "List";
 
 export {
   List
 };
-//# sourceMappingURL=chunk-LVZ2T6AY.js.map
+//# sourceMappingURL=chunk-EZ4S7XVZ.js.map

package/dist/esm/chunk-EZ4S7XVZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/List/List.tsx"],
+  "sourcesContent": ["import type { ReactNode, Ref } from \"react\";\nimport { Children, cloneElement, isValidElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./List.css\";\n\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}\n\nconst List = ({ ref, ...props }: ListProps) => {\n  const Component: \"ol\" | \"ul\" = props.isOrdered ? \"ol\" : \"ul\";\n  const { children, icon, ...otherProps } = props;\n\n  // Remove props that should not exist on ol or ul element\n\n  const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n  const mappedProps = {\n    ...restProps,\n    reversed: isReversed,\n  };\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-list\",\n    {\n      \"--has-icon\": icon,\n      [`--is-${liststyletype}`]: liststyletype,\n    },\n    otherProps.className,\n  );\n\n  return (\n    <Component\n      ref={ref as React.Ref<HTMLOListElement & HTMLUListElement>}\n      {...mappedProps}\n      className={classes}\n    >\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          // List items accept a parentIcon prop which is not part of standard HTML\n          return cloneElement(child, {\n            parentIcon: icon,\n          } as { parentIcon?: ReactNode });\n        }\n\n        return child;\n      })}\n    </Component>\n  );\n};\n\nList.displayName = \"List\";\nexport { List };\n"],
+  "mappings": ";AACA,SAAS,UAAU,cAAc,sBAAsB;AACvD,OAAO,gBAAgB;AAEvB,OAAO;AA8CH;AAxBJ,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,YAAyB,MAAM,YAAY,OAAO;AACxD,QAAM,EAAE,UAAU,MAAM,GAAG,WAAW,IAAI;AAI1C,QAAM,EAAE,WAAW,eAAe,YAAY,GAAG,UAAU,IAAI;AAE/D,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,UAAU;AAAA,EACZ;AAEA,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,MACE,cAAc;AAAA,MACd,CAAC,QAAQ,aAAa,EAAE,GAAG;AAAA,IAC7B;AAAA,IACA,WAAW;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACJ,WAAW;AAAA,MAEV,mBAAS,IAAI,UAAU,WAAS;AAC/B,YAAI,eAAe,KAAK,GAAG;AAEzB,iBAAO,aAAa,OAAO;AAAA,YACzB,YAAY;AAAA,UACd,CAA+B;AAAA,QACjC;AAEA,eAAO;AAAA,MACT,CAAC;AAAA;AAAA,EACH;AAEJ;AAEA,KAAK,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-FIAL4HTE.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-FIAL4HTE.js.map

package/dist/esm/{chunk-YLL2DKVF.js → chunk-FQ6P6JB5.js}

@@ -2,7 +2,7 @@
 import classNames from "classnames/dedupe";
 import "@simplybusiness/mobius/src/components/Segment/Segment.css";
 import { jsx, jsxs } from "react/jsx-runtime";
-var Segment = (props) => {
+var Segment = ({ ref, ...props }) => {
   const { heading, children, colour, inverted, className, ...rest } = props;
   const classes = classNames(
     "mobius",
@@ -11,7 +11,7 @@ var Segment = (props) => {
     { inverted },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { className: classes, ...rest, children: [
+  return /* @__PURE__ */ jsxs("div", { ref, className: classes, ...rest, children: [
     heading && /* @__PURE__ */ jsx("div", { className: "mobius-segment__heading", children: heading }),
     children
   ] });
@@ -21,4 +21,4 @@ Segment.displayName = "Segment";
 export {
   Segment
 };
-//# sourceMappingURL=chunk-YLL2DKVF.js.map
+//# sourceMappingURL=chunk-FQ6P6JB5.js.map

package/dist/esm/chunk-FQ6P6JB5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Segment/Segment.tsx"],
+  "sourcesContent": ["import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Segment.css\";\n\nexport type SegmentElementType = HTMLDivElement;\n\nexport interface SegmentProps\n  extends DOMProps, RefAttributes<SegmentElementType> {\n  className?: string;\n  heading?: string;\n  /** Background colour for Segment */\n  colour?: \"subtle\" | \"primary\" | \"secondary\";\n  /** When inverted, text is white.  Use on darker backgrounds. */\n  inverted?: boolean;\n  children?: ReactNode;\n}\n\nconst Segment = ({ ref, ...props }: SegmentProps) => {\n  const { heading, children, colour, inverted, className, ...rest } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-segment\",\n    colour,\n    { inverted },\n    className,\n  );\n\n  return (\n    <div ref={ref} className={classes} {...rest}>\n      {heading && <div className=\"mobius-segment__heading\">{heading}</div>}\n      {children}\n    </div>\n  );\n};\n\nSegment.displayName = \"Segment\";\nexport { Segment };\n"],
+  "mappings": ";AACA,OAAO,gBAAgB;AAEvB,OAAO;AA2BH,SACc,KADd;AAZJ,IAAM,UAAU,CAAC,EAAE,KAAK,GAAG,MAAM,MAAoB;AACnD,QAAM,EAAE,SAAS,UAAU,QAAQ,UAAU,WAAW,GAAG,KAAK,IAAI;AAEpE,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,SAAS;AAAA,IACX;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,KAAU,WAAW,SAAU,GAAG,MACpC;AAAA,eAAW,oBAAC,SAAI,WAAU,2BAA2B,mBAAQ;AAAA,IAC7D;AAAA,KACH;AAEJ;AAEA,QAAQ,cAAc;",
+  "names": []
+}

package/dist/esm/{chunk-OZ2IUZIJ.js → chunk-HP2NRM7T.js}

@@ -1,6 +1,6 @@
 import {
   Box
-} from "./chunk-B243ELKZ.js";
+} from "./chunk-TJCUKTFX.js";
 
 // src/components/Breadcrumbs/BreadcrumbItem.tsx
 import { cloneElement, Children } from "react";
@@ -42,4 +42,4 @@ BreadcrumbItem.displayName = "BreadcrumbItem";
 export {
   BreadcrumbItem
 };
-//# sourceMappingURL=chunk-OZ2IUZIJ.js.map
+//# sourceMappingURL=chunk-HP2NRM7T.js.map

package/dist/esm/{chunk-PB2OICEB.js → chunk-I6EUIFUJ.js}

@@ -1,9 +1,12 @@
 import {
   Accordion
-} from "./chunk-OUKMP3DO.js";
+} from "./chunk-7JT4DKQA.js";
 import {
   isLoqateErrorResponse
 } from "./chunk-66ARYOY7.js";
+import {
+  Listbox
+} from "./chunk-PQSPISME.js";
 import {
   useComboboxHighlight
 } from "./chunk-XZUQV54A.js";
@@ -14,9 +17,6 @@ import {
 import {
   useComboboxOptions
 } from "./chunk-GU5OMKTM.js";
-import {
-  Listbox
-} from "./chunk-PQSPISME.js";
 import {
   getOptionLabel,
   getOptionValue,
@@ -28,18 +28,18 @@ import {
 import {
   Label
 } from "./chunk-ZN7OWLZY.js";
-import {
-  TextAreaInput
-} from "./chunk-BM4M36KU.js";
-import {
-  TextOrHTML
-} from "./chunk-QRHDVVRK.js";
 import {
   adornmentWithClassName
 } from "./chunk-IM3I5CZL.js";
+import {
+  TextAreaInput
+} from "./chunk-BM4M36KU.js";
 import {
   Icon
 } from "./chunk-TKIP5Q5H.js";
+import {
+  TextOrHTML
+} from "./chunk-VIDKIVA6.js";
 import {
   VisuallyHidden
 } from "./chunk-PRZRE6A5.js";
@@ -554,6 +554,10 @@ var AddressLookup = ({
   );
   const handleSelected = (selected) => {
     setError(null);
+    const isEmpty = typeof selected === "string" ? selected === "" : !selected.id && !selected.value;
+    if (isEmpty) {
+      return Promise.resolve();
+    }
     if (typeof selected === "string" || !selected.id) {
       setError(new Error("Selected option missing id"));
       return Promise.resolve();
@@ -1599,4 +1603,4 @@ export {
   ExpandableText,
   MaskedField
 };
-//# sourceMappingURL=chunk-PB2OICEB.js.map
+//# sourceMappingURL=chunk-I6EUIFUJ.js.map