draft-ole 0.9.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 object-zaseeta
+
+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,134 @@
+# DraftOle
+
+静的ページのための TypeScript 製 View DSL。LP・ドキュメント・記事・レポートを 1 本の型安全な TypeScript プログラムとして記述する。`page first, App later` を方針とする。
+
+> **現在のフェーズ:** DraftOle は *static page first* の View DSL です。`page()` と最小の View プリミティブ（`Page` / `Section` / `VStack` / `HStack` / `Text` ほか）でページを組み、HTML / CSS を生成します。インタラクティブなランタイム（`App`）は今フェーズでは意図的に二次的に位置づけています。詳しくは [docs/positioning.md](docs/positioning.md) を参照してください。
+
+## 特徴
+
+- **page-first な View DSL** — `page()` + `Page` / `Section` / `VStack` / `HStack` / `Text` で静的ページを直接表現
+- **modifier 主導のスタイリング** — `.padding()` / `.background()` / `.foregroundStyle()` / `.font()` / `.frame()` / `.cornerRadius()` を View ノード単位で適用
+- **型安全な HTML 生成** — TypeScript ソースから出力まで完全に型チェック
+- **既定でゼロランタイム** — `page()` は素の HTML / CSS のみを書き出し、`runtime.js` を生成しない
+- **プロダクション依存ゼロ**
+
+## インストール
+
+> ⚠️ まだ npm に公開していません。現時点ではソースから導入してください:
+
+```bash
+git clone https://github.com/object-zaseeta/DraftOle.git
+cd DraftOle
+pnpm install
+pnpm build
+```
+
+自分のプロジェクトからリンクする場合:
+
+```bash
+# 自分のプロジェクト側で
+pnpm link --global <DraftOleへのパス>
+```
+
+## クイックスタート
+
+**1. スクリプトを作成**(例: `build-page.ts`):
+
+```typescript
+import { page, Page, Section, VStack, Text } from 'draft-ole';
+
+const hero = Section(
+  VStack({ spacing: 16 },
+    Text('Hello, DraftOle!')
+      .font({ size: '2rem', weight: '700' })
+      .foregroundStyle('#1a1a2e'),
+    Text('静的ページのための View DSL.')
+      .font({ size: '1.125rem' })
+      .foregroundStyle('#4a4a6a'),
+  )
+    .padding(48)
+    .frame({ maxWidth: 720 }),
+)
+  .background('#f8f9ff');
+
+const doc = page(
+  Page(hero),
+  {
+    lang: 'ja',
+    title: 'Hello, DraftOle',
+  },
+);
+
+console.log(doc.render());
+```
+
+**2. 実行:**
+
+```bash
+node --experimental-strip-types build-page.ts
+```
+
+これで完全な静的 HTML ドキュメントが標準出力されます。`index.html` / `style.css` をディレクトリに書き出すには `doc.export('./dist')` を使ってください。
+
+より長い動作例は [`examples/page-minimal.ts`](examples/page-minimal.ts)（hero + features 構成）と [`examples/page-landing.ts`](examples/page-landing.ts)（複数セクション LP）を参照してください。
+
+## コアコンセプト
+
+| 概念 | 説明 |
+|---|---|
+| **`page(view, meta?)`** | 入口。`Page` View にドキュメントメタ情報（lang / title / charset / viewport / description）を付与し、`PageDocument` を返す。 |
+| **`Page`, `Section`** | ページ構造の上位 View。`Page` はルート View、`Section` は意味のあるブロック。 |
+| **`VStack`, `HStack`** | 縦方向 / 横方向のレイアウト View。`spacing` オプションあり。 |
+| **`Text`** | テキスト View。文字コンテンツのリーフプリミティブ。 |
+| **modifier** | `.padding()` / `.background()` / `.foregroundStyle()` / `.font({ size, weight, ... })` / `.frame({ maxWidth, ... })` / `.cornerRadius()` — View ノード単位の scoped スタイリング。 |
+| **`PageDocument`** | `page()` の戻り値。`.render()` で HTML 文字列を取得、`.export(dir)` で `index.html` / `style.css` を書き出す。 |
+
+## サンプル
+
+[`examples/`](examples/) に整理済みの読み順を用意しています。推奨の読み順:
+
+1. [`examples/page-minimal.ts`](examples/page-minimal.ts) — `page()` の最小例
+2. [`examples/page-landing.ts`](examples/page-landing.ts) — View modifier だけで組む複数セクション LP
+3. `examples/showcase-card.ts` / `showcase-button.ts` / `showcase-list.ts` — レイアウト / modifier ショーケース
+4. [`examples/interactive/mvp-demo.ts`](examples/interactive/mvp-demo.ts) — *advanced / interactive* な発展例（埋め込み JS の Todo アプリ）
+
+完全な読み順は [`examples/README.md`](examples/README.md) に記載しています。
+
+## スクリプト
+
+```bash
+pnpm build       # dist/ にコンパイル (ESM + CJS + .d.ts)
+pnpm test        # Vitest テスト実行
+pnpm lint        # ESLint
+pnpm typecheck   # tsc --noEmit
+pnpm demo:mvp    # MVP デモ実行 → .out/runs/mvp_demo/
+```
+
+## 想定ユースケース（現フェーズ）
+
+`page first` は **静的ページ** を想定しています:
+
+- ランディングページ（LP）
+- ドキュメントページ
+- 記事・長文レポート
+- 静的なダッシュボード / ステータスページ
+
+インタラクティブなランタイム（`App`、jQuery 風スクリプト、埋め込み JS）は引き続き利用可能ですが、本フェーズの主導線ではありません。主対象と現在の non-goals は [docs/positioning.md](docs/positioning.md) を参照してください。
+
+## Advanced / 互換目的
+
+旧来の `Root` + `html/body/div` + `FileExporter` API は後方互換および高度な利用のために残されていますが、新規利用の出発点としては推奨されません。新しいコードは `page()` から始めてください。該当パスは `examples/interactive/mvp-demo.ts` および `src/html/` 配下を参照してください。
+
+## 技術スタック
+
+| 項目 | 選択 |
+|------|------|
+| 言語 | TypeScript 5.x (strict mode) |
+| ランタイム | Node.js 18+ |
+| ビルド | tsup (esbuildベース) |
+| テスト | Vitest |
+| 出力形式 | ESM + CJS + .d.ts |
+
+## ライセンス
+
+MIT

