@starweb-libs/ui 0.0.1 → 0.0.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Starweb Libraries, Mason L'Etoile
-
-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.
+MIT License
+
+Copyright (c) 2026 Starweb Libraries, Mason L'Etoile
+
+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.md

@@ -1,17 +1,17 @@
-# Starweb UI
-
-Canvas UI primitives for browser games
-
-## Tech Stack
-<p align="left">
-  <img height="35" src="https://img.shields.io/badge/TypeScript-%23007ACC?logo=typescript&logoColor=white&style=for-the-badge"/>
-  <img height="35" src="https://img.shields.io/badge/Canvas%20API-black?logo=html5&logoColor=white&style=for-the-badge"/>
-</p>
-
-## Installation
-```bash
-npm install github:starweb-libs/ui
-```
-
-## License
-MIT License - see [LICENSE](./LICENSE) for details.
+# Starweb UI
+
+Canvas UI primitives for browser games
+
+## Tech Stack
+<p align="left">
+  <img height="35" src="https://img.shields.io/badge/TypeScript-%23007ACC?logo=typescript&logoColor=white&style=for-the-badge"/>
+  <img height="35" src="https://img.shields.io/badge/Canvas%20API-black?logo=html5&logoColor=white&style=for-the-badge"/>
+</p>
+
+## Installation
+```bash
+npm install github:starweb-libs/ui
+```
+
+## License
+MIT License - see [LICENSE](./LICENSE) for details.

package/dist/button.d.mts

@@ -0,0 +1,12 @@
+import { Button, ButtonState } from "./types.mjs";
+
+//#region src/button.d.ts
+declare function getButtonState(b: Button, pointer: {
+  x: number;
+  y: number;
+  clicked: boolean;
+}): ButtonState;
+declare function drawButton(ctx: CanvasRenderingContext2D, b: Button, ui: ButtonState): void;
+//#endregion
+export { drawButton, getButtonState };
+//# sourceMappingURL=button.d.mts.map

package/dist/button.mjs

@@ -0,0 +1,24 @@
+//#region src/button.ts
+function getButtonState(b, pointer) {
+	const hovered = pointer.x >= b.x && pointer.x <= b.x + b.w && pointer.y >= b.y && pointer.y <= b.y + b.h;
+	return {
+		hovered,
+		clicked: hovered && pointer.clicked
+	};
+}
+function drawButton(ctx, b, ui) {
+	ctx.fillStyle = ui.hovered ? "#444" : "#222";
+	ctx.fillRect(b.x, b.y, b.w, b.h);
+	ctx.strokeStyle = "#fff";
+	ctx.lineWidth = 2;
+	ctx.strokeRect(b.x, b.y, b.w, b.h);
+	ctx.fillStyle = "#fff";
+	ctx.font = `${b.h * .4}px sans-serif`;
+	ctx.textAlign = "center";
+	ctx.textBaseline = "middle";
+	ctx.fillText(b.label, b.x + b.w / 2, b.y + b.h / 2);
+}
+//#endregion
+export { drawButton, getButtonState };
+
+//# sourceMappingURL=button.mjs.map

