@k2b/ui 0.42.0 → 0.43.0

package/dist/types/content/CountryMap.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from "solid-js";
+export type CountryMapDatum = {
+    /** ISO 3166-1 alpha-2 code. Other values appear neither on the map nor in the list. */
+    code: string;
+    value: number;
+};
+export type CountryMapProps = {
+    data: readonly CountryMapDatum[];
+    /** Accessible name of the map, such as the panel title. */
+    label: string;
+    format?: (value: number) => string;
+    /** How many countries the ranked list names. */
+    limit?: number;
+    class?: string;
+};
+/**
+ * A world map that shades countries by one value, with a ranked list that names the same numbers.
+ * The geometry ships with the component, so the map makes no network request.
+ * @example <CountryMap label="Visitors" data={[{ code: "DE", value: 1200 }, { code: "FR", value: 300 }]} />
+ */
+export declare function CountryMap(props: CountryMapProps): JSX.Element;

package/dist/types/content/world-countries.d.ts

@@ -0,0 +1,6 @@
+export declare const WORLD_MAP_VIEW_WIDTH = 1000;
+export declare const WORLD_MAP_VIEW_HEIGHT = 450;
+/** ISO 3166-1 alpha-2 code and SVG path. */
+export declare const WORLD_COUNTRY_SHAPES: readonly (readonly [string, string])[];
+/** Countries too small for a shape: ISO 3166-1 alpha-2 code, x and y. */
+export declare const WORLD_COUNTRY_DOTS: readonly (readonly [string, number, number])[];

package/dist/types/country-map.d.ts

@@ -0,0 +1,2 @@
+/** A separate entry because the country shapes weigh about 90 KB; load it only where a map appears. */
+export { CountryMap, type CountryMapDatum, type CountryMapProps } from "./content/CountryMap";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -36,6 +36,12 @@
       "browser": "./dist/browser/charts.js",
       "default": "./dist/ssr/charts.js"
     },
+    "./country-map": {
+      "types": "./dist/types/country-map.d.ts",
+      "browser": "./dist/browser/country-map.js",
+      "import": "./dist/ssr/country-map.js",
+      "default": "./dist/ssr/country-map.js"
+    },
     "./package.json": "./package.json",
     "./map-glyphs/*": "./map-glyphs/*",
     "./text-editor": {