@simplybusiness/mobius 10.2.0 → 10.3.1

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-SNRPWCHL.js → chunk-A66R42LG.js}

@@ -3,15 +3,18 @@ import classNames from "classnames/dedupe";
 import "@simplybusiness/mobius/src/components/Text/Text.css";
 import { jsx } from "react/jsx-runtime";
 var getElementType = (variant, elementType) => {
-  if (variant) {
-    return ["h1", "h2", "h3", "h4"].includes(variant) ? variant : "p";
+  if (elementType) {
+    return elementType;
   }
-  return elementType || "p";
+  if (variant && ["h1", "h2", "h3", "h4"].includes(variant)) {
+    return variant;
+  }
+  return "p";
 };
-var Text = ({ ref, elementType: Component = "p", ...props }) => {
+var Text = ({ ref, elementType, ...props }) => {
   const { variant, className, spacing, ...otherProps } = props;
-  const elementType = getElementType(variant, Component);
-  const variantType = variant || elementType;
+  const Element = getElementType(variant, elementType);
+  const variantType = variant || Element;
   const classes = classNames(
     "mobius",
     "mobius-text",
@@ -19,11 +22,12 @@ var Text = ({ ref, elementType: Component = "p", ...props }) => {
     { [`--has-line-height-${spacing}`]: spacing },
     className
   );
-  return /* @__PURE__ */ jsx(Component, { ref, ...otherProps, className: classes });
+  return /* @__PURE__ */ jsx(Element, { ref, ...otherProps, className: classes });
 };
 Text.displayName = "Text";
 
 export {
+  getElementType,
   Text
 };
-//# sourceMappingURL=chunk-SNRPWCHL.js.map
+//# sourceMappingURL=chunk-A66R42LG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Text/Text.tsx"],
+  "sourcesContent": ["import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n"],
+  "mappings": ";AACA,OAAO,gBAAgB;AAEvB,OAAO;AAwDE;AA9BF,IAAM,iBAAiB,CAC5B,SACA,gBACgB;AAEhB,MAAI,aAAa;AACf,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,OAAO,GAAG;AACzD,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,IAAM,OAAO,CAAC,EAAE,KAAK,aAAa,GAAG,MAAM,MAAiB;AAE1D,QAAM,EAAE,SAAS,WAAW,SAAS,GAAG,WAAW,IAAI;AAGvD,QAAM,UAAuB,eAAe,SAAS,WAAW;AAChE,QAAM,cAAc,WAAW;AAC/B,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA,EAAE,CAAC,QAAQ,WAAW,EAAE,GAAG,YAAY;AAAA,IACvC,EAAE,CAAC,qBAAqB,OAAO,EAAE,GAAG,QAAQ;AAAA,IAC5C;AAAA,EACF;AAEA,SAAO,oBAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
+  "names": []
+}

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-HPUPB75I.js

@@ -0,0 +1,67 @@
+import {
+  Text,
+  getElementType
+} from "./chunk-A66R42LG.js";
+
+// src/components/TextOrHTML/TextOrHTML.tsx
+import classNames from "classnames/dedupe";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var isBlockHTML = (text) => /^\s*<[a-z]/i.test(text);
+var containsHTML = (text) => /<[a-z/]/i.test(text);
+var buildTextClasses = (textProps, htmlClassName) => {
+  const { variant, elementType, spacing, className } = textProps;
+  const variantType = variant || getElementType(variant, elementType);
+  return classNames(
+    "mobius",
+    "mobius-text",
+    { [`--is-${variantType}`]: variantType },
+    { [`--has-line-height-${spacing}`]: spacing },
+    className,
+    htmlClassName
+  );
+};
+var TextOrHTML = ({
+  ref,
+  text,
+  htmlClassName,
+  htmlElementType,
+  textWrapper = false,
+  autoDetect = false,
+  ...textProps
+}) => {
+  const textIsBlockHTML = autoDetect && isBlockHTML(text);
+  const dangerousHTML = useMemo(() => ({ __html: text }), [text]);
+  if (autoDetect && !textIsBlockHTML) {
+    const { variant, spacing, elementType, className, ...domProps } = textProps;
+    const Element = getElementType(variant, elementType);
+    const classes = buildTextClasses(textProps, htmlClassName);
+    return containsHTML(text) ? /* @__PURE__ */ jsx(
+      Element,
+      {
+        ref,
+        ...domProps,
+        className: classes,
+        dangerouslySetInnerHTML: dangerousHTML
+      }
+    ) : /* @__PURE__ */ jsx(Element, { ref, ...domProps, className: classes, children: text });
+  }
+  const DangerousComponent = htmlElementType ?? (textIsBlockHTML ? "div" : "span");
+  const dangerousElement = /* @__PURE__ */ jsx(
+    DangerousComponent,
+    {
+      className: htmlClassName,
+      dangerouslySetInnerHTML: dangerousHTML
+    }
+  );
+  if (textWrapper) {
+    return /* @__PURE__ */ jsx(Text, { ref, ...textProps, children: dangerousElement });
+  }
+  return dangerousElement;
+};
+TextOrHTML.displayName = "TextOrHTML";
+
+export {
+  TextOrHTML
+};
+//# sourceMappingURL=chunk-HPUPB75I.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/TextOrHTML/TextOrHTML.tsx"],
+  "sourcesContent": ["import classNames from \"classnames/dedupe\";\nimport type { RefAttributes } from \"react\";\nimport { useMemo } from \"react\";\nimport type { TextElementType, TextProps } from \"../Text/Text\";\nimport { Text, getElementType } from \"../Text/Text\";\n\nexport type HTMLElementType = \"span\" | \"div\";\n\nconst isBlockHTML = (text: string) => /^\\s*<[a-z]/i.test(text);\nconst containsHTML = (text: string) => /<[a-z/]/i.test(text);\n\nconst buildTextClasses = (\n  textProps: Omit<TextProps, \"children\">,\n  htmlClassName?: string,\n) => {\n  const { variant, elementType, spacing, className } = textProps;\n  const variantType = variant || getElementType(variant, elementType);\n  return classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n    htmlClassName,\n  );\n};\n\nexport interface TextOrHTMLProps\n  extends Omit<TextProps, \"children\">, RefAttributes<TextElementType> {\n  /** HTML string to be rendered with dangerouslySetInnerHTML */\n  text: string;\n  /** Custom class name for the dangerous HTML element */\n  htmlClassName?: string;\n  /** HTML element type for the dangerous HTML element */\n  htmlElementType?: HTMLElementType;\n  /** If true, wraps the dangerous HTML element inside a Text component */\n  textWrapper?: boolean;\n  /** If true, auto-detects whether text is HTML or plain text to determine wrapping and element type */\n  autoDetect?: boolean;\n}\n\nconst TextOrHTML = ({\n  ref,\n  text,\n  htmlClassName,\n  htmlElementType,\n  textWrapper = false,\n  autoDetect = false,\n  ...textProps\n}: TextOrHTMLProps) => {\n  const textIsBlockHTML = autoDetect && isBlockHTML(text);\n\n  // Memoize the dangerouslySetInnerHTML object to prevent unnecessary re-renders\n  // See: https://github.com/facebook/react/issues/31660\n  const dangerousHTML = useMemo(() => ({ __html: text }), [text]);\n\n  // Non-block text with autoDetect: render directly on a Text-equivalent element,\n  // avoiding unnecessary <span> nesting inside <p>.\n  if (autoDetect && !textIsBlockHTML) {\n    const { variant, spacing, elementType, className, ...domProps } = textProps;\n    const Element = getElementType(variant, elementType);\n    const classes = buildTextClasses(textProps, htmlClassName);\n\n    return containsHTML(text) ? (\n      <Element\n        ref={ref}\n        {...domProps}\n        className={classes}\n        dangerouslySetInnerHTML={dangerousHTML}\n      />\n    ) : (\n      <Element ref={ref} {...domProps} className={classes}>\n        {text}\n      </Element>\n    );\n  }\n\n  const DangerousComponent =\n    htmlElementType ?? (textIsBlockHTML ? \"div\" : \"span\");\n  const dangerousElement = (\n    <DangerousComponent\n      className={htmlClassName}\n      dangerouslySetInnerHTML={dangerousHTML}\n    />\n  );\n\n  if (textWrapper) {\n    return (\n      <Text ref={ref} {...textProps}>\n        {dangerousElement}\n      </Text>\n    );\n  }\n\n  return dangerousElement;\n};\n\nTextOrHTML.displayName = \"TextOrHTML\";\nexport { TextOrHTML };\n"],
+  "mappings": ";;;;;;AAAA,OAAO,gBAAgB;AAEvB,SAAS,eAAe;AA8DlB;AAxDN,IAAM,cAAc,CAAC,SAAiB,cAAc,KAAK,IAAI;AAC7D,IAAM,eAAe,CAAC,SAAiB,WAAW,KAAK,IAAI;AAE3D,IAAM,mBAAmB,CACvB,WACA,kBACG;AACH,QAAM,EAAE,SAAS,aAAa,SAAS,UAAU,IAAI;AACrD,QAAM,cAAc,WAAW,eAAe,SAAS,WAAW;AAClE,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,EAAE,CAAC,QAAQ,WAAW,EAAE,GAAG,YAAY;AAAA,IACvC,EAAE,CAAC,qBAAqB,OAAO,EAAE,GAAG,QAAQ;AAAA,IAC5C;AAAA,IACA;AAAA,EACF;AACF;AAgBA,IAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,MAAuB;AACrB,QAAM,kBAAkB,cAAc,YAAY,IAAI;AAItD,QAAM,gBAAgB,QAAQ,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,IAAI,CAAC;AAI9D,MAAI,cAAc,CAAC,iBAAiB;AAClC,UAAM,EAAE,SAAS,SAAS,aAAa,WAAW,GAAG,SAAS,IAAI;AAClE,UAAM,UAAU,eAAe,SAAS,WAAW;AACnD,UAAM,UAAU,iBAAiB,WAAW,aAAa;AAEzD,WAAO,aAAa,IAAI,IACtB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,WAAW;AAAA,QACX,yBAAyB;AAAA;AAAA,IAC3B,IAEA,oBAAC,WAAQ,KAAW,GAAG,UAAU,WAAW,SACzC,gBACH;AAAA,EAEJ;AAEA,QAAM,qBACJ,oBAAoB,kBAAkB,QAAQ;AAChD,QAAM,mBACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,yBAAyB;AAAA;AAAA,EAC3B;AAGF,MAAI,aAAa;AACf,WACE,oBAAC,QAAK,KAAW,GAAG,WACjB,4BACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAEA,WAAW,cAAc;",
+  "names": []
+}

package/dist/esm/{chunk-3IMYDZRT.js → chunk-JFDDW3IV.js}

@@ -28,4 +28,4 @@ Breadcrumbs.displayName = "Breadcrumbs";
 export {
   Breadcrumbs
 };
-//# sourceMappingURL=chunk-3IMYDZRT.js.map
+//# sourceMappingURL=chunk-JFDDW3IV.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Breadcrumbs/Breadcrumbs.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport type { ReactElement, RefAttributes, ReactNode } from \"react\";\nimport { Children, cloneElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport \"./Breadcrumbs.css\";\n\nexport type BreadcrumbsElementType = HTMLElement;\n\nexport interface BreadcrumbsProps extends RefAttributes<BreadcrumbsElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nconst Breadcrumbs = ({ ref, ...props }: BreadcrumbsProps) => {\n  const { \"aria-label\": ariaLabel = \"Breadcrumbs\" } = props;\n  const { navProps } = { navProps: { \"aria-label\": ariaLabel } };\n  const { children, ...otherProps } = props;\n  const childArray = Children.toArray(children);\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-breadcrumb\",\n    otherProps.className,\n  );\n\n  return (\n    <nav ref={ref} {...otherProps} {...navProps} className={classes}>\n      <ul>\n        {childArray.map((child, i) =>\n          cloneElement(\n            child as ReactElement,\n            {\n              key: i,\n              isCurrent: i === childArray.length - 1,\n            } as { key: number; isCurrent: boolean },\n          ),\n        )}\n      </ul>\n    </nav>\n  );\n};\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\nexport { Breadcrumbs };\n"],
+  "mappings": ";AAGA,SAAS,UAAU,oBAAoB;AACvC,OAAO,gBAAgB;AACvB,OAAO;AA0BD;AAfN,IAAM,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,MAAwB;AAC3D,QAAM,EAAE,cAAc,YAAY,cAAc,IAAI;AACpD,QAAM,EAAE,SAAS,IAAI,EAAE,UAAU,EAAE,cAAc,UAAU,EAAE;AAC7D,QAAM,EAAE,UAAU,GAAG,WAAW,IAAI;AACpC,QAAM,aAAa,SAAS,QAAQ,QAAQ;AAG5C,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EACb;AAEA,SACE,oBAAC,SAAI,KAAW,GAAG,YAAa,GAAG,UAAU,WAAW,SACtD,8BAAC,QACE,qBAAW;AAAA,IAAI,CAAC,OAAO,MACtB;AAAA,MACE;AAAA,MACA;AAAA,QACE,KAAK;AAAA,QACL,WAAW,MAAM,WAAW,SAAS;AAAA,MACvC;AAAA,IACF;AAAA,EACF,GACF,GACF;AAEJ;AAEA,YAAY,cAAc;",
+  "names": []
+}

