@niche-works/style-layouts 0.3.1 → 0.4.0

package/core/stack/stack.mjs

@@ -1,18 +1,17 @@
-import { clsLayoutStack } from "../constants.mjs";
-import { clsLayout, varLayout } from "../_constants.mjs";
+import { clsLayout, clsLayoutStack, varLayout } from "../_constants.mjs";
 import hasValue from "../_internal/hasValue.mjs";
+import mergeClassName from "../_internal/mergeClassName.mjs";
 import applyChildRatio from "../_internal/applyChildRatio.mjs";
 import unit from "../_internal/unit.mjs";
 import applyGap from "../_internal/applyGap.mjs";
 import mergeLayoutResults from "../_internal/mergeLayoutResults.mjs";
 import maybeDefault from "@niche-works/utils/object/maybeDefault";
-import clsx from "clsx";
 
 //#region src/core/stack/stack.ts
 /**
 * stackレイアウト
 *
-* - 子要素を並べて配置する
+* - 子要素を一列に並べて配置する
 */
 const stack = (options = {}) => {
 	const { direction, alignX, alignY, adjustX, adjustY, gap, gapX = gap, gapY = gap, childSizeX, childSizeY, childRatioX, childRatioY } = maybeDefault(options, {
@@ -21,7 +20,7 @@ const stack = (options = {}) => {
 		alignY: "top"
 	}, { overwriteNull: true });
 	const result = {
-		className: clsx(clsLayoutStack, clsLayout.direction[direction], clsLayout.align.x[alignX], clsLayout.align.y[alignY]),
+		className: mergeClassName(clsLayoutStack, clsLayout.direction[direction], clsLayout.align.x[alignX], clsLayout.align.y[alignY]),
 		style: {}
 	};
 	applyGap(result, gap, gapX, gapY);
@@ -45,9 +44,9 @@ const stack = (options = {}) => {
 * @returns スタイル
 */
 function _getStackMainAxisStyle(axis, align, adjust, childSize) {
-	const result = { className: clsx(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]) };
+	const result = { className: mergeClassName(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]) };
 	if (hasValue(childSize)) {
-		result.className = clsx(result.className, clsLayout.childSize[axis]);
+		result.className = mergeClassName(result.className, clsLayout.childSize[axis]);
 		result.style = { [varLayout.childSize[axis]]: unit(childSize) };
 	}
 	return result;
@@ -62,34 +61,34 @@ function _getStackMainAxisStyle(axis, align, adjust, childSize) {
 */
 function _getStackClossAxisStyle(axis, align, adjust, childSize) {
 	if (adjust === "fit") return {
-		className: clsx(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]),
+		className: mergeClassName(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]),
 		style: { [varLayout.childSize[axis]]: `min(0, 100%)` }
 	};
 	else if (adjust === "grow") {
 		const result = {
-			className: clsx(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]),
+			className: mergeClassName(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]),
 			style: {}
 		};
 		if (hasValue(childSize)) {
-			result.className = clsx(result.className, clsLayout.childSize[axis]);
+			result.className = mergeClassName(result.className, clsLayout.childSize[axis]);
 			result.style[varLayout.childSize[axis]] = unit(childSize);
 		}
 		return result;
 	} else if (adjust === "shrink") {
 		const result = {
-			className: clsx(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]),
+			className: mergeClassName(clsLayout.align[axis][align], clsLayout.adjust[axis][adjust]),
 			style: {}
 		};
 		if (hasValue(childSize)) {
-			result.className = clsx(result.className, clsLayout.childSize[axis]);
+			result.className = mergeClassName(result.className, clsLayout.childSize[axis]);
 			result.style = { [varLayout.childSize[axis]]: `min(${unit(childSize)}, 100%)` };
 		}
 		return result;
 	} else if (hasValue(childSize)) return {
-		className: clsx(clsLayout.align[axis][align], clsLayout.childSize[axis]),
+		className: mergeClassName(clsLayout.align[axis][align], clsLayout.childSize[axis]),
 		style: { [varLayout.childSize[axis]]: unit(childSize) }
 	};
