@versatiles/style 5.2.4 → 5.2.5

package/README.MD

@@ -5,37 +5,45 @@
 
 # VersaTiles Style
 
-Generates styles and sprites for MapLibre.
+**VersaTiles Style** generates styles and sprites for MapLibre.
 
-# Styles
+---
 
-style name | preview
------------|--------------------------------------------------------------------------
-colorful   | <img width="384" src="screenshots/colorful.png" alt="colorful style" />
-graybeard  | <img width="384" src="screenshots/graybeard.png" alt="graybeard style" />
-eclipse    | <img width="384" src="screenshots/eclipse.png" alt="eclipse style" />
-neutrino   | <img width="384" src="screenshots/neutrino.png" alt="neutrino style" />
+## Styles Overview
 
+| Style Name    | Preview                                                                   |
+|---------------|---------------------------------------------------------------------------|
+| **colorful**  | <img width="384" src="screenshots/colorful.png" alt="colorful style" />   |
+| **graybeard** | <img width="384" src="screenshots/graybeard.png" alt="graybeard style" /> |
+| **eclipse**   | <img width="384" src="screenshots/eclipse.png" alt="eclipse style" />     |
+| **neutrino**  | <img width="384" src="screenshots/neutrino.png" alt="neutrino style" />   |
 
-# Use styles for versatiles.org
+---
 
