@simplybusiness/mobius 9.1.2 → 9.3.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Grid/Grid.tsx"],
+  "sourcesContent": ["import type { ReactNode, RefAttributes, CSSProperties } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { filterUndefinedProps, getSpacingValue } from \"../../utils\";\nimport type { SpacingType } from \"../../types\";\n\nexport type GridElementType = HTMLDivElement;\n\nexport interface GridProps extends RefAttributes<GridElementType>, DOMProps {\n  children?: ReactNode;\n  /** The number of columns */\n  columns?: number;\n  /** How big a gap between the columns and rows */\n  gap?: SpacingType;\n  /** How big a gap between the columns */\n  columnGap?: SpacingType;\n  /** How big a gap between the rows */\n  rowGap?: SpacingType;\n  /** Aligns the grid along the block (column) axis */\n  alignContent?:\n    | \"center\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\"\n    | \"stretch\";\n  /** Aligns the grid along the inline (row) axis */\n  justifyContent?:\n    | \"center\"\n    | \"start\"\n    | \"end\"\n    | \"space-around\"\n    | \"space-between\"\n    | \"space-evenly\";\n  /** Aligns grid items along the block (column) axis  */\n  alignItems?: \"center\" | \"start\" | \"end\" | \"stretch\" | \"baseline\";\n  /** Aligns grid items along the inline (row) axis  */\n  justifyItems?: \"start\" | \"end\" | \"center\" | \"stretch\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst Grid = ({ ref: _ref, ...props }: GridProps) => {\n  const {\n    columns = 12,\n    gap,\n    columnGap,\n    rowGap,\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    className,\n    style,\n    ...rest\n  } = props;\n  const classes = classNames(\"mobius\", \"mobius-grid\", className);\n\n  const styles: CSSProperties = filterUndefinedProps({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: getSpacingValue(gap),\n    columnGap: getSpacingValue(columnGap),\n    rowGap: getSpacingValue(rowGap),\n    alignContent,\n    alignItems,\n    justifyContent,\n    justifyItems,\n    ...style,\n  });\n\n  return <div style={styles} className={classes} {...rest} />;\n};\n\nGrid.displayName = \"Grid\";\nexport { Grid };\n"],
+  "mappings": ";;;;;;;;AACA,OAAO,gBAAgB;AAuEd;AA9BT,IAAM,OAAO,CAAC,EAAE,KAAK,MAAM,GAAG,MAAM,MAAiB;AACnD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,UAAU,WAAW,UAAU,eAAe,SAAS;AAE7D,QAAM,SAAwB,qBAAqB;AAAA,IACjD,WAAW;AAAA,IACX,SAAS;AAAA,IACT,qBAAqB,UAAU,OAAO;AAAA,IACtC,KAAK,gBAAgB,GAAG;AAAA,IACxB,WAAW,gBAAgB,SAAS;AAAA,IACpC,QAAQ,gBAAgB,MAAM;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,SAAO,oBAAC,SAAI,OAAO,QAAQ,WAAW,SAAU,GAAG,MAAM;AAC3D;AAEA,KAAK,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-SFJHSRUT.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-SJQAWKQP.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-SNRPWCHL.js

@@ -0,0 +1,29 @@
+// src/components/Text/Text.tsx
+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";
+  }
+  return elementType || "p";
+};
+var Text = ({ ref, elementType: Component = "p", ...props }) => {
+  const { variant, className, spacing, ...otherProps } = props;
+  const elementType = getElementType(variant, Component);
+  const variantType = variant || elementType;
+  const classes = classNames(
+    "mobius",
+    "mobius-text",
+    { [`--is-${variantType}`]: variantType },
+    { [`--has-line-height-${spacing}`]: spacing },
+    className
+  );
+  return /* @__PURE__ */ jsx(Component, { ref, ...otherProps, className: classes });
+};
+Text.displayName = "Text";
+
+export {
+  Text
+};
+//# sourceMappingURL=chunk-SNRPWCHL.js.map