-	else return { className: clsx(clsLayout.align[axis][align]) };
+	else return { className: mergeClassName(clsLayout.align[axis][align]) };
 }
 
 //#endregion

package/core/styles.css

@@ -925,9 +925,29 @@
 }
 .nws-layout-balance.nws-layout-direction-x {
   grid-auto-flow: column;
+  grid-auto-columns: max-content;
+}
+.nws-layout-balance.nws-layout-direction-x.nws-layout-adjustX-grow, .nws-layout-balance.nws-layout-direction-x.nws-layout-adjustX-fit {
+  grid-auto-columns: auto;
+}
+.nws-layout-balance.nws-layout-direction-x.nws-layout-adjustX-shrink {
+  grid-auto-columns: minmax(0, max-content);
+}
+.nws-layout-balance.nws-layout-direction-x.nws-layout-childSizeX {
+  grid-auto-columns: auto;
 }
 .nws-layout-balance.nws-layout-direction-y {
   grid-auto-flow: row;
+  grid-auto-rows: max-content;
+}
+.nws-layout-balance.nws-layout-direction-y.nws-layout-adjustY-grow, .nws-layout-balance.nws-layout-direction-y.nws-layout-adjustY-fit {
+  grid-auto-rows: auto;
+}
+.nws-layout-balance.nws-layout-direction-y.nws-layout-adjustY-shrink {
+  grid-auto-rows: minmax(0, max-content);
+}
+.nws-layout-balance.nws-layout-direction-y.nws-layout-childSizeY {
+  grid-auto-rows: auto;
 }
 .nws-layout-balance.nws-layout-alignX-left {
   justify-items: flex-start;
@@ -981,9 +1001,15 @@
 .nws-layout-balance.nws-layout-adjustX-grow > *, .nws-layout-balance.nws-layout-adjustX-shrink > * {
   width: 100%;
 }
+.nws-layout-balance.nws-layout-adjustX-grow > * {
+  min-width: max-content;
+}
 .nws-layout-balance.nws-layout-adjustX-grow.nws-layout-childSizeX > * {
   min-width: var(--nws-layout-childSizeX);
 }
+.nws-layout-balance.nws-layout-adjustX-shrink > * {
+  max-width: max-content;
+}
 .nws-layout-balance.nws-layout-adjustX-shrink.nws-layout-childSizeX > * {
   max-width: var(--nws-layout-childSizeX);
 }
@@ -999,9 +1025,15 @@
 .nws-layout-balance.nws-layout-adjustY-grow > *, .nws-layout-balance.nws-layout-adjustY-shrink > * {
   height: 100%;
 }
+.nws-layout-balance.nws-layout-adjustY-grow:not(.nws-layout-childSizeY) > * {
+  min-height: max-content;
+}
 .nws-layout-balance.nws-layout-adjustY-grow.nws-layout-childSizeY > * {
   min-height: var(--nws-layout-childSizeY);
 }
+.nws-layout-balance.nws-layout-adjustY-shrink:not(.nws-layout-childSizeY) > * {
+  max-height: max-content;
+}
 .nws-layout-balance.nws-layout-adjustY-shrink.nws-layout-childSizeY > * {
   max-height: var(--nws-layout-childSizeY);
 }

package/core/tile/tile.cjs

@@ -1,13 +1,11 @@
 const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
-const require_core_constants = require('../constants.cjs');
 const require_core__constants = require('../_constants.cjs');
+const require_core__internal_mergeClassName = require('../_internal/mergeClassName.cjs');
 const require_core__internal_applyChildRatio = require('../_internal/applyChildRatio.cjs');
 const require_core__internal_applyChildSize = require('../_internal/applyChildSize.cjs');
 const require_core__internal_applyGap = require('../_internal/applyGap.cjs');
 let _niche_works_utils_object_maybeDefault = require("@niche-works/utils/object/maybeDefault");
 _niche_works_utils_object_maybeDefault = require_runtime.__toESM(_niche_works_utils_object_maybeDefault, 1);
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx, 1);
 
 //#region src/core/tile/tile.ts
 /**
@@ -23,7 +21,7 @@ const tile = (options = {}) => {
 		alignY: "top"
 	}, { overwriteNull: true });
 	const result = {
-		className: (0, clsx.default)(require_core_constants.clsLayoutTile, require_core__constants.clsLayout.direction[direction], require_core__constants.clsLayout.align.x[alignX], require_core__constants.clsLayout.align.y[alignY], require_core__constants.clsLayout.adjust.x[adjustX], require_core__constants.clsLayout.adjust.y[adjustY]),
+		className: require_core__internal_mergeClassName(require_core__constants.clsLayoutTile, require_core__constants.clsLayout.direction[direction], require_core__constants.clsLayout.align.x[alignX], require_core__constants.clsLayout.align.y[alignY], require_core__constants.clsLayout.adjust.x[adjustX], require_core__constants.clsLayout.adjust.y[adjustY]),
 		style: {}
 	};
 	require_core__internal_applyGap(result, gap, gapX, gapY);

package/core/tile/tile.mjs

@@ -1,10 +1,9 @@
-import { clsLayoutTile } from "../constants.mjs";
-import { clsLayout } from "../_constants.mjs";
+import { clsLayout, clsLayoutTile } from "../_constants.mjs";
+import mergeClassName from "../_internal/mergeClassName.mjs";
 import applyChildRatio from "../_internal/applyChildRatio.mjs";
 import applyChildSize from "../_internal/applyChildSize.mjs";
 import applyGap from "../_internal/applyGap.mjs";
 import maybeDefault from "@niche-works/utils/object/maybeDefault";
-import clsx from "clsx";
 
 //#region src/core/tile/tile.ts
 /**
@@ -20,7 +19,7 @@ const tile = (options = {}) => {
 		alignY: "top"
 	}, { overwriteNull: true });
 	const result = {
-		className: clsx(clsLayoutTile, clsLayout.direction[direction], clsLayout.align.x[alignX], clsLayout.align.y[alignY], clsLayout.adjust.x[adjustX], clsLayout.adjust.y[adjustY]),
+		className: mergeClassName(clsLayoutTile, clsLayout.direction[direction], clsLayout.align.x[alignX], clsLayout.align.y[alignY], clsLayout.adjust.x[adjustX], clsLayout.adjust.y[adjustY]),
 		style: {}
 	};
 	applyGap(result, gap, gapX, gapY);

package/core/types.d.cts

@@ -1,4 +1,3 @@
-import { CSSCustomProperties } from "./_types.cjs";
 import { LooseDictionary } from "@niche-works/types";
 
 //#region src/core/types.d.ts
@@ -19,5 +18,11 @@ type StyleLayoutResult = {
    */
   style?: CSSCustomProperties;
 };
