@niche-works/style-layouts 0.3.0 → 0.4.0

package/core/_constants.d.cts

@@ -1,4 +1,209 @@
 //#region src/core/_constants.d.ts
+/**
+ * レイアウト種別: stack
+ */
+declare const clsLayoutStack = "nws-layout-stack";
+/**
+ * レイアウト種別: flow
+ */
+declare const clsLayoutFlow = "nws-layout-flow";
+/**
+ * レイアウト種別: tile
+ */
+declare const clsLayoutTile = "nws-layout-tile";
+/**
+ * レイアウト種別: matrix
+ */
+declare const clsLayoutMatrix = "nws-layout-matrix";
+/**
+ * レイアウト種別: center
+ */
+declare const clsLayoutCenter = "nws-layout-center";
+/**
+ * レイアウト種別: pack
+ */
+declare const clsLayoutPack = "nws-layout-pack";
+/**
+ * レイアウト種別: balance
+ */
+declare const clsLayoutBalance = "nws-layout-balance";
+/**
+ * レイアウト種別: layer
+ */
+declare const clsLayoutLayer = "nws-layout-layer";
+/**
+ * レイアウト種別: pin
+ */
+declare const clsLayoutPin = "nws-layout-pin";
+/**
+ * 整列: 横方向
+ */
+declare const clsLayoutDirectionX = "nws-layout-direction-x";
+/**
+ * 整列: 縦方向
+ */
+declare const clsLayoutDirectionY = "nws-layout-direction-y";
+/**
+ * 横位置: 左
+ */
+declare const clsLayoutAlignXLeft = "nws-layout-alignX-left";
+/**
+ * 横位置: 中央
+ */
+declare const clsLayoutAlignXCenter = "nws-layout-alignX-center";
+/**
+ * 横位置: 右
+ */
+declare const clsLayoutAlignXRight = "nws-layout-alignX-right";
+/**
+ * 横位置: 両端揃え
+ */
+declare const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
+/**
+ * 横位置: 両端余白あり均等
+ */
+declare const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
+/**
+ * 横位置: 完全均等
+ */
+declare const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
+/**
+ * 縦位置: 上
+ */
+declare const clsLayoutAlignYTop = "nws-layout-alignY-top";
+/**
+ * 縦位置: 中央
+ */
+declare const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
+/**
+ * 縦位置: 下
+ */
+declare const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
+/**
+ * 縦位置: 両端揃え
+ */
+declare const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
+/**
+ * 縦位置: 両端余白あり均等
+ */
+declare const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
+/**
+ * 縦位置: 完全均等
+ */
+declare const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
+/**
+ * 子要素の幅調整: なし
+ */
+declare const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
+/**
+ * 子要素の幅調整: 伸ばす & 縮める
+ */
+declare const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
+/**
+ * 子要素の幅調整: 伸ばす
+ */
+declare const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
+/**
+ * 子要素の幅調整: 縮める
+ */
+declare const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
+/**
+ * 子要素の高さ調整: なし
+ */
+declare const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
+/**
+ * 子要素の高さ調整: 伸ばす & 縮める
+ */
+declare const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
+/**
+ * 子要素の高さ調整: 伸ばす
+ */
+declare const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
+/**
+ * 子要素の高さ調整: 縮める
+ */
+declare const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
+/**
+ * 間隔: 横方向
+ */
+declare const clsLayoutGapX = "nws-layout-gapX";
+/**
+ * 間隔: 縦方向
+ */
+declare const clsLayoutGapY = "nws-layout-gapY";
+/**
+ * 子要素の幅
+ */
+declare const clsLayoutChildSizeX = "nws-layout-childSizeX";
+/**
+ * 子要素の高さ
+ */
+declare const clsLayoutChildSizeY = "nws-layout-childSizeY";
+/**
+ * 子要素の縦横比
+ */
+declare const clsLayoutChildRatio = "nws-layout-childRatio";
+/**
+ * 子要素の横方向の数
+ */
+declare const clsLayoutChildCountX = "nws-layout-childCountX";
+/**
+ * 子要素の縦方向の数
+ */
+declare const clsLayoutChildCountY = "nws-layout-childCountY";
+/**
+ * 横方向のテンプレート
+ */
+declare const clsLayoutTemplateX = "nws-layout-templateX";
+/**
+ * 縦方向のテンプレート
+ */
+declare const clsLayoutTemplateY = "nws-layout-templateY";
+/**
+ * 変数\
+ * 間隔: 横方向
+ */
+declare const varLayoutGapX = "--nws-layout-gapX";
+/**
+ * 変数\
+ * 間隔: 縦方向
+ */
+declare const varLayoutGapY = "--nws-layout-gapY";
+/**
+ * 変数\
+ * 子要素の幅
+ */
+declare const varLayoutChildSizeX = "--nws-layout-childSizeX";
+/**
+ * 変数\
+ * 子要素の高さ
+ */
+declare const varLayoutChildSizeY = "--nws-layout-childSizeY";
+/**
+ * 変数\
+ * 子要素の縦横比
+ */
+declare const varLayoutChildRatio = "--nws-layout-childRatio";
+/**
+ * 変数\
+ * 子要素の横方向の数
+ */
+declare const varLayoutChildCountX = "--nws-layout-childCountX";
+/**
+ * 変数\
+ * 子要素の縦方向の数
+ */
+declare const varLayoutChildCountY = "--nws-layout-childCountY";
+/**
+ * 変数\
+ * 横方向のテンプレート
+ */
+declare const varLayoutTemplateX = "--nws-layout-templateX";
+/**
+ * 変数\
+ * 縦方向のテンプレート
+ */
+declare const varLayoutTemplateY = "--nws-layout-templateY";
 /**
  * axis毎のクラス
  */