package/dist/esm/chunk-SNRPWCHL.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\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n) => {\n  if (variant) {\n    return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n  }\n  return elementType || \"p\";\n};\n\nconst Text = ({ ref, elementType: Component = \"p\", ...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 elementType = getElementType(variant, Component);\n  const variantType = variant || elementType;\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 <Component ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n"],
+  "mappings": ";AACA,OAAO,gBAAgB;AAEvB,OAAO;AAmDE;AAzBT,IAAM,iBAAiB,CACrB,SACA,gBACG;AACH,MAAI,SAAS;AACX,WAAO,CAAC,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,OAAO,IAAI,UAAU;AAAA,EAChE;AACA,SAAO,eAAe;AACxB;AAEA,IAAM,OAAO,CAAC,EAAE,KAAK,aAAa,YAAY,KAAK,GAAG,MAAM,MAAiB;AAE3E,QAAM,EAAE,SAAS,WAAW,SAAS,GAAG,WAAW,IAAI;AAGvD,QAAM,cAAc,eAAe,SAAS,SAAS;AACrD,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,aAAU,KAAW,GAAG,YAAY,WAAW,SAAS;AAClE;AAEA,KAAK,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-STMV644L.js

@@ -0,0 +1,23 @@
+import {
+  Icon
+} from "./chunk-TKIP5Q5H.js";
+import {
+  VisuallyHidden
+} from "./chunk-PRZRE6A5.js";
+
+// src/components/Button/Loading.tsx
+import { loading } from "@simplybusiness/icons";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Loading = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "mobius-button__icon-wrapper", children: /* @__PURE__ */ jsx(Icon, { icon: loading, spin: true, size: "md" }) }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { className: "mobius-button__loading-text", children: "Loading" }),
+    children
+  ] });
+};
+
+export {
+  Loading
+};
+//# sourceMappingURL=chunk-STMV644L.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Button/Loading.tsx"],
+  "sourcesContent": ["import type { ReactNode } from \"react\";\nimport { loading } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\n\ntype LoadingProps = {\n  children: ReactNode;\n};\n\nconst Loading = (props: LoadingProps) => {\n  const { children } = props;\n\n  return (\n    <>\n      <div className=\"mobius-button__icon-wrapper\">\n        <Icon icon={loading} spin size=\"md\" />\n      </div>\n      <VisuallyHidden className=\"mobius-button__loading-text\">\n        Loading\n      </VisuallyHidden>\n      {children}\n    </>\n  );\n};\n\nexport { Loading };\n"],
+  "mappings": ";;;;;;;;AACA,SAAS,eAAe;AAYpB,mBAEI,KAFJ;AAJJ,IAAM,UAAU,CAAC,UAAwB;AACvC,QAAM,EAAE,SAAS,IAAI;AAErB,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,+BACb,8BAAC,QAAK,MAAM,SAAS,MAAI,MAAC,MAAK,MAAK,GACtC;AAAA,IACA,oBAAC,kBAAe,WAAU,+BAA8B,qBAExD;AAAA,IACC;AAAA,KACH;AAEJ;",
+  "names": []
+}

package/dist/esm/chunk-T73TJZYK.js

@@ -0,0 +1,17 @@
+// src/components/Table/Cell.tsx
+import classNames from "classnames/dedupe";
+import { jsx } from "react/jsx-runtime";
+var Cell = ({ ref, ...props }) => {
+  const classes = classNames(
+    "mobius",
+    "mobius-table__body-cell",
+    props.className
+  );
+  return /* @__PURE__ */ jsx("td", { ref, ...props, className: classes });
+};
+Cell.displayName = "Table.Cell";
+
+export {
+  Cell
+};
+//# sourceMappingURL=chunk-T73TJZYK.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Table/Cell.tsx"],
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface CellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n}\n\nexport type CellRef = Ref<HTMLTableCellElement>;\n\nconst Cell = ({ ref, ...props }: CellProps) => {\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-table__body-cell\",\n    props.className,\n  );\n\n  return <td ref={ref} {...props} className={classes} />;\n};\n\nCell.displayName = \"Table.Cell\";\nexport { Cell };\n"],
+  "mappings": ";AACA,OAAO,gBAAgB;AAkBd;AAPT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,oBAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,KAAK,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-TKIP5Q5H.js