+/**
+ * CSSカスタムプロパティ(変数)
+ */
+type CSSCustomProperties = {
+  [key: `--${string}`]: string | undefined;
+};
 //#endregion
-export { StyleLayout, StyleLayoutResult };
+export { CSSCustomProperties, StyleLayout, StyleLayoutResult };

package/core/types.d.mts

@@ -1,4 +1,3 @@
-import { CSSCustomProperties } from "./_types.mjs";
 import { LooseDictionary } from "@niche-works/types";
 
 //#region src/core/types.d.ts
@@ -19,5 +18,11 @@ type StyleLayoutResult = {
    */
   style?: CSSCustomProperties;
 };
+/**
+ * CSSカスタムプロパティ(変数)
+ */
+type CSSCustomProperties = {
+  [key: `--${string}`]: string | undefined;
+};
 //#endregion
-export { StyleLayout, StyleLayoutResult };
+export { CSSCustomProperties, StyleLayout, StyleLayoutResult };

package/flow/index.cjs

@@ -1,4 +1,8 @@
-require('../core/flow/styles.css');
 const require_core_flow_flow = require('../core/flow/flow.cjs');
+require('../core/flow/styles.css');
+
+//#region src/flow/index.ts
+var flow_default = require_core_flow_flow;
 
-module.exports = require_core_flow_flow;
+//#endregion
+module.exports = flow_default;

