@preply/ds-web-lib 11.0.0 → 11.1.0

package/dist/components/LayoutFlex/style/getStyleAttrs.js

@@ -1,162 +1,90 @@
+import { t as getLayoutPaddingClassnames } from "../../../layout-padding-ugY-yd2q.js";
 import { LAYOUT_FLEX_DIRECTION_DEFAULT, LAYOUT_PADDING_DEFAULT } from "@preply/ds-core";
-import { g as getLayoutPaddingClassnames } from "../../../layout-padding-D5I6rRlL.js";
-const DO_NOT_ADD_DATA_ATTRIBUTE = void 0;
+//#region src/components/LayoutFlex/style/getStyleAttrs.ts
+var DO_NOT_ADD_DATA_ATTRIBUTE = void 0;
 function getWrapAttr(props) {
-  const {
-    nowrap
-  } = props;
-  if (nowrap) {
-    return true;
-  }
-  return DO_NOT_ADD_DATA_ATTRIBUTE;
+	const { nowrap } = props;
+	if (nowrap) return true;
 }
 function stringifyResponsiveProp(object) {
-  return JSON.stringify(object);
+	return JSON.stringify(object);
 }
 function getDirectionAttr(props) {
-  const {
-    direction,
-    column,
-    reverse
-  } = props;
-  if (direction === void 0) {
-    if (!reverse && !column) {
-      return {
-        applyThrough: "direction",
-        directionAttr: LAYOUT_FLEX_DIRECTION_DEFAULT
-      };
-    } else {
-      const columnOrRow = column ? "column" : "row";
-      const reverseOrForward = reverse ? "rev" : "fwd";
-      return {
-        applyThrough: "columnReverse",
-        columnReverseAttr: `${columnOrRow}-${reverseOrForward}`
-      };
-    }
-  }
-  if (typeof direction === "string") {
-    return {
-      applyThrough: "direction",
-      directionAttr: direction
-    };
-  }
-  return {
-    applyThrough: "direction",
-    directionAttr: stringifyResponsiveProp(direction)
-  };
+	const { direction, column, reverse } = props;
+	if (direction === void 0) if (!reverse && !column) return {
+		applyThrough: "direction",
+		directionAttr: LAYOUT_FLEX_DIRECTION_DEFAULT
+	};
+	else return {
+		applyThrough: "columnReverse",
+		columnReverseAttr: `${column ? "column" : "row"}-${reverse ? "rev" : "fwd"}`
+	};
+	if (typeof direction === "string") return {
+		applyThrough: "direction",
+		directionAttr: direction
+	};
+	return {
+		applyThrough: "direction",
+		directionAttr: stringifyResponsiveProp(direction)
+	};
 }
 function getJustifyContentAttr(props) {
-  const {
-    justifyContent
-  } = props;
-  if (justifyContent === void 0) {
-    return DO_NOT_ADD_DATA_ATTRIBUTE;
-  }
-  if (typeof justifyContent === "string") {
-    return justifyContent;
-  }
-  return stringifyResponsiveProp(justifyContent);
+	const { justifyContent } = props;
+	if (justifyContent === void 0) return void 0;
+	if (typeof justifyContent === "string") return justifyContent;
+	return stringifyResponsiveProp(justifyContent);
 }
 function getAlignItemsAttr(props) {
-  const {
-    alignItems
-  } = props;
-  if (alignItems === void 0) {
-    return DO_NOT_ADD_DATA_ATTRIBUTE;
-  }
-  if (typeof alignItems === "string") {
-    return alignItems;
-  }
-  return stringifyResponsiveProp(alignItems);
+	const { alignItems } = props;
+	if (alignItems === void 0) return void 0;
+	if (typeof alignItems === "string") return alignItems;
+	return stringifyResponsiveProp(alignItems);
 }
 function getGapAttr(props) {
-  const {
-    gap
-  } = props;
-  if (gap === void 0) {
-    return DO_NOT_ADD_DATA_ATTRIBUTE;
-  }
-  if (typeof gap === "string") {
-    return gap;
-  }
-  return stringifyResponsiveProp(gap);
+	const { gap } = props;
+	if (gap === void 0) return void 0;
+	if (typeof gap === "string") return gap;
+	return stringifyResponsiveProp(gap);
 }
 function getPaddingAttr(props) {
-  const {
-    padding
-  } = props;
-  if (padding === void 0) {
-    return {
-      applyThrough: "attr",
-      attr: LAYOUT_PADDING_DEFAULT
-    };
-  }
-  if (typeof padding === "string" || typeof padding === "number") {
-    return {
-      applyThrough: "attr",
-      attr: padding
-    };
-  }
-  if (Array.isArray(padding)) {
-    return {
-      applyThrough: "classnames",
-      classNames: getLayoutPaddingClassnames(padding)
-    };
-  }
-  const attr = stringifyResponsiveProp(padding);
-  const isUsingShortHandSyntax = attr.includes("[");
-  if (isUsingShortHandSyntax) {
-    return {
-      applyThrough: "classnames",
-      classNames: getLayoutPaddingClassnames(padding)
-    };
-  } else {
-    return {
-      applyThrough: "attr",
-      attr: JSON.stringify(padding)
-    };
-  }
+	const { padding } = props;
+	if (padding === void 0) return {
+		applyThrough: "attr",
+		attr: LAYOUT_PADDING_DEFAULT
+	};
+	if (typeof padding === "string" || typeof padding === "number") return {
+		applyThrough: "attr",
+		attr: padding
+	};
+	if (Array.isArray(padding)) return {
+		applyThrough: "classnames",
+		classNames: getLayoutPaddingClassnames(padding)
+	};
+	if (stringifyResponsiveProp(padding).includes("[")) return {
+		applyThrough: "classnames",
+		classNames: getLayoutPaddingClassnames(padding)
+	};
+	else return {
+		applyThrough: "attr",
+		attr: JSON.stringify(padding)
+	};
 }
 function getDisplayAttr(props) {
-  const {
-    hide,
-    inline
-  } = props;
-  if (hide === void 0) {
-    return DO_NOT_ADD_DATA_ATTRIBUTE;
-  }
-  const display = inline ? "inline-flex" : "flex";
-  if (typeof hide === "boolean") {
-    return hide ? "hide" : display;
-  }
-  let stringifiedDisplay = stringifyResponsiveProp(hide);
-  stringifiedDisplay = stringifiedDisplay.replace(/true/g, '"hide"');
-  stringifiedDisplay = stringifiedDisplay.replace(/false/g, `"${display}"`);
-  return stringifiedDisplay;
+	const { hide, inline } = props;
+	if (hide === void 0) return void 0;
+	const display = inline ? "inline-flex" : "flex";
+	if (typeof hide === "boolean") return hide ? "hide" : display;
+	let stringifiedDisplay = stringifyResponsiveProp(hide);
+	stringifiedDisplay = stringifiedDisplay.replace(/true/g, "\"hide\"");
+	stringifiedDisplay = stringifiedDisplay.replace(/false/g, `"${display}"`);
+	return stringifiedDisplay;
 }
 function getRelativeAttr(props) {
-  const {
-    relative
-  } = props;
-  if (relative === void 0) {
-    return DO_NOT_ADD_DATA_ATTRIBUTE;
-  }
-  if (relative === true) {
-    return true;
-  }
-  if (relative === false) {
-    return DO_NOT_ADD_DATA_ATTRIBUTE;
-  }
-  return stringifyResponsiveProp(relative);
+	const { relative } = props;
+	if (relative === void 0) return void 0;
+	if (relative === true) return true;
+	if (relative === false) return void 0;
+	return stringifyResponsiveProp(relative);
 }