package/dist/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":[],"sources":["../src/button.ts"],"sourcesContent":["import type { Button, ButtonState } from \"./types.ts\";\n\nexport function getButtonState(\n  b: Button,\n  pointer: { x: number; y: number; clicked: boolean }\n): ButtonState {\n  const hovered = pointer.x >= b.x && pointer.x <= b.x + b.w\n               && pointer.y >= b.y && pointer.y <= b.y + b.h;\n  return { hovered, clicked: hovered && pointer.clicked };\n}\n\nexport function drawButton(ctx: CanvasRenderingContext2D, b: Button, ui: ButtonState): void {\n  ctx.fillStyle = ui.hovered ? \"#444\" : \"#222\";\n  ctx.fillRect(b.x, b.y, b.w, b.h);\n  ctx.strokeStyle = \"#fff\";\n  ctx.lineWidth = 2;\n  ctx.strokeRect(b.x, b.y, b.w, b.h);\n  ctx.fillStyle = \"#fff\";\n  ctx.font = `${b.h * 0.4}px sans-serif`;\n  ctx.textAlign = \"center\";\n  ctx.textBaseline = \"middle\";\n  ctx.fillText(b.label, b.x + b.w / 2, b.y + b.h / 2);\n}\n"],"mappings":";AAEA,SAAgB,eACd,GACA,SACa;CACb,MAAM,UAAU,QAAQ,KAAK,EAAE,KAAK,QAAQ,KAAK,EAAE,IAAI,EAAE,KACzC,QAAQ,KAAK,EAAE,KAAK,QAAQ,KAAK,EAAE,IAAI,EAAE;CACzD,OAAO;EAAE;EAAS,SAAS,WAAW,QAAQ;CAAQ;AACxD;AAEA,SAAgB,WAAW,KAA+B,GAAW,IAAuB;CAC1F,IAAI,YAAY,GAAG,UAAU,SAAS;CACtC,IAAI,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC/B,IAAI,cAAc;CAClB,IAAI,YAAY;CAChB,IAAI,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CACjC,IAAI,YAAY;CAChB,IAAI,OAAO,GAAG,EAAE,IAAI,GAAI;CACxB,IAAI,YAAY;CAChB,IAAI,eAAe;CACnB,IAAI,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;AACpD"}

package/dist/layout.d.mts

@@ -0,0 +1,14 @@
+//#region src/layout.d.ts
+interface Layout {
+  scale: number;
+  gap: number;
+  cx: number;
+  cy: number;
+  btnW: number;
+  btnH: number;
+}
+declare function getLayout(w: number, h: number): Layout;
+declare function drawTitle(ctx: CanvasRenderingContext2D, text: string, x: number, y: number, scale: number, scaleFactor?: number): void;
+//#endregion
+export { Layout, drawTitle, getLayout };
+//# sourceMappingURL=layout.d.mts.map

package/dist/layout.mjs

@@ -0,0 +1,23 @@
+//#region src/layout.ts
+function getLayout(w, h) {
+	const scale = Math.min(w, h);
+	return {
+		scale,
+		gap: scale * .03,
+		cx: w / 2,
+		cy: h / 2,
+		btnW: scale * .4,
+		btnH: scale * .1
+	};
+}
+function drawTitle(ctx, text, x, y, scale, scaleFactor = .1) {
+	ctx.fillStyle = "#fff";
+	ctx.font = `bold ${Math.floor(scale * scaleFactor)}px sans-serif`;
+	ctx.textAlign = "center";
+	ctx.textBaseline = "middle";
+	ctx.fillText(text, x, y);
+}
+//#endregion
+export { drawTitle, getLayout };
+
+//# sourceMappingURL=layout.mjs.map

package/dist/layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.mjs","names":[],"sources":["../src/layout.ts"],"sourcesContent":["export interface Layout {\n  scale: number;\n  gap: number;\n  cx: number;\n  cy: number;\n  btnW: number;\n  btnH: number;\n}\n\nexport function getLayout(w: number, h: number): Layout {\n  const scale = Math.min(w, h);\n  return {\n    scale,\n    gap: scale * 0.03,\n    cx: w / 2,\n    cy: h / 2,\n    btnW: scale * 0.4,\n    btnH: scale * 0.1,\n  };\n}\n\nexport function drawTitle(\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number, y: number,\n  scale: number, scaleFactor = 0.1\n): void {\n  ctx.fillStyle = \"#fff\";\n  ctx.font = `bold ${Math.floor(scale * scaleFactor)}px sans-serif`;\n  ctx.textAlign = \"center\";\n  ctx.textBaseline = \"middle\";\n  ctx.fillText(text, x, y);\n}\n"],"mappings":";AASA,SAAgB,UAAU,GAAW,GAAmB;CACtD,MAAM,QAAQ,KAAK,IAAI,GAAG,CAAC;CAC3B,OAAO;EACL;EACA,KAAK,QAAQ;EACb,IAAI,IAAI;EACR,IAAI,IAAI;EACR,MAAM,QAAQ;EACd,MAAM,QAAQ;CAChB;AACF;AAEA,SAAgB,UACd,KACA,MACA,GAAW,GACX,OAAe,cAAc,IACvB;CACN,IAAI,YAAY;CAChB,IAAI,OAAO,QAAQ,KAAK,MAAM,QAAQ,WAAW,EAAE;CACnD,IAAI,YAAY;CAChB,IAAI,eAAe;CACnB,IAAI,SAAS,MAAM,GAAG,CAAC;AACzB"}

