@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/components/LayoutFlex/tests/Default.js

@@ -1,26 +1,25 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { LayoutFlex } from "../LayoutFlex.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
+import "react";
+//#region src/components/LayoutFlex/tests/Default.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function Div1(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "yellow"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { background: "yellow" },
+		children: props.children
+	});
 }
 function Div2(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "orange"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { background: "orange" },
+		children: props.children
+	});
 }
 function Default() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Default" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Default"
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Default" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Default" },
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
-export {
-  Default
-};
+//#endregion
+export { Default };

package/dist/components/LayoutFlex/tests/Direction.js

@@ -1,104 +1,81 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { LayoutFlex } from "../LayoutFlex.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
+import "react";
+//#region src/components/LayoutFlex/tests/Direction.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function Div1(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "yellow",
-    width: "50%"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: {
+			background: "yellow",
+			width: "50%"
+		},
+		children: props.children
+	});
 }
 function Div2(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "orange",
-    width: "50%"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: {
+			background: "orange",
+			width: "50%"
+		},
+		children: props.children
+	});
 }
 function DirectionRow() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DirectionRow" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DirectionRow"
-    }, direction: "row", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DirectionRow" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "DirectionRow" },
+		direction: "row",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function DirectionRowReverse() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DirectionRowReverse" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DirectionRowReverse"
-    }, direction: "row-reverse", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DirectionRowReverse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "DirectionRowReverse" },
+		direction: "row-reverse",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function DirectionColumn() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DirectionColumn" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DirectionColumn"
-    }, direction: "column", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DirectionColumn" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "DirectionColumn" },
+		direction: "column",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function DirectionColumnReverse() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DirectionColumnReverse" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DirectionColumnReverse"
-    }, direction: "column-reverse", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DirectionColumnReverse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "DirectionColumnReverse" },
+		direction: "column-reverse",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function DirectionColumnReverseResponsive() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DirectionColumnReverseResponsive" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DirectionColumnReverseResponsive"
-    }, direction: {
-      // row is never used to avoid false positives with the default CSS value
-      _: "column-reverse",
-      "narrow-l": "column",
-      "medium-s": "row-reverse",
-      "medium-l": "column-reverse",
-      "wide-s": "column",
-      "wide-l": "row-reverse"
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "A" }),
-      /* @__PURE__ */ jsx(Div2, { children: "B" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DirectionColumnReverseResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "DirectionColumnReverseResponsive" },
+		direction: {
+			_: "column-reverse",
+			"narrow-l": "column",
+			"medium-s": "row-reverse",
+			"medium-l": "column-reverse",
+			"wide-s": "column",
+			"wide-l": "row-reverse"
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "A" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "B" })]
+	})] });
 }
 function DirectionColumnReverseResponsiveInvertedOrder() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "DirectionColumnReverseResponsiveInvertedOrder" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "DirectionColumnReverseResponsiveInvertedOrder"
-    }, direction: {
-      // row is never used to avoid false positives with the default CSS value
-      "wide-l": "row-reverse",
-      "wide-s": "column",
-      "medium-l": "column-reverse",
-      "medium-s": "row-reverse",
-      "narrow-l": "column",
-      _: "column-reverse"
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "A" }),
-      /* @__PURE__ */ jsx(Div2, { children: "B" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "DirectionColumnReverseResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "DirectionColumnReverseResponsiveInvertedOrder" },
+		direction: {
+			"wide-l": "row-reverse",
+			"wide-s": "column",
+			"medium-l": "column-reverse",
+			"medium-s": "row-reverse",
+			"narrow-l": "column",
+			_: "column-reverse"
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "A" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "B" })]
+	})] });
 }
-export {
-  DirectionColumn,
-  DirectionColumnReverse,
-  DirectionColumnReverseResponsive,
-  DirectionColumnReverseResponsiveInvertedOrder,
-  DirectionRow,
-  DirectionRowReverse
-};
+//#endregion
+export { DirectionColumn, DirectionColumnReverse, DirectionColumnReverseResponsive, DirectionColumnReverseResponsiveInvertedOrder, DirectionRow, DirectionRowReverse };

package/dist/components/LayoutFlex/tests/Gap.js