-You in the the [latest release](https://github.com/versatiles-org/versatiles-style/releases/latest/) you can find:
-- [`styles.tar.gz`](https://github.com/versatiles-org/versatiles-style/releases/latest/download/styles.tar.gz) containing all styles, each in multiple languages.  
-Be aware that these styles use `tiles.versatiles.org` as source for tiles, fonts (glyphs) and icons (sprites). 
-- [`sprites.tar.gz`](https://github.com/versatiles-org/versatiles-style/releases/latest/download/sprites.tar.gz) containing sprites, used e.g. for map icons
-- [`versatiles-style.tar.gz`](https://github.com/versatiles-org/versatiles-style/releases/latest/download/versatiles-style.tar.gz) containing a JavaScript file to generate your own style in the browser.
+## Using VersaTiles Styles
 
-# Generating styles on-the-fly
+### Prebuilt Styles and Sprites
 
-## Generating styles in the frontend (web browser)
+Download the assets from the [latest release](https://github.com/versatiles-org/versatiles-style/releases/latest/):
 
-Download latest release:
+- **[styles.tar.gz](https://github.com/versatiles-org/versatiles-style/releases/latest/download/styles.tar.gz):** Contains all styles in multiple languages.
+  - **Note:** These styles use `tiles.versatiles.org` as the source for tiles, fonts (glyphs), and icons (sprites).
+- **[sprites.tar.gz](https://github.com/versatiles-org/versatiles-style/releases/latest/download/sprites.tar.gz):** Includes map icons and other sprites.
+- **[versatiles-style.tar.gz](https://github.com/versatiles-org/versatiles-style/releases/latest/download/versatiles-style.tar.gz):** Contains a JavaScript file to generate styles dynamically in the browser.
+
+---
+
+## Generating Styles On-the-Fly
+
+### Frontend Usage (Web Browser)
+
+Download the latest release:
 
 ```bash
 curl -Ls "https://github.com/versatiles-org/versatiles-style/releases/latest/download/versatiles-style.tar.gz" | gzip -d | tar -xf -
 ```
 
-Use it in:
+Integrate it into your HTML application:
 
 ```html
 <div id="map"></div>
@@ -55,56 +63,80 @@ Use it in:
 </script>
 ```
 
-## Generating styles in the backend (Node.js)
+### Backend Usage (Node.js)
 
-Install `@versatiles/style` via NPM:
+Install the library via NPM:
 
 ```bash
 npm install @versatiles/style
 ```
 
-Use it in Node.js:
+Generate styles programmatically:
 
 ```javascript
 import { colorful } from '@versatiles/style';
-let style = colorful({
+import { writeFileSync } from 'node:fs';
+
+const style = colorful({
   language: 'en',
 });
 writeFileSync('style.json', JSON.stringify(style));
 ```
 
-### Methods for generating styles
+---
 
-This library provides:
-- `style = colorful(options);` [documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/colorful.md)
-- `style = eclipse(options);` [documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/eclipse.md)
-- `style = graybeard(options);` [documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/graybeard.md)
-- `style = neutrino(options);` [documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/neutrino.md)
+## Style Generation Methods
 
-[Where `options` is an optional object](https://github.com/versatiles-org/versatiles-style/blob/main/docs/interfaces/StyleBuilderOptions.md)
+The library offers the following style generation methods:
 
-### Method: `guessStyle(options)`
+- `colorful(options)` - [Documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/colorful.md)
+- `eclipse(options)` - [Documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/eclipse.md)
+- `graybeard(options)` - [Documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/graybeard.md)
+- `neutrino(options)` - [Documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/neutrino.md)
+
+**`options`**: An optional object to customize the styles. [Learn more](https://github.com/versatiles-org/versatiles-style/blob/main/docs/interfaces/StyleBuilderOptions.md)
+
+### Guess Style Method
 
 ```javascript
 const style = guessStyle(options);
 ```
-[documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/guessStyle.md)
+[Documentation](https://github.com/versatiles-org/versatiles-style/blob/main/docs/functions/guessStyle.md)
+
+---
+
+## Build Instructions
 
-# Build
+### Prerequisites
 
-Please note that for building new sprites you need `optipng`.
+To build new sprites, ensure `optipng` is installed.
 
-## SVG Sources
+### SVG Source Requirements
+
+- SVGs must consist only of paths and should not contain any `transform()` attributes.
+- Styles and colors within the SVG are ignored.
+- All length values must be specified in pixels without units.
+
+### Configuration
+
+Define icon sets in the configuration file: [`scripts/config-sprites.ts`](./scripts/config-sprites.ts)
+
+---
+
+## Development
+
+Run the project in development mode:
+
+```bash
+npm run dev
+```
 
-* SVG sources should consist only of paths and not contain any `transform()`s.
-* Colors and styles are ignored.
-* All lengths must be in pixels without unit.
+A local server will be available at [http://localhost:8080](http://localhost:8080). Use it to select a style, edit definitions in `src/styles/...`, and reload the page to view the changes.
 
-## Configuration
+---
 
-Iconsets can be defined in [`scripts/config-sprites.ts`](./scripts/config-sprites.ts)
+## Licenses
 
-# Licenses
+- **Source Code:** [Unlicense](./LICENSE.md)
+- **Iconsets and Rendered Spritemaps:** [CC0 1.0 Universal](./icons/LICENSE.md)
 
-* Sourcecode: [Unlicense](./LICENSE.md)
-* Iconsets and rendered Spritemaps: [CC0 1.0 Universal](./icons/LICENSE.md)

package/dist/color/abstract.d.ts

@@ -1,7 +1,7 @@
-import type { HSL } from './hsl';
-import type { HSV } from './hsv';
-import { RandomColorOptions } from './random';
-import type { RGB } from './rgb';
+import type { HSL } from './hsl.js';
+import type { HSV } from './hsv.js';
+import { RandomColorOptions } from './random.js';
+import type { RGB } from './rgb.js';
 export declare abstract class Color {
     static parse: (input: Color | string) => Color;
     static HSL: typeof HSL;

package/dist/color/hsl.d.ts

@@ -1,6 +1,6 @@
-import { Color } from './abstract';
-import { HSV } from './hsv';
-import { RGB } from './rgb';
+import { Color } from './abstract.js';
+import { HSV } from './hsv.js';
+import { RGB } from './rgb.js';
 export declare class HSL extends Color {
     readonly h: number;
     readonly s: number;

package/dist/color/hsl.js

@@ -1,7 +1,7 @@
-import { Color } from './abstract';
-import { HSV } from './hsv';
-import { RGB } from './rgb';
-import { clamp, formatFloat, mod } from './utils';
+import { Color } from './abstract.js';
+import { HSV } from './hsv.js';
+import { RGB } from './rgb.js';
+import { clamp, formatFloat, mod } from './utils.js';
 export class HSL extends Color {
     h = 0; // between 0 and 360
     s = 0; // between 0 and 100

package/dist/color/hsv.d.ts

@@ -1,6 +1,6 @@
-import { Color } from './abstract';
-import { HSL } from './hsl';
-import { RGB } from './rgb';
+import { Color } from './abstract.js';
+import { HSL } from './hsl.js';
+import { RGB } from './rgb.js';
 export declare class HSV extends Color {
     readonly h: number;
     readonly s: number;

package/dist/color/hsv.js

@@ -1,7 +1,7 @@
-import { Color } from './abstract';
-import { HSL } from './hsl';
-import { RGB } from './rgb';
-import { clamp, mod } from './utils';
+import { Color } from './abstract.js';
+import { HSL } from './hsl.js';
+import { RGB } from './rgb.js';
+import { clamp, mod } from './utils.js';
 export class HSV extends Color {
     h = 0; // between 0 and 360
     s = 0; // between 0 and 100

package/dist/color/index.d.ts

@@ -1,6 +1,6 @@
-import { Color } from './abstract';
-export type { RandomColorOptions } from './random';
-export type { HSL } from './hsl';
-export type { HSV } from './hsv';
-export type { RGB } from './rgb';
+import { Color } from './abstract.js';
+export type { RandomColorOptions } from './random.js';
+export type { HSL } from './hsl.js';
+export type { HSV } from './hsv.js';
+export type { RGB } from './rgb.js';
 export { Color };

package/dist/color/index.js

@@ -1,8 +1,8 @@
-import { Color } from './abstract';
-import { HSL } from './hsl';
-import { HSV } from './hsv';
-import randomColor from './random';
-import { RGB } from './rgb';
+import { Color } from './abstract.js';
+import { HSL } from './hsl.js';
+import { HSV } from './hsv.js';
+import randomColor from './random.js';
+import { RGB } from './rgb.js';
 Color.parse = function (input) {
     if (input instanceof Color)
         return input;

package/dist/color/random.d.ts

@@ -1,4 +1,4 @@
-import { HSV } from './hsv';
+import { HSV } from './hsv.js';
 export interface RandomColorOptions {
     seed?: string;
     hue?: number | string;

package/dist/color/random.js

@@ -1,5 +1,5 @@
-import { HSV } from './hsv';
-import { mod } from './utils';
+import { HSV } from './hsv.js';
+import { mod } from './utils.js';
 let colorDictionary = new Map();
 export default function randomColor(options) {
     if (colorDictionary.size === 0)

package/dist/color/rgb.d.ts

@@ -1,6 +1,6 @@
-import { HSL } from './hsl';
-import { HSV } from './hsv';
-import { Color } from './abstract';
+import { HSL } from './hsl.js';
+import { HSV } from './hsv.js';
+import { Color } from './abstract.js';
 export declare class RGB extends Color {
     readonly r: number;
     readonly g: number;

package/dist/color/rgb.js

@@ -1,7 +1,7 @@
-import { HSL } from './hsl';
-import { HSV } from './hsv';
-import { Color } from './abstract';
-import { clamp, formatFloat } from './utils';
+import { HSL } from './hsl.js';
+import { HSV } from './hsv.js';
+import { Color } from './abstract.js';
+import { clamp, formatFloat } from './utils.js';
 export class RGB extends Color {
     r = 0; // between 0 and 255
     g = 0; // between 0 and 255

package/dist/guess_style/guess_style.d.ts

@@ -1,4 +1,4 @@
-import type { TileJSONSpecification } from '../types/index';
+import type { TileJSONSpecification } from '../types/index.js';
 import type { SpriteSpecification, StyleSpecification } from '@maplibre/maplibre-gl-style-spec';
 export interface GuessStyleOptions {
     baseUrl?: string;

package/dist/guess_style/guess_style.js

@@ -1,8 +1,8 @@
-import { isTileJSONSpecification } from '../types/index';
-import { deepClone, resolveUrl } from '../lib/utils';
-import { colorful } from '../styles/index';
-import { Color } from '../color/index';
-import { isRasterTileJSONSpecification } from '../types/tilejson';
+import { isTileJSONSpecification } from '../types/index.js';
+import { deepClone, resolveUrl } from '../lib/utils.js';
+import { colorful } from '../styles/index.js';
+import { Color } from '../color/index.js';
+import { isRasterTileJSONSpecification } from '../types/tilejson.js';
 export function guessStyle(tileJSON, options) {
     tileJSON = deepClone(tileJSON);
     if (options && options.baseUrl) {

package/dist/guess_style/index.d.ts

@@ -1,2 +1,2 @@
-export type { GuessStyleOptions } from './guess_style';
-export { guessStyle } from './guess_style';
+export type { GuessStyleOptions } from './guess_style.js';
+export { guessStyle } from './guess_style.js';

package/dist/guess_style/index.js

@@ -1,2 +1,2 @@
-export { guessStyle } from './guess_style';
+export { guessStyle } from './guess_style.js';
 //# sourceMappingURL=index.js.map

package/dist/index.d.ts

@@ -1,15 +1,15 @@
-export { colorful, eclipse, graybeard, neutrino, type StyleBuilderFunction } from './styles/index';
+export { colorful, eclipse, graybeard, neutrino, type StyleBuilderFunction } from './styles/index.js';
 export declare const styles: {
-    colorful: import("./styles/index").StyleBuilderFunction;
-    eclipse: import("./styles/index").StyleBuilderFunction;
-    graybeard: import("./styles/index").StyleBuilderFunction;
-    neutrino: import("./styles/index").StyleBuilderFunction;
+    colorful: import("./styles/index.js").StyleBuilderFunction;
+    eclipse: import("./styles/index.js").StyleBuilderFunction;
+    graybeard: import("./styles/index.js").StyleBuilderFunction;
+    neutrino: import("./styles/index.js").StyleBuilderFunction;
 };
-export type { GuessStyleOptions } from './guess_style/index';
-export type { RGB, HSL, HSV, RandomColorOptions } from './color/index';
-export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './types/tilejson';
-export type { VectorLayer } from './types/index';
-export type { StyleBuilderOptions, Language, StyleBuilderColors, StyleBuilderColorsEnsured, StyleBuilderFonts } from './style_builder/types';
-export type { RecolorOptions } from './style_builder/recolor';
-export { guessStyle } from './guess_style/index';
-export { Color } from './color/index';
+export type { GuessStyleOptions } from './guess_style/index.js';
+export type { RGB, HSL, HSV, RandomColorOptions } from './color/index.js';
+export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './types/tilejson.js';
+export type { VectorLayer } from './types/index.js';
+export type { StyleBuilderOptions, Language, StyleBuilderColors, StyleBuilderColorsEnsured, StyleBuilderFonts } from './style_builder/types.js';
+export type { RecolorOptions } from './style_builder/recolor.js';
+export { guessStyle } from './guess_style/index.js';
+export { Color } from './color/index.js';

package/dist/index.js

@@ -1,11 +1,11 @@
-export { colorful, eclipse, graybeard, neutrino } from './styles/index';
-import { colorful, eclipse, graybeard, neutrino } from './styles/index';
+export { colorful, eclipse, graybeard, neutrino } from './styles/index.js';
+import { colorful, eclipse, graybeard, neutrino } from './styles/index.js';
 export const styles = {
     colorful,
     eclipse,
     graybeard,
     neutrino,
 };
-export { guessStyle } from './guess_style/index';
-export { Color } from './color/index';
+export { guessStyle } from './guess_style/index.js';
+export { Color } from './color/index.js';
 //# sourceMappingURL=index.js.map

package/dist/lib/utils.js

@@ -1,4 +1,4 @@
-import { Color } from '../color/index';
+import { Color } from '../color/index.js';
 // Utility function to deep clone an object
 export function deepClone(obj) {
     const type = typeof obj;

package/dist/shortbread/index.d.ts

@@ -1,2 +1,2 @@
-export { getShortbreadTemplate } from './template';
-export { getShortbreadLayers } from './layers';
+export { getShortbreadTemplate } from './template.js';
+export { getShortbreadLayers } from './layers.js';

package/dist/shortbread/index.js

@@ -1,3 +1,3 @@
-export { getShortbreadTemplate } from './template';
-export { getShortbreadLayers } from './layers';
+export { getShortbreadTemplate } from './template.js';
+export { getShortbreadLayers } from './layers.js';
 //# sourceMappingURL=index.js.map

package/dist/shortbread/layers.d.ts

@@ -1,5 +1,5 @@
-import type { MaplibreLayerDefinition } from '../types/index';
-import { Language } from '../style_builder/types';
+import type { MaplibreLayerDefinition } from '../types/index.js';
+import { Language } from '../style_builder/types.js';
 export declare function getShortbreadLayers(option: {
     readonly language: Language;
 }): MaplibreLayerDefinition[];

package/dist/style_builder/decorator.d.ts

@@ -1,4 +1,4 @@
-import type { MaplibreLayer } from '../types/index';
-import type { StyleRules } from './types';
-import type { CachedRecolor } from './recolor';
+import type { MaplibreLayer } from '../types/index.js';
+import type { StyleRules } from './types.js';
+import type { CachedRecolor } from './recolor.js';
 export declare function decorate(layers: MaplibreLayer[], rules: StyleRules, recolor: CachedRecolor): MaplibreLayer[];

package/dist/style_builder/decorator.js

@@ -1,7 +1,7 @@
-import { Color } from '../color/index';
+import { Color } from '../color/index.js';
 import expandBraces from 'brace-expansion';
-import maplibreProperties from '../shortbread/properties';
-import { deepMerge } from '../lib/utils';
+import maplibreProperties from '../shortbread/properties.js';
+import { deepMerge } from '../lib/utils.js';
 export function decorate(layers, rules, recolor) {
     const layerIds = layers.map(l => l.id);
     const layerIdSet = new Set(layerIds);

package/dist/style_builder/recolor.d.ts

@@ -1,4 +1,4 @@
-import { Color } from '../color/index';
+import { Color } from '../color/index.js';
 export interface RecolorOptions {
     invertBrightness?: boolean;
     rotate?: number;

package/dist/style_builder/recolor.js

@@ -1,4 +1,4 @@
-import { Color } from '../color/index';
+import { Color } from '../color/index.js';
 export function getDefaultRecolorFlags() {
     return {
         invertBrightness: false,

package/dist/style_builder/style_builder.d.ts

@@ -1,7 +1,7 @@
-import { Color } from '../color/index';
-import type { StyleSpecification } from '../types/maplibre';
-import type { StyleBuilderColors, StyleBuilderColorsEnsured, StyleBuilderFonts, StyleBuilderOptions } from './types';
-import type { StyleRules, StyleRulesOptions } from './types';
+import { Color } from '../color/index.js';
+import type { StyleSpecification } from '../types/maplibre.js';
+import type { StyleBuilderColors, StyleBuilderColorsEnsured, StyleBuilderFonts, StyleBuilderOptions } from './types.js';
+import type { StyleRules, StyleRulesOptions } from './types.js';
 export declare abstract class StyleBuilder {
     #private;
     abstract readonly name: string;

package/dist/style_builder/style_builder.js

@@ -1,8 +1,8 @@
-import { Color } from '../color/index';
-import { getShortbreadTemplate, getShortbreadLayers } from '../shortbread/index';
-import { decorate } from './decorator';
-import { CachedRecolor, getDefaultRecolorFlags } from './recolor';
-import { basename, deepClone, resolveUrl } from '../lib/utils';
+import { Color } from '../color/index.js';
+import { getShortbreadTemplate, getShortbreadLayers } from '../shortbread/index.js';
+import { decorate } from './decorator.js';
+import { CachedRecolor, getDefaultRecolorFlags } from './recolor.js';
+import { basename, deepClone, resolveUrl } from '../lib/utils.js';
 // StyleBuilder class definition
 export class StyleBuilder {
     #sourceName = 'versatiles-shortbread';

package/dist/style_builder/types.d.ts

@@ -1,5 +1,5 @@
-import type { Color } from '../color/index';
-import type { RecolorOptions } from './recolor';
+import type { Color } from '../color/index.js';
+import type { RecolorOptions } from './recolor.js';
 import { SpriteSpecification } from '@maplibre/maplibre-gl-style-spec';
 /** Represents language suffixes used in map styles. */
 export type Language = 'de' | 'en' | null;

package/dist/styles/colorful.d.ts

@@ -1,5 +1,5 @@
-import { StyleBuilder } from '../style_builder/style_builder';
-import type { StyleBuilderColors, StyleRules, StyleRulesOptions } from '../style_builder/types';
+import { StyleBuilder } from '../style_builder/style_builder.js';
+import type { StyleBuilderColors, StyleRules, StyleRulesOptions } from '../style_builder/types.js';
 export default class Colorful extends StyleBuilder {
     readonly name: string;
     defaultFonts: {

package/dist/styles/colorful.js

@@ -1,4 +1,4 @@
-import { StyleBuilder } from '../style_builder/style_builder';
+import { StyleBuilder } from '../style_builder/style_builder.js';
 export default class Colorful extends StyleBuilder {
     name = 'Colorful';
     defaultFonts = {

package/dist/styles/eclipse.d.ts

@@ -1,4 +1,4 @@
-import Colorful from './colorful';
+import Colorful from './colorful.js';
 export default class Eclipse extends Colorful {
     readonly name: string;
     constructor();

package/dist/styles/eclipse.js

@@ -1,4 +1,4 @@
-import Colorful from './colorful';
+import Colorful from './colorful.js';
 export default class Eclipse extends Colorful {
     name = 'Eclipse';
     constructor() {

package/dist/styles/empty.d.ts

@@ -1,5 +1,5 @@
-import type { StyleRules, StyleRulesOptions } from '../style_builder/types';
-import Colorful from './colorful';
+import type { StyleRules, StyleRulesOptions } from '../style_builder/types.js';
+import Colorful from './colorful.js';
 export default class Empty extends Colorful {
     readonly name: string;
     protected getStyleRules(_options: StyleRulesOptions): StyleRules;

package/dist/styles/empty.js

@@ -1,4 +1,4 @@
-import Colorful from './colorful';
+import Colorful from './colorful.js';
 export default class Empty extends Colorful {
     name = 'Empty';
     getStyleRules(_options) {

package/dist/styles/graybeard.d.ts

@@ -1,4 +1,4 @@
-import Colorful from './colorful';
+import Colorful from './colorful.js';
 export default class Graybeard extends Colorful {
     readonly name: string;
     constructor();

package/dist/styles/graybeard.js

@@ -1,4 +1,4 @@
-import Colorful from './colorful';
+import Colorful from './colorful.js';
 export default class Graybeard extends Colorful {
     name = 'Graybeard';
     constructor() {

package/dist/styles/index.d.ts

@@ -1,4 +1,4 @@
-import type { StyleBuilderOptions } from '../style_builder/types';
+import type { StyleBuilderOptions } from '../style_builder/types.js';
 import { StyleSpecification } from '@maplibre/maplibre-gl-style-spec';
 export interface StyleBuilderFunction {
     (options?: StyleBuilderOptions): StyleSpecification;

package/dist/styles/index.js

@@ -1,9 +1,9 @@
 // import styles
-import Colorful from './colorful';
-import Eclipse from './eclipse';
-import Graybeard from './graybeard';
-import Neutrino from './neutrino';
-import Empty from './empty';
+import Colorful from './colorful.js';
+import Eclipse from './eclipse.js';
+import Graybeard from './graybeard.js';
+import Neutrino from './neutrino.js';
+import Empty from './empty.js';
 function getStyleBuilder(styleBuilder) {
     const fn = function (options) {
         return new styleBuilder().build(options);

package/dist/styles/neutrino.d.ts

@@ -1,5 +1,5 @@
-import { StyleBuilderColors, StyleRules, StyleRulesOptions } from '../style_builder/types';
-import Colorful from './colorful';
+import { StyleBuilderColors, StyleRules, StyleRulesOptions } from '../style_builder/types.js';
+import Colorful from './colorful.js';
 export default class Neutrino extends Colorful {
     readonly name: string;
     defaultFonts: {

package/dist/styles/neutrino.js

@@ -1,4 +1,4 @@
-import Colorful from './colorful';
+import Colorful from './colorful.js';
 export default class Neutrino extends Colorful {
     name = 'Neutrino';
     defaultFonts = {

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
-export type { MaplibreLayerDefinition, MaplibreLayer } from './maplibre';
-export type { VectorLayer } from './vector_layer';
-export { isTileJSONSpecification } from './tilejson';
-export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './tilejson';
-export { isVectorLayers } from './vector_layer';
+export type { MaplibreLayerDefinition, MaplibreLayer } from './maplibre.js';
+export type { VectorLayer } from './vector_layer.js';
+export { isTileJSONSpecification } from './tilejson.js';
+export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './tilejson.js';
+export { isVectorLayers } from './vector_layer.js';

package/dist/types/index.js

@@ -1,3 +1,3 @@
-export { isTileJSONSpecification } from './tilejson';
-export { isVectorLayers } from './vector_layer';
+export { isTileJSONSpecification } from './tilejson.js';
+export { isVectorLayers } from './vector_layer.js';
 //# sourceMappingURL=index.js.map

package/dist/types/tilejson.d.ts

@@ -1,4 +1,4 @@
-import type { VectorLayer } from './vector_layer';
+import type { VectorLayer } from './vector_layer.js';
 /** Basic structure for TileJSON specification, applicable to both raster and vector types. */
 export interface TileJSONSpecificationRaster {
     tilejson?: '3.0.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/style",
-  "version": "5.2.4",
+  "version": "5.2.5",
   "description": "Generate StyleJSON for MapLibre",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",