package/dist/slider.d.mts

@@ -0,0 +1,13 @@
+import { Slider, SliderState } from "./types.mjs";
+
+//#region src/slider.d.ts
+declare function updateSlider(s: Slider, state: SliderState, pointer: {
+  x: number;
+  y: number;
+  down: boolean;
+  clicked: boolean;
+}): SliderState;
+declare function drawSlider(ctx: CanvasRenderingContext2D, s: Slider, value: number): void;
+//#endregion
+export { drawSlider, updateSlider };
+//# sourceMappingURL=slider.d.mts.map

package/dist/slider.mjs

@@ -0,0 +1,31 @@
+//#region src/slider.ts
+function updateSlider(s, state, pointer) {
+	if (!pointer.down) return {
+		...state,
+		dragging: false
+	};
+	const dragging = state.dragging || pointer.clicked && pointer.x >= s.x && pointer.x <= s.x + s.w && pointer.y >= s.y && pointer.y <= s.y + s.h;
+	if (!dragging) return state;
+	return {
+		dragging,
+		value: Math.max(0, Math.min(1, (pointer.x - s.x) / s.w))
+	};
+}
+function drawSlider(ctx, s, value) {
+	ctx.fillStyle = "#222";
+	ctx.fillRect(s.x, s.y, s.w, s.h);
+	ctx.fillStyle = "#666";
+	ctx.fillRect(s.x, s.y, s.w * value, s.h);
+	ctx.strokeStyle = "#fff";
+	ctx.lineWidth = 2;
+	ctx.strokeRect(s.x, s.y, s.w, s.h);
+	ctx.fillStyle = "#fff";
+	ctx.font = `${s.h * .4}px sans-serif`;
+	ctx.textAlign = "center";
+	ctx.textBaseline = "middle";
+	ctx.fillText(`${s.label}: ${Math.round(value * 100)}%`, s.x + s.w / 2, s.y + s.h / 2);
+}
+//#endregion
+export { drawSlider, updateSlider };
+
+//# sourceMappingURL=slider.mjs.map

package/dist/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.mjs","names":[],"sources":["../src/slider.ts"],"sourcesContent":["import type { Slider, SliderState } from \"./types.ts\";\n\nexport function updateSlider(\n  s: Slider,\n  state: SliderState,\n  pointer: { x: number; y: number; down: boolean; clicked: boolean }\n): SliderState {\n  if (!pointer.down) return { ...state, dragging: false };\n\n  const dragging = state.dragging || (pointer.clicked\n                                      && pointer.x >= s.x && pointer.x <= s.x + s.w\n                                      && pointer.y >= s.y && pointer.y <= s.y + s.h\n                                     );\n  if (!dragging) return state;\n\n  const value = Math.max(0, Math.min(1, (pointer.x - s.x) / s.w));\n  return { dragging, value };\n}\n\nexport function drawSlider(ctx: CanvasRenderingContext2D, s: Slider, value: number): void {\n  ctx.fillStyle = \"#222\";\n  ctx.fillRect(s.x, s.y, s.w, s.h);\n\n  ctx.fillStyle = \"#666\";\n  ctx.fillRect(s.x, s.y, s.w * value, s.h);\n\n  ctx.strokeStyle = \"#fff\";\n  ctx.lineWidth = 2;\n  ctx.strokeRect(s.x, s.y, s.w, s.h);\n\n  ctx.fillStyle = \"#fff\";\n  ctx.font = `${s.h * 0.4}px sans-serif`;\n  ctx.textAlign = \"center\";\n  ctx.textBaseline = \"middle\";\n  ctx.fillText(`${s.label}: ${Math.round(value * 100)}%`, s.x + s.w / 2, s.y + s.h / 2);\n}\n"],"mappings":";AAEA,SAAgB,aACd,GACA,OACA,SACa;CACb,IAAI,CAAC,QAAQ,MAAM,OAAO;EAAE,GAAG;EAAO,UAAU;CAAM;CAEtD,MAAM,WAAW,MAAM,YAAa,QAAQ,WACL,QAAQ,KAAK,EAAE,KAAK,QAAQ,KAAK,EAAE,IAAI,EAAE,KACzC,QAAQ,KAAK,EAAE,KAAK,QAAQ,KAAK,EAAE,IAAI,EAAE;CAEhF,IAAI,CAAC,UAAU,OAAO;CAGtB,OAAO;EAAE;EAAU,OADL,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,QAAQ,IAAI,EAAE,KAAK,EAAE,CAAC,CACtC;CAAE;AAC3B;AAEA,SAAgB,WAAW,KAA+B,GAAW,OAAqB;CACxF,IAAI,YAAY;CAChB,IAAI,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAE/B,IAAI,YAAY;CAChB,IAAI,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,OAAO,EAAE,CAAC;CAEvC,IAAI,cAAc;CAClB,IAAI,YAAY;CAChB,IAAI,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAEjC,IAAI,YAAY;CAChB,IAAI,OAAO,GAAG,EAAE,IAAI,GAAI;CACxB,IAAI,YAAY;CAChB,IAAI,eAAe;CACnB,IAAI,SAAS,GAAG,EAAE,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC;AACtF"}