package/flow/index.mjs

@@ -1,4 +1,8 @@
-import "../core/flow/styles.css";
 import flow from "../core/flow/flow.mjs";
+import "../core/flow/styles.css";
+
+//#region src/flow/index.ts
+var flow_default = flow;
 
-export { flow as default };
+//#endregion
+export { flow_default as default };

package/helpers/_internal/constants.cjs

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#region src/helpers/_internal/constants.ts
+const DIRECTION_OPTIONS_KEYS = ["direction"];
+const ALIGN_OPTIONS_KEYS = ["alignX", "alignY"];
+const ADJUST_OPTIONS_KEYS = ["adjustX", "adjustY"];
+const GAP_OPTIONS_KEYS = [
+	"gap",
+	"gapX",
+	"gapY"
+];
+const CHILD_SIZE_OPTIONS_KEYS = ["childSizeX", "childSizeY"];
+const CHILD_RATIO_OPTIONS_KEYS = ["childRatioX", "childRatioY"];
+const CHILD_COUNT_OPTIONS_KEYS = ["childCountX", "childCountY"];
+const TRACKS_OPTIONS_KEYS = ["tracksX", "tracksY"];
+
+//#endregion
+exports.ADJUST_OPTIONS_KEYS = ADJUST_OPTIONS_KEYS;
+exports.ALIGN_OPTIONS_KEYS = ALIGN_OPTIONS_KEYS;
+exports.CHILD_COUNT_OPTIONS_KEYS = CHILD_COUNT_OPTIONS_KEYS;
+exports.CHILD_RATIO_OPTIONS_KEYS = CHILD_RATIO_OPTIONS_KEYS;
+exports.CHILD_SIZE_OPTIONS_KEYS = CHILD_SIZE_OPTIONS_KEYS;
+exports.DIRECTION_OPTIONS_KEYS = DIRECTION_OPTIONS_KEYS;
+exports.GAP_OPTIONS_KEYS = GAP_OPTIONS_KEYS;
+exports.TRACKS_OPTIONS_KEYS = TRACKS_OPTIONS_KEYS;

package/helpers/_internal/constants.d.cts

@@ -0,0 +1,13 @@
+import { AdjustOptions, AlignOptions, ChildCountOptions, ChildRatioOptions, ChildSizeOptions, DirectionOptions, GapOptions, TracksOptions } from "../../core/_types.cjs";
+
+//#region src/helpers/_internal/constants.d.ts
+declare const DIRECTION_OPTIONS_KEYS: (keyof DirectionOptions)[];
+declare const ALIGN_OPTIONS_KEYS: (keyof AlignOptions)[];
+declare const ADJUST_OPTIONS_KEYS: (keyof AdjustOptions)[];
+declare const GAP_OPTIONS_KEYS: (keyof GapOptions)[];
+declare const CHILD_SIZE_OPTIONS_KEYS: (keyof ChildSizeOptions)[];
+declare const CHILD_RATIO_OPTIONS_KEYS: (keyof ChildRatioOptions)[];
+declare const CHILD_COUNT_OPTIONS_KEYS: (keyof ChildCountOptions)[];
+declare const TRACKS_OPTIONS_KEYS: (keyof TracksOptions)[];
+//#endregion
+export { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_COUNT_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS, TRACKS_OPTIONS_KEYS };

package/helpers/_internal/constants.d.mts