package/dist/esm/{chunk-4IB5ROL6.js → chunk-KXLTGNKF.js}

@@ -1,6 +1,6 @@
 import {
   ModalContext
-} from "./chunk-KLXMVFIR.js";
+} from "./chunk-TBKQA5ZF.js";
 import {
   useDialog
 } from "./chunk-7LSDEZNB.js";
@@ -13,7 +13,7 @@ import {
 
 // src/components/Modal/Modal.tsx
 import classNames from "classnames/dedupe";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import "@simplybusiness/mobius/src/components/Modal/Modal.css";
 import { jsx } from "react/jsx-runtime";
 var TRANSITION_CSS_VARIABLE = "--modal-transition-duration";
@@ -57,12 +57,18 @@ var Modal = ({ ref, ...props }) => {
     },
     className
   );
+  const [titleId, setTitleId] = useState(void 0);
+  const handleSetTitleId = useCallback((id) => {
+    setTitleId(id);
+  }, []);
   const contextValue = useMemo(
     () => ({
       onClose: close,
-      closeLabel
+      closeLabel,
+      titleId,
+      setTitleId: handleSetTitleId
     }),
-    [close, closeLabel]
+    [close, closeLabel, titleId, handleSetTitleId]
   );
   return /* @__PURE__ */ jsx(
     "dialog",
@@ -70,6 +76,7 @@ var Modal = ({ ref, ...props }) => {
       ref: mergeRefs([dialogRef, ref]),
       onCancel: close,
       className: modalClasses,
+      "aria-labelledby": titleId,
       ...rest,
       children: /* @__PURE__ */ jsx(ModalContext.Provider, { value: contextValue, children })
     }
@@ -80,4 +87,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=chunk-4IB5ROL6.js.map
+//# sourceMappingURL=chunk-KXLTGNKF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Modal/Modal.tsx"],
+  "sourcesContent": ["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useDialog } from \"../../hooks\";\nimport { mergeRefs } from \"../../utils\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { ModalContext } from \"./ModalContext\";\nimport type { ModalProps } from \"./types\";\nimport \"./Modal.css\";\n\nexport type ModalElementType = HTMLDialogElement;\n\nconst TRANSITION_CSS_VARIABLE = \"--modal-transition-duration\";\n\nconst Modal = ({ ref, ...props }: ModalProps) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    children,\n    className,\n    closeLabel,\n    isFullScreen,\n    animation,\n    ...rest\n  } = props;\n  const [shouldTransition, setShouldTransition] = useState(false);\n\n  useEffect(() => {\n    setShouldTransition(supportsDialog());\n  }, []);\n\n  const dialogRef = useRef<HTMLDialogElement | null>(null);\n  const { close } = useDialog({\n    ref: dialogRef,\n    isOpen,\n    onOpen,\n    onClose,\n    transition: {\n      isEnabled: !!animation,\n      CSSVariable: TRANSITION_CSS_VARIABLE,\n    },\n  });\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius-modal\",\n    {\n      \"--no-dialog-support\": !shouldTransition, // This class is used to correctly position modal in x/y middle on iOS <= 15.2\n      \"--should-transition\": shouldTransition && animation,\n      \"--slide-up\": animation === \"slideUp\",\n      \"--fade\": animation === \"fade\",\n      \"--is-fullscreen\": isFullScreen,\n    },\n    className,\n  );\n\n  const [titleId, setTitleId] = useState<string | undefined>(undefined);\n\n  const handleSetTitleId = useCallback((id: string) => {\n    setTitleId(id);\n  }, []);\n\n  const contextValue = useMemo(\n    () => ({\n      onClose: close,\n      closeLabel,\n      titleId,\n      setTitleId: handleSetTitleId,\n    }),\n    [close, closeLabel, titleId, handleSetTitleId],\n  );\n\n  return (\n    <dialog\n      ref={mergeRefs([dialogRef, ref])}\n      onCancel={close}\n      className={modalClasses}\n      aria-labelledby={titleId}\n      {...rest}\n    >\n      <ModalContext.Provider value={contextValue}>\n        {children}\n      </ModalContext.Provider>\n    </dialog>\n  );\n};\n\nModal.displayName = \"Modal\";\nexport { Modal };\n"],
+  "mappings": ";;;;;;;;;;;;;;AAEA,OAAO,gBAAgB;AACvB,SAAS,aAAa,WAAW,SAAS,QAAQ,gBAAgB;AAMlE,OAAO;AAyED;AArEN,IAAM,0BAA0B;AAEhC,IAAM,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,MAAkB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAE9D,YAAU,MAAM;AACd,wBAAoB,eAAe,CAAC;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,QAAM,YAAY,OAAiC,IAAI;AACvD,QAAM,EAAE,MAAM,IAAI,UAAU;AAAA,IAC1B,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV,WAAW,CAAC,CAAC;AAAA,MACb,aAAa;AAAA,IACf;AAAA,EACF,CAAC;AAED,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,MACE,uBAAuB,CAAC;AAAA;AAAA,MACxB,uBAAuB,oBAAoB;AAAA,MAC3C,cAAc,cAAc;AAAA,MAC5B,UAAU,cAAc;AAAA,MACxB,mBAAmB;AAAA,IACrB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,CAAC,SAAS,UAAU,IAAI,SAA6B,MAAS;AAEpE,QAAM,mBAAmB,YAAY,CAAC,OAAe;AACnD,eAAW,EAAE;AAAA,EACf,GAAG,CAAC,CAAC;AAEL,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY;AAAA,IACd;AAAA,IACA,CAAC,OAAO,YAAY,SAAS,gBAAgB;AAAA,EAC/C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,UAAU,CAAC,WAAW,GAAG,CAAC;AAAA,MAC/B,UAAU;AAAA,MACV,WAAW;AAAA,MACX,mBAAiB;AAAA,MAChB,GAAG;AAAA,MAEJ,8BAAC,aAAa,UAAb,EAAsB,OAAO,cAC3B,UACH;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,cAAc;",
+  "names": []
+}

package/dist/esm/{chunk-TL4OCKNP.js → chunk-LWRY3VIB.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-JWNG7LP6.js";
 import {
   HeaderCell
-} from "./chunk-P5ZPHAQT.js";
+} from "./chunk-UCNWPF7R.js";
 import {
   Row
 } from "./chunk-Y4H4HJIE.js";
@@ -34,4 +34,4 @@ Table2.displayName = "Table";
 export {
   Table2 as Table
 };
-//# sourceMappingURL=chunk-TL4OCKNP.js.map
+//# sourceMappingURL=chunk-LWRY3VIB.js.map

package/dist/esm/{chunk-RR4UQSOZ.js → chunk-M7LTJZQU.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-HPUPB75I.js";
 import {
   VisuallyHidden
 } from "./chunk-PRZRE6A5.js";
@@ -1603,4 +1603,4 @@ export {
   ExpandableText,
   MaskedField
 };
-//# sourceMappingURL=chunk-RR4UQSOZ.js.map
+//# sourceMappingURL=chunk-M7LTJZQU.js.map