package/dist/types.d.mts

@@ -0,0 +1,37 @@
+//#region src/types.d.ts
+interface UIRect {
+  x: number;
+  y: number;
+  w: number;
+  h: number;
+}
+interface Button extends UIRect {
+  label: string;
+}
+interface Slider extends UIRect {
+  label: string;
+}
+interface ButtonState {
+  hovered: boolean;
+  clicked: boolean;
+}
+interface SliderState {
+  dragging: boolean;
+  value: number;
+}
+interface ButtonEntry {
+  btn: Button;
+  state: ButtonState;
+}
+interface SliderEntry {
+  slider: Slider;
+  state: SliderState;
+}
+interface MenuLayout {
+  cx: number;
+  scale: number;
+  titleY: number;
+}
+//#endregion
+export { Button, ButtonEntry, ButtonState, MenuLayout, Slider, SliderEntry, SliderState, UIRect };
+//# sourceMappingURL=types.d.mts.map

package/dist/types.mjs

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

package/package.json

@@ -1,41 +1,48 @@
-{
-  "name": "@starweb-libs/ui",
-  "description": "Canvas UI primitives for browser games",
-  "author": "Mason L'Etoile",
-  "version": "0.0.1",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/starweb-libs/ui.git"
-  },
-  "homepage": "https://github.com/starweb-libs/ui#readme",
-  "bugs": {
-    "url": "https://github.com/starweb-libs/ui/issues"
-  },
-  "keywords": ["ui", "canvas", "imgui", "2d", "typescript", "browser", "starweb"],
-  "type": "module",
-  "devDependencies": { "typescript": "~6.0.2" },
-  "scripts": {
-    "build": "tsc -p tsconfig.build.json",
-    "prepare": "npm run build"
-  },
-  "files": ["dist"],
-  "exports": {
-    "./button.js": {
-      "types": "./dist/button.d.ts",
-      "import": "./dist/button.js"
-    },
-    "./layout.js": {
-      "types": "./dist/layout.d.ts",
-      "import": "./dist/layout.js"
-    },
-    "./slider.js": {
-      "types": "./dist/slider.d.ts",
-      "import": "./dist/slider.js"
-    },
-    "./types.js": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.js"
-    }
-  }
-}
+{
+  "name": "@starweb-libs/ui",
+  "description": "Canvas UI primitives for browser games",
+  "author": "Mason L'Etoile",
+  "version": "0.0.2",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/starweb-libs/ui.git"
+  },
+  "homepage": "https://github.com/starweb-libs/ui#readme",
+  "bugs": {
+    "url": "https://github.com/starweb-libs/ui/issues"
+  },
+  "keywords": ["ui", "canvas", "imgui", "2d", "typescript", "browser", "starweb"],
+  "type": "module",
+  "devDependencies": {
+    "typescript": "~6.0.2",
+    "tsdown": "^0.22.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "prepare": "npm run build"
+  },
+  "files": ["dist"],
+  "exports": {
+    "./button.js": {
+      "types": "./dist/button.d.mts",
+      "@starweb-libs/source": "./src/button.ts",
+      "import": "./dist/button.mjs"
+    },
+    "./layout.js": {
+      "types": "./dist/layout.d.mts",
+      "@starweb-libs/source": "./src/layout.ts",
+      "import": "./dist/layout.mjs"
+    },
+    "./slider.js": {
+      "types": "./dist/slider.d.mts",
+      "@starweb-libs/source": "./src/slider.ts",
+      "import": "./dist/slider.mjs"
+    },
+    "./types.js": {
+      "types": "./dist/types.d.mts",
+      "@starweb-libs/source": "./src/types.ts",
+      "import": "./dist/types.mjs"
+    }
+  }
+}

