@simplybusiness/mobius 10.2.0 → 10.3.1

package/dist/cjs/components/Table/HeaderCell.js

@@ -35,13 +35,13 @@ __export(HeaderCell_exports, {
 module.exports = __toCommonJS(HeaderCell_exports);
 var import_dedupe = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var HeaderCell = ({ ref, ...props }) => {
+var HeaderCell = ({ ref, scope = "col", ...props }) => {
   const classes = (0, import_dedupe.default)(
     "mobius",
     "mobius-table__head-cell",
     props.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { ...props, ref, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { ...props, ref, scope, className: classes });
 };
 HeaderCell.displayName = "Table.HeaderCell";
 //# sourceMappingURL=HeaderCell.js.map

package/dist/cjs/components/Table/HeaderCell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Table/HeaderCell.tsx"],
-  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell = ({ ref, ...props }: HeaderCellProps) => {\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-table__head-cell\",\n    props.className,\n  );\n\n  return <th {...props} ref={ref} className={classes} />;\n};\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAkBd;AAPT,IAAM,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,MAAuB;AACzD,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,4CAAC,QAAI,GAAG,OAAO,KAAU,WAAW,SAAS;AACtD;AAEA,WAAW,cAAc;",
+  "sourcesContent": ["import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n  scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell = ({ ref, scope = \"col\", ...props }: HeaderCellProps) => {\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-table__head-cell\",\n    props.className,\n  );\n\n  return <th {...props} ref={ref} scope={scope} className={classes} />;\n};\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAmBd;AAPT,IAAM,aAAa,CAAC,EAAE,KAAK,QAAQ,OAAO,GAAG,MAAM,MAAuB;AACxE,QAAM,cAAU,cAAAA;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,4CAAC,QAAI,GAAG,OAAO,KAAU,OAAc,WAAW,SAAS;AACpE;AAEA,WAAW,cAAc;",
   "names": ["classNames"]
 }

package/dist/cjs/components/Table/index.js

@@ -83,13 +83,13 @@ Row.displayName = "Table.Row";
 // src/components/Table/HeaderCell.tsx
 var import_dedupe6 = __toESM(require("classnames/dedupe"));
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var HeaderCell = ({ ref, ...props }) => {
+var HeaderCell = ({ ref, scope = "col", ...props }) => {
   const classes = (0, import_dedupe6.default)(
     "mobius",
     "mobius-table__head-cell",
     props.className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { ...props, ref, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { ...props, ref, scope, className: classes });
 };
 HeaderCell.displayName = "Table.HeaderCell";
 

package/dist/cjs/components/Table/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Table/index.tsx", "../../../../src/components/Table/Table.tsx", "../../../../src/components/Table/Head.tsx", "../../../../src/components/Table/Body.tsx", "../../../../src/components/Table/Foot.tsx", "../../../../src/components/Table/Row.tsx", "../../../../src/components/Table/HeaderCell.tsx", "../../../../src/components/Table/Cell.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", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Table.css\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table = ({ ref, ...props }: TableProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table\", props.className);\n\n  return <table ref={ref} {...props} className={classes} />;\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeadProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type HeadRef = Ref<HTMLTableSectionElement>;\n\nconst Head = ({ ref, ...props }: HeadProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__head\", props.className);\n\n  return <thead ref={ref} {...props} className={classes} />;\n};\n\nHead.displayName = \"Table.Head\";\nexport { Head };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body = ({ ref, ...props }: BodyProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__body\", props.className);\n\n  return <tbody ref={ref} {...props} className={classes} />;\n};\n\nBody.displayName = \"Table.Body\";\nexport { Body };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface FootProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type FootRef = Ref<HTMLTableSectionElement>;\n\nconst Foot = ({ ref, ...props }: FootProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__foot\", props.className);\n\n  return <tfoot ref={ref} {...props} className={classes} />;\n};\n\nFoot.displayName = \"Table.Foot\";\nexport { Foot };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row = ({ ref, ...props }: RowProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__row\", props.className);\n\n  return <tr ref={ref} {...props} className={classes} />;\n};\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell = ({ ref, ...props }: HeaderCellProps) => {\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-table__head-cell\",\n    props.className,\n  );\n\n  return <th {...props} ref={ref} className={classes} />;\n};\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,eAAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAEvB,mBAAO;AAcE;AAHT,IAAM,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,MAAkB;AAC/C,QAAM,cAAU,cAAAC,SAAW,UAAU,gBAAgB,MAAM,SAAS;AAEpE,SAAO,4CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,MAAM,cAAc;;;ACnBpB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,6CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;;;ACfnB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,6CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;;;ACfnB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,6CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;;;ACfnB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,MAAgB;AAC3C,QAAM,cAAU,eAAAC,SAAW,UAAU,qBAAqB,MAAM,SAAS;AAEzE,SAAO,6CAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,IAAI,cAAc;;;ACflB,IAAAC,iBAAuB;AAkBd,IAAAC,sBAAA;AAPT,IAAM,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,MAAuB;AACzD,QAAM,cAAU,eAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,6CAAC,QAAI,GAAG,OAAO,KAAU,WAAW,SAAS;AACtD;AAEA,WAAW,cAAc;;;ACrBzB,IAAAC,iBAAuB;AAkBd,IAAAC,sBAAA;AAPT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,6CAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,KAAK,cAAc;;;APkBnB,IAAMC,SAAuB,OAAO,OAAO,OAAgB;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAoBDA,OAAM,cAAc;",
+  "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", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Table.css\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table = ({ ref, ...props }: TableProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table\", props.className);\n\n  return <table ref={ref} {...props} className={classes} />;\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeadProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type HeadRef = Ref<HTMLTableSectionElement>;\n\nconst Head = ({ ref, ...props }: HeadProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__head\", props.className);\n\n  return <thead ref={ref} {...props} className={classes} />;\n};\n\nHead.displayName = \"Table.Head\";\nexport { Head };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body = ({ ref, ...props }: BodyProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__body\", props.className);\n\n  return <tbody ref={ref} {...props} className={classes} />;\n};\n\nBody.displayName = \"Table.Body\";\nexport { Body };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface FootProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type FootRef = Ref<HTMLTableSectionElement>;\n\nconst Foot = ({ ref, ...props }: FootProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__foot\", props.className);\n\n  return <tfoot ref={ref} {...props} className={classes} />;\n};\n\nFoot.displayName = \"Table.Foot\";\nexport { Foot };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row = ({ ref, ...props }: RowProps) => {\n  const classes = classNames(\"mobius\", \"mobius-table__row\", props.className);\n\n  return <tr ref={ref} {...props} className={classes} />;\n};\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  rowSpan?: number;\n  scope?: \"col\" | \"row\" | \"colgroup\" | \"rowgroup\";\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell = ({ ref, scope = \"col\", ...props }: HeaderCellProps) => {\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-table__head-cell\",\n    props.className,\n  );\n\n  return <th {...props} ref={ref} scope={scope} className={classes} />;\n};\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,eAAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAEvB,mBAAO;AAcE;AAHT,IAAM,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,MAAkB;AAC/C,QAAM,cAAU,cAAAC,SAAW,UAAU,gBAAgB,MAAM,SAAS;AAEpE,SAAO,4CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,MAAM,cAAc;;;ACnBpB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,6CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;;;ACfnB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,6CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;;;ACfnB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC,SAAW,UAAU,sBAAsB,MAAM,SAAS;AAE1E,SAAO,6CAAC,WAAM,KAAW,GAAG,OAAO,WAAW,SAAS;AACzD;AAEA,KAAK,cAAc;;;ACfnB,IAAAC,iBAAuB;AAYd,IAAAC,sBAAA;AAHT,IAAM,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,MAAgB;AAC3C,QAAM,cAAU,eAAAC,SAAW,UAAU,qBAAqB,MAAM,SAAS;AAEzE,SAAO,6CAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,IAAI,cAAc;;;ACflB,IAAAC,iBAAuB;AAmBd,IAAAC,sBAAA;AAPT,IAAM,aAAa,CAAC,EAAE,KAAK,QAAQ,OAAO,GAAG,MAAM,MAAuB;AACxE,QAAM,cAAU,eAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,6CAAC,QAAI,GAAG,OAAO,KAAU,OAAc,WAAW,SAAS;AACpE;AAEA,WAAW,cAAc;;;ACtBzB,IAAAC,iBAAuB;AAkBd,IAAAC,sBAAA;AAPT,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AAC7C,QAAM,cAAU,eAAAC;AAAA,IACd;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,SAAO,6CAAC,QAAG,KAAW,GAAG,OAAO,WAAW,SAAS;AACtD;AAEA,KAAK,cAAc;;;APkBnB,IAAMC,SAAuB,OAAO,OAAO,OAAgB;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAoBDA,OAAM,cAAc;",
   "names": ["Table", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "Table"]
 }

package/dist/cjs/components/Text/Text.js

@@ -30,22 +30,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Text/Text.tsx
 var Text_exports = {};
 __export(Text_exports, {
-  Text: () => Text
+  Text: () => Text,
+  getElementType: () => getElementType
 });
 module.exports = __toCommonJS(Text_exports);
 var import_dedupe = __toESM(require("classnames/dedupe"));
 var import_Text = require("@simplybusiness/mobius/src/components/Text/Text.css");
 var import_jsx_runtime = require("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 = (0, import_dedupe.default)(
     "mobius",
     "mobius-text",
@@ -53,7 +57,7 @@ var Text = ({ ref, elementType: Component = "p", ...props }) => {
     { [`--has-line-height-${spacing}`]: spacing },
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...otherProps, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, { ref, ...otherProps, className: classes });
 };
 Text.displayName = "Text";
 //# sourceMappingURL=Text.js.map

package/dist/cjs/components/Text/Text.js.map

@@ -1,7 +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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAEvB,kBAAO;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,cAAU,cAAAA;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,4CAAC,aAAU,KAAW,GAAG,YAAY,WAAW,SAAS;AAClE;AAEA,KAAK,cAAc;",
+  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAuB;AAEvB,kBAAO;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,cAAU,cAAAA;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,4CAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }

package/dist/cjs/components/Text/index.js

@@ -30,7 +30,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/Text/index.tsx
 var Text_exports = {};
 __export(Text_exports, {
-  Text: () => Text
+  Text: () => Text,
+  getElementType: () => getElementType
 });
 module.exports = __toCommonJS(Text_exports);
 
@@ -39,15 +40,18 @@ var import_dedupe = __toESM(require("classnames/dedupe"));
 var import_Text = require("@simplybusiness/mobius/src/components/Text/Text.css");
 var import_jsx_runtime = require("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 = (0, import_dedupe.default)(
     "mobius",
     "mobius-text",
@@ -55,7 +59,7 @@ var Text = ({ ref, elementType: Component = "p", ...props }) => {
     { [`--has-line-height-${spacing}`]: spacing },
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...otherProps, className: classes });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, { ref, ...otherProps, className: classes });
 };
 Text.displayName = "Text";
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Text/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Text/index.tsx", "../../../../src/components/Text/Text.tsx"],
-  "sourcesContent": ["export * from \"./Text\";\n", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAEvB,kBAAO;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,cAAU,cAAAA;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,4CAAC,aAAU,KAAW,GAAG,YAAY,WAAW,SAAS;AAClE;AAEA,KAAK,cAAc;",
+  "sourcesContent": ["export * from \"./Text\";\n", "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAuB;AAEvB,kBAAO;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,cAAU,cAAAA;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,4CAAC,WAAQ,KAAW,GAAG,YAAY,WAAW,SAAS;AAChE;AAEA,KAAK,cAAc;",
   "names": ["classNames"]
 }