package/README.md

@@ -0,0 +1,128 @@
+# DraftOle
+
+A View DSL for static pages in TypeScript. Build LPs, docs, articles and reports as a single, fully type-checked TypeScript program — `page first, App later`.
+
+> **What this is now:** DraftOle is a *static page first* View DSL. You compose pages with `page()` and a small set of View primitives (`Page`, `Section`, `VStack`, `HStack`, `Text`, ...), and DraftOle emits the HTML/CSS for you. Interactive runtime (`App`) is intentionally a secondary story for this phase — see [docs/positioning.md](docs/positioning.md).
+
+## Features
+
+- **Page-first View DSL** — `page()` + `Page` / `Section` / `VStack` / `HStack` / `Text` express a static page directly
+- **Modifier-driven styling** — `.padding()`, `.background()`, `.foregroundStyle()`, `.font()`, `.frame()`, `.cornerRadius()` produce scoped CSS per node
+- **Type-safe HTML generation** — full TypeScript type checking from source to output
+- **Zero runtime by default** — `page()` writes plain HTML/CSS, no `runtime.js` is generated
+- **Zero production dependencies**
+
+## Installation
+
+```bash
+npm install draft-ole
+# or
+pnpm add draft-ole
+# or
+yarn add draft-ole
+```
+
+> 🧪 **0.9.0 (pre-1.0)** — public API は概ね固まっていますが、1.0 に向けて feedback を集めているフェーズです。Issues / Discussions 歓迎です。
+
+## Quick Start
+
+**1. Create a script** (e.g. `build-page.ts`):
+
+```typescript
+import { page, Page, Section, VStack, Text } from 'draft-ole';
+
+const hero = Section(
+  VStack({ spacing: 16 },
+    Text('Hello, DraftOle!')
+      .font({ size: '2rem', weight: '700' })
+      .foregroundStyle('#1a1a2e'),
+    Text('A View DSL for static pages.')
+      .font({ size: '1.125rem' })
+      .foregroundStyle('#4a4a6a'),
+  )
+    .padding(48)
+    .frame({ maxWidth: 720 }),
+)
+  .background('#f8f9ff');
+
+const doc = page(
+  Page(hero),
+  {
+    lang: 'en',
+    title: 'Hello, DraftOle',
+  },
+);
+
+console.log(doc.render());
+```
+
+**2. Run it:**
+
+```bash
+node --experimental-strip-types build-page.ts
+```
+
+This prints a complete static HTML document. To write `index.html` / `style.css` to a directory, use `doc.export('./dist')`.
+
+For a longer working example see [`examples/page-minimal.ts`](examples/page-minimal.ts) (a hero + features section) and [`examples/page-landing.ts`](examples/page-landing.ts) (a multi-section LP).
+
+## Core Concepts
+
+| Concept | Description |
+|---|---|
+| **`page(view, meta?)`** | Entry point. Wraps a `Page` view with document metadata (lang / title / charset / viewport / description) and returns a `PageDocument`. |
+| **`Page`, `Section`** | Top-level structural views. `Page` is the root view, `Section` is a semantic block inside a page. |
+| **`VStack`, `HStack`** | Vertical / horizontal layout primitives with `spacing` option. |
+| **`Text`** | Text view, the leaf primitive for written content. |
+| **Modifiers** | `.padding()`, `.background()`, `.foregroundStyle()`, `.font({ size, weight, ... })`, `.frame({ maxWidth, ... })`, `.cornerRadius()` — scoped, per-view styling. |
+| **`PageDocument`** | The result of `page()`. Use `.render()` to get the HTML string, or `.export(dir)` to write `index.html` / `style.css`. |
+
+## Examples
+
+See [`examples/`](examples/) for the curated read-order. Recommended path:
+
+1. [`examples/page-minimal.ts`](examples/page-minimal.ts) — minimum `page()` example
+2. [`examples/page-landing.ts`](examples/page-landing.ts) — multi-section LP using only View modifiers
+3. `examples/showcase-card.ts` / `showcase-button.ts` / `showcase-list.ts` — layout / modifier showcases
+4. [`examples/interactive/mvp-demo.ts`](examples/interactive/mvp-demo.ts) — *advanced / interactive* example (Todo app with embedded JS)
+
+The full read order is documented in [`examples/README.md`](examples/README.md).
+
+## Scripts
+
+```bash
+pnpm build       # Compile to dist/ (ESM + CJS + .d.ts)
+pnpm test        # Run Vitest suite
+pnpm lint        # ESLint
+pnpm typecheck   # tsc --noEmit
+pnpm demo:mvp    # Run the MVP demo → .out/runs/mvp_demo/
+```
+
+## Use Cases (current phase)
+
+`page first` is positioned for **static pages**:
+
+- Landing pages
+- Documentation pages
+- Articles and long-form reports
+- Static dashboards / status pages
+
+Interactive runtime (`App`, jQuery-style scripts, embedded JS) remains available as advanced material but is *not* the primary path for this phase. See [docs/positioning.md](docs/positioning.md) for primary use cases and current non-goals.
+
+## Advanced / Compatibility
+
+The legacy `Root` + `html/body/div` + `FileExporter` API is still present for back-compatibility and advanced use cases. It is **not** the recommended starting point for new users; new code should start from `page()`. See `examples/interactive/mvp-demo.ts` and the source under `src/html/` for that path.
+
+## Tech Stack
+
+| Item | Choice |
+|------|--------|
+| Language | TypeScript 5.x (strict mode) |
+| Runtime | Node.js 18+ |
+| Build | tsup (esbuild-based) |
+| Test | Vitest |
+| Output | ESM + CJS + .d.ts |
+
+## License
+
+MIT