-export {
-  DO_NOT_ADD_DATA_ATTRIBUTE,
-  getAlignItemsAttr,
-  getDirectionAttr,
-  getDisplayAttr,
-  getGapAttr,
-  getJustifyContentAttr,
-  getPaddingAttr,
-  getRelativeAttr,
-  getWrapAttr
-};
+//#endregion
+export { DO_NOT_ADD_DATA_ATTRIBUTE, getAlignItemsAttr, getDirectionAttr, getDisplayAttr, getGapAttr, getJustifyContentAttr, getPaddingAttr, getRelativeAttr, getWrapAttr };

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

@@ -1,115 +1,85 @@
-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/AlignItems.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function Div1(props) {
-  return /* @__PURE__ */ jsx("div", { style: {
-    background: "yellow",
-    height: "60px"
-  }, children: props.children });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		style: {
+			background: "yellow",
+			height: "60px"
+		},
+		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 AlignItemsCenter() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsCenter" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsCenter"
-    }, alignItems: "center", 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: "AlignItemsCenter" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsCenter" },
+		alignItems: "center",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function AlignItemsStart() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsStart" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsStart"
-    }, alignItems: "start", 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: "AlignItemsStart" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsStart" },
+		alignItems: "start",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function AlignItemsEnd() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsEnd" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsEnd"
-    }, alignItems: "end", 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: "AlignItemsEnd" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsEnd" },
+		alignItems: "end",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function AlignItemsStretch() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsStretch" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsStretch"
-    }, alignItems: "stretch", 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: "AlignItemsStretch" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsStretch" },
+		alignItems: "stretch",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function AlignItemsBaseline() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsBaseline" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsBaseline"
-    }, alignItems: "baseline", 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: "AlignItemsBaseline" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsBaseline" },
+		alignItems: "baseline",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function AlignItemsResponsive() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsResponsive" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsResponsive"
-    }, alignItems: {
-      // start is never used to avoid false positives with the default CSS value
-      _: "center",
-      "narrow-l": "end",
-      "medium-s": "baseline",
-      "medium-l": "center",
-      "wide-s": "stretch",
-      "wide-l": "end"
-    }, 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: "AlignItemsResponsive" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsResponsive" },
+		alignItems: {
+			_: "center",
+			"narrow-l": "end",
+			"medium-s": "baseline",
+			"medium-l": "center",
+			"wide-s": "stretch",
+			"wide-l": "end"
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function AlignItemsResponsiveInvertedOrder() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "AlignItemsResponsiveInvertedOrder" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "AlignItemsResponsiveInvertedOrder"
-    }, alignItems: {
-      // start is never used to avoid false positives with the default CSS value
-      "wide-l": "end",
-      "wide-s": "stretch",
-      "medium-l": "center",
-      "medium-s": "baseline",
-      "narrow-l": "end",
-      _: "center"
-    }, 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: "AlignItemsResponsiveInvertedOrder" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "AlignItemsResponsiveInvertedOrder" },
+		alignItems: {
+			"wide-l": "end",
+			"wide-s": "stretch",
+			"medium-l": "center",
+			"medium-s": "baseline",
+			"narrow-l": "end",
+			_: "center"
+		},
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
-export {
-  AlignItemsBaseline,
-  AlignItemsCenter,
-  AlignItemsEnd,
-  AlignItemsResponsive,
-  AlignItemsResponsiveInvertedOrder,
-  AlignItemsStart,
-  AlignItemsStretch
-};
+//#endregion
+export { AlignItemsBaseline, AlignItemsCenter, AlignItemsEnd, AlignItemsResponsive, AlignItemsResponsiveInvertedOrder, AlignItemsStart, AlignItemsStretch };

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