@@ -66,4 +271,4 @@ declare const varLayout: {
   };
 };
 //#endregion
-export { clsLayout, varLayout };
+export { clsLayout, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayout, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };

package/core/_constants.d.mts

@@ -1,4 +1,209 @@
 //#region src/core/_constants.d.ts
+/**
+ * レイアウト種別: stack
+ */
+declare const clsLayoutStack = "nws-layout-stack";
+/**
+ * レイアウト種別: flow
+ */
+declare const clsLayoutFlow = "nws-layout-flow";
+/**
+ * レイアウト種別: tile
+ */
+declare const clsLayoutTile = "nws-layout-tile";
+/**
+ * レイアウト種別: matrix
+ */
+declare const clsLayoutMatrix = "nws-layout-matrix";
+/**
+ * レイアウト種別: center
+ */
+declare const clsLayoutCenter = "nws-layout-center";
+/**
+ * レイアウト種別: pack
+ */
+declare const clsLayoutPack = "nws-layout-pack";
+/**
+ * レイアウト種別: balance
+ */
+declare const clsLayoutBalance = "nws-layout-balance";
+/**
+ * レイアウト種別: layer
+ */
+declare const clsLayoutLayer = "nws-layout-layer";
+/**
+ * レイアウト種別: pin
+ */
+declare const clsLayoutPin = "nws-layout-pin";
+/**
+ * 整列: 横方向
+ */
+declare const clsLayoutDirectionX = "nws-layout-direction-x";
+/**
+ * 整列: 縦方向
+ */
+declare const clsLayoutDirectionY = "nws-layout-direction-y";
+/**
+ * 横位置: 左
+ */
+declare const clsLayoutAlignXLeft = "nws-layout-alignX-left";
+/**
+ * 横位置: 中央
+ */
+declare const clsLayoutAlignXCenter = "nws-layout-alignX-center";
+/**
+ * 横位置: 右
+ */
+declare const clsLayoutAlignXRight = "nws-layout-alignX-right";
+/**
+ * 横位置: 両端揃え
+ */
+declare const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
+/**
+ * 横位置: 両端余白あり均等
+ */
+declare const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
+/**
+ * 横位置: 完全均等
+ */
+declare const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
+/**
+ * 縦位置: 上
+ */
+declare const clsLayoutAlignYTop = "nws-layout-alignY-top";
+/**
+ * 縦位置: 中央
+ */
+declare const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
+/**
+ * 縦位置: 下
+ */
+declare const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
+/**
+ * 縦位置: 両端揃え
+ */
+declare const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
+/**
+ * 縦位置: 両端余白あり均等
+ */
+declare const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
+/**
+ * 縦位置: 完全均等
+ */
+declare const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
+/**
+ * 子要素の幅調整: なし
+ */
+declare const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
+/**
+ * 子要素の幅調整: 伸ばす & 縮める
+ */
+declare const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
+/**
+ * 子要素の幅調整: 伸ばす
+ */
+declare const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
+/**
+ * 子要素の幅調整: 縮める
+ */
+declare const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
+/**
+ * 子要素の高さ調整: なし
+ */
+declare const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
+/**
+ * 子要素の高さ調整: 伸ばす & 縮める
+ */
+declare const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
+/**
+ * 子要素の高さ調整: 伸ばす
+ */
+declare const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
+/**
+ * 子要素の高さ調整: 縮める
+ */
+declare const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
+/**
+ * 間隔: 横方向
+ */
+declare const clsLayoutGapX = "nws-layout-gapX";
+/**
+ * 間隔: 縦方向
+ */
+declare const clsLayoutGapY = "nws-layout-gapY";
+/**
+ * 子要素の幅
+ */
+declare const clsLayoutChildSizeX = "nws-layout-childSizeX";
+/**
+ * 子要素の高さ
+ */
+declare const clsLayoutChildSizeY = "nws-layout-childSizeY";
+/**
+ * 子要素の縦横比
+ */
+declare const clsLayoutChildRatio = "nws-layout-childRatio";
+/**
+ * 子要素の横方向の数
+ */
+declare const clsLayoutChildCountX = "nws-layout-childCountX";
+/**
+ * 子要素の縦方向の数
+ */
+declare const clsLayoutChildCountY = "nws-layout-childCountY";
+/**
+ * 横方向のテンプレート
+ */
+declare const clsLayoutTemplateX = "nws-layout-templateX";
+/**
+ * 縦方向のテンプレート
+ */
+declare const clsLayoutTemplateY = "nws-layout-templateY";
+/**
+ * 変数\
+ * 間隔: 横方向
+ */
+declare const varLayoutGapX = "--nws-layout-gapX";
+/**
+ * 変数\
+ * 間隔: 縦方向
+ */
+declare const varLayoutGapY = "--nws-layout-gapY";
+/**
+ * 変数\
+ * 子要素の幅
+ */
+declare const varLayoutChildSizeX = "--nws-layout-childSizeX";
+/**
+ * 変数\
+ * 子要素の高さ
+ */
+declare const varLayoutChildSizeY = "--nws-layout-childSizeY";
+/**
+ * 変数\
+ * 子要素の縦横比
+ */
+declare const varLayoutChildRatio = "--nws-layout-childRatio";
+/**
+ * 変数\
+ * 子要素の横方向の数
+ */
+declare const varLayoutChildCountX = "--nws-layout-childCountX";
+/**
+ * 変数\
+ * 子要素の縦方向の数
+ */
+declare const varLayoutChildCountY = "--nws-layout-childCountY";
+/**
+ * 変数\
+ * 横方向のテンプレート
+ */
+declare const varLayoutTemplateX = "--nws-layout-templateX";
+/**
+ * 変数\
+ * 縦方向のテンプレート
+ */
+declare const varLayoutTemplateY = "--nws-layout-templateY";
 /**
  * axis毎のクラス
  */