@@ -0,0 +1,13 @@
+import { AdjustOptions, AlignOptions, ChildCountOptions, ChildRatioOptions, ChildSizeOptions, DirectionOptions, GapOptions, TracksOptions } from "../../core/_types.mjs";
+
+//#region src/helpers/_internal/constants.d.ts
+declare const DIRECTION_OPTIONS_KEYS: (keyof DirectionOptions)[];
+declare const ALIGN_OPTIONS_KEYS: (keyof AlignOptions)[];
+declare const ADJUST_OPTIONS_KEYS: (keyof AdjustOptions)[];
+declare const GAP_OPTIONS_KEYS: (keyof GapOptions)[];
+declare const CHILD_SIZE_OPTIONS_KEYS: (keyof ChildSizeOptions)[];
+declare const CHILD_RATIO_OPTIONS_KEYS: (keyof ChildRatioOptions)[];
+declare const CHILD_COUNT_OPTIONS_KEYS: (keyof ChildCountOptions)[];
+declare const TRACKS_OPTIONS_KEYS: (keyof TracksOptions)[];
+//#endregion
+export { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_COUNT_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS, TRACKS_OPTIONS_KEYS };

package/helpers/_internal/constants.mjs

@@ -0,0 +1,16 @@
+//#region src/helpers/_internal/constants.ts
+const DIRECTION_OPTIONS_KEYS = ["direction"];
+const ALIGN_OPTIONS_KEYS = ["alignX", "alignY"];
+const ADJUST_OPTIONS_KEYS = ["adjustX", "adjustY"];
+const GAP_OPTIONS_KEYS = [
+	"gap",
+	"gapX",
+	"gapY"
+];
+const CHILD_SIZE_OPTIONS_KEYS = ["childSizeX", "childSizeY"];
+const CHILD_RATIO_OPTIONS_KEYS = ["childRatioX", "childRatioY"];
+const CHILD_COUNT_OPTIONS_KEYS = ["childCountX", "childCountY"];
+const TRACKS_OPTIONS_KEYS = ["tracksX", "tracksY"];
+
+//#endregion
+export { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_COUNT_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS, TRACKS_OPTIONS_KEYS };

package/helpers/_internal/createExtractLayoutOptions.cjs

@@ -0,0 +1,25 @@
+
+//#region src/helpers/_internal/createExtractLayoutOptions.ts
+/**
+* レコードからレイアウトオプションとそれ以外のプロパティを分離する関数を作成する
+*
+* @param optionsKeys レイアウトオプションのキー
+*/
+function createExtractLayoutOptions(optionKeys) {
+	const keySet = new Set(optionKeys);
+	/**
+	* レコードからレイアウトオプションとそれ以外のプロパティを分離する
+	*
+	* @param record レイアウトオプションとその他のプロパティを含むレコード
+	* @returns `[layoutOptions, rest]` のタプル。`layoutOptions` はレイアウトに対応するプロパティ、`rest` はそれ以外のプロパティ
+	*/
+	return (record) => {
+		const options = {};
+		const rest = {};
+		if (record) for (const [k, v] of Object.entries(record)) (keySet.has(k) ? options : rest)[k] = v;
+		return [options, rest];
+	};
+}
+
+//#endregion
+module.exports = createExtractLayoutOptions;

package/helpers/_internal/createExtractLayoutOptions.d.cts

@@ -0,0 +1,8 @@
+//#region src/helpers/_internal/createExtractLayoutOptions.d.ts
+/**
+ * レコードからレイアウトオプションとそれ以外のプロパティを分離する関数を作成する
+ *
+ * @param optionsKeys レイアウトオプションのキー
+ */
+declare function createExtractLayoutOptions<TOptions extends Record<string, unknown>>(optionKeys: (keyof TOptions)[]): <T extends Record<string, unknown>>(record: T) => [TOptions, Omit<T, keyof TOptions>];
+export = createExtractLayoutOptions;