package/dist/chunk-5BNNDTRT.js

@@ -0,0 +1,95 @@
+import {
+  FileExporter,
+  Root,
+  body,
+  head,
+  html,
+  meta,
+  title
+} from "./chunk-STLTIBMA.js";
+
+// src/app/app-document.ts
+var AppDocument = class {
+  _root;
+  _bodyEl;
+  _options;
+  _exported = false;
+  /** @internal `app()` ファクトリからのみ生成される */
+  constructor(root, bodyEl, options) {
+    this._root = root;
+    this._bodyEl = bodyEl;
+    this._options = options;
+  }
+  /**
+   * Req 2.1: リアクティブ state を生成する。
+   * `Root.runtimeContext.state()` へ委譲するため、生成された State は
+   * 同一ドキュメントの event handler / binding と同じ StateRegistry を参照する。
+   */
+  state(initialValue) {
+    return this._root.state(initialValue);
+  }
+  /**
+   * Req 3.1, 3.2, 3.3: content を `<body>` 直下に append し HTML/CSS/JS を出力する。
+   *
+   * - `<main>` で包まない（SPA 用途のためユーザーの view ツリーをそのまま body 直下に配置）
+   * - `wrapDOMReady: true` のとき生成 JS を `DOMContentLoaded` でラップする
+   * - 書き込み不可パスでは `ExportableError('invalidPath')` が透過する
+   *
+   * @throws {Error} 同一 AppDocument で 2 回目以降の呼び出し時
+   * @throws {ExportableError} outputPath が無効または書き込み失敗時
+   */
+  exportTo(content, outputPath) {
+    if (this._exported) {
+      throw new Error(
+        "AppDocument.exportTo can only be called once. Create a new app() instance to export again."
+      );
+    }
+    const views = Array.isArray(content) ? content : [content];
+    for (const view of views) {
+      this._bodyEl.addChild(view);
+      this._root.flushDescendants(view);
+    }
+    new FileExporter({ wrapDOMReady: this._options.wrapDOMReady ?? false }).exportFromRoot(
+      this._root,
+      outputPath
+    );
+    this._exported = true;
+  }
+};
+
+// src/app/build-document-skeleton.ts
+function buildDocumentSkeleton(root, options) {
+  root.setDoctype(true);
+  const charsetMeta = meta({ charset: options.charset ?? "UTF-8" });
+  const viewportMeta = options.viewport !== void 0 ? meta({ name: "viewport", content: options.viewport }) : void 0;
+  const descriptionMeta = options.description !== void 0 ? meta({ name: "description", content: options.description }) : void 0;
+  const titleEl = title(options.title ?? "");
+  const metaList = [charsetMeta, viewportMeta, descriptionMeta, titleEl].filter(
+    (el) => el !== void 0
+  );
+  const headEl = head(...metaList);
+  const bodyEl = body();
+  const htmlEl = options.lang !== void 0 ? html({ lang: options.lang }, headEl, bodyEl) : html(headEl, bodyEl);
+  root.addChild(htmlEl);
+  return { bodyEl };
+}
+
+// src/app/app.ts
+function app(options) {
+  const resolvedOptions = {
+    charset: "UTF-8",
+    lang: "en",
+    ...options
+  };
+  const { css } = resolvedOptions;
+  const cssArray = css === void 0 ? [] : Array.isArray(css) ? css : [css];
+  const root = new Root({ css: cssArray, cssConfig: resolvedOptions.cssConfig });
+  const { bodyEl } = buildDocumentSkeleton(root, resolvedOptions);
+  return new AppDocument(root, bodyEl, resolvedOptions);
+}
+
+export {
+  AppDocument,
+  app
+};
+//# sourceMappingURL=chunk-5BNNDTRT.js.map

