@uva-glass/component-library 3.57.4 → 3.57.5

package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../PasteHandlerPlugin-CSo_lOE8.js";
+import { t as e } from "../../../../PasteHandlerPlugin-CTzYRyAx.js";
 export { e as PasteHandlerPlugin };

package/dist/components/RteEditor/Plugins/PasteHandlerPlugin/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../PasteHandlerPlugin-CSo_lOE8.js";
+import { t as e } from "../../../../PasteHandlerPlugin-CTzYRyAx.js";
 export { e as PasteHandlerPlugin };

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/TableCellResizerPlugin.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../TableCellResizerPlugin-Bb2blXnq.js";
+import { t as e } from "../../../../TableCellResizerPlugin-D-fX5I3p.js";
 export { e as TableCellResizerPlugin };

package/dist/components/RteEditor/Plugins/TableCellResizerPlugin/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../../TableCellResizerPlugin-Bb2blXnq.js";
+import { t as e } from "../../../../TableCellResizerPlugin-D-fX5I3p.js";
 export { e as TableCellResizerPlugin };

package/dist/components/RteEditor/Plugins/TablePlugin/AddTableFrom.js

@@ -1,2 +1,2 @@
-import { a as e } from "../../../../components-CgBF6db6.js";
+import { a as e } from "../../../../components-D2rPfyIW.js";
 export { e as AddTableForm };

package/dist/components/RteEditor/Plugins/TablePlugin/TablePlugin.js

@@ -1,2 +1,2 @@
-import { i as e } from "../../../../components-CgBF6db6.js";
+import { i as e } from "../../../../components-D2rPfyIW.js";
 export { e as TablePlugin };

package/dist/components/RteEditor/Plugins/TablePlugin/helpers.js