@@ -66,4 +271,4 @@ declare const varLayout: {
   };
 };
 //#endregion
-export { clsLayout, varLayout };
+export { clsLayout, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayout, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };

package/core/_constants.mjs

@@ -1,7 +1,210 @@
-import { clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutTemplateX, clsLayoutTemplateY, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY } from "./constants.mjs";
-
 //#region src/core/_constants.ts
 /**
+* レイアウト種別: stack
+*/
+const clsLayoutStack = "nws-layout-stack";
+/**
+* レイアウト種別: flow
+*/
+const clsLayoutFlow = "nws-layout-flow";
+/**
+* レイアウト種別: tile
+*/
+const clsLayoutTile = "nws-layout-tile";
+/**
+* レイアウト種別: matrix
+*/
+const clsLayoutMatrix = "nws-layout-matrix";
+/**
+* レイアウト種別: center
+*/
+const clsLayoutCenter = "nws-layout-center";
+/**
+* レイアウト種別: pack
+*/
+const clsLayoutPack = "nws-layout-pack";
+/**
+* レイアウト種別: balance
+*/
+const clsLayoutBalance = "nws-layout-balance";
+/**
+* レイアウト種別: layer
+*/
+const clsLayoutLayer = "nws-layout-layer";
+/**
+* レイアウト種別: pin
+*/
+const clsLayoutPin = "nws-layout-pin";
+/**
+* 整列: 横方向
+*/
+const clsLayoutDirectionX = "nws-layout-direction-x";
+/**
+* 整列: 縦方向
+*/
+const clsLayoutDirectionY = "nws-layout-direction-y";
+/**
+* 横位置: 左
+*/
+const clsLayoutAlignXLeft = "nws-layout-alignX-left";
+/**
+* 横位置: 中央
+*/
+const clsLayoutAlignXCenter = "nws-layout-alignX-center";
+/**
+* 横位置: 右
+*/
+const clsLayoutAlignXRight = "nws-layout-alignX-right";
+/**
+* 横位置: 両端揃え
+*/
+const clsLayoutAlignXSpaceBetween = "nws-layout-alignX-spaceBetween";
+/**
+* 横位置: 両端余白あり均等
+*/
+const clsLayoutAlignXSpaceAround = "nws-layout-alignX-spaceAround";
+/**
+* 横位置: 完全均等
+*/
+const clsLayoutAlignXSpaceEvenly = "nws-layout-alignX-spaceEvenly";
+/**
+* 縦位置: 上
+*/
+const clsLayoutAlignYTop = "nws-layout-alignY-top";
+/**
+* 縦位置: 中央
+*/
+const clsLayoutAlignYMiddle = "nws-layout-alignY-middle";
+/**
+* 縦位置: 下
+*/
+const clsLayoutAlignYBottom = "nws-layout-alignY-bottom";
+/**
+* 縦位置: 両端揃え
+*/
+const clsLayoutAlignYSpaceBetween = "nws-layout-alignY-spaceBetween";
+/**
+* 縦位置: 両端余白あり均等
+*/
+const clsLayoutAlignYSpaceAround = "nws-layout-alignY-spaceAround";
+/**
+* 縦位置: 完全均等
+*/
+const clsLayoutAlignYSpaceEvenly = "nws-layout-alignY-spaceEvenly";
+/**
+* 子要素の幅調整: なし
+*/
+const clsLayoutAdjustXNone = "nws-layout-adjustX-none";
+/**
+* 子要素の幅調整: 伸ばす & 縮める
+*/
+const clsLayoutAdjustXFit = "nws-layout-adjustX-fit";
+/**
+* 子要素の幅調整: 伸ばす
+*/
+const clsLayoutAdjustXExpand = "nws-layout-adjustX-grow";
+/**
+* 子要素の幅調整: 縮める
+*/
+const clsLayoutAdjustXShrink = "nws-layout-adjustX-shrink";
+/**
+* 子要素の高さ調整: なし
+*/
+const clsLayoutAdjustYNone = "nws-layout-adjustY-none";
+/**
+* 子要素の高さ調整: 伸ばす & 縮める
+*/
+const clsLayoutAdjustYFit = "nws-layout-adjustY-fit";
+/**
+* 子要素の高さ調整: 伸ばす
+*/
+const clsLayoutAdjustYExpand = "nws-layout-adjustY-grow";
+/**
+* 子要素の高さ調整: 縮める
+*/
+const clsLayoutAdjustYShrink = "nws-layout-adjustY-shrink";
+/**
+* 間隔: 横方向
+*/
+const clsLayoutGapX = "nws-layout-gapX";
+/**
+* 間隔: 縦方向
+*/
+const clsLayoutGapY = "nws-layout-gapY";
+/**
+* 子要素の幅
+*/
+const clsLayoutChildSizeX = "nws-layout-childSizeX";
+/**
+* 子要素の高さ
+*/
+const clsLayoutChildSizeY = "nws-layout-childSizeY";
+/**
+* 子要素の縦横比
+*/
+const clsLayoutChildRatio = "nws-layout-childRatio";
+/**
+* 子要素の横方向の数
+*/
+const clsLayoutChildCountX = "nws-layout-childCountX";
+/**
+* 子要素の縦方向の数
+*/
+const clsLayoutChildCountY = "nws-layout-childCountY";
+/**
+* 横方向のテンプレート
+*/
+const clsLayoutTemplateX = "nws-layout-templateX";
+/**
+* 縦方向のテンプレート
+*/
+const clsLayoutTemplateY = "nws-layout-templateY";
+/**
+* 変数\
+* 間隔: 横方向
+*/
+const varLayoutGapX = "--nws-layout-gapX";
+/**
+* 変数\
+* 間隔: 縦方向
+*/
+const varLayoutGapY = "--nws-layout-gapY";
+/**
+* 変数\
+* 子要素の幅
+*/
+const varLayoutChildSizeX = "--nws-layout-childSizeX";
+/**
+* 変数\
+* 子要素の高さ
+*/
+const varLayoutChildSizeY = "--nws-layout-childSizeY";
+/**
+* 変数\
+* 子要素の縦横比
+*/
+const varLayoutChildRatio = "--nws-layout-childRatio";
+/**
+* 変数\
+* 子要素の横方向の数
+*/
+const varLayoutChildCountX = "--nws-layout-childCountX";
+/**
+* 変数\
+* 子要素の縦方向の数
+*/
+const varLayoutChildCountY = "--nws-layout-childCountY";
+/**
+* 変数\
+* 横方向のテンプレート
+*/
+const varLayoutTemplateX = "--nws-layout-templateX";
+/**
+* 変数\
+* 縦方向のテンプレート
+*/
+const varLayoutTemplateY = "--nws-layout-templateY";
+/**
 * axis毎のクラス
 */
 const clsLayout = {
@@ -69,4 +272,4 @@ const varLayout = {
 };
 
 //#endregion
-export { clsLayout, varLayout };
+export { clsLayout, clsLayoutAdjustXExpand, clsLayoutAdjustXFit, clsLayoutAdjustXNone, clsLayoutAdjustXShrink, clsLayoutAdjustYExpand, clsLayoutAdjustYFit, clsLayoutAdjustYNone, clsLayoutAdjustYShrink, clsLayoutAlignXCenter, clsLayoutAlignXLeft, clsLayoutAlignXRight, clsLayoutAlignXSpaceAround, clsLayoutAlignXSpaceBetween, clsLayoutAlignXSpaceEvenly, clsLayoutAlignYBottom, clsLayoutAlignYMiddle, clsLayoutAlignYSpaceAround, clsLayoutAlignYSpaceBetween, clsLayoutAlignYSpaceEvenly, clsLayoutAlignYTop, clsLayoutBalance, clsLayoutCenter, clsLayoutChildCountX, clsLayoutChildCountY, clsLayoutChildRatio, clsLayoutChildSizeX, clsLayoutChildSizeY, clsLayoutDirectionX, clsLayoutDirectionY, clsLayoutFlow, clsLayoutGapX, clsLayoutGapY, clsLayoutLayer, clsLayoutMatrix, clsLayoutPack, clsLayoutPin, clsLayoutStack, clsLayoutTemplateX, clsLayoutTemplateY, clsLayoutTile, varLayout, varLayoutChildCountX, varLayoutChildCountY, varLayoutChildRatio, varLayoutChildSizeX, varLayoutChildSizeY, varLayoutGapX, varLayoutGapY, varLayoutTemplateX, varLayoutTemplateY };

package/core/_internal/applyChildCount.cjs

@@ -1,8 +1,6 @@
-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('./hasValue.cjs');
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx, 1);
+const require_core__internal_mergeClassName = require('./mergeClassName.cjs');
 
 //#region src/core/_internal/applyChildCount.ts
 /**
@@ -13,12 +11,12 @@ clsx = require_runtime.__toESM(clsx, 1);
 */
 function applyChildCount(result, childCountX, childCountY) {
 	if (require_core__internal_hasValue(childCountX)) {
-		result.className = (0, clsx.default)(result.className, require_core_constants.clsLayoutChildCountX);
-		result.style[require_core_constants.varLayoutChildCountX] = childCountX;
+		result.className = require_core__internal_mergeClassName(result.className, require_core__constants.clsLayoutChildCountX);
+		result.style[require_core__constants.varLayoutChildCountX] = `${childCountX}`;
 	}
 	if (require_core__internal_hasValue(childCountY)) {
-		result.className = (0, clsx.default)(result.className, require_core_constants.clsLayoutChildCountY);
-		result.style[require_core_constants.varLayoutChildCountY] = childCountY;
+		result.className = require_core__internal_mergeClassName(result.className, require_core__constants.clsLayoutChildCountY);
+		result.style[require_core__constants.varLayoutChildCountY] = `${childCountY}`;
 	}
 }
 