package/dist/chunk-5BNNDTRT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/app/app-document.ts","../src/app/build-document-skeleton.ts","../src/app/app.ts"],"sourcesContent":["import type { HtmlTag } from '../html/elements/html-tag.js';\nimport type { Root } from '../html/elements/root.js';\nimport type { HTMLTagProtocol } from '../html/protocols/html-tag-protocol.js';\nimport type { State } from '../js/vanilla/state/state.js';\nimport { FileExporter } from '../publisher/file-exporter.js';\nimport type { AppContext } from './app.js';\nimport type { AppOptions } from './app-options.js';\n\n/**\n * `app()` ファクトリが返す対話型アプリのファサードオブジェクト。\n *\n * - `state<T>()`: `Root.runtimeContext.state<T>()` に委譲\n * - `exportTo()`: ユーザー content を `<body>` 直下に append し `FileExporter` 経由で出力\n *\n * **再 export 制限**: `exportTo()` は 1 インスタンスにつき 1 回のみ。\n * 2 回目以降は `Error` を throw する。\n *\n * Requirements: 1.3, 2.1, 2.2, 2.3, 3.1, 3.2, 3.3, 4.3\n * Boundary: src/app/app-document.ts\n */\n\n/** `exportTo()` に渡せるビュー要素の型 */\nexport type AppView = HtmlTag;\n\nexport class AppDocument implements AppContext {\n  private readonly _root: Root;\n  private readonly _bodyEl: HtmlTag;\n  private readonly _options: AppOptions;\n  private _exported = false;\n\n  /** @internal `app()` ファクトリからのみ生成される */\n  constructor(root: Root, bodyEl: HtmlTag, options: AppOptions) {\n    this._root = root;\n    this._bodyEl = bodyEl;\n    this._options = options;\n  }\n\n  /**\n   * Req 2.1: リアクティブ state を生成する。\n   * `Root.runtimeContext.state()` へ委譲するため、生成された State は\n   * 同一ドキュメントの event handler / binding と同じ StateRegistry を参照する。\n   */\n  state<T>(initialValue: T): State<T> {\n    return this._root.state(initialValue);\n  }\n\n  /**\n   * Req 3.1, 3.2, 3.3: content を `<body>` 直下に append し HTML/CSS/JS を出力する。\n   *\n   * - `<main>` で包まない（SPA 用途のためユーザーの view ツリーをそのまま body 直下に配置）\n   * - `wrapDOMReady: true` のとき生成 JS を `DOMContentLoaded` でラップする\n   * - 書き込み不可パスでは `ExportableError('invalidPath')` が透過する\n   *\n   * @throws {Error} 同一 AppDocument で 2 回目以降の呼び出し時\n   * @throws {ExportableError} outputPath が無効または書き込み失敗時\n   */\n  exportTo(content: AppView | readonly AppView[], outputPath: string): void {\n    if (this._exported) {\n      throw new Error(\n        'AppDocument.exportTo can only be called once. Create a new app() instance to export again.',\n      );\n    }\n\n    const views = Array.isArray(content) ? content : [content];\n    for (const view of views) {\n      this._bodyEl.addChild(view as unknown as HTMLTagProtocol);\n      this._root.flushDescendants(view as unknown as HTMLTagProtocol);\n    }\n\n    new FileExporter({ wrapDOMReady: this._options.wrapDOMReady ?? false }).exportFromRoot(\n      this._root,\n      outputPath,\n    );\n\n    this._exported = true;\n  }\n}\n","import type { Root } from '../html/elements/root.js';\nimport type { HtmlTag } from '../html/elements/html-tag.js';\nimport { body, head, html, meta, title } from '../html/tags/index.js';\nimport type { PageOptions } from '../view/types.js';\n\n/**\n * `Root` に html/head/(meta×N + title)/body を組み立てる純関数ヘルパー。\n *\n * - `body` は **空のまま** 返す（`app()` 用途は SPA なので `<main>` で包まない）\n * - `page()` の DOM 構築ロジックと同等の meta 生成を行う\n *\n * Requirements: 1.4, 3.4\n * Boundary: src/app/build-document-skeleton.ts\n */\nexport function buildDocumentSkeleton(\n  root: Root,\n  options: PageOptions,\n): { bodyEl: HtmlTag } {\n  root.setDoctype(true);\n\n  const charsetMeta = meta({ charset: options.charset ?? 'UTF-8' });\n\n  const viewportMeta =\n    options.viewport !== undefined\n      ? meta({ name: 'viewport', content: options.viewport })\n      : undefined;\n\n  const descriptionMeta =\n    options.description !== undefined\n      ? meta({ name: 'description', content: options.description })\n      : undefined;\n\n  const titleEl = title(options.title ?? '');\n\n  const metaList = [charsetMeta, viewportMeta, descriptionMeta, titleEl].filter(\n    (el): el is NonNullable<typeof el> => el !== undefined,\n  );\n\n  const headEl = head(...metaList);\n  const bodyEl = body();\n\n  const htmlEl =\n    options.lang !== undefined\n      ? html({ lang: options.lang }, headEl, bodyEl)\n      : html(headEl, bodyEl);\n\n  root.addChild(htmlEl);\n\n  return { bodyEl: bodyEl as unknown as HtmlTag };\n}\n","import type { GlobalCss } from '../css/variables/global-css.js';\nimport { Root } from '../html/elements/root.js';\nimport type { State } from '../js/vanilla/state/state.js';\nimport { AppDocument } from './app-document.js';\nimport type { AppOptions } from './app-options.js';\nimport { buildDocumentSkeleton } from './build-document-skeleton.js';\n\n/**\n * App state 操作の入口インターフェース。\n *\n * @internal 公開 API ではない（1.0.0 で公開面から除去済み）。利用者は `AppDocument`（`app()` の戻り値型）を使うこと。\n * 本インターフェースは `AppDocument implements AppContext` の構造的契約として内部実装で継続使用される。\n * 詳細は [docs/deprecation-policy.md](../../docs/deprecation-policy.md) 参照。\n */\nexport interface AppContext {\n  /**\n   * 初期値 `initialValue` を持つ State<T> を生成する。\n   */\n  state<T>(initialValue: T): State<T>;\n}\n\n/**\n * インタラクティブアプリのファサードを生成するファクトリ関数。\n *\n * 内部で `Root` を生成し、`html/head/body` の DOM スケルトンを組み立てて\n * `AppDocument` を返す。ユーザーは `Root` / `FileExporter` / `el.html` 等を\n * import する必要がなくなる。\n *\n * デフォルト値:\n * - `charset`: `\"UTF-8\"`\n * - `lang`: `\"en\"`\n * - `wrapDOMReady`: `false`\n *\n * `AppDocument` は `AppContext` の構造的サブタイプのため、\n * 既存の `const ctx: AppContext = app(); ctx.state(0)` は変更不要。\n *\n * Requirements: 1.1, 1.2, 1.3, 1.4, 4.3\n * Boundary: src/app/app.ts\n */\nexport function app(): AppDocument;\nexport function app(options: AppOptions): AppDocument;\nexport function app(options?: AppOptions): AppDocument {\n  const resolvedOptions: AppOptions = {\n    charset: 'UTF-8',\n    lang: 'en',\n    ...options,\n  };\n\n  const { css } = resolvedOptions;\n  const cssArray: readonly GlobalCss[] = css === undefined ? []\n    : Array.isArray(css) ? css\n    : [css];\n\n  const root = new Root({ css: cssArray, cssConfig: resolvedOptions.cssConfig });\n  const { bodyEl } = buildDocumentSkeleton(root, resolvedOptions);\n  return new AppDocument(root, bodyEl, resolvedOptions);\n}\n"],"mappings":";;;;;;;;;;;AAwBO,IAAM,cAAN,MAAwC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACT,YAAY;AAAA;AAAA,EAGpB,YAAY,MAAY,QAAiB,SAAqB;AAC5D,SAAK,QAAQ;AACb,SAAK,UAAU;AACf,SAAK,WAAW;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,MAAS,cAA2B;AAClC,WAAO,KAAK,MAAM,MAAM,YAAY;AAAA,EACtC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,SAAS,SAAuC,YAA0B;AACxE,QAAI,KAAK,WAAW;AAClB,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAEA,UAAM,QAAQ,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO;AACzD,eAAW,QAAQ,OAAO;AACxB,WAAK,QAAQ,SAAS,IAAkC;AACxD,WAAK,MAAM,iBAAiB,IAAkC;AAAA,IAChE;AAEA,QAAI,aAAa,EAAE,cAAc,KAAK,SAAS,gBAAgB,MAAM,CAAC,EAAE;AAAA,MACtE,KAAK;AAAA,MACL;AAAA,IACF;AAEA,SAAK,YAAY;AAAA,EACnB;AACF;;;AC9DO,SAAS,sBACd,MACA,SACqB;AACrB,OAAK,WAAW,IAAI;AAEpB,QAAM,cAAc,KAAK,EAAE,SAAS,QAAQ,WAAW,QAAQ,CAAC;AAEhE,QAAM,eACJ,QAAQ,aAAa,SACjB,KAAK,EAAE,MAAM,YAAY,SAAS,QAAQ,SAAS,CAAC,IACpD;AAEN,QAAM,kBACJ,QAAQ,gBAAgB,SACpB,KAAK,EAAE,MAAM,eAAe,SAAS,QAAQ,YAAY,CAAC,IAC1D;AAEN,QAAM,UAAU,MAAM,QAAQ,SAAS,EAAE;AAEzC,QAAM,WAAW,CAAC,aAAa,cAAc,iBAAiB,OAAO,EAAE;AAAA,IACrE,CAAC,OAAqC,OAAO;AAAA,EAC/C;AAEA,QAAM,SAAS,KAAK,GAAG,QAAQ;AAC/B,QAAM,SAAS,KAAK;AAEpB,QAAM,SACJ,QAAQ,SAAS,SACb,KAAK,EAAE,MAAM,QAAQ,KAAK,GAAG,QAAQ,MAAM,IAC3C,KAAK,QAAQ,MAAM;AAEzB,OAAK,SAAS,MAAM;AAEpB,SAAO,EAAE,OAAqC;AAChD;;;ACRO,SAAS,IAAI,SAAmC;AACrD,QAAM,kBAA8B;AAAA,IAClC,SAAS;AAAA,IACT,MAAM;AAAA,IACN,GAAG;AAAA,EACL;AAEA,QAAM,EAAE,IAAI,IAAI;AAChB,QAAM,WAAiC,QAAQ,SAAY,CAAC,IACxD,MAAM,QAAQ,GAAG,IAAI,MACrB,CAAC,GAAG;AAER,QAAM,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,WAAW,gBAAgB,UAAU,CAAC;AAC7E,QAAM,EAAE,OAAO,IAAI,sBAAsB,MAAM,eAAe;AAC9D,SAAO,IAAI,YAAY,MAAM,QAAQ,eAAe;AACtD;","names":[]}