@@ -1,5 +1,5 @@
-import { gr as e } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { C as t, a as n, b as r, f as i, g as a, i as o, m as s, o as c, u as l, v as u, w as d, y as f } from "../../../../LexicalTable.prod-Bf0is-op.js";
+import { sr as e } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { C as t, a as n, b as r, f as i, g as a, i as o, m as s, o as c, u as l, v as u, w as d, y as f } from "../../../../LexicalTable.prod-D3FUVxbr.js";
 import { TableWrapperNode as p } from "../../nodes/TableWrapperNode/TableWrapperNode.js";
 //#region src/components/RteEditor/Plugins/TablePlugin/helpers.ts
 var m = 32, h = 48, g = 1, _ = 200, v = 320, y = (t, n) => {

package/dist/components/RteEditor/Plugins/TablePlugin/index.js

@@ -1,3 +1,3 @@
-import { i as e } from "../../../../components-CgBF6db6.js";
+import { i as e } from "../../../../components-D2rPfyIW.js";
 import { t } from "../../../../TableCellContextMenu-Cu5iXYSJ.js";
 export { t as TableCellContextMenu, e as TablePlugin };

package/dist/components/RteEditor/Plugins/ToolbarPlugin/ToolbarPlugin.js

@@ -1,2 +1,2 @@
-import { l as e } from "../../../../components-CgBF6db6.js";
+import { l as e } from "../../../../components-D2rPfyIW.js";
 export { e as ToolBarPlugin };

package/dist/components/RteEditor/Plugins/ToolbarPlugin/index.js

@@ -1,2 +1,2 @@
-import { l as e } from "../../../../components-CgBF6db6.js";
+import { l as e } from "../../../../components-D2rPfyIW.js";
 export { e as ToolBarPlugin };

package/dist/components/RteEditor/Plugins/index.js

@@ -1,7 +1,7 @@
-import { i as e, l as t, o as n, s as r } from "../../../components-CgBF6db6.js";
-import { t as i } from "../../../TableCellResizerPlugin-Bb2blXnq.js";
+import { i as e, l as t, o as n, s as r } from "../../../components-D2rPfyIW.js";
+import { t as i } from "../../../TableCellResizerPlugin-D-fX5I3p.js";
 import { BlockFormatPlugin as a } from "./BlockFormatPlugin/BlockFormatPlugin.js";
 import { ListPlugin as o } from "./ListPlugin/ListPlugin.js";
 import { t as s } from "../../../TableCellContextMenu-Cu5iXYSJ.js";
-import { t as c } from "../../../PasteHandlerPlugin-CSo_lOE8.js";
+import { t as c } from "../../../PasteHandlerPlugin-CTzYRyAx.js";
 export { a as BlockFormatPlugin, n as HistoryPlugin, r as LinkPlugin, o as ListPlugin, c as PasteHandlerPlugin, s as TableCellContextMenu, i as TableCellResizerPlugin, e as TablePlugin, t as ToolBarPlugin };

package/dist/components/RteEditor/RteEditor.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../components-CgBF6db6.js";
+import { n as e, t } from "../../components-D2rPfyIW.js";
 export { t as Rte, e as RteEditor };

package/dist/components/RteEditor/RteEditor.stories.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../components-CgBF6db6.js";
+import { n as e } from "../../components-D2rPfyIW.js";
 import { t } from "../../Container-DOcrVe7u.js";
 import "../../storyComponents/Container/index.js";
 import { MOCK_RTE_CONTENT as n } from "./mockRteContent.js";

package/dist/components/RteEditor/helpers.js

@@ -1,7 +1,7 @@
-import { mt as e, nr as t } from "../../Lexical.prod-Dy5aDppc.js";
-import { a as n, t as r } from "../../LexicalList.prod-icY8mpm6.js";
-import { c as i } from "../../LexicalLink.prod-DzgwWhQM.js";
-import { c as a } from "../../LexicalTable.prod-Bf0is-op.js";
+import { Jn as e, dt as t } from "../../Lexical.prod-BlUfEvo-.js";
+import { a as n, t as r } from "../../LexicalList.prod-CMGvSM1c.js";
+import { c as i } from "../../LexicalLink.prod-6gI2ABQo.js";
+import { c as a } from "../../LexicalTable.prod-D3FUVxbr.js";
 import { CourseCatalogueNode as o } from "./nodes/CourseCatalogueNode/CourseCatalogueNode.js";
 //#region src/components/RteEditor/helpers.ts
 var s = (e) => {
@@ -12,8 +12,8 @@ var s = (e) => {
 	if (n && n.element instanceof HTMLElement) for (let e of [n.element, ...n.element.querySelectorAll("[style],[class],[dir=\"ltr\"]")]) e.removeAttribute("class"), e.getAttribute("style") && (e.setAttribute("style", ""), e.removeAttribute("style")), e.getAttribute("dir") === "ltr" && e.removeAttribute("dir");
 	return n;
 }, u = /* @__PURE__ */ new Map([
-	[e, l],
 	[t, l],
+	[e, l],
 	[r, l],
 	[n, l],
 	[a, l],

package/dist/components/RteEditor/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../components-CgBF6db6.js";
+import { n as e, t } from "../../components-D2rPfyIW.js";
 export { t as Rte, e as RteEditor };

package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js

@@ -1,9 +1,9 @@
 import { t as e } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
-import { K as t, L as n, ar as r, gn as i, lt as a, wn as o, x as s } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { l as c } from "../../../../LexicalUtils.prod-CjGUKarD.js";
+import { I as t, W as n, Xn as r, b as i, gn as a, ln as o, ot as s } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { l as c } from "../../../../LexicalUtils.prod-CNWf_0sq.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx
-var u = class e extends a {
+var u = class e extends s {
 	__linkType;
 	__code;
 	__label;
@@ -72,19 +72,19 @@ function f(e) {
 function p(e) {
 	return f(e) ? e.__linkType : null;
 }
-var m = s("insertCourseCatalogueLink"), h = s("removeCourseCatalogueLink");
+var m = i("insertCourseCatalogueLink"), h = i("removeCourseCatalogueLink");
 function g() {
-	let [a] = e();
-	if (!a.hasNodes([u])) throw Error("CourseCataloguePlugin: CourseCatalogueNode is not registered on editor");
+	let [i] = e();
+	if (!i.hasNodes([u])) throw Error("CourseCataloguePlugin: CourseCatalogueNode is not registered on editor");
 	return l(() => {
-		let e = a.registerCommand(m, (e) => {
-			let t = d(e.linkType, e.code, e.label), i = r(e.label);
-			return t.append(i), n([t]), !0;
-		}, 2), s = a.registerCommand(h, () => {
-			let e = t();
-			if (i(e)) {
+		let e = i.registerCommand(m, (e) => {
+			let n = d(e.linkType, e.code, e.label), i = r(e.label);
+			return n.append(i), t([n]), !0;
+		}, 2), s = i.registerCommand(h, () => {
+			let e = n();
+			if (o(e)) {
 				let t = e.anchor.getNode(), n = e.anchor.offset, i = c(t, u);
-				if (o(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof u && (i = t.getNextSibling()), i) {
+				if (a(t) && n === t.getTextContentSize() && t.getNextSibling() instanceof u && (i = t.getNextSibling()), i) {
 					let e = i.getParent();
 					i.remove(), e && e.append(r(" "));
 				}
@@ -94,7 +94,7 @@ function g() {
 		return () => {
 			e(), s();
 		};
-	}, [a]), null;
+	}, [i]), null;
 }
 //#endregion
 export { d as $createCourseCatalogueNode, p as $getLinkTypeFromNode, f as $isCourseCatalogueNode, g as CourseCatalogueLinkPlugin, u as CourseCatalogueNode, m as INSERT_COURSE_CATALOGUE_LINK, h as REMOVE_COURSE_CATALOGUE_LINK };

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js

@@ -1,6 +1,7 @@
 import { t as e } from "../../../../LexicalComposerContext.prod-D4HOlWII.js";
-import { K as t, g as n, gn as r, gr as i, lt as a, x as o } from "../../../../Lexical.prod-Dy5aDppc.js";
-import { f as s, l as c } from "../../../../LexicalUtils.prod-CjGUKarD.js";
+import { W as t, b as n, h as r, ln as i, ot as a, sr as o } from "../../../../Lexical.prod-BlUfEvo-.js";
+import { t as s } from "../../../../LexicalSelection.prod-DS_R6Cl1.js";
+import { l as c } from "../../../../LexicalUtils.prod-CNWf_0sq.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx
 var u = class e extends a {
@@ -18,7 +19,7 @@ var u = class e extends a {
 		return !1;
 	}
 	insertNewAfter(e, t) {
-		let n = i(), r = this.getDirection();
+		let n = o(), r = this.getDirection();
 		return n.setDirection(r), this.insertAfter(n, t), n;
 	}
 };
@@ -28,32 +29,32 @@ function d() {
 function f(e) {
 	return e instanceof u;
 }
-var p = o("insertTableWrapperNode"), m = o("removeTableWrapperNode");
+var p = n("insertTableWrapperNode"), m = n("removeTableWrapperNode");
 function h() {
-	let [a] = e();
-	if (!a.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
+	let [n] = e();
+	if (!n.hasNodes([u])) throw Error("TableWrapperPlugin: TableWrapperNode is not registered on editor");
 	return l(() => {
-		let e = a.registerCommand(p, () => {
+		let e = n.registerCommand(p, () => {
 			let e = t();
-			return r(e) && s(e, d), !0;
-		}, 2), o = a.registerCommand(m, () => {
+			return i(e) && s(e, d), !0;
+		}, 2), a = n.registerCommand(m, () => {
 			let e = t();
-			if (r(e)) {
+			if (i(e)) {
 				let t = e.anchor.getNode();
-				if (!n(t)) return !1;
-				let r = c(t, u);
-				if (!r) return !1;
-				let a = r?.getChildren();
-				if (!a) return !1;
-				let o = i();
-				a.forEach((e) => o.append(e)), r.replace(o);
+				if (!r(t)) return !1;
+				let n = c(t, u);
+				if (!n) return !1;
+				let i = n?.getChildren();
+				if (!i) return !1;
+				let a = o();
+				i.forEach((e) => a.append(e)), n.replace(a);
 			}
 			return !0;
 		}, 2);
 		return () => {
-			e(), o();
+			e(), a();
 		};
-	}, [a]), null;
+	}, [n]), null;
 }
 //#endregion
 export { d as $createTableWrapperNode, f as $isTableWrapperNode, p as INSERT_TABLE_WRAPPER, m as REMOVE_TABLE_WRAPPER, u as TableWrapperNode, h as TableWrapperPlugin };

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapperNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\nimport { $setBlocksType } from '@lexical/selection';\r\nimport { useEffect } from 'react';\r\n\r\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';\r\nimport type { EditorConfig, LexicalNode, RangeSelection } from 'lexical';\r\n\r\nexport type SerializedTableWrapperNode = SerializedDecoratorBlockNode;\r\n\r\nexport class TableWrapperNode extends ElementNode {\r\n  static getType(): string {\r\n    return 'tableWrapper';\r\n  }\r\n\r\n  static clone(node: TableWrapperNode): TableWrapperNode {\r\n    return new TableWrapperNode(node.__key);\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('div');\r\n    element.className = config.theme.tableWrapper;\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  insertNewAfter(_selection: RangeSelection, restoreSelection?: boolean | undefined): LexicalNode | null {\r\n    const newBlock = $createParagraphNode();\r\n    const direction = this.getDirection();\r\n    newBlock.setDirection(direction);\r\n    this.insertAfter(newBlock, restoreSelection);\r\n    return newBlock;\r\n  }\r\n}\r\n\r\nexport function $createTableWrapperNode(): TableWrapperNode {\r\n  return new TableWrapperNode();\r\n}\r\n\r\nexport function $isTableWrapperNode(node: LexicalNode): node is TableWrapperNode {\r\n  return node instanceof TableWrapperNode;\r\n}\r\n\r\nexport const INSERT_TABLE_WRAPPER = createCommand('insertTableWrapperNode');\r\n\r\nexport const REMOVE_TABLE_WRAPPER = createCommand('removeTableWrapperNode');\r\n\r\nexport function TableWrapperPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([TableWrapperNode])) {\r\n    throw new Error('TableWrapperPlugin: TableWrapperNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertTableWrapper = editor.registerCommand(\r\n      INSERT_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          $setBlocksType(selection, $createTableWrapperNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    const removeTableWrapper = editor.registerCommand(\r\n      REMOVE_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          if (!$isElementNode(node)) return false;\r\n          const tableWrapperNode = $getNearestNodeOfType(node, TableWrapperNode);\r\n          if (!tableWrapperNode) return false;\r\n          const childrenNodes = tableWrapperNode?.getChildren();\r\n          if (!childrenNodes) return false;\r\n          const paragraphNode = $createParagraphNode();\r\n          childrenNodes.forEach((child) => paragraphNode.append(child));\r\n          tableWrapperNode.replace(paragraphNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertTableWrapper();\r\n      removeTableWrapper();\r\n    };\r\n  }, [editor]);\r\n  return null;\r\n}\r\n"],"mappings":";;;;;AAmBA,IAAa,IAAb,MAAa,UAAyB,EAAY;CAChD,OAAO,UAAkB;EACvB,OAAO;CACT;CAEA,OAAO,MAAM,GAA0C;EACrD,OAAO,IAAI,EAAiB,EAAK,KAAK;CACxC;CAEA,UAAU,GAAmC;EAC3C,IAAM,IAAU,SAAS,cAAc,KAAK;EAE5C,OADA,EAAQ,YAAY,EAAO,MAAM,cAC1B;CACT;CAEA,YAAmB;EACjB,OAAO;CACT;CAEA,eAAe,GAA4B,GAA4D;EACrG,IAAM,IAAW,EAAqB,GAChC,IAAY,KAAK,aAAa;EAGpC,OAFA,EAAS,aAAa,CAAS,GAC/B,KAAK,YAAY,GAAU,CAAgB,GACpC;CACT;AACF;AAEA,SAAgB,IAA4C;CAC1D,OAAO,IAAI,EAAiB;AAC9B;AAEA,SAAgB,EAAoB,GAA6C;CAC/E,OAAO,aAAgB;AACzB;AAEA,IAAa,IAAuB,EAAc,wBAAwB,GAE7D,IAAuB,EAAc,wBAAwB;AAE1E,SAAgB,IAA2B;CACzC,IAAM,CAAC,KAAU,EAA0B;CAC3C,IAAI,CAAC,EAAO,SAAS,CAAC,CAAgB,CAAC,GACrC,MAAU,MAAM,kEAAkE;CAwCpF,OAtCA,QAAgB;EACd,IAAM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAIhC,OAHI,EAAkB,CAAS,KAC7B,EAAe,GAAW,CAAuB,GAE5C;EACT,GAAA,CAEF,GAEM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAChC,IAAI,EAAkB,CAAS,GAAG;IAChC,IAAM,IAAO,EAAU,OAAO,QAAQ;IACtC,IAAI,CAAC,EAAe,CAAI,GAAG,OAAO;IAClC,IAAM,IAAmB,EAAsB,GAAM,CAAgB;IACrE,IAAI,CAAC,GAAkB,OAAO;IAC9B,IAAM,IAAgB,GAAkB,YAAY;IACpD,IAAI,CAAC,GAAe,OAAO;IAC3B,IAAM,IAAgB,EAAqB;IAE3C,AADA,EAAc,SAAS,MAAU,EAAc,OAAO,CAAK,CAAC,GAC5D,EAAiB,QAAQ,CAAa;GACxC;GACA,OAAO;EACT,GAAA,CAEF;EAEA,aAAa;GAEX,AADA,EAAmB,GACnB,EAAmB;EACrB;CACF,GAAG,CAAC,CAAM,CAAC,GACJ;AACT"}
+{"version":3,"file":"TableWrapperNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\nimport { $setBlocksType } from '@lexical/selection';\r\nimport { useEffect } from 'react';\r\n\r\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';\r\nimport type { EditorConfig, LexicalNode, RangeSelection } from 'lexical';\r\n\r\nexport type SerializedTableWrapperNode = SerializedDecoratorBlockNode;\r\n\r\nexport class TableWrapperNode extends ElementNode {\r\n  static getType(): string {\r\n    return 'tableWrapper';\r\n  }\r\n\r\n  static clone(node: TableWrapperNode): TableWrapperNode {\r\n    return new TableWrapperNode(node.__key);\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('div');\r\n    element.className = config.theme.tableWrapper;\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  insertNewAfter(_selection: RangeSelection, restoreSelection?: boolean | undefined): LexicalNode | null {\r\n    const newBlock = $createParagraphNode();\r\n    const direction = this.getDirection();\r\n    newBlock.setDirection(direction);\r\n    this.insertAfter(newBlock, restoreSelection);\r\n    return newBlock;\r\n  }\r\n}\r\n\r\nexport function $createTableWrapperNode(): TableWrapperNode {\r\n  return new TableWrapperNode();\r\n}\r\n\r\nexport function $isTableWrapperNode(node: LexicalNode): node is TableWrapperNode {\r\n  return node instanceof TableWrapperNode;\r\n}\r\n\r\nexport const INSERT_TABLE_WRAPPER = createCommand('insertTableWrapperNode');\r\n\r\nexport const REMOVE_TABLE_WRAPPER = createCommand('removeTableWrapperNode');\r\n\r\nexport function TableWrapperPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([TableWrapperNode])) {\r\n    throw new Error('TableWrapperPlugin: TableWrapperNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertTableWrapper = editor.registerCommand(\r\n      INSERT_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          $setBlocksType(selection, $createTableWrapperNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    const removeTableWrapper = editor.registerCommand(\r\n      REMOVE_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          if (!$isElementNode(node)) return false;\r\n          const tableWrapperNode = $getNearestNodeOfType(node, TableWrapperNode);\r\n          if (!tableWrapperNode) return false;\r\n          const childrenNodes = tableWrapperNode?.getChildren();\r\n          if (!childrenNodes) return false;\r\n          const paragraphNode = $createParagraphNode();\r\n          childrenNodes.forEach((child) => paragraphNode.append(child));\r\n          tableWrapperNode.replace(paragraphNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertTableWrapper();\r\n      removeTableWrapper();\r\n    };\r\n  }, [editor]);\r\n  return null;\r\n}\r\n"],"mappings":";;;;;;AAmBA,IAAa,IAAb,MAAa,UAAyB,EAAY;CAChD,OAAO,UAAkB;EACvB,OAAO;CACT;CAEA,OAAO,MAAM,GAA0C;EACrD,OAAO,IAAI,EAAiB,EAAK,KAAK;CACxC;CAEA,UAAU,GAAmC;EAC3C,IAAM,IAAU,SAAS,cAAc,KAAK;EAE5C,OADA,EAAQ,YAAY,EAAO,MAAM,cAC1B;CACT;CAEA,YAAmB;EACjB,OAAO;CACT;CAEA,eAAe,GAA4B,GAA4D;EACrG,IAAM,IAAW,EAAqB,GAChC,IAAY,KAAK,aAAa;EAGpC,OAFA,EAAS,aAAa,CAAS,GAC/B,KAAK,YAAY,GAAU,CAAgB,GACpC;CACT;AACF;AAEA,SAAgB,IAA4C;CAC1D,OAAO,IAAI,EAAiB;AAC9B;AAEA,SAAgB,EAAoB,GAA6C;CAC/E,OAAO,aAAgB;AACzB;AAEA,IAAa,IAAuB,EAAc,wBAAwB,GAE7D,IAAuB,EAAc,wBAAwB;AAE1E,SAAgB,IAA2B;CACzC,IAAM,CAAC,KAAU,EAA0B;CAC3C,IAAI,CAAC,EAAO,SAAS,CAAC,CAAgB,CAAC,GACrC,MAAU,MAAM,kEAAkE;CAwCpF,OAtCA,QAAgB;EACd,IAAM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAIhC,OAHI,EAAkB,CAAS,KAC7B,EAAe,GAAW,CAAuB,GAE5C;EACT,GAAA,CAEF,GAEM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAChC,IAAI,EAAkB,CAAS,GAAG;IAChC,IAAM,IAAO,EAAU,OAAO,QAAQ;IACtC,IAAI,CAAC,EAAe,CAAI,GAAG,OAAO;IAClC,IAAM,IAAmB,EAAsB,GAAM,CAAgB;IACrE,IAAI,CAAC,GAAkB,OAAO;IAC9B,IAAM,IAAgB,GAAkB,YAAY;IACpD,IAAI,CAAC,GAAe,OAAO;IAC3B,IAAM,IAAgB,EAAqB;IAE3C,AADA,EAAc,SAAS,MAAU,EAAc,OAAO,CAAK,CAAC,GAC5D,EAAiB,QAAQ,CAAa;GACxC;GACA,OAAO;EACT,GAAA,CAEF;EAEA,aAAa;GAEX,AADA,EAAmB,GACnB,EAAmB;EACrB;CACF,GAAG,CAAC,CAAM,CAAC,GACJ;AACT"}

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { SelectListbox as t } from "./SelectListbox.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/dist/components/SelectListbox/SelectProvider.js

@@ -12,7 +12,8 @@ var s = e({}), c = ({ options: e, defaultValue: t, children: c }) => {
 		label: "",
 		selectedLabel: "-"
 	}, b = (t, n = !1) => {
-		m(e.findIndex((e) => e.value === t.value)), u(t), f(!1), g(!n);
+		let r = e.findIndex((e) => e.value === t.value);
+		m(r), u(t), f(!1), g(!n);
 	};
 	return t !== -1 && !l.value && b(y(t), !0), n(() => {
 		y(l.value || t).label !== l.label && b(y(l.value || t));

package/dist/components/SelectListbox/SelectProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectProvider.js","names":[],"sources":["../../../src/components/SelectListbox/SelectProvider.tsx"],"sourcesContent":["import { createContext, useContext, useState, useId, useRef, useEffect } from 'react';\n\nimport type { PropsWithChildren } from 'react';\n\nexport type SelectValue = string | number | null;\n\nexport type OptionValue = {\n  value: SelectValue;\n  label: string;\n  selectedLabel?: string;\n  disabled?: boolean;\n};\nexport interface SelectListboxContext {\n  options: OptionValue[];\n  selectedValue: OptionValue;\n  setSelectedValue: (v: OptionValue) => void;\n  isOpen: boolean;\n  setIsOpen: (v: boolean) => void;\n  toggleListbox: () => void;\n  getValue: (value: SelectValue) => OptionValue;\n  activeIndex: number;\n  setActiveIndex: (v: number) => void;\n  listboxId: string;\n  isDirty: boolean;\n}\n\nconst SelectContext = createContext<SelectListboxContext>({} as SelectListboxContext);\n\ninterface Props {\n  options: OptionValue[];\n  defaultValue: SelectValue;\n}\n\nexport const SelectProvider = ({ options, defaultValue, children }: PropsWithChildren<Props>) => {\n  const [value, setValue] = useState<OptionValue>({ value: '', label: '' });\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isDirty, setIsDirty] = useState(false);\n  const listboxId = useRef<string>(useId());\n\n  const toggleListbox = () => {\n    setIsOpen((status) => !status);\n    setIsDirty(false);\n  };\n\n  const getValue = (value: SelectValue) => {\n    return (\n      options.find((option) => option.value === value) || {\n        value: -1,\n        label: '',\n        selectedLabel: '-',\n      }\n    );\n  };\n\n  const setSelectedValue = (value: OptionValue, isDefault = false) => {\n    const selectedIndex = options.findIndex((option) => option.value === value.value);\n    setActiveIndex(selectedIndex);\n    setValue(value);\n    setIsOpen(false);\n    setIsDirty(!isDefault);\n  };\n\n  if (defaultValue !== -1 && !value.value) {\n    setSelectedValue(getValue(defaultValue), true);\n  }\n\n  useEffect(() => {\n    const newLabel = getValue(value.value || defaultValue).label;\n    if (newLabel !== value.label) {\n      setSelectedValue(getValue(value.value || defaultValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options, defaultValue]);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        options,\n        selectedValue: value,\n        setSelectedValue,\n        isOpen,\n        setIsOpen,\n        toggleListbox,\n        getValue,\n        activeIndex,\n        setActiveIndex,\n        listboxId: listboxId.current,\n        isDirty,\n      }}\n    >\n      {children}\n    </SelectContext.Provider>\n  );\n};\n\nexport const useSelect = () => {\n  const context = useContext(SelectContext);\n\n  if (context === undefined) throw new Error('useSelect can only be used in an SelectProvider');\n\n  return context;\n};\n"],"mappings":";;;AA0BA,IAAM,IAAgB,EAAoC,CAAC,CAAyB,GAOvE,KAAkB,EAAE,YAAS,iBAAc,kBAAyC;CAC/F,IAAM,CAAC,GAAO,KAAY,EAAsB;EAAE,OAAO;EAAI,OAAO;CAAG,CAAC,GAClE,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAY,EAAe,EAAM,CAAC,GAElC,UAAsB;EAE1B,AADA,GAAW,MAAW,CAAC,CAAM,GAC7B,EAAW,EAAK;CAClB,GAEM,KAAY,MAEd,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK,KAAK;EAClD,OAAO;EACP,OAAO;EACP,eAAe;CACjB,GAIE,KAAoB,GAAoB,IAAY,OAAU;EAKlE,AAHA,EADsB,EAAQ,WAAW,MAAW,EAAO,UAAU,EAAM,KAC5D,CAAa,GAC5B,EAAS,CAAK,GACd,EAAU,EAAK,GACf,EAAW,CAAC,CAAS;CACvB;CAcA,OAZI,MAAiB,MAAM,CAAC,EAAM,SAChC,EAAiB,EAAS,CAAY,GAAG,EAAI,GAG/C,QAAgB;EAEd,AADiB,EAAS,EAAM,SAAS,CAAY,CAAC,CAAC,UACtC,EAAM,SACrB,EAAiB,EAAS,EAAM,SAAS,CAAY,CAAC;CAG1D,GAAG,CAAC,GAAS,CAAY,CAAC,GAGxB,kBAAC,EAAc,UAAf;EACE,OAAO;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW,EAAU;GACrB;EACF;EAEC;CACqB,CAAA;AAE5B,GAEa,UAAkB;CAC7B,IAAM,IAAU,EAAW,CAAa;CAExC,IAAI,MAAY,KAAA,GAAW,MAAU,MAAM,iDAAiD;CAE5F,OAAO;AACT"}
+{"version":3,"file":"SelectProvider.js","names":[],"sources":["../../../src/components/SelectListbox/SelectProvider.tsx"],"sourcesContent":["import { createContext, useContext, useState, useId, useRef, useEffect } from 'react';\n\nimport type { PropsWithChildren } from 'react';\n\nexport type SelectValue = string | number | null;\n\nexport type OptionValue = {\n  value: SelectValue;\n  label: string;\n  selectedLabel?: string;\n  disabled?: boolean;\n};\nexport interface SelectListboxContext {\n  options: OptionValue[];\n  selectedValue: OptionValue;\n  setSelectedValue: (v: OptionValue) => void;\n  isOpen: boolean;\n  setIsOpen: (v: boolean) => void;\n  toggleListbox: () => void;\n  getValue: (value: SelectValue) => OptionValue;\n  activeIndex: number;\n  setActiveIndex: (v: number) => void;\n  listboxId: string;\n  isDirty: boolean;\n}\n\nconst SelectContext = createContext<SelectListboxContext>({} as SelectListboxContext);\n\ninterface Props {\n  options: OptionValue[];\n  defaultValue: SelectValue;\n}\n\nexport const SelectProvider = ({ options, defaultValue, children }: PropsWithChildren<Props>) => {\n  const [value, setValue] = useState<OptionValue>({ value: '', label: '' });\n  const [isOpen, setIsOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [isDirty, setIsDirty] = useState(false);\n  const listboxId = useRef<string>(useId());\n\n  const toggleListbox = () => {\n    setIsOpen((status) => !status);\n    setIsDirty(false);\n  };\n\n  const getValue = (value: SelectValue) => {\n    return (\n      options.find((option) => option.value === value) || {\n        value: -1,\n        label: '',\n        selectedLabel: '-',\n      }\n    );\n  };\n\n  const setSelectedValue = (value: OptionValue, isDefault = false) => {\n    const selectedIndex = options.findIndex((option) => option.value === value.value);\n    setActiveIndex(selectedIndex);\n    setValue(value);\n    setIsOpen(false);\n    setIsDirty(!isDefault);\n  };\n\n  if (defaultValue !== -1 && !value.value) {\n    setSelectedValue(getValue(defaultValue), true);\n  }\n\n  useEffect(() => {\n    const newLabel = getValue(value.value || defaultValue).label;\n    if (newLabel !== value.label) {\n      setSelectedValue(getValue(value.value || defaultValue));\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options, defaultValue]);\n\n  return (\n    <SelectContext.Provider\n      value={{\n        options,\n        selectedValue: value,\n        setSelectedValue,\n        isOpen,\n        setIsOpen,\n        toggleListbox,\n        getValue,\n        activeIndex,\n        setActiveIndex,\n        listboxId: listboxId.current,\n        isDirty,\n      }}\n    >\n      {children}\n    </SelectContext.Provider>\n  );\n};\n\nexport const useSelect = () => {\n  const context = useContext(SelectContext);\n\n  if (context === undefined) throw new Error('useSelect can only be used in an SelectProvider');\n\n  return context;\n};\n"],"mappings":";;;AA0BA,IAAM,IAAgB,EAAoC,CAAC,CAAyB,GAOvE,KAAkB,EAAE,YAAS,iBAAc,kBAAyC;CAC/F,IAAM,CAAC,GAAO,KAAY,EAAsB;EAAE,OAAO;EAAI,OAAO;CAAG,CAAC,GAClE,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAY,EAAe,EAAM,CAAC,GAElC,UAAsB;EAE1B,AADA,GAAW,MAAW,CAAC,CAAM,GAC7B,EAAW,EAAK;CAClB,GAEM,KAAY,MAEd,EAAQ,MAAM,MAAW,EAAO,UAAU,CAAK,KAAK;EAClD,OAAO;EACP,OAAO;EACP,eAAe;CACjB,GAIE,KAAoB,GAAoB,IAAY,OAAU;EAClE,IAAM,IAAgB,EAAQ,WAAW,MAAW,EAAO,UAAU,EAAM,KAAK;EAIhF,AAHA,EAAe,CAAa,GAC5B,EAAS,CAAK,GACd,EAAU,EAAK,GACf,EAAW,CAAC,CAAS;CACvB;CAcA,OAZI,MAAiB,MAAM,CAAC,EAAM,SAChC,EAAiB,EAAS,CAAY,GAAG,EAAI,GAG/C,QAAgB;EAEd,AADiB,EAAS,EAAM,SAAS,CAAY,CAAC,CAAC,UACtC,EAAM,SACrB,EAAiB,EAAS,EAAM,SAAS,CAAY,CAAC;CAG1D,GAAG,CAAC,GAAS,CAAY,CAAC,GAGxB,kBAAC,EAAc,UAAf;EACE,OAAO;GACL;GACA,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW,EAAU;GACrB;EACF;EAEC;CACqB,CAAA;AAE5B,GAEa,UAAkB;CAC7B,IAAM,IAAU,EAAW,CAAa;CAExC,IAAI,MAAY,KAAA,GAAW,MAAU,MAAM,iDAAiD;CAE5F,OAAO;AACT"}

package/dist/components/Slider/Slider.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Slider-Czd2xAGf.js";
+import { t as e } from "../../Slider-CqYFsgRL.js";
 export { e as Slider };

package/dist/components/Slider/Slider.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../Slider-Czd2xAGf.js";
+import { t as e } from "../../Slider-CqYFsgRL.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 var i = {
 	title: "Atoms/Slider",

package/dist/components/Slider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Slider-Czd2xAGf.js";
+import { t as e } from "../../Slider-CqYFsgRL.js";
 export { e as Slider };

package/dist/components/Sortable/Sortable.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { Button as n } from "../Buttons/Button.js";
 import { t as r } from "../../InputField-asFsxHvx.js";

package/dist/components/Sortable/components/SortableItem.js

@@ -50,8 +50,8 @@ function m({ children: m, handlePlacement: h, disabled: g, sortableItemColor: _,
 	function R(e) {
 		if (e.preventDefault(), !P) return;
 		C(v);
-		let { direction: t } = e.currentTarget.dataset;
-		w(t === "up" ? v - 1 : v + 1);
+		let { direction: t } = e.currentTarget.dataset, n = t === "up" ? v - 1 : v + 1;
+		w(n);
 	}
 	return /* @__PURE__ */ u("div", {
 		className: e(n["sortable__sort-item"], n[`sortable__sort-item--${_}`]),

package/dist/components/Sortable/components/SortableItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableItem.js","names":[],"sources":["../../../../src/components/Sortable/components/SortableItem.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent, ReactNode } from 'react';\nimport type { SortableHandleProps } from './SortableHandle';\nimport type { SortableItemColors } from 'components/Sortable/Sortable';\n\nimport { Icon } from 'components/Icon';\nimport { SortableHandle } from 'components/Sortable/components/SortableHandle';\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport interface SortableItemProps {\n  children: ReactNode;\n  handlePlacement: SortableHandleProps['placement'];\n  disabled?: boolean;\n  sortableItemColor: SortableItemColors;\n  index: number;\n}\n\nconst ACCESS_KEYS = ['Space', 'ArrowDown', 'ArrowUp'];\nconst noSupportTouch = 'ontouchstart' in globalThis.document.documentElement;\nconst dragImage = new Image(0, 0);\n\ndragImage.src =\n  // 1px transparent png\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==';\n\nexport function SortableItem({ children, handlePlacement, disabled, sortableItemColor, index }: SortableItemProps) {\n  const {\n    clone,\n    dragEnd,\n    draggingSource,\n    draggingTarget,\n    dragStart,\n    drop,\n    maxIndex,\n    moveToPosition,\n    setClone,\n    setDraggingSource,\n  } = useSortable();\n  const [grabbing, setGrabbing] = useState(false);\n  const [moving, setmoving] = useState(false);\n  const itemRef = useRef<HTMLDivElement>(null);\n  const hasIndex = index !== undefined && index >= 0;\n\n  useEffect(() => {\n    if (!itemRef.current) return;\n    if (globalThis.document.activeElement === itemRef.current) return;\n\n    if (index === draggingTarget && draggingTarget === draggingSource) {\n      // Manually setting focus after an item has been moved with the keyboard; focus is lost after rerender\n      itemRef.current.focus();\n      setmoving(true);\n    } else {\n      setmoving(false);\n    }\n  }, [index, draggingTarget, draggingSource, setDraggingSource]);\n\n  function handleDragStart(event: DragEvent<HTMLDivElement>) {\n    event.stopPropagation();\n\n    event.dataTransfer.effectAllowed = 'move';\n    event.dataTransfer.setDragImage(dragImage, 0, 0);\n\n    if (itemRef.current) {\n      const cloned = itemRef.current.cloneNode(true) as Element;\n\n      cloned.classList.add(styles['sortable__sort-item--ghost']);\n\n      setClone(cloned);\n    }\n\n    if (hasIndex) dragStart(index);\n    setGrabbing(true);\n  }\n\n  function handleDragEnd() {\n    if (grabbing) return;\n\n    if (clone) document.body.removeChild(clone);\n\n    setGrabbing(false);\n    dragEnd();\n  }\n\n  function handleKeyUp(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Tab' && draggingSource !== undefined) {\n      dragEnd();\n      return;\n    }\n\n    if (ACCESS_KEYS.includes(code) === false) return;\n\n    if (!hasIndex) return;\n\n    if (code === 'Space') {\n      if (moving) {\n        setmoving(false);\n        dragEnd();\n      } else {\n        setmoving(true);\n        dragStart(index);\n      }\n\n      return;\n    }\n\n    if (draggingSource === undefined) return;\n\n    const newTarget = code === 'ArrowUp' ? index - 1 : index + 1;\n\n    if (newTarget < 0 || newTarget > maxIndex) return;\n\n    moveToPosition(newTarget);\n  }\n\n  function handleMove(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n\n    if (!hasIndex) return;\n\n    dragStart(index);\n\n    const { direction } = event.currentTarget.dataset;\n    const newTarget = direction === 'up' ? index - 1 : index + 1;\n\n    drop(newTarget);\n  }\n\n  return (\n    <div\n      className={clsx(styles['sortable__sort-item'], styles[`sortable__sort-item--${sortableItemColor}`])}\n      draggable={!disabled}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onKeyUpCapture={handleKeyUp}\n      ref={itemRef}\n      role=\"presentation\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    >\n      <div\n        className={`${styles['sortable__sort-item__contents']} ${styles[`sortable__sort-item__contents--handle-${handlePlacement}`]}`}\n      >\n        {handlePlacement === 'left' && <SortableHandle placement=\"left\" />}\n        {children}\n        {handlePlacement === 'right' && <SortableHandle placement=\"right\" />}\n      </div>\n\n      <div className={styles['sortable__sort-item__button-container']} data-touch={noSupportTouch}>\n        {!disabled && hasIndex && (\n          <>\n            {hasIndex && (\n              <>\n                {index > 0 && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--up']}`}\n                    data-direction=\"up\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move up</span>\n                  </button>\n                )}\n\n                {index < maxIndex && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--down']}`}\n                    data-direction=\"down\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move down</span>\n                  </button>\n                )}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SortableItem.js","names":[],"sources":["../../../../src/components/Sortable/components/SortableItem.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { DragEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent, ReactNode } from 'react';\nimport type { SortableHandleProps } from './SortableHandle';\nimport type { SortableItemColors } from 'components/Sortable/Sortable';\n\nimport { Icon } from 'components/Icon';\nimport { SortableHandle } from 'components/Sortable/components/SortableHandle';\nimport styles from 'components/Sortable/Sortable.module.css';\nimport { useSortable } from 'components/Sortable/SortableProvider';\n\nexport interface SortableItemProps {\n  children: ReactNode;\n  handlePlacement: SortableHandleProps['placement'];\n  disabled?: boolean;\n  sortableItemColor: SortableItemColors;\n  index: number;\n}\n\nconst ACCESS_KEYS = ['Space', 'ArrowDown', 'ArrowUp'];\nconst noSupportTouch = 'ontouchstart' in globalThis.document.documentElement;\nconst dragImage = new Image(0, 0);\n\ndragImage.src =\n  // 1px transparent png\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==';\n\nexport function SortableItem({ children, handlePlacement, disabled, sortableItemColor, index }: SortableItemProps) {\n  const {\n    clone,\n    dragEnd,\n    draggingSource,\n    draggingTarget,\n    dragStart,\n    drop,\n    maxIndex,\n    moveToPosition,\n    setClone,\n    setDraggingSource,\n  } = useSortable();\n  const [grabbing, setGrabbing] = useState(false);\n  const [moving, setmoving] = useState(false);\n  const itemRef = useRef<HTMLDivElement>(null);\n  const hasIndex = index !== undefined && index >= 0;\n\n  useEffect(() => {\n    if (!itemRef.current) return;\n    if (globalThis.document.activeElement === itemRef.current) return;\n\n    if (index === draggingTarget && draggingTarget === draggingSource) {\n      // Manually setting focus after an item has been moved with the keyboard; focus is lost after rerender\n      itemRef.current.focus();\n      setmoving(true);\n    } else {\n      setmoving(false);\n    }\n  }, [index, draggingTarget, draggingSource, setDraggingSource]);\n\n  function handleDragStart(event: DragEvent<HTMLDivElement>) {\n    event.stopPropagation();\n\n    event.dataTransfer.effectAllowed = 'move';\n    event.dataTransfer.setDragImage(dragImage, 0, 0);\n\n    if (itemRef.current) {\n      const cloned = itemRef.current.cloneNode(true) as Element;\n\n      cloned.classList.add(styles['sortable__sort-item--ghost']);\n\n      setClone(cloned);\n    }\n\n    if (hasIndex) dragStart(index);\n    setGrabbing(true);\n  }\n\n  function handleDragEnd() {\n    if (grabbing) return;\n\n    if (clone) document.body.removeChild(clone);\n\n    setGrabbing(false);\n    dragEnd();\n  }\n\n  function handleKeyUp(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const { code } = event;\n\n    if (code === 'Tab' && draggingSource !== undefined) {\n      dragEnd();\n      return;\n    }\n\n    if (ACCESS_KEYS.includes(code) === false) return;\n\n    if (!hasIndex) return;\n\n    if (code === 'Space') {\n      if (moving) {\n        setmoving(false);\n        dragEnd();\n      } else {\n        setmoving(true);\n        dragStart(index);\n      }\n\n      return;\n    }\n\n    if (draggingSource === undefined) return;\n\n    const newTarget = code === 'ArrowUp' ? index - 1 : index + 1;\n\n    if (newTarget < 0 || newTarget > maxIndex) return;\n\n    moveToPosition(newTarget);\n  }\n\n  function handleMove(event: MouseEvent<HTMLButtonElement>) {\n    event.preventDefault();\n\n    if (!hasIndex) return;\n\n    dragStart(index);\n\n    const { direction } = event.currentTarget.dataset;\n    const newTarget = direction === 'up' ? index - 1 : index + 1;\n\n    drop(newTarget);\n  }\n\n  return (\n    <div\n      className={clsx(styles['sortable__sort-item'], styles[`sortable__sort-item--${sortableItemColor}`])}\n      draggable={!disabled}\n      onDragEnd={handleDragEnd}\n      onDragStart={handleDragStart}\n      onKeyUpCapture={handleKeyUp}\n      ref={itemRef}\n      role=\"presentation\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n    >\n      <div\n        className={`${styles['sortable__sort-item__contents']} ${styles[`sortable__sort-item__contents--handle-${handlePlacement}`]}`}\n      >\n        {handlePlacement === 'left' && <SortableHandle placement=\"left\" />}\n        {children}\n        {handlePlacement === 'right' && <SortableHandle placement=\"right\" />}\n      </div>\n\n      <div className={styles['sortable__sort-item__button-container']} data-touch={noSupportTouch}>\n        {!disabled && hasIndex && (\n          <>\n            {hasIndex && (\n              <>\n                {index > 0 && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--up']}`}\n                    data-direction=\"up\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move up</span>\n                  </button>\n                )}\n\n                {index < maxIndex && (\n                  <button\n                    className={`${styles['sortable__sort-item__handle']} ${styles['sortable__sort-item__handle--down']}`}\n                    data-direction=\"down\"\n                    onClickCapture={handleMove}\n                  >\n                    <div className={styles['sortable__sort-item__handle--icon']}>\n                      <Icon name=\"CheveronDown\" />\n                    </div>\n                    <span className={styles['sortable__visually-hidden']}>Move down</span>\n                  </button>\n                )}\n              </>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/StatusBadge/StatusBadge.test.js

@@ -1,16 +1,17 @@
-import "../../dist-oLwM--0y.js";
-import { t as e } from "../../StatusBage-hJmNPqtk.js";
-import { i as t, n } from "../../react.esm-DwWzhs9e.js";
+import { s as e } from "../../dom.esm-S0SD0DBW.js";
+import "../../dist-CuwCMU7Y.js";
+import { t } from "../../StatusBage-hJmNPqtk.js";
+import { n } from "../../react.esm-D50lAl1F.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/StatusBadge/StatusBadge.test.tsx
 describe("StatusBadge", () => {
 	it("should render with message", () => {
-		n(/* @__PURE__ */ r(e, { label: "Status message" })), expect(t.getByText("Status message")).toBeInTheDocument();
+		n(/* @__PURE__ */ r(t, { label: "Status message" })), expect(e.getByText("Status message")).toBeInTheDocument();
 	}), it("should render with highContract", () => {
-		n(/* @__PURE__ */ r(e, {
+		n(/* @__PURE__ */ r(t, {
 			label: "Status message",
 			highContrast: !0
-		})), expect(t.getByText("Status message")).toHaveClass("statusbadge--high-contrast");
+		})), expect(e.getByText("Status message")).toHaveClass("statusbadge--high-contrast");
 	});
 });
 //#endregion

package/dist/components/StatusBadge/StatusBadge.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.test.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n  it('should render with message', () => {\n    render(<StatusBadge label=\"Status message\" />);\n    expect(screen.getByText('Status message')).toBeInTheDocument();\n  });\n\n  it('should render with highContract', () => {\n    render(<StatusBadge label=\"Status message\" highContrast={true} />);\n    expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n  });\n});\n"],"mappings":";;;;;AAKA,SAAS,qBAAqB;CAM5B,AALA,GAAG,oCAAoC;EAErC,AADA,EAAO,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,CAAC,GAC7C,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;CAC/D,CAAC,GAED,GAAG,yCAAyC;EAE1C,AADA,EAAO,kBAAC,GAAD;GAAa,OAAM;GAAiB,cAAc;EAAO,CAAA,CAAC,GACjE,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,YAAY,4BAA4B;CACrF,CAAC;AACH,CAAC"}
+{"version":3,"file":"StatusBadge.test.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n  it('should render with message', () => {\n    render(<StatusBadge label=\"Status message\" />);\n    expect(screen.getByText('Status message')).toBeInTheDocument();\n  });\n\n  it('should render with highContract', () => {\n    render(<StatusBadge label=\"Status message\" highContrast={true} />);\n    expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n  });\n});\n"],"mappings":";;;;;;AAKA,SAAS,qBAAqB;CAM5B,AALA,GAAG,oCAAoC;EAErC,AADA,EAAO,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,CAAC,GAC7C,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;CAC/D,CAAC,GAED,GAAG,yCAAyC;EAE1C,AADA,EAAO,kBAAC,GAAD;GAAa,OAAM;GAAiB,cAAc;EAAO,CAAA,CAAC,GACjE,OAAO,EAAO,UAAU,gBAAgB,CAAC,CAAC,CAAC,YAAY,4BAA4B;CACrF,CAAC;AACH,CAAC"}

package/dist/components/TextArea/TextArea.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { t } from "../../TextArea-D_VoyGIO.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

package/dist/components/TextArea/TextArea.test.js

@@ -1,35 +1,36 @@
-import "../../dist-oLwM--0y.js";
-import { t as e } from "../../TextArea-D_VoyGIO.js";
-import { i as t, n, t as r } from "../../react.esm-DwWzhs9e.js";
-import { t as i } from "../../esm-BXzGXYWZ.js";
+import { s as e } from "../../dom.esm-S0SD0DBW.js";
+import "../../dist-CuwCMU7Y.js";
+import { t } from "../../TextArea-D_VoyGIO.js";
+import { n, t as r } from "../../react.esm-D50lAl1F.js";
+import { t as i } from "../../esm-Bfz5h0_d.js";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/TextArea/TextArea.test.tsx
 describe("TextArea", () => {
 	it("should render correctly with label", () => {
-		n(/* @__PURE__ */ a(e, {
+		n(/* @__PURE__ */ a(t, {
 			onChange: jest.fn(),
 			label: "Test Label"
-		})), expect(t.getByText("Test Label")).toBeInTheDocument();
+		})), expect(e.getByText("Test Label")).toBeInTheDocument();
 	}), it("should call onChange when text is entered", () => {
 		let i = jest.fn();
-		n(/* @__PURE__ */ a(e, { onChange: i }));
-		let o = t.getByRole("textbox");
+		n(/* @__PURE__ */ a(t, { onChange: i }));
+		let o = e.getByRole("textbox");
 		r.input(o, { target: { value: "Hello" } }), expect(i).toHaveBeenCalledWith("Hello");
 	}), it("should update character count", () => {
-		n(/* @__PURE__ */ a(e, {
+		n(/* @__PURE__ */ a(t, {
 			onChange: jest.fn(),
 			label: "Test",
 			maxCharacters: 10
 		}));
-		let i = t.getByRole("textbox");
-		r.input(i, { target: { value: "Test" } }), expect(t.getByText("4")).toBeInTheDocument(), expect(t.getByText("/ 10")).toBeInTheDocument();
+		let i = e.getByRole("textbox");
+		r.input(i, { target: { value: "Test" } }), expect(e.getByText("4")).toBeInTheDocument(), expect(e.getByText("/ 10")).toBeInTheDocument();
 	}), it("should not exceed max characters limit", async () => {
 		let r = jest.fn();
-		n(/* @__PURE__ */ a(e, {
+		n(/* @__PURE__ */ a(t, {
 			onChange: r,
 			maxCharacters: 5
 		}));
-		let o = t.getByRole("textbox");
+		let o = e.getByRole("textbox");
 		await i.type(o, "ExceedsLimit"), expect(r).toHaveBeenCalled(), expect(r.mock.calls[r.mock.calls.length - 1][0].length).toBe(5);
 	});
 });

package/dist/components/TextArea/TextArea.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;AAMA,SAAS,kBAAkB;CAyBzB,AAxBA,GAAG,4CAA4C;EAE7C,AADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;EAAc,CAAA,CAAC,GAC3D,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,kBAAkB;CAC3D,CAAC,GAED,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD,EAAU,UAAU,EAAe,CAAA,CAAC;EAE3C,IAAM,IAAW,EAAO,UAAU,SAAS;EAE3C,AADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,GACxD,OAAO,CAAY,CAAC,CAAC,qBAAqB,OAAO;CACnD,CAAC,GAED,GAAG,uCAAuC;EACxC,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;GAAO,eAAe;EAAK,CAAA,CAAC;EAExE,IAAM,IAAW,EAAO,UAAU,SAAS;EAI3C,AAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GAEvD,OAAO,EAAO,UAAU,GAAG,CAAC,CAAC,CAAC,kBAAkB,GAChD,OAAO,EAAO,UAAU,MAAM,CAAC,CAAC,CAAC,kBAAkB;CACrD,CAAC,GAED,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;EAAI,CAAA,CAAC;EAE7D,IAAM,IAAW,EAAO,UAAU,SAAS;EAM3C,AAJA,MAAM,EAAU,KAAK,GAAU,cAAc,GAE7C,OAAO,CAAY,CAAC,CAAC,iBAAiB,GAEtC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;CACtF,CAAC;AACH,CAAC"}
+{"version":3,"file":"TextArea.test.js","names":[],"sources":["../../../src/components/TextArea/TextArea.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen, fireEvent } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n  it('should render correctly with label', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test Label\" />);\n    expect(screen.getByText('Test Label')).toBeInTheDocument();\n  });\n\n  it('should call onChange when text is entered', () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Hello' } });\n    expect(handleChange).toHaveBeenCalledWith('Hello');\n  });\n\n  it('should update character count', () => {\n    render(<TextArea onChange={jest.fn()} label=\"Test\" maxCharacters={10} />);\n\n    const textarea = screen.getByRole('textbox');\n    fireEvent.input(textarea, { target: { value: 'Test' } });\n\n    expect(screen.getByText('4')).toBeInTheDocument();\n    expect(screen.getByText('/ 10')).toBeInTheDocument();\n  });\n\n  it('should not exceed max characters limit', async () => {\n    const handleChange = jest.fn();\n    render(<TextArea onChange={handleChange} maxCharacters={5} />);\n\n    const textarea = screen.getByRole('textbox');\n\n    await userEvent.type(textarea, 'ExceedsLimit');\n\n    expect(handleChange).toHaveBeenCalled();\n    // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n    expect(handleChange.mock.calls[handleChange.mock.calls.length - 1][0].length).toBe(5);\n  });\n});\n"],"mappings":";;;;;;;AAMA,SAAS,kBAAkB;CAyBzB,AAxBA,GAAG,4CAA4C;EAE7C,AADA,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;EAAc,CAAA,CAAC,GAC3D,OAAO,EAAO,UAAU,YAAY,CAAC,CAAC,CAAC,kBAAkB;CAC3D,CAAC,GAED,GAAG,mDAAmD;EACpD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD,EAAU,UAAU,EAAe,CAAA,CAAC;EAE3C,IAAM,IAAW,EAAO,UAAU,SAAS;EAE3C,AADA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,QAAQ,EAAE,CAAC,GACxD,OAAO,CAAY,CAAC,CAAC,qBAAqB,OAAO;CACnD,CAAC,GAED,GAAG,uCAAuC;EACxC,EAAO,kBAAC,GAAD;GAAU,UAAU,KAAK,GAAG;GAAG,OAAM;GAAO,eAAe;EAAK,CAAA,CAAC;EAExE,IAAM,IAAW,EAAO,UAAU,SAAS;EAI3C,AAHA,EAAU,MAAM,GAAU,EAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,CAAC,GAEvD,OAAO,EAAO,UAAU,GAAG,CAAC,CAAC,CAAC,kBAAkB,GAChD,OAAO,EAAO,UAAU,MAAM,CAAC,CAAC,CAAC,kBAAkB;CACrD,CAAC,GAED,GAAG,0CAA0C,YAAY;EACvD,IAAM,IAAe,KAAK,GAAG;EAC7B,EAAO,kBAAC,GAAD;GAAU,UAAU;GAAc,eAAe;EAAI,CAAA,CAAC;EAE7D,IAAM,IAAW,EAAO,UAAU,SAAS;EAM3C,AAJA,MAAM,EAAU,KAAK,GAAU,cAAc,GAE7C,OAAO,CAAY,CAAC,CAAC,iBAAiB,GAEtC,OAAO,EAAa,KAAK,MAAM,EAAa,KAAK,MAAM,SAAS,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC;CACtF,CAAC;AACH,CAAC"}

package/dist/components/ToggleSwitch/ToggleSwitch.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { t } from "../../ToggleSwitch-ev4Jh4y-.js";
 import { jsx as n } from "react/jsx-runtime";
 var r = {

package/dist/components/VarIndicator/VarIndicator.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Gtly6H2f.js";
+import { r as e } from "../../test-BjtC-Q32.js";
 import { t } from "../../VarIndicator-D0cnlcIf.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.stories.tsx

package/dist/components/VarIndicator/VarIndicator.test.js

@@ -1,7 +1,8 @@
-import "../../dist-oLwM--0y.js";
-import { t as e } from "../../VarIndicator-D0cnlcIf.js";
-import { a as t, i as n, n as r } from "../../react.esm-DwWzhs9e.js";
-import { t as i } from "../../esm-BXzGXYWZ.js";
+import { c as e, s as t } from "../../dom.esm-S0SD0DBW.js";
+import "../../dist-CuwCMU7Y.js";
+import { t as n } from "../../VarIndicator-D0cnlcIf.js";
+import { n as r } from "../../react.esm-D50lAl1F.js";
+import { t as i } from "../../esm-Bfz5h0_d.js";
 import { useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/VarIndicator/VarIndicator.test.tsx
@@ -13,13 +14,13 @@ var s = {
 };
 jest.mock("components/Icon", () => ({ Icon: ({ name: e }) => /* @__PURE__ */ o("svg", { "data-testid": e }) }));
 var c = () => {
-	let [t, n] = a(1);
-	return /* @__PURE__ */ o(e, {
+	let [e, t] = a(1);
+	return /* @__PURE__ */ o(n, {
 		label: s,
 		variant: "SUBMITTED",
 		maxSteps: 3,
-		currentStep: t,
-		onClick: () => n(2)
+		currentStep: e,
+		onClick: () => t(2)
 	});
 };
 describe("VarIndicator", () => {
@@ -27,44 +28,44 @@ describe("VarIndicator", () => {
 	beforeEach(() => {
 		a.mockClear();
 	}), it("should render Concept (DRAFT)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "DRAFT"
-		})), expect(n.getByText("Concept")).toBeInTheDocument();
+		})), expect(t.getByText("Concept")).toBeInTheDocument();
 	}), it("should render Concept (REJECTED)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "REJECTED"
-		})), expect(n.getByText("Concept")).toBeInTheDocument();
+		})), expect(t.getByText("Concept")).toBeInTheDocument();
 	}), it("should render Concept (ACTIVE)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "ACTIVE"
-		})), expect(n.getByText("Actief")).toBeInTheDocument();
+		})), expect(t.getByText("Actief")).toBeInTheDocument();
 	}), it("should render dots (SUBMITTED)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "SUBMITTED",
 			maxSteps: 3,
 			currentStep: 0
-		})), expect(n.getByText("Verificatie")).toBeInTheDocument(), expect(n.getAllByTestId("CircleSmall")).toHaveLength(3), expect(n.queryByTestId("CircleSmallFilled")).not.toBeInTheDocument();
+		})), expect(t.getByText("Verificatie")).toBeInTheDocument(), expect(t.getAllByTestId("CircleSmall")).toHaveLength(3), expect(t.queryByTestId("CircleSmallFilled")).not.toBeInTheDocument();
 	}), it("should render filled dots when currentStep != 0 (SUBMITTED)", () => {
-		r(/* @__PURE__ */ o(e, {
+		r(/* @__PURE__ */ o(n, {
 			label: s,
 			variant: "SUBMITTED",
 			maxSteps: 3,
 			currentStep: 1,
 			onClick: a
 		}));
-		let t = n.getByText("Verificatie");
-		expect(t).toBeInTheDocument(), expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(n.getAllByTestId("CircleSmall")).toHaveLength(2);
+		let e = t.getByText("Verificatie");
+		expect(e).toBeInTheDocument(), expect(t.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(t.getAllByTestId("CircleSmall")).toHaveLength(2);
 	}), it("should render filled dots currentStep is updated (SUBMITTED)", async () => {
-		r(/* @__PURE__ */ o(c, {})), expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(n.getAllByTestId("CircleSmall")).toHaveLength(2);
-		let e = n.getByText("Verificatie");
-		await i.click(e), await t(() => {
-			expect(n.getAllByTestId("CircleSmallFilled")).toHaveLength(2);
-		}), await t(() => {
-			expect(n.getAllByTestId("CircleSmall")).toHaveLength(1);
+		r(/* @__PURE__ */ o(c, {})), expect(t.getAllByTestId("CircleSmallFilled")).toHaveLength(1), expect(t.getAllByTestId("CircleSmall")).toHaveLength(2);
+		let n = t.getByText("Verificatie");
+		await i.click(n), await e(() => {
+			expect(t.getAllByTestId("CircleSmallFilled")).toHaveLength(2);
+		}), await e(() => {
+			expect(t.getAllByTestId("CircleSmall")).toHaveLength(1);
 		});
 	});
 });