package/dist/button.d.ts

@@ -1,8 +0,0 @@
-import type { Button, ButtonState } from "./types.ts";
-export declare function getButtonState(b: Button, pointer: {
-    x: number;
-    y: number;
-    clicked: boolean;
-}): ButtonState;
-export declare function drawButton(ctx: CanvasRenderingContext2D, b: Button, ui: ButtonState): void;
-//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,cAAc,CAC5B,CAAC,EAAE,MAAM,EACT,OAAO,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAClD,WAAW,CAIb;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,GAAG,IAAI,CAW1F"}

package/dist/button.js

@@ -1,18 +0,0 @@
-export function getButtonState(b, pointer) {
-    const hovered = pointer.x >= b.x && pointer.x <= b.x + b.w
-        && pointer.y >= b.y && pointer.y <= b.y + b.h;
-    return { hovered, clicked: hovered && pointer.clicked };
-}
-export function drawButton(ctx, b, ui) {
-    ctx.fillStyle = ui.hovered ? "#444" : "#222";
-    ctx.fillRect(b.x, b.y, b.w, b.h);
-    ctx.strokeStyle = "#fff";
-    ctx.lineWidth = 2;
-    ctx.strokeRect(b.x, b.y, b.w, b.h);
-    ctx.fillStyle = "#fff";
-    ctx.font = `${b.h * 0.4}px sans-serif`;
-    ctx.textAlign = "center";
-    ctx.textBaseline = "middle";
-    ctx.fillText(b.label, b.x + b.w / 2, b.y + b.h / 2);
-}
-//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAC5B,CAAS,EACT,OAAmD;IAEnD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;WAC1C,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3D,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAA6B,EAAE,CAAS,EAAE,EAAe;IAClF,GAAG,CAAC,SAAS,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7C,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACjC,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;IAClB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,eAAe,CAAC;IACvC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC5B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACtD,CAAC"}

package/dist/layout.d.ts

@@ -1,11 +0,0 @@
-export interface Layout {
-    scale: number;
-    gap: number;
-    cx: number;
-    cy: number;
-    btnW: number;
-    btnH: number;
-}
-export declare function getLayout(w: number, h: number): Layout;
-export declare function drawTitle(ctx: CanvasRenderingContext2D, text: string, x: number, y: number, scale: number, scaleFactor?: number): void;
-//# sourceMappingURL=layout.d.ts.map

package/dist/layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAUtD;AAED,wBAAgB,SAAS,CACvB,GAAG,EAAE,wBAAwB,EAC7B,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EACpB,KAAK,EAAE,MAAM,EAAE,WAAW,SAAM,GAC/B,IAAI,CAMN"}

package/dist/layout.js

@@ -1,19 +0,0 @@
-export function getLayout(w, h) {
-    const scale = Math.min(w, h);
-    return {
-        scale,
-        gap: scale * 0.03,
-        cx: w / 2,
-        cy: h / 2,
-        btnW: scale * 0.4,
-        btnH: scale * 0.1,
-    };
-}
-export function drawTitle(ctx, text, x, y, scale, scaleFactor = 0.1) {
-    ctx.fillStyle = "#fff";
-    ctx.font = `bold ${Math.floor(scale * scaleFactor)}px sans-serif`;
-    ctx.textAlign = "center";
-    ctx.textBaseline = "middle";
-    ctx.fillText(text, x, y);
-}
-//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../src/layout.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,SAAS,CAAC,CAAS,EAAE,CAAS;IAC5C,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,OAAO;QACL,KAAK;QACL,GAAG,EAAE,KAAK,GAAG,IAAI;QACjB,EAAE,EAAE,CAAC,GAAG,CAAC;QACT,EAAE,EAAE,CAAC,GAAG,CAAC;QACT,IAAI,EAAE,KAAK,GAAG,GAAG;QACjB,IAAI,EAAE,KAAK,GAAG,GAAG;KAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAA6B,EAC7B,IAAY,EACZ,CAAS,EAAE,CAAS,EACpB,KAAa,EAAE,WAAW,GAAG,GAAG;IAEhC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,IAAI,GAAG,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,eAAe,CAAC;IAClE,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC5B,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3B,CAAC"}