@@ -1,122 +1,85 @@
-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/ColumnReverse.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 ColumnReverseTrueUndefined() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseTrueUndefined" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseTrueUndefined"
-    }, column: true, 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: "ColumnReverseTrueUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseTrueUndefined" },
+		column: true,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseTrueFalse() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseTrueFalse" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseTrueFalse"
-    }, column: true, reverse: false, 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: "ColumnReverseTrueFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseTrueFalse" },
+		column: true,
+		reverse: false,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseTrueTrue() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseTrueTrue" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseTrueTrue"
-    }, column: true, reverse: true, 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: "ColumnReverseTrueTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseTrueTrue" },
+		column: true,
+		reverse: true,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseFalseUndefined() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseFalseUndefined" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseFalseUndefined"
-    }, column: false, 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: "ColumnReverseFalseUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseFalseUndefined" },
+		column: false,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseFalseFalse() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseFalseFalse" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseFalseFalse"
-    }, column: false, reverse: false, 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: "ColumnReverseFalseFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseFalseFalse" },
+		column: false,
+		reverse: false,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseFalseTrue() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseFalseTrue" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseFalseTrue"
-    }, column: false, reverse: true, 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: "ColumnReverseFalseTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseFalseTrue" },
+		column: false,
+		reverse: true,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseUndefinedUndefined() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseUndefinedUndefined" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseUndefinedUndefined"
-    }, 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: "ColumnReverseUndefinedUndefined" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseUndefinedUndefined" },
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseUndefinedFalse() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseUndefinedFalse" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseUndefinedFalse"
-    }, reverse: false, 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: "ColumnReverseUndefinedFalse" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseUndefinedFalse" },
+		reverse: false,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
 function ColumnReverseUndefinedTrue() {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: "ColumnReverseUndefinedTrue" }),
-    /* @__PURE__ */ jsxs(LayoutFlex, { dataset: {
-      testid: "ColumnReverseUndefinedTrue"
-    }, reverse: true, 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: "ColumnReverseUndefinedTrue" }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LayoutFlex, {
+		dataset: { testid: "ColumnReverseUndefinedTrue" },
+		reverse: true,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div1, { children: "a" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Div2, { children: "b" })]
+	})] });
 }
-export {
-  ColumnReverseFalseFalse,
-  ColumnReverseFalseTrue,
-  ColumnReverseFalseUndefined,
-  ColumnReverseTrueFalse,
-  ColumnReverseTrueTrue,
-  ColumnReverseTrueUndefined,
-  ColumnReverseUndefinedFalse,
-  ColumnReverseUndefinedTrue,
-  ColumnReverseUndefinedUndefined
-};
+//#endregion
+export { ColumnReverseFalseFalse, ColumnReverseFalseTrue, ColumnReverseFalseUndefined, ColumnReverseTrueFalse, ColumnReverseTrueTrue, ColumnReverseTrueUndefined, ColumnReverseUndefinedFalse, ColumnReverseUndefinedTrue, ColumnReverseUndefinedUndefined };