@niche-works/style-layouts 0.2.0

package/core/tile/index.cjs

@@ -0,0 +1,3 @@
+const require_core_tile_tile = require('./tile.cjs');
+
+module.exports = require_core_tile_tile;

package/core/tile/index.d.cts

@@ -0,0 +1,3 @@
+import { TileLayoutOptions } from "./types.cjs";
+import tile from "./tile.cjs";
+export { TileLayoutOptions, tile as default };

package/core/tile/index.d.mts

@@ -0,0 +1,3 @@
+import { TileLayoutOptions } from "./types.mjs";
+import tile from "./tile.mjs";
+export { TileLayoutOptions, tile as default };

package/core/tile/index.mjs

@@ -0,0 +1,3 @@
+import tile from "./tile.mjs";
+
+export { tile as default };

package/core/tile/styles.css

@@ -0,0 +1,108 @@
+.nws-layout-tile {
+  --nws-layout-gapX: 0px;
+  --nws-layout-gapY: 0px;
+  --nws-layout-childSizeX: auto;
+  --nws-layout-childSizeY: auto;
+  --nws-layout-childRatio: auto;
+  --nws-layout-templateX: none;
+  --nws-layout-templateY: none;
+  --nws-layout-autoTracX: auto;
+  --nws-layout-autoTracY: auto;
+  display: grid;
+}
+.nws-layout-tile.nws-layout-direction-x {
+  grid-auto-flow: row;
+  grid-template-columns: var(--nws-layout-templateX);
+  grid-auto-rows: var(--nws-layout-autoTracY);
+}
+.nws-layout-tile.nws-layout-direction-y {
+  grid-auto-flow: column;
+  grid-auto-columns: var(--nws-layout-autoTracX);
+  grid-template-rows: var(--nws-layout-templateY);
+}
+.nws-layout-tile.nws-layout-alignX-left {
+  justify-content: flex-start;
+}
+.nws-layout-tile.nws-layout-alignX-center {
+  justify-content: center;
+}
+.nws-layout-tile.nws-layout-alignX-right {
+  justify-content: flex-end;
+}
+.nws-layout-tile.nws-layout-alignX-spaceBetween {
+  justify-content: space-between;
+}
+.nws-layout-tile.nws-layout-alignX-spaceAround {
+  justify-content: space-around;
+}
+.nws-layout-tile.nws-layout-alignX-spaceEvenly {
+  justify-content: space-evenly;
+}
+.nws-layout-tile.nws-layout-alignY-top {
+  align-content: flex-start;
+}
+.nws-layout-tile.nws-layout-alignY-middle {
+  align-content: center;
+}
+.nws-layout-tile.nws-layout-alignY-bottom {
+  align-content: flex-end;
+}
+.nws-layout-tile.nws-layout-alignY-spaceBetween {
+  align-content: space-between;
+}
+.nws-layout-tile.nws-layout-alignY-spaceAround {
+  align-content: space-around;
+}
+.nws-layout-tile.nws-layout-alignY-spaceEvenly {
+  align-content: space-evenly;
+}
+.nws-layout-tile.nws-layout-childSizeX > * {
+  width: var(--nws-layout-childSizeX);
+}
+.nws-layout-tile.nws-layout-childSizeY > * {
+  height: var(--nws-layout-childSizeY);
+}
+.nws-layout-tile > * {
+  min-width: 0;
+}
+.nws-layout-tile.nws-layout-adjustX-fit > * {
+  width: auto;
+}
+.nws-layout-tile.nws-layout-adjustX-grow > * {
+  width: auto;
+}
+.nws-layout-tile.nws-layout-adjustX-shrink > * {
+  width: auto;
+}
+.nws-layout-tile > * {
+  min-height: 0;
+}
+.nws-layout-tile.nws-layout-adjustY-fit {
+  align-content: stretch;
+}
+.nws-layout-tile.nws-layout-adjustY-fit > * {
+  height: auto;
+}
+.nws-layout-tile.nws-layout-adjustY-grow > * {
+  max-height: 100%;
+  height: 100%;
+}
+.nws-layout-tile.nws-layout-adjustY-grow.nws-layout-childSizeY > * {
+  min-height: var(--nws-layout-childSizeY);
+}
+.nws-layout-tile.nws-layout-adjustY-shrink > * {
+  min-height: 100%;
+  height: 100%;
+}
+.nws-layout-tile.nws-layout-adjustY-shrink.nws-layout-childSizeY > * {
+  max-height: var(--nws-layout-childSizeY);
+}
+.nws-layout-tile.nws-layout-childRatio > * {
+  aspect-ratio: var(--nws-layout-childRatio);
+}
+.nws-layout-tile.nws-layout-gapX {
+  column-gap: var(--nws-layout-gapX);
+}
+.nws-layout-tile.nws-layout-gapY {
+  row-gap: var(--nws-layout-gapY);
+}