package/helpers/_internal/createExtractLayoutOptions.d.mts

@@ -0,0 +1,9 @@
+//#region src/helpers/_internal/createExtractLayoutOptions.d.ts
+/**
+ * レコードからレイアウトオプションとそれ以外のプロパティを分離する関数を作成する
+ *
+ * @param optionsKeys レイアウトオプションのキー
+ */
+declare function createExtractLayoutOptions<TOptions extends Record<string, unknown>>(optionKeys: (keyof TOptions)[]): <T extends Record<string, unknown>>(record: T) => [TOptions, Omit<T, keyof TOptions>];
+//#endregion
+export { createExtractLayoutOptions as default };

package/helpers/_internal/createExtractLayoutOptions.mjs

@@ -0,0 +1,24 @@
+//#region src/helpers/_internal/createExtractLayoutOptions.ts
+/**
+* レコードからレイアウトオプションとそれ以外のプロパティを分離する関数を作成する
+*
+* @param optionsKeys レイアウトオプションのキー
+*/
+function createExtractLayoutOptions(optionKeys) {
+	const keySet = new Set(optionKeys);
+	/**
+	* レコードからレイアウトオプションとそれ以外のプロパティを分離する
+	*
+	* @param record レイアウトオプションとその他のプロパティを含むレコード
+	* @returns `[layoutOptions, rest]` のタプル。`layoutOptions` はレイアウトに対応するプロパティ、`rest` はそれ以外のプロパティ
+	*/
+	return (record) => {
+		const options = {};
+		const rest = {};
+		if (record) for (const [k, v] of Object.entries(record)) (keySet.has(k) ? options : rest)[k] = v;
+		return [options, rest];
+	};
+}
+
+//#endregion
+export { createExtractLayoutOptions as default };

package/helpers/extractBalanceOptions.cjs