@@ -0,0 +1,61 @@
+// src/components/Icon/Icon.tsx
+import classNames from "classnames/dedupe";
+import "@simplybusiness/mobius/src/components/Icon/Icon.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ICON_PREFIX = "mobius-icon";
+var capitaliseFirstLetter = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+function Icon({
+  ref,
+  icon,
+  className,
+  size = "xs",
+  color,
+  fixedWidth,
+  spin,
+  spinReverse,
+  title,
+  ...otherProps
+}) {
+  if (!icon) {
+    throw new Error("Must specify icon object");
+  }
+  const classes = classNames(
+    "mobius",
+    "mobius-icon",
+    `svg-inline--${ICON_PREFIX}`,
+    `--size-${size}`,
+    className,
+    {
+      [`${ICON_PREFIX}-fw`]: fixedWidth,
+      [`${ICON_PREFIX}-spin`]: spin || spinReverse,
+      [`${ICON_PREFIX}-spin-reverse`]: spinReverse
+    }
+  );
+  const { iconName, width, height, svgPathData } = icon;
+  const formattedIconName = iconName.split("-").join(" ");
+  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;
+  const titleText = title || defaultTitle;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      ref,
+      focusable: "false",
+      "data-icon": iconName,
+      className: classes,
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${width} ${height}`,
+      style: { color },
+      ...otherProps,
+      children: [
+        /* @__PURE__ */ jsx("title", { children: titleText }),
+        /* @__PURE__ */ jsx("path", { fill: "currentColor", d: svgPathData })
+      ]
+    }
+  );
+}
+
+export {
+  Icon
+};
+//# sourceMappingURL=chunk-TKIP5Q5H.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Icon/Icon.tsx"],
+  "sourcesContent": ["import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n"],
+  "mappings": ";AAAA,OAAO,gBAAgB;AAEvB,OAAO;AA2CH,SAWE,KAXF;AAzCJ,IAAM,cAAc;AAEpB,IAAM,wBAAwB,CAAC,QAC7B,IAAI,OAAO,CAAC,EAAE,YAAY,IAAI,IAAI,MAAM,CAAC;AAEpC,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,MAAI,CAAC,MAAM;AACT,UAAM,IAAI,MAAM,0BAA0B;AAAA,EAC5C;AAEA,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA,eAAe,WAAW;AAAA,IAC1B,UAAU,IAAI;AAAA,IACd;AAAA,IACA;AAAA,MACE,CAAC,GAAG,WAAW,KAAK,GAAG;AAAA,MACvB,CAAC,GAAG,WAAW,OAAO,GAAG,QAAQ;AAAA,MACjC,CAAC,GAAG,WAAW,eAAe,GAAG;AAAA,IACnC;AAAA,EACF;AAEA,QAAM,EAAE,UAAU,OAAO,QAAQ,YAAY,IAAI;AACjD,QAAM,oBAAoB,SAAS,MAAM,GAAG,EAAE,KAAK,GAAG;AAEtD,QAAM,eAAe,GAAG,sBAAsB,iBAAiB,CAAC;AAChE,QAAM,YAAY,SAAS;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,MACX,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAC/B,OAAO,EAAE,MAAM;AAAA,MACd,GAAG;AAAA,MAEJ;AAAA,4BAAC,WAAO,qBAAU;AAAA,QAClB,oBAAC,UAAK,MAAK,gBAAe,GAAG,aAAa;AAAA;AAAA;AAAA,EAC5C;AAEJ;",
+  "names": []
+}

package/dist/esm/chunk-TL4OCKNP.js

@@ -0,0 +1,37 @@
+import {
+  Body
+} from "./chunk-HUUIMMTM.js";
+import {
+  Cell
+} from "./chunk-T73TJZYK.js";
+import {
+  Foot
+} from "./chunk-RNRJS4YZ.js";
+import {
+  Head
+} from "./chunk-JWNG7LP6.js";
+import {
+  HeaderCell
+} from "./chunk-P5ZPHAQT.js";
+import {
+  Row
+} from "./chunk-Y4H4HJIE.js";
+import {
+  Table
+} from "./chunk-GKZLD27C.js";
+
+// src/components/Table/index.tsx
+var Table2 = Object.assign(Table, {
+  Head,
+  Body,
+  Foot,
+  Row,
+  HeaderCell,
+  Cell
+});
+Table2.displayName = "Table";
+
+export {
+  Table2 as Table
+};
+//# sourceMappingURL=chunk-TL4OCKNP.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Table/index.tsx"],
+  "sourcesContent": ["import { Table as TableComponent } from \"./Table\";\nimport { Head } from \"./Head\";\nimport { Body } from \"./Body\";\nimport { Foot } from \"./Foot\";\nimport { Row } from \"./Row\";\nimport { HeaderCell } from \"./HeaderCell\";\nimport { Cell } from \"./Cell\";\n\nimport type { TableElementType, TableProps, TableRef } from \"./Table\";\nimport type {\n  HeadProps as TableHeadProps,\n  HeadRef as TableHeadRef,\n} from \"./Head\";\nimport type {\n  BodyProps as TableBodyProps,\n  BodyRef as TableBodyRef,\n} from \"./Body\";\nimport type {\n  FootProps as TableFootProps,\n  FootRef as TableFootRef,\n} from \"./Foot\";\nimport type { RowProps as TableRowProps, RowRef as TableRowRef } from \"./Row\";\nimport type {\n  HeaderCellProps as TableHeaderCellProps,\n  HeaderCellRef as TableHeaderCellRef,\n} from \"./HeaderCell\";\nimport type {\n  CellProps as TableCellProps,\n  CellRef as TableCellRef,\n} from \"./Cell\";\n\nexport interface TableCompound extends React.FC<TableProps> {\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Foot: React.FC<TableFootProps>;\n  Row: React.FC<TableRowProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n  Cell: React.FC<TableCellProps>;\n}\n\nconst Table: TableCompound = Object.assign(TableComponent, {\n  Head,\n  Body,\n  Foot,\n  Row,\n  HeaderCell,\n  Cell,\n});\n\nexport type {\n  TableElementType,\n  TableProps,\n  TableRef,\n  TableHeadProps,\n  TableHeadRef,\n  TableBodyProps,\n  TableBodyRef,\n  TableFootProps,\n  TableFootRef,\n  TableRowProps,\n  TableRowRef,\n  TableHeaderCellProps,\n  TableHeaderCellRef,\n  TableCellProps,\n  TableCellRef,\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAwCA,IAAMA,SAAuB,OAAO,OAAO,OAAgB;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAoBDA,OAAM,cAAc;",
+  "names": ["Table"]
+}

package/dist/esm/chunk-TRY7VZOM.js

@@ -0,0 +1,38 @@
+import {
+  buildFlexStyles,
+  splitProps
+} from "./chunk-DWYLXY5Y.js";
+
+// src/components/Flex/Flex.tsx
+import classNames from "classnames/dedupe";
+import "@simplybusiness/mobius/src/components/Flex/Flex.css";
+import { jsx } from "react/jsx-runtime";
+var Flex = ({ ref, ...props }) => {
+  const {
+    elementType: Element = "div",
+    style,
+    className,
+    ...otherProps
+  } = props;
+  const classes = classNames("mobius", "mobius-flex", className);
+  const [styleProps, restProps] = splitProps(otherProps);
+  const flexStyles = buildFlexStyles(styleProps);
+  return /* @__PURE__ */ jsx(
+    Element,
+    {
+      ref,
+      style: {
+        ...flexStyles,
+        ...style
+      },
+      className: classes,
+      ...restProps
+    }
+  );
+};
+Flex.displayName = "Flex";
+
+export {
+  Flex
+};
+//# sourceMappingURL=chunk-TRY7VZOM.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Flex/Flex.tsx"],
+  "sourcesContent": ["import classNames from \"classnames/dedupe\";\nimport type { FlexProps } from \"./types\";\nimport { buildFlexStyles, splitProps } from \"./propUtils\";\nimport \"./Flex.css\";\n\nconst Flex = ({ ref, ...props }: FlexProps) => {\n  const {\n    elementType: Element = \"div\",\n    style,\n    className,\n    ...otherProps\n  } = props;\n  const classes = classNames(\"mobius\", \"mobius-flex\", className);\n\n  const [styleProps, restProps] = splitProps(otherProps);\n  const flexStyles = buildFlexStyles(styleProps);\n\n  return (\n    <Element\n      ref={ref}\n      style={{\n        ...flexStyles,\n        ...style,\n      }}\n      className={classes}\n      {...restProps}\n    />\n  );\n};\n\nFlex.displayName = \"Flex\";\nexport { Flex };\n"],
+  "mappings": ";;;;;;AAAA,OAAO,gBAAgB;AAGvB,OAAO;AAeH;AAbJ,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM;AAAA,IACJ,aAAa,UAAU;AAAA,IACvB;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,UAAU,WAAW,UAAU,eAAe,SAAS;AAE7D,QAAM,CAAC,YAAY,SAAS,IAAI,WAAW,UAAU;AACrD,QAAM,aAAa,gBAAgB,UAAU;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,MACL;AAAA,MACA,WAAW;AAAA,MACV,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,KAAK,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-TXM2EJ6T.js

@@ -0,0 +1,21 @@
+// src/components/Segment/SegmentGroup.tsx
+import classNames from "classnames/dedupe";
+import { jsx } from "react/jsx-runtime";
+var SegmentGroup = (props) => {
+  const { children, horizontal, gap, className, ...rest } = props;
+  const gapClass = gap ? `gap-${gap}` : "";
+  const classes = classNames(
+    "mobius",
+    "mobius-segment-group",
+    className,
+    { "--is-horizontal": horizontal },
+    gapClass
+  );
+  return /* @__PURE__ */ jsx("div", { className: classes, ...rest, children });
+};
+SegmentGroup.displayName = "SegmentGroup";
+
+export {
+  SegmentGroup
+};
+//# sourceMappingURL=chunk-TXM2EJ6T.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Segment/SegmentGroup.tsx"],
+  "sourcesContent": ["import type { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentGroupProps extends DOMProps {\n  className?: string;\n  horizontal?: boolean;\n  gap?: \"size-xs\" | \"size-s\" | \"size-m\" | \"size-l\" | \"size-xl\" | \"size-xxl\";\n  children?: ReactNode;\n}\n\nconst SegmentGroup = (props: SegmentGroupProps) => {\n  const { children, horizontal, gap, className, ...rest } = props;\n\n  const gapClass = gap ? `gap-${gap}` : \"\";\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-segment-group\",\n    className,\n    { \"--is-horizontal\": horizontal },\n    gapClass,\n  );\n\n  return (\n    <div className={classes} {...rest}>\n      {children}\n    </div>\n  );\n};\n\nSegmentGroup.displayName = \"SegmentGroup\";\nexport { SegmentGroup };\n"],
+  "mappings": ";AACA,OAAO,gBAAgB;AAuBnB;AAbJ,IAAM,eAAe,CAAC,UAA6B;AACjD,QAAM,EAAE,UAAU,YAAY,KAAK,WAAW,GAAG,KAAK,IAAI;AAE1D,QAAM,WAAW,MAAM,OAAO,GAAG,KAAK;AACtC,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,mBAAmB,WAAW;AAAA,IAChC;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,WAAW,SAAU,GAAG,MAC1B,UACH;AAEJ;AAEA,aAAa,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-UCYG7WS2.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-UYVF3QSW.js

@@ -0,0 +1,75 @@
+import {
+  useLabel
+} from "./chunk-YLEFK7S2.js";
+import {
+  spaceDelimitedList
+} from "./chunk-DTWRSP5P.js";
+
+// src/hooks/useTextField/useTextField.tsx
+import { useId } from "react";
+function useTextField(props) {
+  const {
+    isDisabled = false,
+    isReadOnly = false,
+    isRequired = false,
+    inputElementType = "input"
+  } = props;
+  const { labelProps, fieldProps } = useLabel(props);
+  const descriptionId = useId();
+  const descriptionProps = { id: descriptionId };
+  const errorMessageId = useId();
+  const errorMessageProps = { id: errorMessageId };
+  const ariaDescribedBy = spaceDelimitedList([
+    props.description && descriptionId,
+    props.errorMessage && errorMessageId,
+    props["aria-describedby"]
+  ]);
+  return {
+    descriptionProps,
+    errorMessageProps,
+    labelProps,
+    inputProps: {
+      defaultValue: props.defaultValue,
+      value: props.value,
+      onChange: props.onChange,
+      disabled: isDisabled,
+      readOnly: isReadOnly,
+      required: isRequired,
+      "aria-required": isRequired === true ? true : void 0,
+      "aria-invalid": props.isInvalid,
+      "aria-describedby": ariaDescribedBy,
+      "aria-errormessage": props["aria-errormessage"],
+      role: props.role,
+      type: inputElementType === "input" ? props.type : void 0,
+      pattern: inputElementType === "input" ? props.pattern : void 0,
+      autoComplete: props.autoComplete,
+      maxLength: props.maxLength,
+      minLength: props.minLength,
+      name: props.name,
+      placeholder: props.placeholder,
+      inputMode: props.inputMode,
+      // Clipboard events
+      onCopy: props.onCopy,
+      onCut: props.onCut,
+      onPaste: props.onPaste,
+      // Composition events
+      onCompositionEnd: props.onCompositionEnd,
+      onCompositionStart: props.onCompositionStart,
+      onCompositionUpdate: props.onCompositionUpdate,
+      // Selection events
+      onSelect: props.onSelect,
+      // Input events
+      onBeforeInput: props.onBeforeInput,
+      onInput: props.onInput,
+      // Focus events
+      onFocus: props.onFocus,
+      onBlur: props.onBlur,
+      ...fieldProps
+    }
+  };
+}
+
+export {
+  useTextField
+};
+//# sourceMappingURL=chunk-UYVF3QSW.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useTextField/useTextField.tsx"],
+  "sourcesContent": ["import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport type { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n"],
+  "mappings": ";;;;;;;;AAAA,SAAS,aAAa;AAKf,SAAS,aAAa,OAA8C;AACzE,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,aAAa;AAAA,IACb,mBAAmB;AAAA,EACrB,IAAI;AACJ,QAAM,EAAE,YAAY,WAAW,IAAI,SAAS,KAAK;AAEjD,QAAM,gBAAgB,MAAM;AAC5B,QAAM,mBAAmB,EAAE,IAAI,cAAc;AAE7C,QAAM,iBAAiB,MAAM;AAC7B,QAAM,oBAAoB,EAAE,IAAI,eAAe;AAE/C,QAAM,kBAAkB,mBAAmB;AAAA,IACzC,MAAM,eAAe;AAAA,IACrB,MAAM,gBAAgB;AAAA,IACtB,MAAM,kBAAkB;AAAA,EAC1B,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,OAAO,MAAM;AAAA,MACb,UAAU,MAAM;AAAA,MAChB,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB,eAAe,OAAO,OAAO;AAAA,MAC9C,gBAAgB,MAAM;AAAA,MACtB,oBAAoB;AAAA,MACpB,qBAAqB,MAAM,mBAAmB;AAAA,MAC9C,MAAM,MAAM;AAAA,MAEZ,MAAM,qBAAqB,UAAU,MAAM,OAAO;AAAA,MAClD,SAAS,qBAAqB,UAAU,MAAM,UAAU;AAAA,MAExD,cAAc,MAAM;AAAA,MACpB,WAAW,MAAM;AAAA,MACjB,WAAW,MAAM;AAAA,MACjB,MAAM,MAAM;AAAA,MACZ,aAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA;AAAA,MAGjB,QAAQ,MAAM;AAAA,MACd,OAAO,MAAM;AAAA,MACb,SAAS,MAAM;AAAA;AAAA,MAGf,kBAAkB,MAAM;AAAA,MACxB,oBAAoB,MAAM;AAAA,MAC1B,qBAAqB,MAAM;AAAA;AAAA,MAG3B,UAAU,MAAM;AAAA;AAAA,MAGhB,eAAe,MAAM;AAAA,MACrB,SAAS,MAAM;AAAA;AAAA,MAGf,SAAS,MAAM;AAAA,MACf,QAAQ,MAAM;AAAA,MAEd,GAAG;AAAA,IACL;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/chunk-UZV5PZ7R.js

@@ -0,0 +1,40 @@
+import {
+  useDrawer
+} from "./chunk-GZFZXQRU.js";
+import {
+  Button
+} from "./chunk-FD3JTY5L.js";
+import {
+  Icon
+} from "./chunk-TKIP5Q5H.js";
+
+// src/components/Drawer/Header.tsx
+import { cross } from "@simplybusiness/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Header = ({ ref, children, ...otherProps }) => {
+  const { onClose, closeLabel, headerId } = useDrawer();
+  return /* @__PURE__ */ jsxs("header", { ref, ...otherProps, className: "mobius-drawer__header", children: [
+    /* @__PURE__ */ jsx("h2", { id: headerId, children }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        "aria-label": "Close",
+        variant: "basic",
+        onPress: onClose,
+        className: "mobius-drawer__close",
+        size: "sm",
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: cross }),
+          " ",
+          closeLabel
+        ]
+      }
+    )
+  ] });
+};
+Header.displayName = "Header";
+
+export {
+  Header
+};
+//# sourceMappingURL=chunk-UZV5PZ7R.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Drawer/Header.tsx"],
+  "sourcesContent": ["import type { PropsWithChildren, RefAttributes } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport type { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\nimport { useDrawer } from \"./useDrawer\";\n\nexport type HeaderElementType = HTMLDivElement;\n\nexport interface HeaderProps\n  extends DOMProps, RefAttributes<HeaderElementType>, PropsWithChildren {}\n\nconst Header = ({ ref, children, ...otherProps }: HeaderProps) => {\n  const { onClose, closeLabel, headerId } = useDrawer();\n\n  return (\n    <header ref={ref} {...otherProps} className=\"mobius-drawer__header\">\n      <h2 id={headerId}>{children}</h2>\n      <Button\n        aria-label=\"Close\"\n        variant=\"basic\"\n        onPress={onClose}\n        className=\"mobius-drawer__close\"\n        size=\"sm\"\n      >\n        <Icon icon={cross} /> {closeLabel}\n      </Button>\n    </header>\n  );\n};\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],
+  "mappings": ";;;;;;;;;;;AAEA,SAAS,aAAa;AAgBhB,cACA,YADA;AALN,IAAM,SAAS,CAAC,EAAE,KAAK,UAAU,GAAG,WAAW,MAAmB;AAChE,QAAM,EAAE,SAAS,YAAY,SAAS,IAAI,UAAU;AAEpD,SACE,qBAAC,YAAO,KAAW,GAAG,YAAY,WAAU,yBAC1C;AAAA,wBAAC,QAAG,IAAI,UAAW,UAAS;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,SAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,8BAAC,QAAK,MAAM,OAAO;AAAA,UAAE;AAAA,UAAE;AAAA;AAAA;AAAA,IACzB;AAAA,KACF;AAEJ;AAEA,OAAO,cAAc;",
+  "names": []
+}

package/dist/esm/chunk-VARXEEBM.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-VHAA22YE.js

@@ -0,0 +1,14 @@
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+
+export {
+  __privateGet,
+  __privateAdd,
+  __privateSet
+};
+//# sourceMappingURL=chunk-VHAA22YE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-VQH7DXDB.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/esm/chunk-VVL4B2KD.js

@@ -0,0 +1,92 @@
+import {
+  LoqateAddressLookupError
+} from "./chunk-EDSRI6SV.js";
+import {
+  __privateAdd,
+  __privateGet,
+  __privateSet
+} from "./chunk-VHAA22YE.js";
+
+// src/components/AddressLookup/LoqateAddressLookupService.tsx
+var LOQATE_BASE_URL = "https://api.addressy.com/Capture/Interactive";
+var LOQATE_FIND_URL = "/Find/v1.00/json3.ws";
+var LOQATE_RETRIEVE_URL = "/Retrieve/v1.2/json3.ws";
+var DEFAULT_COUNTRIES = ["GB"];
+var _baseUrl, _apiKey, _countries, _filters;
+var LoqateAddressLookupService = class {
+  constructor({
+    baseUrl,
+    apiKey,
+    countries,
+    filters
+  }) {
+    /**
+     * Base URL for the Loqate API
+     */
+    __privateAdd(this, _baseUrl);
+    /**
+     * API key for the Loqate API
+     */
+    __privateAdd(this, _apiKey);
+    /**
+     * List of allowed country codes for the Loqate API
+     * 2 or 3 character ISO country codes
+     */
+    __privateAdd(this, _countries);
+    /**
+     * Optional filters for the Loqate API
+     * E.g., { AdministrativeArea: "CA", PostalCode: "90210" }
+     */
+    __privateAdd(this, _filters);
+    __privateSet(this, _apiKey, apiKey);
+    __privateSet(this, _baseUrl, baseUrl || LOQATE_BASE_URL);
+    __privateSet(this, _countries, countries || DEFAULT_COUNTRIES);
+    __privateSet(this, _filters, filters);
+  }
+  fetchFromApi(url) {
+    return fetch(`${__privateGet(this, _baseUrl)}${url}`).then((response) => response.json()).then((json) => {
+      if (json.Items?.some((item) => item.Error)) {
+        throw new LoqateAddressLookupError(json);
+      }
+      return json;
+    });
+  }
+  /**
+   * Builds the Filters query parameter for Loqate API requests.
+   * - Filter keys (e.g., "AdministrativeArea", "PostalCode") are predefined by Loqate API (no need to encode)
+   * - Filter values (e.g., "New York", "90210") contain user input that may have special characters (need encoding)
+   *
+   * @returns Empty string if no filters, otherwise "&Filters=key1:value1&key2:value2" (Loqate's expected format for Filters)
+   */
+  buildFiltersQuery() {
+    if (!__privateGet(this, _filters) || Object.keys(__privateGet(this, _filters)).length === 0) {
+      return "";
+    }
+    const encodedFilters = Object.entries(__privateGet(this, _filters)).map(([key, value]) => `${key}:${encodeURIComponent(value)}`).join("&");
+    return `&Filters=${encodedFilters}`;
+  }
+  search(searchTerm) {
+    let url = `${LOQATE_FIND_URL}?Key=${__privateGet(this, _apiKey)}&Text=${searchTerm}&Countries=${__privateGet(this, _countries)?.join(",")}`;
+    url += this.buildFiltersQuery();
+    return this.fetchFromApi(url);
+  }
+  findById(id) {
+    let url = `${LOQATE_FIND_URL}?Key=${__privateGet(this, _apiKey)}&Container=${id}&Countries=${__privateGet(this, _countries)?.join(",")}`;
+    url += this.buildFiltersQuery();
+    return this.fetchFromApi(url);
+  }
+  async get(id) {
+    const url = `${LOQATE_RETRIEVE_URL}?Key=${__privateGet(this, _apiKey)}&Id=${id}`;
+    const response = await this.fetchFromApi(url);
+    return response.Items[0];
+  }
+};
+_baseUrl = new WeakMap();
+_apiKey = new WeakMap();
+_countries = new WeakMap();
+_filters = new WeakMap();
+
+export {
+  LoqateAddressLookupService
+};
+//# sourceMappingURL=chunk-VVL4B2KD.js.map