@@ -1,234 +1,152 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { LayoutFlex } from "../LayoutFlex.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { t as LayoutFlex } from "../../../LayoutFlex-e9auDvWD.js";
+import "react";
+//#region src/components/LayoutFlex/tests/Gap.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function Div1(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "yellow"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { background: "yellow" },
+		children: props.children
+	});
 }
 function Div2(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "orange"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: { background: "orange" },
+		children: props.children
+	});
 }
 function Spacing0() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing0" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing0"
-    }, gap: "0", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing0" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing0" },
+		gap: "0",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing1() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing1" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing1"
-    }, gap: "1", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing1" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing1" },
+		gap: "1",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing2() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing2" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing2"
-    }, gap: "2", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing2" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing2" },
+		gap: "2",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing4() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing4" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing4"
-    }, gap: "4", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing4" },
+		gap: "4",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing6() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing6" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing6"
-    }, gap: "6", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing6" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing6" },
+		gap: "6",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing8() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing8" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing8"
-    }, gap: "8", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing8" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing8" },
+		gap: "8",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing12() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing12" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing12"
-    }, gap: "12", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing12" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing12" },
+		gap: "12",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing16() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing16" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing16"
-    }, gap: "16", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing16" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing16" },
+		gap: "16",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing20() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing20" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing20"
-    }, gap: "20", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing20" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing20" },
+		gap: "20",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing24() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing24" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing24"
-    }, gap: "24", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing24" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing24" },
+		gap: "24",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing32() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing32" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing32"
-    }, gap: "32", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing32" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing32" },
+		gap: "32",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing48() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing48" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing48"
-    }, gap: "48", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing48" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing48" },
+		gap: "48",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing64() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing64" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing64"
-    }, gap: "64", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing64" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing64" },
+		gap: "64",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing96() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing96" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing96"
-    }, gap: "96", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing96" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing96" },
+		gap: "96",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function Spacing160() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "Spacing160" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "Spacing160"
-    }, gap: "160", children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Spacing160" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "Spacing160" },
+		gap: "160",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function SpacingResponsive() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "SpacingResponsive" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "SpacingResponsive"
-    }, gap: {
-      // 0 is never used to avoid false positives with the default CSS value
-      _: "4",
-      "narrow-l": "8",
-      "medium-s": "12",
-      "medium-l": "16",
-      "wide-s": "20",
-      "wide-l": "24"
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "SpacingResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "SpacingResponsive" },
+		gap: {
+			_: "4",
+			"narrow-l": "8",
+			"medium-s": "12",
+			"medium-l": "16",
+			"wide-s": "20",
+			"wide-l": "24"
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function SpacingResponsiveInvertedOrder() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "SpacingResponsiveInvertedOrder" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "SpacingResponsiveInvertedOrder"
-    }, gap: {
-      // 0 is never used to avoid false positives with the default CSS value
-      "wide-l": "24",
-      "wide-s": "20",
-      "medium-l": "16",
-      "medium-s": "12",
-      "narrow-l": "8",
-      _: "4"
-    }, children: [
-      /* @__PURE__ */ jsx(Div1, { children: "a" }),
-      /* @__PURE__ */ jsx(Div2, { children: "b" })
-    ] })
-  ] });
-}
-export {
-  Spacing0,
-  Spacing1,
-  Spacing12,
-  Spacing16,
-  Spacing160,
-  Spacing2,
-  Spacing20,
-  Spacing24,
-  Spacing32,
-  Spacing4,
-  Spacing48,
-  Spacing6,
-  Spacing64,
-  Spacing8,
-  Spacing96,
-  SpacingResponsive,
-  SpacingResponsiveInvertedOrder
-};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "SpacingResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "SpacingResponsiveInvertedOrder" },
+		gap: {
+			"wide-l": "24",
+			"wide-s": "20",
+			"medium-l": "16",
+			"medium-s": "12",
+			"narrow-l": "8",
+			_: "4"
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
+}
+//#endregion
+export { Spacing0, Spacing1, Spacing12, Spacing16, Spacing160, Spacing2, Spacing20, Spacing24, Spacing32, Spacing4, Spacing48, Spacing6, Spacing64, Spacing8, Spacing96, SpacingResponsive, SpacingResponsiveInvertedOrder };