@@ -0,0 +1,15 @@
+const require_helpers__internal_constants = require('./_internal/constants.cjs');
+const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
+
+//#region src/helpers/extractBalanceOptions.ts
+var extractBalanceOptions_default = require_helpers__internal_createExtractLayoutOptions([
+	...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ALIGN_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
+	...require_helpers__internal_constants.GAP_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+module.exports = extractBalanceOptions_default;

package/helpers/extractBalanceOptions.d.cts

@@ -0,0 +1,5 @@
+import { AdjustOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.cjs";
+import { BalanceLayoutOptions } from "../core/balance/types.cjs";
+//#region src/helpers/extractBalanceOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [BalanceLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | "alignY" | "alignX">];
+export = _default;

package/helpers/extractBalanceOptions.d.mts

@@ -0,0 +1,6 @@
+import { AdjustOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.mjs";
+import { BalanceLayoutOptions } from "../core/balance/types.mjs";
+//#region src/helpers/extractBalanceOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [BalanceLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | "alignY" | "alignX">];
+//#endregion
+export { _default as default };

package/helpers/extractBalanceOptions.mjs

@@ -0,0 +1,15 @@
+import { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS } from "./_internal/constants.mjs";
+import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
+
+//#region src/helpers/extractBalanceOptions.ts
+var extractBalanceOptions_default = createExtractLayoutOptions([
+	...DIRECTION_OPTIONS_KEYS,
+	...ALIGN_OPTIONS_KEYS,
+	...ADJUST_OPTIONS_KEYS,
+	...GAP_OPTIONS_KEYS,
+	...CHILD_SIZE_OPTIONS_KEYS,
+	...CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+export { extractBalanceOptions_default as default };

package/helpers/extractCenterOptions.cjs

@@ -0,0 +1,14 @@
+const require_helpers__internal_constants = require('./_internal/constants.cjs');
+const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
+
+//#region src/helpers/extractCenterOptions.ts
+var extractCenterOptions_default = require_helpers__internal_createExtractLayoutOptions([
+	...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
+	...require_helpers__internal_constants.GAP_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+module.exports = extractCenterOptions_default;

package/helpers/extractCenterOptions.d.cts

@@ -0,0 +1,6 @@
+import { AdjustOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.cjs";
+import { CenterLayoutOptions } from "../core/center/types.cjs";
+
+//#region src/helpers/extractCenterOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [CenterLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions>];
+export = _default;

package/helpers/extractCenterOptions.d.mts

@@ -0,0 +1,7 @@
+import { AdjustOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.mjs";
+import { CenterLayoutOptions } from "../core/center/types.mjs";
+
+//#region src/helpers/extractCenterOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [CenterLayoutOptions, Omit<T, keyof AdjustOptions | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions>];
+//#endregion
+export { _default as default };

package/helpers/extractCenterOptions.mjs

@@ -0,0 +1,14 @@
+import { ADJUST_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS } from "./_internal/constants.mjs";
+import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
+
+//#region src/helpers/extractCenterOptions.ts
+var extractCenterOptions_default = createExtractLayoutOptions([
+	...DIRECTION_OPTIONS_KEYS,
+	...ADJUST_OPTIONS_KEYS,
+	...GAP_OPTIONS_KEYS,
+	...CHILD_SIZE_OPTIONS_KEYS,
+	...CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+export { extractCenterOptions_default as default };

package/helpers/extractFlowOptions.cjs

@@ -0,0 +1,15 @@
+const require_helpers__internal_constants = require('./_internal/constants.cjs');
+const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
+
+//#region src/helpers/extractFlowOptions.ts
+var extractFlowOptions_default = require_helpers__internal_createExtractLayoutOptions([
+	...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ALIGN_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
+	...require_helpers__internal_constants.GAP_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+module.exports = extractFlowOptions_default;

package/helpers/extractFlowOptions.d.cts

@@ -0,0 +1,6 @@
+import { AlignOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.cjs";
+import { FlowLayoutOptions } from "../core/flow/types.cjs";
+
+//#region src/helpers/extractFlowOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [FlowLayoutOptions, Omit<T, "adjustY" | "adjustX" | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | keyof AlignOptions>];
+export = _default;

package/helpers/extractFlowOptions.d.mts

@@ -0,0 +1,7 @@
+import { AlignOptions, ChildRatioOptions, ChildSizeOptions, GapOptions } from "../core/_types.mjs";
+import { FlowLayoutOptions } from "../core/flow/types.mjs";
+
+//#region src/helpers/extractFlowOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [FlowLayoutOptions, Omit<T, "adjustY" | "adjustX" | "direction" | keyof GapOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | keyof AlignOptions>];
+//#endregion
+export { _default as default };

package/helpers/extractFlowOptions.mjs

@@ -0,0 +1,15 @@
+import { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS, DIRECTION_OPTIONS_KEYS, GAP_OPTIONS_KEYS } from "./_internal/constants.mjs";
+import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
+
+//#region src/helpers/extractFlowOptions.ts
+var extractFlowOptions_default = createExtractLayoutOptions([
+	...DIRECTION_OPTIONS_KEYS,
+	...ALIGN_OPTIONS_KEYS,
+	...ADJUST_OPTIONS_KEYS,
+	...GAP_OPTIONS_KEYS,
+	...CHILD_SIZE_OPTIONS_KEYS,
+	...CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+export { extractFlowOptions_default as default };

package/helpers/extractLayerOptions.cjs

@@ -0,0 +1,13 @@
+const require_helpers__internal_constants = require('./_internal/constants.cjs');
+const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
+
+//#region src/helpers/extractLayerOptions.ts
+var extractLayerOptions_default = require_helpers__internal_createExtractLayoutOptions([
+	...require_helpers__internal_constants.ALIGN_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+module.exports = extractLayerOptions_default;

package/helpers/extractLayerOptions.d.cts

@@ -0,0 +1,6 @@
+import { AdjustOptions, ChildRatioOptions, ChildSizeOptions } from "../core/_types.cjs";
+import { LayerLayoutOptions } from "../core/layer/types.cjs";
+
+//#region src/helpers/extractLayerOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [LayerLayoutOptions, Omit<T, keyof AdjustOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | "alignY" | "alignX">];
+export = _default;

package/helpers/extractLayerOptions.d.mts

@@ -0,0 +1,7 @@
+import { AdjustOptions, ChildRatioOptions, ChildSizeOptions } from "../core/_types.mjs";
+import { LayerLayoutOptions } from "../core/layer/types.mjs";
+
+//#region src/helpers/extractLayerOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [LayerLayoutOptions, Omit<T, keyof AdjustOptions | keyof ChildSizeOptions | keyof ChildRatioOptions | "alignY" | "alignX">];
+//#endregion
+export { _default as default };

package/helpers/extractLayerOptions.mjs

@@ -0,0 +1,13 @@
+import { ADJUST_OPTIONS_KEYS, ALIGN_OPTIONS_KEYS, CHILD_RATIO_OPTIONS_KEYS, CHILD_SIZE_OPTIONS_KEYS } from "./_internal/constants.mjs";
+import createExtractLayoutOptions from "./_internal/createExtractLayoutOptions.mjs";
+
+//#region src/helpers/extractLayerOptions.ts
+var extractLayerOptions_default = createExtractLayoutOptions([
+	...ALIGN_OPTIONS_KEYS,
+	...ADJUST_OPTIONS_KEYS,
+	...CHILD_SIZE_OPTIONS_KEYS,
+	...CHILD_RATIO_OPTIONS_KEYS
+]);
+
+//#endregion
+export { extractLayerOptions_default as default };

package/helpers/extractMatrixOptions.cjs

@@ -0,0 +1,17 @@
+const require_helpers__internal_constants = require('./_internal/constants.cjs');
+const require_helpers__internal_createExtractLayoutOptions = require('./_internal/createExtractLayoutOptions.cjs');
+
+//#region src/helpers/extractMatrixOptions.ts
+var extractMatrixOptions_default = require_helpers__internal_createExtractLayoutOptions([
+	...require_helpers__internal_constants.DIRECTION_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ALIGN_OPTIONS_KEYS,
+	...require_helpers__internal_constants.ADJUST_OPTIONS_KEYS,
+	...require_helpers__internal_constants.GAP_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_SIZE_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_RATIO_OPTIONS_KEYS,
+	...require_helpers__internal_constants.CHILD_COUNT_OPTIONS_KEYS,
+	...require_helpers__internal_constants.TRACKS_OPTIONS_KEYS
+]);
+
+//#endregion
+module.exports = extractMatrixOptions_default;

package/helpers/extractMatrixOptions.d.cts

@@ -0,0 +1,5 @@
+import { MatrixLayoutOptions } from "../core/matrix/types.cjs";
+
+//#region src/helpers/extractMatrixOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [MatrixLayoutOptions, Omit<T, "adjustY" | "adjustX" | "direction" | "gap" | "gapX" | "gapY" | "childSizeX" | "childSizeY" | "childRatioX" | "childRatioY" | "alignY" | "alignX" | "childCountX" | "tracksX" | "childCountY" | "tracksY">];
+export = _default;

package/helpers/extractMatrixOptions.d.mts

@@ -0,0 +1,6 @@
+import { MatrixLayoutOptions } from "../core/matrix/types.mjs";
+
+//#region src/helpers/extractMatrixOptions.d.ts
+declare const _default: <T extends Record<string, unknown>>(record: T) => [MatrixLayoutOptions, Omit<T, "adjustY" | "adjustX" | "direction" | "gap" | "gapX" | "gapY" | "childSizeX" | "childSizeY" | "childRatioX" | "childRatioY" | "alignY" | "alignX" | "childCountX" | "tracksX" | "childCountY" | "tracksY">];
+//#endregion
+export { _default as default };