@niche-works/style-layouts 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mitsuhiro Seino
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.ja.md

@@ -0,0 +1,320 @@
+# @niche-works/style-layouts
+
+`@niche-works/style-layouts` は、CSSによる子要素のレイアウト制御に特化したニッチなライブラリです。\
+オプションに応じたクラス名とCSS変数をオブジェクトとして返します。フレームワーク非依存でSSRにも対応しています。
+
+**[English README is available here](./README.md)**
+
+## 特徴
+
+- フレームワーク非依存（あらゆるJS環境で動作）
+- SSR対応（クラス名とインラインスタイルオブジェクトを返すだけ）
+- TypeScriptによる完全な型サポート
+
+## インストール
+
+```bash
+npm install @niche-works/style-layouts
+# または
+pnpm add @niche-works/style-layouts
+```
+
+## 使い方
+
+各レイアウト関数は `{ className, style }` オブジェクトを返します。コンテナ要素に適用してください。
+
+```ts
+import { stack } from '@niche-works/style-layouts';
+
+const { className, style } = stack({
+  direction: 'x',
+  alignX: 'center',
+  alignY: 'middle',
+  gap: 16,
+});
+
+// className: "nws-layout-stack nws-layout-direction-x ..."
+// style: { "--nws-layout-gapX": "16px", ... }
+```
+
+```html
+<div class="nws-layout-stack ..." style="--nws-layout-gapX: 16px; ...">
+  <div>Item 1</div>
+  <div>Item 2</div>
+</div>
+```
+
+### CSSの読み込み
+
+デフォルトのインポートではCSSが自動的に読み込まれます。
+
+```ts
+import { stack } from '@niche-works/style-layouts';
+```
+
+CSSと関数を個別に管理したい場合は `core` ディレクトリ配下のモジュールを使用してください。
+
+```ts
+import { stack } from '@niche-works/style-layouts/core';
+
+// 全レイアウトをまとめてインポート
+import '@niche-works/style-layouts/core/styles.css';
+
+// 必要なレイアウトのみインポート
+import '@niche-works/style-layouts/core/stack.css';
+import '@niche-works/style-layouts/core/tile.css';
+```
+
+## レイアウト種別
+
+### `stack`
+
+子要素を縦または横方向に一列に並べます。
+
+```ts
+import { stack } from '@niche-works/style-layouts';
+
+const { className, style } = stack({
+  direction: 'x',
+  alignX: 'left',
+  alignY: 'top',
+  adjustX: 'grow',
+  gap: 8,
+  childSizeX: 200,
+});
+```
+
+### `flow`
+
+`stack`と同様ですが、コンテナサイズを超えた場合に子要素を折り返します。
+
+> 交差軸方向の `adjustX` / `adjustY` に `grow`、`shrink`、`fit` は指定できません。
+
+```ts
+import { flow } from '@niche-works/style-layouts';
+
+const { className, style } = flow({
+  direction: 'x',
+  alignX: 'left',
+  alignY: 'top',
+  adjustX: 'fit',
+  gap: 8,
+  childSizeX: 200,
+});
+```
+
+### `tile`
+
+子要素のサイズを基準にして格子状に並べます。列数は親要素のサイズと子要素のサイズに応じて自動で決まります。
+
+> **注意:** このレイアウトはコンテナのサイズが外部から確定していることを前提としています。`width: max-content` など、子要素によってサイズが決まる親要素では、パーセンテージ値が意図通りに動作しない場合があります。
+
+```ts
+import { tile } from '@niche-works/style-layouts';
+
+const { className, style } = tile({
+  direction: 'x',
+  adjustX: 'fit',
+  gap: 8,
+  childSizeX: 200,
+});
+```
+
+### `matrix`
+
+列数・行数を指定して子要素を格子状に並べます。
+
+各軸で `childCount` または `tracks` のどちらか一方が必須です（両方は指定不可）。
+
+> **注意:** `tile` と同様に、コンテナのサイズが外部から確定していることを前提としています。
+
+```ts
+import { matrix } from '@niche-works/style-layouts';
+
+const { className, style } = matrix({
+  direction: 'x',
+  adjustX: 'fit',
+  gap: 8,
+  childSizeX: 200,
+  childCountX: 3,
+  childCountY: 2,
+});
+
+// グリッドトラックを直接指定する場合
+matrix({
+  tracksX: ['1fr', '2fr', '1fr'],
+  childCountY: 3,
+});
+```
+
+### `center`
+
+子要素を親要素の中央に配置します。\
+親要素が子要素より小さくなった場合でも、先頭の子要素が親要素の外にはみ出さずに表示されます。
+
+```ts
+import { center } from '@niche-works/style-layouts';
+
+const { className, style } = center({
+  direction: 'x',
+  adjustX: 'shrink',
+  gap: 8,
+  childSizeY: 200,
+  childRatioX: 1.6,
+});
+```
+
+### `pack`
+
+子要素を親要素のサイズに合わせて均等にサイズ調整し並べます。
+
+```ts
+import { pack } from '@niche-works/style-layouts';
+
+const { className, style } = pack({
+  direction: 'x',
+  gap: 8,
+});
+```
+
+### `balance`
+
+子要素を一列に均等に並べます。
+
+- `adjust` なし: 子要素のサイズを維持したまま、余白を均等に配分します
+- `adjust` あり: 子要素のサイズを調整してコンテナを満たします
+
+```ts
+import { balance } from '@niche-works/style-layouts';
+
+const { className, style } = balance({
+  direction: 'x',
+  adjustX: 'grow',
+  childSizeX: 200,
+  gap: 8,
+});
+```
+
+### `layer`
+
+子要素を重ねて全て同じ位置に配置します。
+
+> `alignX` / `alignY` に `space-between`、`space-around`、`space-evenly` は指定できません。
+
+```ts
+import { layer } from '@niche-works/style-layouts';
+
+const { className, style } = layer({
+  alignX: 'center',
+  adjustX: 'shrink',
+  childSizeY: 200,
+  childRatioX: 1.6,
+});
+```
+
+### `pin`
+
+子要素を指定の座標に配置します。子要素は `top` / `left` / `bottom` / `right` スタイルで位置を指定してください。
+
+```ts
+import { pin } from '@niche-works/style-layouts';
+
+const { className, style } = pin({
+  childSizeX: 100,
+  childSizeY: 80,
+});
+```
+
+## オプション
+
+### レイアウト別対応表
+
+| オプション    | stack | flow | tile | matrix | center | pack | balance | layer | pin |
+| ------------- | :---: | :--: | :--: | :----: | :----: | :--: | :-----: | :---: | :-: |
+| `direction`   |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `alignX`      |   ✓   |  ✓   |  ✓   |   ✓    |   —    |  —   |    ✓    |   ✓   |  —  |
+| `alignY`      |   ✓   |  ✓   |  ✓   |   ✓    |   —    |  —   |    ✓    |   ✓   |  —  |
+| `adjustX`     |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  —  |
+| `adjustY`     |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  —  |
+| `gap`         |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `gapX`        |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `gapY`        |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `childSizeX`  |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childSizeY`  |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childRatioX` |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childRatioY` |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childCountX` |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+| `childCountY` |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+| `tracksX`     |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+| `tracksY`     |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+
+### オプション一覧
+
+| オプション     | 型                       | 説明                                             |
+| -------------- | ------------------------ | ------------------------------------------------ |
+| `direction?`   | `'x' \| 'y'`             | 主軸の方向 (デフォルト `'x'`)                    |
+| `alignX?`      | [`AlignX`](#alignx-の値) | 子要素の横位置 (デフォルト `'left'`)             |
+| `alignY?`      | [`AlignY`](#aligny-の値) | 子要素の縦位置 (デフォルト `'top'`)              |
+| `adjustX?`     | [`Adjust`](#adjust-の値) | 子要素の横方向のサイズ調整 (デフォルト `'none'`) |
+| `adjustY?`     | [`Adjust`](#adjust-の値) | 子要素の縦方向のサイズ調整 (デフォルト `'none'`) |
+| `gap?`         | `number`                 | 子要素間の余白 (px,横縦共通)                     |
+| `gapX?`        | `number`                 | 子要素間の余白 (px,横方向)                       |
+| `gapY?`        | `number`                 | 子要素間の余白 (px,縦方向)                       |
+| `childSizeX?`  | `number`                 | 子要素の幅 (px)                                  |
+| `childSizeY?`  | `number`                 | 子要素の高さ (px)                                |
+| `childRatioX?` | `number`                 | 子要素の幅の比                                   |
+| `childRatioY?` | `number`                 | 子要素の高さの比                                 |
+| `childCountX?` | `number`                 | 子要素の横方向の数                               |
+| `childCountY?` | `number`                 | 子要素の縦方向の数                               |
+| `tracksX?`     | `(string \| number)[]`   | 子要素の横方向の個々のサイズ                     |
+| `tracksY?`     | `(string \| number)[]`   | 子要素の縦方向の個々のサイズ                     |
+
+### `AlignX` の値
+
+| 値                | 横方向の位置     |
+| ----------------- | ---------------- |
+| `'left'`          | 左寄せ           |
+| `'center'`        | 中央寄せ         |
+| `'right'`         | 右寄せ           |
+| `'space-between'` | 両端揃え         |
+| `'space-around'`  | 両端余白あり均等 |
+| `'space-evenly'`  | 完全均等         |
+
+### `AlignY` の値
+
+| 値                | 縦方向の位置     |
+| ----------------- | ---------------- |
+| `'top'`           | 上寄せ           |
+| `'middle'`        | 中央寄せ         |
+| `'bottom'`        | 下寄せ           |
+| `'space-between'` | 両端揃え         |
+| `'space-around'`  | 両端余白あり均等 |
+| `'space-evenly'`  | 完全均等         |
+
+### `Adjust` の値
+
+| 値         | 子が親より小さい時 | 子が親より大きい時 |
+| ---------- | ------------------ | ------------------ |
+| `'none'`   | そのまま           | そのまま           |
+| `'grow'`   | 伸びる             | そのまま           |
+| `'shrink'` | そのまま           | 縮む               |
+| `'fit'`    | 伸びる             | 縮む               |
+
+> **注意:** 子要素に個別の幅や高さが設定されている場合、その値が優先されるため上記の動作にならないことがあります。
+
+## 戻り値
+
+全てのレイアウト関数は `StyleLayoutResult` を返します。
+
+```ts
+type StyleLayoutResult = {
+  className?: string;
+  style?: {
+    [key: `--${string}`]: string | number | undefined;
+  };
+};
+```
+
+## ライセンス
+
+MIT

package/README.md

@@ -0,0 +1,320 @@
+# @niche-works/style-layouts
+
+`@niche-works/style-layouts` is a niche library specialized in controlling child element layout with CSS.
+It returns class names and CSS custom properties as an object based on the given options. Framework-agnostic and SSR-compatible.
+
+**[日本語のREADMEはこちら](./README.ja.md)**
+
+## Features
+
+- Framework-agnostic (works with any JS environment)
+- SSR-compatible (returns plain class names and inline style objects)
+- Fully typed with TypeScript
+
+## Installation
+
+```bash
+npm install @niche-works/style-layouts
+# or
+pnpm add @niche-works/style-layouts
+```
+
+## Usage
+
+Each layout function returns a `{ className, style }` object. Apply them to a container element.
+
+```ts
+import { stack } from '@niche-works/style-layouts';
+
+const { className, style } = stack({
+  direction: 'x',
+  alignX: 'center',
+  alignY: 'middle',
+  gap: 16,
+});
+
+// className: "nws-layout-stack nws-layout-direction-x ..."
+// style: { "--nws-layout-gapX": "16px", ... }
+```
+
+```html
+<div class="nws-layout-stack ..." style="--nws-layout-gapX: 16px; ...">
+  <div>Item 1</div>
+  <div>Item 2</div>
+</div>
+```
+
+### CSS
+
+The default import automatically includes the CSS.
+
+```ts
+import { stack } from '@niche-works/style-layouts';
+```
+
+If you want to manage CSS and functions separately, use the modules under the `core` directory.
+
+```ts
+import { stack } from '@niche-works/style-layouts/core';
+
+// Import all layouts at once
+import '@niche-works/style-layouts/core/styles.css';
+
+// Or import only what you need
+import '@niche-works/style-layouts/core/stack.css';
+import '@niche-works/style-layouts/core/tile.css';
+```
+
+## Layout Types
+
+### `stack`
+
+Arranges child elements in a single row or column.
+
+```ts
+import { stack } from '@niche-works/style-layouts';
+
+const { className, style } = stack({
+  direction: 'x',
+  alignX: 'left',
+  alignY: 'top',
+  adjustX: 'grow',
+  gap: 8,
+  childSizeX: 200,
+});
+```
+
+### `flow`
+
+Like `stack`, but wraps child elements when they exceed the container size.
+
+> `grow`, `shrink`, and `fit` cannot be specified for `adjustX` / `adjustY` on the cross axis.
+
+```ts
+import { flow } from '@niche-works/style-layouts';
+
+const { className, style } = flow({
+  direction: 'x',
+  alignX: 'left',
+  alignY: 'top',
+  adjustX: 'fit',
+  gap: 8,
+  childSizeX: 200,
+});
+```
+
+### `tile`
+
+Arranges child elements in a grid based on child element size. The number of columns is determined automatically based on the container and child sizes.
+
+> **Note:** This layout assumes the container size is determined externally. Containers sized by their own content (e.g. `width: max-content`) may cause unexpected behavior with percentage-based values.
+
+```ts
+import { tile } from '@niche-works/style-layouts';
+
+const { className, style } = tile({
+  direction: 'x',
+  adjustX: 'fit',
+  gap: 8,
+  childSizeX: 200,
+});
+```
+
+### `matrix`
+
+Arranges child elements in a grid with explicit column and row counts.
+
+Either `childCount` or `tracks` is required per axis (not both).
+
+> **Note:** Like `tile`, this layout assumes the container size is determined externally.
+
+```ts
+import { matrix } from '@niche-works/style-layouts';
+
+const { className, style } = matrix({
+  direction: 'x',
+  adjustX: 'fit',
+  gap: 8,
+  childSizeX: 200,
+  childCountX: 3,
+  childCountY: 2,
+});
+
+// Using explicit track templates
+matrix({
+  tracksX: ['1fr', '2fr', '1fr'],
+  childCountY: 3,
+});
+```
+
+### `center`
+
+Places child elements at the center of the container.
+Even when the container becomes smaller than the child elements, the first child element remains visible within the container without overflow.
+
+```ts
+import { center } from '@niche-works/style-layouts';
+
+const { className, style } = center({
+  direction: 'x',
+  adjustX: 'shrink',
+  gap: 8,
+  childSizeY: 200,
+  childRatioX: 1.6,
+});
+```
+
+### `pack`
+
+Sizes child elements equally to fill the container.
+
+```ts
+import { pack } from '@niche-works/style-layouts';
+
+const { className, style } = pack({
+  direction: 'x',
+  gap: 8,
+});
+```
+
+### `balance`
+
+Arranges child elements evenly in a single row or column.
+
+- Without `adjust`: maintains child size and distributes space evenly between items
+- With `adjust`: adjusts child size to fill the container evenly
+
+```ts
+import { balance } from '@niche-works/style-layouts';
+
+const { className, style } = balance({
+  direction: 'x',
+  adjustX: 'grow',
+  childSizeX: 200,
+  gap: 8,
+});
+```
+
+### `layer`
+
+Stacks child elements on top of each other at the same position.
+
+> `space-between`, `space-around`, and `space-evenly` cannot be specified for `alignX` / `alignY`.
+
+```ts
+import { layer } from '@niche-works/style-layouts';
+
+const { className, style } = layer({
+  alignX: 'center',
+  adjustX: 'shrink',
+  childSizeY: 200,
+  childRatioX: 1.6,
+});
+```
+
+### `pin`
+
+Positions child elements at specified coordinates. Each child element should have its position set via `top` / `left` / `bottom` / `right` styles.
+
+```ts
+import { pin } from '@niche-works/style-layouts';
+
+const { className, style } = pin({
+  childSizeX: 100,
+  childSizeY: 80,
+});
+```
+
+## Options
+
+### Options by Layout
+
+| Option        | stack | flow | tile | matrix | center | pack | balance | layer | pin |
+| ------------- | :---: | :--: | :--: | :----: | :----: | :--: | :-----: | :---: | :-: |
+| `direction`   |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `alignX`      |   ✓   |  ✓   |  ✓   |   ✓    |   —    |  —   |    ✓    |   ✓   |  —  |
+| `alignY`      |   ✓   |  ✓   |  ✓   |   ✓    |   —    |  —   |    ✓    |   ✓   |  —  |
+| `adjustX`     |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  —  |
+| `adjustY`     |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  —  |
+| `gap`         |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `gapX`        |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `gapY`        |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  ✓   |    ✓    |   —   |  —  |
+| `childSizeX`  |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childSizeY`  |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childRatioX` |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childRatioY` |   ✓   |  ✓   |  ✓   |   ✓    |   ✓    |  —   |    ✓    |   ✓   |  ✓  |
+| `childCountX` |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+| `childCountY` |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+| `tracksX`     |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+| `tracksY`     |   —   |  —   |  —   |   ✓    |   —    |  —   |    —    |   —   |  —  |
+
+### Options Reference
+
+| Option         | Type                       | Description                                                |
+| -------------- | -------------------------- | ---------------------------------------------------------- |
+| `direction?`   | `'x' \| 'y'`               | Main axis direction (default: `'x'`)                       |
+| `alignX?`      | [`AlignX`](#alignx-values) | Horizontal alignment of children (default: `'left'`)       |
+| `alignY?`      | [`AlignY`](#aligny-values) | Vertical alignment of children (default: `'top'`)          |
+| `adjustX?`     | [`Adjust`](#adjust-values) | Horizontal size adjustment of children (default: `'none'`) |
+| `adjustY?`     | [`Adjust`](#adjust-values) | Vertical size adjustment of children (default: `'none'`)   |
+| `gap?`         | `number`                   | Gap between children in px (both axes)                     |
+| `gapX?`        | `number`                   | Gap between children in px (horizontal)                    |
+| `gapY?`        | `number`                   | Gap between children in px (vertical)                      |
+| `childSizeX?`  | `number`                   | Width of child elements in px                              |
+| `childSizeY?`  | `number`                   | Height of child elements in px                             |
+| `childRatioX?` | `number`                   | Horizontal ratio of child elements                         |
+| `childRatioY?` | `number`                   | Vertical ratio of child elements                           |
+| `childCountX?` | `number`                   | Number of children in horizontal direction                 |
+| `childCountY?` | `number`                   | Number of children in vertical direction                   |
+| `tracksX?`     | `(string \| number)[]`     | Individual sizes of children (horizontal)                  |
+| `tracksY?`     | `(string \| number)[]`     | Individual sizes of children (vertical)                    |
+
+### `AlignX` Values
+
+| Value             | Horizontal Position        |
+| ----------------- | -------------------------- |
+| `'left'`          | Align to left              |
+| `'center'`        | Align to center            |
+| `'right'`         | Align to right             |
+| `'space-between'` | Space between items        |
+| `'space-around'`  | Space around items         |
+| `'space-evenly'`  | Space evenly between items |
+
+### `AlignY` Values
+
+| Value             | Vertical Position          |
+| ----------------- | -------------------------- |
+| `'top'`           | Align to top               |
+| `'middle'`        | Align to middle            |
+| `'bottom'`        | Align to bottom            |
+| `'space-between'` | Space between items        |
+| `'space-around'`  | Space around items         |
+| `'space-evenly'`  | Space evenly between items |
+
+### `Adjust` Values
+
+| Value      | Child smaller than parent | Child larger than parent |
+| ---------- | ------------------------- | ------------------------ |
+| `'none'`   | No change                 | No change                |
+| `'grow'`   | Grows to fill             | No change                |
+| `'shrink'` | No change                 | Shrinks to fit           |
+| `'fit'`    | Grows to fill             | Shrinks to fit           |
+
+> **Note:** If individual width or height is set on a child element, that value takes precedence and the behavior described above may not apply.
+
+## Return Value
+
+All layout functions return a `StyleLayoutResult`:
+
+```ts
+type StyleLayoutResult = {
+  className?: string;
+  style?: {
+    [key: `--${string}`]: string | number | undefined;
+  };
+};
+```
+
+## License
+
+MIT

package/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,29 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+exports.__toESM = __toESM;

package/balance/index.cjs

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

package/balance/index.d.cts

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