package/core/tile/tile.cjs

@@ -0,0 +1,86 @@
+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_hasValue = require('../_internal/hasValue.cjs');
+const require_core__internal_applyChildRatio = require('../_internal/applyChildRatio.cjs');
+const require_core__internal_unit = require('../_internal/unit.cjs');
+const require_core__internal_applyChildSize = require('../_internal/applyChildSize.cjs');
+const require_core__internal_applyGap = require('../_internal/applyGap.cjs');
+const require_core__internal_mergeLayoutResults = require('../_internal/mergeLayoutResults.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
+/**
+* tileレイアウト
+*
+* - 子要素の高さ・幅を基準にして格子状に並べる
+* - 親要素のサイズが子要素に依存していないことを前提とする
+*/
+const tile = (options = {}) => {
+	const { direction, alignX, alignY, adjustX, adjustY, gap, gapX, gapY, childSizeX, childSizeY, childRatioX, childRatioY } = (0, _niche_works_utils_object_maybeDefault.default)(options, {
+		direction: "x",
+		alignX: "left",
+		alignY: "top"
+	}, { overwriteNull: true });
+	const result = {
+		className: (0, clsx.default)(require_core_constants.clsLayoutTile, require_core__constants.clsLayoutDirection[direction], require_core__constants.clsLayoutAlign.x[alignX], require_core__constants.clsLayoutAlign.y[alignY], require_core__constants.clsLayoutAdjust.x[adjustX], require_core__constants.clsLayoutAdjust.y[adjustY]),
+		style: {}
+	};
+	require_core__internal_applyGap(result, gap, gapX, gapY);
+	require_core__internal_applyChildSize(result, childSizeX, childSizeY);
+	require_core__internal_applyChildRatio(result, childRatioX, childRatioY);
+	return require_core__internal_mergeLayoutResults([result, _getLayoutResultByDirection[direction](options)]);
+};
+/**
+* 並べる方向によるスタイル
+*/
+const _getLayoutResultByDirection = {
+	x: ({ adjustX, adjustY, childSizeX, childSizeY }) => {
+		return require_core__internal_mergeLayoutResults([_getGridMainAxisTemplate(adjustX, childSizeX, require_core_constants.varLayoutTemplateX), _getGridClossAxisAuto(adjustY, childSizeY, require_core_constants.varLayoutAutoTracY)]);
+	},
+	y: ({ adjustX, adjustY, childSizeY, childSizeX }) => {
+		return require_core__internal_mergeLayoutResults([_getGridClossAxisAuto(adjustX, childSizeX, require_core_constants.varLayoutAutoTracX), _getGridMainAxisTemplate(adjustY, childSizeY, require_core_constants.varLayoutTemplateY)]);
+	}
+};
+/**
+* direction方向の子要素のサイズを指定するためのテンプレート
+* @param align 子要素の配置
+* @param childSize 子要素のサイズ
+* @returns
+*/
+function _getGridMainAxisTemplate(adjust, childSize, varName) {
+	const hasChildSize = require_core__internal_hasValue(childSize);
+	const style = {};
+	if (adjust === "fit") if (hasChildSize) style[varName] = `repeat(auto-fit, minmax(clamp(0px, 100%, ${require_core__internal_unit(childSize)}), 1fr))`;
+	else style[varName] = "repeat(auto-fit, minmax(0, 1fr))";
+	else if (adjust === "grow") if (hasChildSize) style[varName] = `repeat(auto-fit, minmax(${require_core__internal_unit(childSize)}, 1fr))`;
+	else style[varName] = "repeat(auto-fit, minmax(0, 1fr))";
+	else if (adjust === "shrink") if (hasChildSize) style[varName] = `repeat(auto-fit, minmax(0, ${require_core__internal_unit(childSize)}))`;
+	else style[varName] = "repeat(auto-fit, minmax(0, 1fr))";
+	else if (hasChildSize) style[varName] = `repeat(auto-fit, ${require_core__internal_unit(childSize)})`;
+	else style[varName] = "repeat(auto-fit, minmax(max-content, 100%))";
+	return { style };
+}
+/**
+* 交差軸方向
+* @param adjust
+* @param childSize
+* @returns
+*/
+function _getGridClossAxisAuto(adjust, childSize, varName) {
+	const hasChildSize = require_core__internal_hasValue(childSize);
+	const style = {};
+	if (adjust === "fit") if (hasChildSize) style[varName] = `minmax(0, 100%)`;
+	else style[varName] = `minmax(0, 100%)`;
+	else if (adjust === "grow") if (hasChildSize) style[varName] = `minmax(${require_core__internal_unit(childSize)}, 100%)`;
+	else style[varName] = `minmax(auto, 100%)`;
+	else if (adjust === "shrink") if (hasChildSize) style[varName] = `minmax(0, ${require_core__internal_unit(childSize)})`;
+	else style[varName] = `minmax(0, auto)`;
+	return { style };
+}
+
+//#endregion
+module.exports = tile;

package/core/tile/tile.d.cts

@@ -0,0 +1,12 @@
+import { StyleLayout } from "../types.cjs";
+import { TileLayoutOptions } from "./types.cjs";
+
+//#region src/core/tile/tile.d.ts
+/**
+ * tileレイアウト
+ *
+ * - 子要素の高さ・幅を基準にして格子状に並べる
+ * - 親要素のサイズが子要素に依存していないことを前提とする
+ */
+declare const tile: StyleLayout<TileLayoutOptions>;
+export = tile;

package/core/tile/tile.d.mts

@@ -0,0 +1,13 @@
+import { StyleLayout } from "../types.mjs";
+import { TileLayoutOptions } from "./types.mjs";
+
+//#region src/core/tile/tile.d.ts
+/**
+ * tileレイアウト
+ *
+ * - 子要素の高さ・幅を基準にして格子状に並べる
+ * - 親要素のサイズが子要素に依存していないことを前提とする
+ */
+declare const tile: StyleLayout<TileLayoutOptions>;
+//#endregion
+export { tile as default };

package/core/tile/tile.mjs

@@ -0,0 +1,83 @@
+import { clsLayoutTile, varLayoutAutoTracX, varLayoutAutoTracY, varLayoutTemplateX, varLayoutTemplateY } from "../constants.mjs";
+import { clsLayoutAdjust, clsLayoutAlign, clsLayoutDirection } from "../_constants.mjs";
+import hasValue from "../_internal/hasValue.mjs";
+import applyChildRatio from "../_internal/applyChildRatio.mjs";
+import unit from "../_internal/unit.mjs";
+import applyChildSize from "../_internal/applyChildSize.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/tile/tile.ts
+/**
+* tileレイアウト
+*
+* - 子要素の高さ・幅を基準にして格子状に並べる
+* - 親要素のサイズが子要素に依存していないことを前提とする
+*/
+const tile = (options = {}) => {
+	const { direction, alignX, alignY, adjustX, adjustY, gap, gapX, gapY, childSizeX, childSizeY, childRatioX, childRatioY } = maybeDefault(options, {
+		direction: "x",
+		alignX: "left",
+		alignY: "top"
+	}, { overwriteNull: true });
+	const result = {
+		className: clsx(clsLayoutTile, clsLayoutDirection[direction], clsLayoutAlign.x[alignX], clsLayoutAlign.y[alignY], clsLayoutAdjust.x[adjustX], clsLayoutAdjust.y[adjustY]),
+		style: {}
+	};
+	applyGap(result, gap, gapX, gapY);
+	applyChildSize(result, childSizeX, childSizeY);
+	applyChildRatio(result, childRatioX, childRatioY);
+	return mergeLayoutResults([result, _getLayoutResultByDirection[direction](options)]);
+};
+/**
+* 並べる方向によるスタイル
+*/
+const _getLayoutResultByDirection = {
+	x: ({ adjustX, adjustY, childSizeX, childSizeY }) => {
+		return mergeLayoutResults([_getGridMainAxisTemplate(adjustX, childSizeX, varLayoutTemplateX), _getGridClossAxisAuto(adjustY, childSizeY, varLayoutAutoTracY)]);
+	},
+	y: ({ adjustX, adjustY, childSizeY, childSizeX }) => {
+		return mergeLayoutResults([_getGridClossAxisAuto(adjustX, childSizeX, varLayoutAutoTracX), _getGridMainAxisTemplate(adjustY, childSizeY, varLayoutTemplateY)]);
+	}
+};
+/**
+* direction方向の子要素のサイズを指定するためのテンプレート
+* @param align 子要素の配置
+* @param childSize 子要素のサイズ
+* @returns
+*/
+function _getGridMainAxisTemplate(adjust, childSize, varName) {
+	const hasChildSize = hasValue(childSize);
+	const style = {};
+	if (adjust === "fit") if (hasChildSize) style[varName] = `repeat(auto-fit, minmax(clamp(0px, 100%, ${unit(childSize)}), 1fr))`;
+	else style[varName] = "repeat(auto-fit, minmax(0, 1fr))";
+	else if (adjust === "grow") if (hasChildSize) style[varName] = `repeat(auto-fit, minmax(${unit(childSize)}, 1fr))`;
+	else style[varName] = "repeat(auto-fit, minmax(0, 1fr))";
+	else if (adjust === "shrink") if (hasChildSize) style[varName] = `repeat(auto-fit, minmax(0, ${unit(childSize)}))`;
+	else style[varName] = "repeat(auto-fit, minmax(0, 1fr))";
+	else if (hasChildSize) style[varName] = `repeat(auto-fit, ${unit(childSize)})`;
+	else style[varName] = "repeat(auto-fit, minmax(max-content, 100%))";
+	return { style };
+}
+/**
+* 交差軸方向
+* @param adjust
+* @param childSize
+* @returns
+*/
+function _getGridClossAxisAuto(adjust, childSize, varName) {
+	const hasChildSize = hasValue(childSize);
+	const style = {};
+	if (adjust === "fit") if (hasChildSize) style[varName] = `minmax(0, 100%)`;
+	else style[varName] = `minmax(0, 100%)`;
+	else if (adjust === "grow") if (hasChildSize) style[varName] = `minmax(${unit(childSize)}, 100%)`;
+	else style[varName] = `minmax(auto, 100%)`;
+	else if (adjust === "shrink") if (hasChildSize) style[varName] = `minmax(0, ${unit(childSize)})`;
+	else style[varName] = `minmax(0, auto)`;
+	return { style };
+}
+
+//#endregion
+export { tile as default };

package/core/tile/types.d.cts

@@ -0,0 +1,9 @@
+import { AdjustOptions, AlignOptions, ChildRatioOptions, ChildSizeOptions, DirectionOptions, GapOptions } from "../_types.cjs";
+
+//#region src/core/tile/types.d.ts
+/**
+ * tileのオプション
+ */
+type TileLayoutOptions = DirectionOptions & AlignOptions & AdjustOptions & GapOptions & ChildSizeOptions & ChildRatioOptions;
+//#endregion
+export { TileLayoutOptions };

package/core/tile/types.d.mts

@@ -0,0 +1,9 @@
+import { AdjustOptions, AlignOptions, ChildRatioOptions, ChildSizeOptions, DirectionOptions, GapOptions } from "../_types.mjs";
+
+//#region src/core/tile/types.d.ts
+/**
+ * tileのオプション
+ */
+type TileLayoutOptions = DirectionOptions & AlignOptions & AdjustOptions & GapOptions & ChildSizeOptions & ChildRatioOptions;
+//#endregion
+export { TileLayoutOptions };

package/core/tile/types.mjs

@@ -0,0 +1 @@
+export {  };

package/core/types.d.cts

@@ -0,0 +1,23 @@
+import { CSSCustomProperties } from "./_types.cjs";
+import { LooseDictionary } from "@niche-works/types";
+
+//#region src/core/types.d.ts
+/**
+ * レイアウトを作る関数
+ */
+type StyleLayout<O = LooseDictionary> = (options?: O) => StyleLayoutResult;
+/**
+ * レイアウト
+ */
+type StyleLayoutResult = {
+  /**
+   * クラス
+   */
+  className?: string;
+  /**
+   * スタイル
+   */
+  style?: CSSCustomProperties;
+};
+//#endregion
+export { StyleLayout, StyleLayoutResult };

package/core/types.d.mts

@@ -0,0 +1,23 @@
+import { CSSCustomProperties } from "./_types.mjs";
+import { LooseDictionary } from "@niche-works/types";
+
+//#region src/core/types.d.ts
+/**
+ * レイアウトを作る関数
+ */
+type StyleLayout<O = LooseDictionary> = (options?: O) => StyleLayoutResult;
+/**
+ * レイアウト
+ */
+type StyleLayoutResult = {
+  /**
+   * クラス
+   */
+  className?: string;
+  /**
+   * スタイル
+   */
+  style?: CSSCustomProperties;
+};
+//#endregion
+export { StyleLayout, StyleLayoutResult };

package/core/types.mjs

@@ -0,0 +1 @@
+export {  };

package/flow/index.cjs

@@ -0,0 +1,4 @@
+require('../core/flow/styles.css');
+const require_core_flow_flow = require('../core/flow/flow.cjs');
+
+module.exports = require_core_flow_flow;

package/flow/index.d.cts

@@ -0,0 +1,3 @@
+import { FlowLayoutOptions } from "../core/flow/types.cjs";
+import flow from "../core/flow/flow.cjs";
+export { FlowLayoutOptions, flow as default };

package/flow/index.d.mts

@@ -0,0 +1,3 @@
+import { FlowLayoutOptions } from "../core/flow/types.mjs";
+import flow from "../core/flow/flow.mjs";
+export { FlowLayoutOptions, flow as default };

package/flow/index.mjs

@@ -0,0 +1,4 @@
+import "../core/flow/styles.css";
+import flow from "../core/flow/flow.mjs";
+
+export { flow as default };

package/index.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_core_balance_balance = require('./core/balance/balance.cjs');
+const require_core_center_center = require('./core/center/center.cjs');
+const require_core_flow_flow = require('./core/flow/flow.cjs');
+const require_core_layer_layer = require('./core/layer/layer.cjs');
+const require_core_matrix_matrix = require('./core/matrix/matrix.cjs');
+const require_core_pack_pack = require('./core/pack/pack.cjs');
+const require_core_pin_pin = require('./core/pin/pin.cjs');
+const require_core_stack_stack = require('./core/stack/stack.cjs');
+const require_core_tile_tile = require('./core/tile/tile.cjs');
+
+exports.balance = require_core_balance_balance;
+exports.center = require_core_center_center;
+exports.flow = require_core_flow_flow;
+exports.layer = require_core_layer_layer;
+exports.matrix = require_core_matrix_matrix;
+exports.pack = require_core_pack_pack;
+exports.pin = require_core_pin_pin;
+exports.stack = require_core_stack_stack;
+exports.tile = require_core_tile_tile;

package/index.d.cts

@@ -0,0 +1,20 @@
+import { StyleLayout, StyleLayoutResult } from "./core/types.cjs";
+import { BalanceLayoutOptions } from "./core/balance/types.cjs";
+import balance from "./core/balance/balance.cjs";
+import { CenterLayoutOptions } from "./core/center/types.cjs";
+import center from "./core/center/center.cjs";
+import { FlowLayoutOptions } from "./core/flow/types.cjs";
+import flow from "./core/flow/flow.cjs";
+import { LayerLayoutOptions } from "./core/layer/types.cjs";
+import layer from "./core/layer/layer.cjs";
+import { MatrixLayoutOptions } from "./core/matrix/types.cjs";
+import matrix from "./core/matrix/matrix.cjs";
+import { PackLayoutOptions } from "./core/pack/types.cjs";
+import pack from "./core/pack/pack.cjs";
+import { PinLayoutOptions } from "./core/pin/types.cjs";
+import pin from "./core/pin/pin.cjs";
+import { StackLayoutOptions } from "./core/stack/types.cjs";
+import stack from "./core/stack/stack.cjs";
+import { TileLayoutOptions } from "./core/tile/types.cjs";
+import tile from "./core/tile/tile.cjs";
+export { BalanceLayoutOptions, CenterLayoutOptions, FlowLayoutOptions, LayerLayoutOptions, MatrixLayoutOptions, PackLayoutOptions, PinLayoutOptions, StackLayoutOptions, StyleLayout, StyleLayoutResult, TileLayoutOptions, balance, center, flow, layer, matrix, pack, pin, stack, tile };

package/index.d.mts

@@ -0,0 +1,20 @@
+import { StyleLayout, StyleLayoutResult } from "./core/types.mjs";
+import { BalanceLayoutOptions } from "./core/balance/types.mjs";
+import balance from "./core/balance/balance.mjs";
+import { CenterLayoutOptions } from "./core/center/types.mjs";
+import center from "./core/center/center.mjs";
+import { FlowLayoutOptions } from "./core/flow/types.mjs";
+import flow from "./core/flow/flow.mjs";
+import { LayerLayoutOptions } from "./core/layer/types.mjs";
+import layer from "./core/layer/layer.mjs";
+import { MatrixLayoutOptions } from "./core/matrix/types.mjs";
+import matrix from "./core/matrix/matrix.mjs";
+import { PackLayoutOptions } from "./core/pack/types.mjs";
+import pack from "./core/pack/pack.mjs";
+import { PinLayoutOptions } from "./core/pin/types.mjs";
+import pin from "./core/pin/pin.mjs";
+import { StackLayoutOptions } from "./core/stack/types.mjs";
+import stack from "./core/stack/stack.mjs";
+import { TileLayoutOptions } from "./core/tile/types.mjs";
+import tile from "./core/tile/tile.mjs";
+export { BalanceLayoutOptions, CenterLayoutOptions, FlowLayoutOptions, LayerLayoutOptions, MatrixLayoutOptions, PackLayoutOptions, PinLayoutOptions, StackLayoutOptions, StyleLayout, StyleLayoutResult, TileLayoutOptions, balance, center, flow, layer, matrix, pack, pin, stack, tile };

package/index.mjs

@@ -0,0 +1,11 @@
+import balance from "./core/balance/balance.mjs";
+import center from "./core/center/center.mjs";
+import flow from "./core/flow/flow.mjs";
+import layer from "./core/layer/layer.mjs";
+import matrix from "./core/matrix/matrix.mjs";
+import pack from "./core/pack/pack.mjs";
+import pin from "./core/pin/pin.mjs";
+import stack from "./core/stack/stack.mjs";
+import tile from "./core/tile/tile.mjs";
+
+export { balance, center, flow, layer, matrix, pack, pin, stack, tile };

package/layer/index.cjs

@@ -0,0 +1,4 @@
+require('../core/layer/styles.css');
+const require_core_layer_layer = require('../core/layer/layer.cjs');
+
+module.exports = require_core_layer_layer;

package/layer/index.d.cts

@@ -0,0 +1,3 @@
+import { LayerLayoutOptions } from "../core/layer/types.cjs";
+import layer from "../core/layer/layer.cjs";
+export { LayerLayoutOptions, layer as default };

package/layer/index.d.mts

@@ -0,0 +1,3 @@
+import { LayerLayoutOptions } from "../core/layer/types.mjs";
+import layer from "../core/layer/layer.mjs";
+export { LayerLayoutOptions, layer as default };

package/layer/index.mjs

@@ -0,0 +1,4 @@
+import "../core/layer/styles.css";
+import layer from "../core/layer/layer.mjs";
+
+export { layer as default };

package/matrix/index.cjs

@@ -0,0 +1,4 @@
+require('../core/matrix/styles.css');
+const require_core_matrix_matrix = require('../core/matrix/matrix.cjs');
+
+module.exports = require_core_matrix_matrix;

package/matrix/index.d.cts

@@ -0,0 +1,3 @@
+import { MatrixLayoutOptions } from "../core/matrix/types.cjs";
+import matrix from "../core/matrix/matrix.cjs";
+export { MatrixLayoutOptions, matrix as default };

package/matrix/index.d.mts

@@ -0,0 +1,3 @@
+import { MatrixLayoutOptions } from "../core/matrix/types.mjs";
+import matrix from "../core/matrix/matrix.mjs";
+export { MatrixLayoutOptions, matrix as default };

package/matrix/index.mjs

@@ -0,0 +1,4 @@
+import "../core/matrix/styles.css";
+import matrix from "../core/matrix/matrix.mjs";
+
+export { matrix as default };

package/pack/index.cjs

@@ -0,0 +1,4 @@
+require('../core/pack/styles.css');
+const require_core_pack_pack = require('../core/pack/pack.cjs');
+
+module.exports = require_core_pack_pack;

package/pack/index.d.cts

@@ -0,0 +1,3 @@
+import { PackLayoutOptions } from "../core/pack/types.cjs";
+import pack from "../core/pack/pack.cjs";
+export { PackLayoutOptions, pack as default };

package/pack/index.d.mts

@@ -0,0 +1,3 @@
+import { PackLayoutOptions } from "../core/pack/types.mjs";
+import pack from "../core/pack/pack.mjs";
+export { PackLayoutOptions, pack as default };

package/pack/index.mjs

@@ -0,0 +1,4 @@
+import "../core/pack/styles.css";
+import pack from "../core/pack/pack.mjs";
+
+export { pack as default };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@niche-works/style-layouts",
+  "version": "0.2.0",
+  "keywords": [
+    "css",
+    "style",
+    "layout"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mitsuhiroseino/niche-works-style-layouts.git"
+  },
+  "license": "MIT",
+  "author": "Mitsuhiro Seino",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.cjs"
+    },
+    "./*": {
+      "import": "./*/index.mjs",
+      "require": "./*/index.cjs"
+    },
+    "./constants": {
+      "import": "./constants.mjs",
+      "require": "./constants.cjs"
+    },
+    "./core/*": {
+      "import": "./core/*/index.mjs",
+      "require": "./core/*/index.cjs"
+    },
+    "./core/constants": {
+      "import": "./core/constants.mjs",
+      "require": "./core/constants.cjs"
+    },
+    "./core/styles.css": "./core/styles.css",
+    "./core/*.css": "./core/*/styles.css"
+  },
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "dependencies": {
+    "@niche-works/types": "^0.3.1",
+    "@niche-works/utils": "^0.4.0",
+    "clsx": "^2.1.1",
+    "csstype": "^3.2.3"
+  }
+}

package/pin/index.cjs

@@ -0,0 +1,4 @@
+require('../core/pin/styles.css');
+const require_core_pin_pin = require('../core/pin/pin.cjs');
+
+module.exports = require_core_pin_pin;

package/pin/index.d.cts

@@ -0,0 +1,3 @@
+import { PinLayoutOptions } from "../core/pin/types.cjs";
+import pin from "../core/pin/pin.cjs";
+export { PinLayoutOptions, pin as default };

package/pin/index.d.mts

@@ -0,0 +1,3 @@
+import { PinLayoutOptions } from "../core/pin/types.mjs";
+import pin from "../core/pin/pin.mjs";
+export { PinLayoutOptions, pin as default };

package/pin/index.mjs

@@ -0,0 +1,4 @@
+import "../core/pin/styles.css";
+import pin from "../core/pin/pin.mjs";
+
+export { pin as default };