package/dist/slider.d.ts

@@ -1,9 +0,0 @@
-import type { Slider, SliderState } from "./types.ts";
-export declare function updateSlider(s: Slider, state: SliderState, pointer: {
-    x: number;
-    y: number;
-    down: boolean;
-    clicked: boolean;
-}): SliderState;
-export declare function drawSlider(ctx: CanvasRenderingContext2D, s: Slider, value: number): void;
-//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEtD,wBAAgB,YAAY,CAC1B,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GACjE,WAAW,CAWb;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,wBAAwB,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAgBxF"}

package/dist/slider.js

@@ -1,26 +0,0 @@
-export function updateSlider(s, state, pointer) {
-    if (!pointer.down)
-        return { ...state, dragging: false };
-    const dragging = state.dragging || (pointer.clicked
-        && pointer.x >= s.x && pointer.x <= s.x + s.w
-        && pointer.y >= s.y && pointer.y <= s.y + s.h);
-    if (!dragging)
-        return state;
-    const value = Math.max(0, Math.min(1, (pointer.x - s.x) / s.w));
-    return { dragging, value };
-}
-export function drawSlider(ctx, s, value) {
-    ctx.fillStyle = "#222";
-    ctx.fillRect(s.x, s.y, s.w, s.h);
-    ctx.fillStyle = "#666";
-    ctx.fillRect(s.x, s.y, s.w * value, s.h);
-    ctx.strokeStyle = "#fff";
-    ctx.lineWidth = 2;
-    ctx.strokeRect(s.x, s.y, s.w, s.h);
-    ctx.fillStyle = "#fff";
-    ctx.font = `${s.h * 0.4}px sans-serif`;
-    ctx.textAlign = "center";
-    ctx.textBaseline = "middle";
-    ctx.fillText(`${s.label}: ${Math.round(value * 100)}%`, s.x + s.w / 2, s.y + s.h / 2);
-}
-//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../src/slider.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY,CAC1B,CAAS,EACT,KAAkB,EAClB,OAAkE;IAElE,IAAI,CAAC,OAAO,CAAC,IAAI;QAAE,OAAO,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAExD,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,OAAO;WACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;WAC1C,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAC7C,CAAC;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,GAA6B,EAAE,CAAS,EAAE,KAAa;IAChF,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEzC,GAAG,CAAC,WAAW,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC;IAClB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnC,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC;IACvB,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,eAAe,CAAC;IACvC,GAAG,CAAC,SAAS,GAAG,QAAQ,CAAC;IACzB,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC5B,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACxF,CAAC"}

package/dist/types.d.ts

@@ -1,34 +0,0 @@
-export interface UIRect {
-    x: number;
-    y: number;
-    w: number;
-    h: number;
-}
-export interface Button extends UIRect {
-    label: string;
-}
-export interface Slider extends UIRect {
-    label: string;
-}
-export interface ButtonState {
-    hovered: boolean;
-    clicked: boolean;
-}
-export interface SliderState {
-    dragging: boolean;
-    value: number;
-}
-export interface ButtonEntry {
-    btn: Button;
-    state: ButtonState;
-}
-export interface SliderEntry {
-    slider: Slider;
-    state: SliderState;
-}
-export interface MenuLayout {
-    cx: number;
-    scale: number;
-    titleY: number;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,MAAM;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,MAAO,SAAQ,MAAM;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,MAAO,SAAQ,MAAM;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAK,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAI,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAG,WAAW,CAAC;CACrB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAM,MAAM,CAAC;IACf,KAAK,EAAG,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}