package/core/_internal/applyChildCount.mjs

@@ -1,6 +1,6 @@
-import { clsLayoutChildCountX, clsLayoutChildCountY, varLayoutChildCountX, varLayoutChildCountY } from "../constants.mjs";
+import { clsLayoutChildCountX, clsLayoutChildCountY, varLayoutChildCountX, varLayoutChildCountY } from "../_constants.mjs";
 import hasValue from "./hasValue.mjs";
-import clsx from "clsx";
+import mergeClassName from "./mergeClassName.mjs";
 
 //#region src/core/_internal/applyChildCount.ts
 /**
@@ -11,12 +11,12 @@ import clsx from "clsx";
 */
 function applyChildCount(result, childCountX, childCountY) {
 	if (hasValue(childCountX)) {
-		result.className = clsx(result.className, clsLayoutChildCountX);
-		result.style[varLayoutChildCountX] = childCountX;
+		result.className = mergeClassName(result.className, clsLayoutChildCountX);
+		result.style[varLayoutChildCountX] = `${childCountX}`;
 	}
 	if (hasValue(childCountY)) {
-		result.className = clsx(result.className, clsLayoutChildCountY);
-		result.style[varLayoutChildCountY] = childCountY;
+		result.className = mergeClassName(result.className, clsLayoutChildCountY);
+		result.style[varLayoutChildCountY] = `${childCountY}`;
 	}
 }