jaml-ui 0.24.19 → 0.25.1

package/DESIGN.md

@@ -197,13 +197,13 @@ Panels sit on a dark south-shadow (`0 3px 0 rgba(0,0,0,0.55)`). Translucent pane
 
 JAML-hit items get a GlowRing: `box-shadow: 0 0 0 2px [color], 0 0 10px [color]` with a 1.6s pulse animation. Must = blue glow, should = gold/green glow.
 
-**Button:** Chunky 3D press. DO NOT ADD A COLORED EDGE/BORDER. Buttons rely entirely on a solid `box-shadow` to create the colored "underside" depth. Hover brightness bump. Press sinks +2-3px and the box-shadow collapses to 0. Variants: primary (red), secondary (blue), back (orange), default (grey). NO GOLD BUTTONS. Sizes via padding, not font-size. Easing: `cubic-bezier(0.34, 1.56, 0.64, 1)`.
+**Button:** Chunky 3D press. DO NOT ADD A COLORED EDGE/BORDER. Buttons rely entirely on a solid `box-shadow` to create the colored "underside" depth. Hover = dark variant of the button color. Press sinks +2-3px and the box-shadow collapses to 0. Variants: primary (red), secondary (blue), back (orange), default (grey). NO GOLD BUTTONS. Sizes via padding, not font-size. Easing: `cubic-bezier(0.34, 1.56, 0.64, 1)`.
 
 **Badge (JimboBadge):** Badges indicate status and DO NOT CLICK. They are strictly flat. They have a colored background and flat borders, but NO 3D BOX-SHADOW and NO PRESS ANIMATIONS. Variants: dark, blue, red, green, orange, purple, grey. NO GOLD BADGES.
 
 **Panel:** Dark grey (#3a5055) background, 2px solid border (silver top/sides, south bottom), border-radius 6px. Inner highlight: `inset 0 0 0 1px rgba(255,255,255,0.04)`. Drop: `0 2px 0 #000`.
 
-**Tabs (JimboTabs):** Active tab = gold background + black text. Inactive = transparent + grey text. No bold. Small radius (4px). Tabs are the ONLY navigation — no hamburger menus, no sidebars on mobile.
+**Tabs (JimboTabs):** All tabs are red. Active tab has the bouncing triangle indicator above it. Hover and press = dark red. No opacity changes, no dimming, no gold. Small radius (4px). Tabs are the ONLY navigation — no hamburger menus, no sidebars on mobile.
 
 **ScoreCol:** Must-clauses show as blue-framed boxes with checkmark/cross badge. Should-clauses show as bare sprites with a red corner count badge (x2, x3...). Unlit = 40% opacity + grayscale.
 

package/README.md

@@ -80,19 +80,6 @@ import { JamlMapPreview } from "jaml-ui";
 <JamlMapPreview jaml={jaml} />
 ```
 
-## Asset handling
-
-By default sprites resolve from the package `assets/` directory via `import.meta.url`.
-
-Override at app startup:
-
-```ts
-import { setJamlAssetBaseUrl, clearJamlAssetBaseUrl } from "jaml-ui";
-
-setJamlAssetBaseUrl("/vendor/jaml-ui/");
-clearJamlAssetBaseUrl();                   // back to default
-```
-
 ## Core utilities
 
 ```ts

package/dist/assets.d.ts

@@ -14,5 +14,4 @@ export declare const JAML_ASSET_FILES: {
 };
 export type JamlAssetKey = keyof typeof JAML_ASSET_FILES;
 export type JamlAssetFile = (typeof JAML_ASSET_FILES)[JamlAssetKey];
-export declare function setJamlAssetBaseUrl(baseUrl: string | null | undefined): void;
-export declare function resolveJamlAssetUrl(asset: JamlAssetKey | JamlAssetFile): string;
+export declare function resolveJamlAssetUrl(asset: JamlAssetKey): string;

package/dist/chunks/Layer-BBPJFHfs.js

@@ -0,0 +1,17 @@
+//#region src/render/Layer.ts
+var e = class {
+	pos;
+	name;
+	order;
+	source;
+	rows;
+	columns;
+	animated;
+	constructor({ pos: e, name: t, order: n, source: r, rows: i, columns: a, animated: o = !1 }) {
+		this.pos = e, this.name = t, this.order = n, this.source = r, this.rows = i, this.columns = a, this.animated = o;
+	}
+};
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=Layer-BBPJFHfs.js.map

package/dist/chunks/Layer-BBPJFHfs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer-BBPJFHfs.js","names":[],"sources":["../../src/render/Layer.ts"],"sourcesContent":["/**\r\n * Layer class for sprite-based card rendering.\r\n * Encapsulates the source, position, and dimensions of a sprite layer.\r\n */\r\nexport interface LayerOptions {\r\n    pos: { x: number; y: number };\r\n    name: string;\r\n    order: number;\r\n    source: string;\r\n    rows: number;\r\n    columns: number;\r\n    animated?: boolean;\r\n}\r\n\r\nexport class Layer {\r\n    pos: { x: number; y: number };\r\n    name: string;\r\n    order: number;\r\n    source: string;\r\n    rows: number;\r\n    columns: number;\r\n    animated: boolean;\r\n\r\n    constructor({ pos, name, order, source, rows, columns, animated = false }: LayerOptions) {\r\n        this.pos = pos;\r\n        this.name = name;\r\n        this.order = order;\r\n        this.source = source;\r\n        this.rows = rows;\r\n        this.columns = columns;\r\n        this.animated = animated;\r\n    }\r\n}\r\n"],"mappings":";AAcA,IAAa,IAAb,MAAmB;CACf;CACA;CACA;CACA;CACA;CACA;CACA;CAEA,YAAY,EAAE,QAAK,SAAM,UAAO,WAAQ,SAAM,YAAS,cAAW,MAAuB;EAOrF,AANA,KAAK,MAAM,GACX,KAAK,OAAO,GACZ,KAAK,QAAQ,GACb,KAAK,SAAS,GACd,KAAK,OAAO,GACZ,KAAK,UAAU,GACf,KAAK,WAAW"}