@ds-mo/icons 8.0.0 → 8.1.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm version](https://img.shields.io/npm/v/@ds-mo/icons.svg)](https://www.npmjs.com/package/@ds-mo/icons)
 
-IcoMo — **432 SVG icons** (400 system icons + 32 country flags) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
+IcoMo — **448 SVG icons** (400 system icons + 32 country flags + 16 map icons) as tree-shakeable React components, framework-agnostic SVG strings, TypeScript definitions, and an SVG sprite.
 
 Part of the **ds-mo design system trilogy**: [@ds-mo/tokens](https://www.npmjs.com/package/@ds-mo/tokens) → **@ds-mo/icons** → [@ds-mo/ui](https://www.npmjs.com/package/@ds-mo/ui) (CompoMo).
 
@@ -58,8 +58,26 @@ Icons are grouped into **categories** so the pipeline can treat them differently
 |---|---|---|---|
 | `system` | 400 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
 | `flag` | 32 | ❌ preserved | Multi-color country flags — hex + P3 wide-gamut colors kept verbatim |
+| `map` | 16 | ✅ `currentColor` | Monochrome glyphs drawn for use inside a map marker shape |
 
-Flag component names are prefixed with `Flag` (e.g. `FlagFrance`, `FlagUnitedStates`) so every export is globally unique.
+Flag and map component names are prefixed with `Flag` / `Map` (e.g. `FlagFrance`, `MapEntityVehicle`) so every export is globally unique.
+
+### Map icons
+
+Map icons are themeable exactly like system icons — same `size` / `color` props — but they're drawn to sit inside a marker shape (pin, circle, cluster bubble). The shape is the consumer's (or CompoMo's); IcoMo ships only the glyph.
+
+They're also fine to render standalone, e.g. in a map legend. What sets them apart is a type-level brand, so a marker component can require one:
+
+```tsx
+import type { MapIconComponent } from '@ds-mo/icons';
+
+type MarkerProps = { icon: MapIconComponent };
+
+<MapMarker icon={MapEntityVehicle} />   // ok
+<MapMarker icon={ArrowRight} />         // type error — not a map icon
+```
+
+The brand is additive: a `MapIconComponent` still satisfies every generic icon slot, so nothing is restricted. Each map component also renders `data-category="map"` for styling and tooling.
 
 ## Usage
 
@@ -81,11 +99,11 @@ import { ArrowRight, CheckCircle, FlagFrance, FlagUnitedStates } from '@ds-mo/ic
 
 All standard SVG attributes are forwarded. Category-specific props:
 
-| Prop | System | Flag | Default | Description |
-|---|---|---|---|---|
-| `size` | ✅ | ✅ | `20` | Width and height |
-| `color` | ✅ | — | `'currentColor'` | Fill color (system only) |
-| `className` | ✅ | ✅ | — | CSS class |
+| Prop | System | Flag | Map | Default | Description |
+|---|---|---|---|---|---|
+| `size` | ✅ | ✅ | ✅ | `20` | Width and height |
+| `color` | ✅ | — | ✅ | `'currentColor'` | Fill color (monochrome categories only) |
+| `className` | ✅ | ✅ | ✅ | — | CSS class |
 
 ### Direct / subpath imports
 
@@ -100,6 +118,10 @@ import { FlagFrance } from '@ds-mo/icons/flags/FlagFrance';
 
 // Flag-only barrel
 import { FlagFrance, FlagGermany } from '@ds-mo/icons/flags';
+
+// Single map icon, or the map-only barrel
+import { MapEntityVehicle } from '@ds-mo/icons/map/MapEntityVehicle';
+import { MapGeofence, MapLockClosed } from '@ds-mo/icons/map';
 ```
 
 ### Framework-agnostic SVG strings
@@ -135,7 +157,7 @@ Xcode 12+ supports SVG directly in asset catalogs, so iOS consumes the same vect
 The build emits a flat folder of standalone `.svg` files — one per icon, ready to drag into Xcode:
 
 ```bash
-npm run build        # generates dist/svg-files/<Name>.svg (432 files)
+npm run build        # generates dist/svg-files/<Name>.svg (448 files)
 ```
 
 These ship with the package, so an iOS project can pull them straight out of `node_modules/@ds-mo/icons/dist/svg-files/` (or the `./svg-files/*` subpath export) without cloning this repo. Flags are prefixed (`FlagFrance.svg`) so the folder stays collision-free and flat.
@@ -172,8 +194,8 @@ Machine-readable icon list (for docs, agents, search indexes):
 import meta from '@ds-mo/icons/meta';
 
 meta.version      // matches package version (e.g. "6.0.1")
-meta.count        // 432
-meta.categories   // { system: {count:400,themeable:true}, flag: {count:32,themeable:false} }
+meta.count        // 448
+meta.categories   // { system: {count:400,themeable:true}, flag: {count:32,themeable:false}, map: {count:16,themeable:true} }
 meta.icons        // [{ name, category, kebab, aliases }, ...]
 ```
 
@@ -185,7 +207,7 @@ IcoMo icons work with [CompoMo (@ds-mo/ui)](https://www.npmjs.com/package/@ds-mo
 icon?: React.ComponentType<{ size?: number | string }>
 ```
 
-Both system and flag components satisfy this interface:
+System, flag, and map components all satisfy this interface:
 
 ```tsx
 import { Button } from '@ds-mo/ui';
@@ -230,9 +252,15 @@ The build preserves **both**: modern browsers use the P3 style; older browsers f
 2. Drop into `src/flags/` — filename is the country name in PascalCase (e.g. `NewZealand.svg` → exports as `FlagNewZealand`)
 3. Run the build
 
+### Map icons
+
+1. Export SVG from Figma as 16×16 with `fill="black"` (same contract as a system icon)
+2. Drop into `src/map/` **without** the `Map` prefix (e.g. `Geofence.svg` → exports as `MapGeofence`)
+3. Run the build
+
 ### Adding a new category
 
-Add a config entry to `scripts/utils/categories.mjs` with its own `dir`, `prefix`, and `normalize` rules. Drop SVGs into `src/<dir>/`.
+Add a config entry to `scripts/utils/categories.mjs` with its own `dir`, `prefix`, `factory`, and `normalize` rules. Drop SVGs into `src/<dir>/`.
 
 ## Dev
 

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/icons",
-  "packageVersion": "8.0.0",
+  "packageVersion": "8.1.0",
   "kind": "icons",
   "entries": [
     {

package/dist/agent.mjs

@@ -1,7 +1,7 @@
 const manifest = {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/icons",
-  "packageVersion": "8.0.0",
+  "packageVersion": "8.1.0",
   "kind": "icons",
   "entries": [
     {

package/dist/createMapIcon.d.ts

@@ -0,0 +1,28 @@
+import { ForwardRefExoticComponent, RefAttributes, SVGAttributes } from 'react';
+
+export interface MapIconProps extends SVGAttributes<SVGSVGElement> {
+  /** Icon size in pixels. Defaults to 20. */
+  size?: number | string;
+  /** Icon color. Defaults to 'currentColor'. */
+  color?: string;
+  /** Additional CSS class name. */
+  className?: string;
+}
+
+/**
+ * A map glyph. Themeable like a system icon, but intended only for composition
+ * inside a marker shape (pin, circle, cluster bubble) — never inline in UI.
+ *
+ * The `iconCategory` brand enforces that: a component prop typed as
+ * MapIconComponent rejects system and flag icons at compile time.
+ *
+ *   type MarkerProps = { icon: MapIconComponent };
+ *   <MapMarker icon={MapTruck} />     // ok
+ *   <MapMarker icon={ArrowRight} />   // type error
+ */
+export type MapIconComponent =
+  ForwardRefExoticComponent<MapIconProps & RefAttributes<SVGSVGElement>> & {
+    readonly iconCategory: 'map';
+  };
+
+export declare function createMapIcon(name: string, children: React.ReactNode[]): MapIconComponent;

package/dist/createMapIcon.mjs

@@ -0,0 +1,22 @@
+import { forwardRef, createElement } from 'react';
+
+const createMapIcon = (name, children) => {
+  const Icon = forwardRef(({ size = 20, color = 'currentColor', className, ...rest }, ref) =>
+    createElement('svg', {
+      ref,
+      xmlns: 'http://www.w3.org/2000/svg',
+      width: size,
+      height: size,
+      viewBox: '0 0 16 16',
+      fill: color,
+      className,
+      'data-icon': name,
+      'data-category': 'map',
+      ...rest,
+    }, ...children)
+  );
+  Icon.iconCategory = 'map';
+  return Icon;
+};
+
+export { createMapIcon };

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 export type { IconProps, IconComponent } from './createIcon.mjs';
 export type { FlagIconProps, FlagIconComponent } from './createFlagIcon.mjs';
+export type { MapIconProps, MapIconComponent } from './createMapIcon.mjs';
 export { createIcon } from './createIcon.mjs';
 export { createFlagIcon } from './createFlagIcon.mjs';
+export { createMapIcon } from './createMapIcon.mjs';
 
 export { AIAsterisk } from './icons/AIAsterisk.mjs';
 export { AIChip } from './icons/AIChip.mjs';
@@ -435,3 +437,19 @@ export { FlagSpain } from './flags/FlagSpain.mjs';
 export { FlagSweden } from './flags/FlagSweden.mjs';
 export { FlagUnitedKingdom } from './flags/FlagUnitedKingdom.mjs';
 export { FlagUnitedStates } from './flags/FlagUnitedStates.mjs';
+export { MapEntityAsset } from './map/MapEntityAsset.mjs';
+export { MapEntityPerson } from './map/MapEntityPerson.mjs';
+export { MapEntityTravelGroup } from './map/MapEntityTravelGroup.mjs';
+export { MapEntityVehicle } from './map/MapEntityVehicle.mjs';
+export { MapExclamation } from './map/MapExclamation.mjs';
+export { MapGatewayReconnect } from './map/MapGatewayReconnect.mjs';
+export { MapGatewayStrikethrough } from './map/MapGatewayStrikethrough.mjs';
+export { MapGeofence } from './map/MapGeofence.mjs';
+export { MapKey } from './map/MapKey.mjs';
+export { MapLightning } from './map/MapLightning.mjs';
+export { MapLockClosed } from './map/MapLockClosed.mjs';
+export { MapPencil } from './map/MapPencil.mjs';
+export { MapPlus } from './map/MapPlus.mjs';
+export { MapRewind } from './map/MapRewind.mjs';
+export { MapShieldCircle } from './map/MapShieldCircle.mjs';
+export { MapTarget } from './map/MapTarget.mjs';

package/dist/index.mjs

@@ -1,5 +1,6 @@
 export { createIcon } from './createIcon.mjs';
 export { createFlagIcon } from './createFlagIcon.mjs';
+export { createMapIcon } from './createMapIcon.mjs';
 
 export { AIAsterisk } from './icons/AIAsterisk.mjs';
 export { AIChip } from './icons/AIChip.mjs';
@@ -433,3 +434,19 @@ export { FlagSpain } from './flags/FlagSpain.mjs';
 export { FlagSweden } from './flags/FlagSweden.mjs';
 export { FlagUnitedKingdom } from './flags/FlagUnitedKingdom.mjs';
 export { FlagUnitedStates } from './flags/FlagUnitedStates.mjs';
+export { MapEntityAsset } from './map/MapEntityAsset.mjs';
+export { MapEntityPerson } from './map/MapEntityPerson.mjs';
+export { MapEntityTravelGroup } from './map/MapEntityTravelGroup.mjs';
+export { MapEntityVehicle } from './map/MapEntityVehicle.mjs';
+export { MapExclamation } from './map/MapExclamation.mjs';
+export { MapGatewayReconnect } from './map/MapGatewayReconnect.mjs';
+export { MapGatewayStrikethrough } from './map/MapGatewayStrikethrough.mjs';
+export { MapGeofence } from './map/MapGeofence.mjs';
+export { MapKey } from './map/MapKey.mjs';
+export { MapLightning } from './map/MapLightning.mjs';
+export { MapLockClosed } from './map/MapLockClosed.mjs';
+export { MapPencil } from './map/MapPencil.mjs';
+export { MapPlus } from './map/MapPlus.mjs';
+export { MapRewind } from './map/MapRewind.mjs';
+export { MapShieldCircle } from './map/MapShieldCircle.mjs';
+export { MapTarget } from './map/MapTarget.mjs';

package/dist/map/MapEntityAsset.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapEntityAsset: MapIconComponent;

package/dist/map/MapEntityAsset.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapEntityAsset = createMapIcon('map-entity-asset', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14C4.68629 14 2 11.3137 2 8Z", key: "a" }),
+]);
+
+MapEntityAsset.displayName = 'MapEntityAsset';
+export { MapEntityAsset };

package/dist/map/MapEntityPerson.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapEntityPerson: MapIconComponent;

package/dist/map/MapEntityPerson.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapEntityPerson = createMapIcon('map-entity-person', [
+  createElement('path', { d: "M5 9.25C3.48122 9.25 2.25 10.4812 2.25 12V13L3 13.75H13L13.75 13V12C13.75 10.4812 12.5188 9.25 11 9.25H5ZM8 1.75C6.34315 1.75 5 3.09315 5 4.75C5 6.40685 6.34315 7.75 8 7.75C9.65685 7.75 11 6.40685 11 4.75C11 3.09315 9.65685 1.75 8 1.75Z", key: "a" }),
+]);
+
+MapEntityPerson.displayName = 'MapEntityPerson';
+export { MapEntityPerson };

package/dist/map/MapEntityTravelGroup.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapEntityTravelGroup: MapIconComponent;

package/dist/map/MapEntityTravelGroup.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapEntityTravelGroup = createMapIcon('map-entity-travel-group', [
+  createElement('path', { d: "M7.3291 1.66479L3.3291 9.66479L4.39742 10.6362L7.99992 8.38464L11.6024 10.6362L12.6707 9.66479L8.67074 1.66479H7.3291Z", key: "a" }),
+  createElement('path', { d: "M12.3975 12.8639L8.00004 10.1155L3.60254 12.8639L4.39754 14.1359L8.00004 11.8843L11.6025 14.1359L12.3975 12.8639Z", key: "b" }),
+]);
+
+MapEntityTravelGroup.displayName = 'MapEntityTravelGroup';
+export { MapEntityTravelGroup };

package/dist/map/MapEntityVehicle.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapEntityVehicle: MapIconComponent;

package/dist/map/MapEntityVehicle.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapEntityVehicle = createMapIcon('map-entity-vehicle', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M2.3291 12.16L7.3291 2.16H8.67074L13.6707 12.16L12.614 13.1385L7.99992 10.3701L3.38579 13.1385L2.3291 12.16Z", key: "a" }),
+]);
+
+MapEntityVehicle.displayName = 'MapEntityVehicle';
+export { MapEntityVehicle };

package/dist/map/MapExclamation.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapExclamation: MapIconComponent;

package/dist/map/MapExclamation.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapExclamation = createMapIcon('map-exclamation', [
+  createElement('path', { d: "M9.49336 2H6.50684L7.08969 10.16H8.9105L9.49336 2Z", key: "a" }),
+  createElement('path', { d: "M9.2001 11.6H6.8001V14H9.2001V11.6Z", key: "b" }),
+]);
+
+MapExclamation.displayName = 'MapExclamation';
+export { MapExclamation };

package/dist/map/MapGatewayReconnect.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapGatewayReconnect: MapIconComponent;

package/dist/map/MapGatewayReconnect.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapGatewayReconnect = createMapIcon('map-gateway-reconnect', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M4.24268 8.85355L2.29813 10.7981L3.35879 11.8588L3.98555 11.232L4.6123 11.8588C6.42914 13.6756 9.27299 13.8395 11.2751 12.3505L12.1976 13.273L13.2583 12.2123L12.3358 11.2898C13.8248 9.28767 13.6609 6.44382 11.8441 4.62698L11.2173 4.00023L11.8441 3.37347L10.7834 2.31281L8.83887 4.25736L6.54077 1.95926L5.48011 3.01992L7.77821 5.31802L5.30334 7.79289L3.00524 5.49479L1.94458 6.55545L4.24268 8.85355Z", key: "a" }),
+]);
+
+MapGatewayReconnect.displayName = 'MapGatewayReconnect';
+export { MapGatewayReconnect };

package/dist/map/MapGatewayStrikethrough.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapGatewayStrikethrough: MapIconComponent;

package/dist/map/MapGatewayStrikethrough.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapGatewayStrikethrough = createMapIcon('map-gateway-strikethrough', [
+  createElement('path', { d: "M4.24805 8.85425L2.3035 10.7988L3.18729 11.6826L11.6726 3.1973L10.7888 2.31351L8.84424 4.25806L6.54614 1.95996L5.48549 3.02062L7.78358 5.31872L5.30871 7.79359L3.01061 5.49549L1.94995 6.55615L4.24805 8.85425Z", key: "a" }),
+  createElement('path', { d: "M11.2805 12.3512C9.79073 13.4591 7.83493 13.6519 6.18297 12.9295L12.9195 6.19298C13.6419 7.84494 13.4491 9.80074 12.3412 11.2905L13.2637 12.213L12.203 13.2737L11.2805 12.3512Z", key: "b" }),
+  createElement('path', { d: "M13.6171 2.31348L2.30336 13.6272L3.36402 14.6878L14.6777 3.37414L13.6171 2.31348Z", key: "c" }),
+]);
+
+MapGatewayStrikethrough.displayName = 'MapGatewayStrikethrough';
+export { MapGatewayStrikethrough };

package/dist/map/MapGeofence.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapGeofence: MapIconComponent;

package/dist/map/MapGeofence.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapGeofence = createMapIcon('map-geofence', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 2.5C3.67157 2.5 3 3.17157 3 4C3 4.42329 3.17533 4.80563 3.45734 5.07836L2.08758 10.5574C1.45969 10.7366 1 11.3146 1 12C1 12.8284 1.67157 13.5 2.5 13.5C3.05521 13.5 3.53997 13.1984 3.79933 12.75H12.2007C12.46 13.1984 12.9448 13.5 13.5 13.5C14.3284 13.5 15 12.8284 15 12C15 11.3146 14.5403 10.7366 13.9124 10.5574L12.5427 5.07834C12.8247 4.80562 13 4.42328 13 4C13 3.17157 12.3284 2.5 11.5 2.5C10.9448 2.5 10.46 2.80165 10.2007 3.25H5.79933C5.53997 2.80165 5.05521 2.5 4.5 2.5ZM10.2007 4.75H5.79933C5.60679 5.08284 5.29003 5.33483 4.91245 5.44258L3.54268 10.9217C3.64266 11.0183 3.72922 11.1288 3.79933 11.25H12.2007C12.2708 11.1288 12.3574 11.0183 12.4573 10.9216L11.0876 5.44259C10.71 5.33484 10.3932 5.08285 10.2007 4.75Z", key: "a" }),
+]);
+
+MapGeofence.displayName = 'MapGeofence';
+export { MapGeofence };

package/dist/map/MapKey.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapKey: MapIconComponent;

package/dist/map/MapKey.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapKey = createMapIcon('map-key', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M9.99992 2.25C12.071 2.25 13.7499 3.92893 13.7499 6C13.7499 8.07107 12.071 9.75 9.99992 9.75C9.23472 9.75 8.52306 9.52082 7.92983 9.12735L6.80995 10.2494L8.03014 11.4696L6.26779 13.232L5.04812 12.0123L3.03014 14.0303L1.96948 12.9696L6.86952 8.06548C6.47791 7.47317 6.24992 6.76321 6.24992 6C6.24991 3.92893 7.92885 2.25 9.99992 2.25ZM12.2499 6C12.2499 4.75736 11.2426 3.75 9.99992 3.75C8.75727 3.75 7.74991 4.75736 7.74992 6C7.74992 7.24264 8.75727 8.25 9.99992 8.25C11.2426 8.25 12.2499 7.24264 12.2499 6Z", key: "a" }),
+]);
+
+MapKey.displayName = 'MapKey';
+export { MapKey };

package/dist/map/MapLightning.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapLightning: MapIconComponent;

package/dist/map/MapLightning.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapLightning = createMapIcon('map-lightning', [
+  createElement('path', { d: "M9.77827 1.5H10.773L9.65353 5.97804L12.75 6.86269V8.0605L6.3105 14.5H5.28511L6.37892 9.03098L3.25 8.137V6.94023L9.77827 1.5Z", key: "a" }),
+]);
+
+MapLightning.displayName = 'MapLightning';
+export { MapLightning };

package/dist/map/MapLockClosed.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapLockClosed: MapIconComponent;

package/dist/map/MapLockClosed.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapLockClosed = createMapIcon('map-lock-closed', [
+  createElement('path', { d: "M8 8.25C7.30964 8.25 6.75 8.80964 6.75 9.5C6.75 10.1904 7.30964 10.75 8 10.75C8.69036 10.75 9.25 10.1904 9.25 9.5C9.25 8.80964 8.69036 8.25 8 8.25Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M11.25 4V5.25H11.5C12.4665 5.25 13.25 6.0335 13.25 7V13.75H2.75V7C2.75 6.0335 3.5335 5.25 4.5 5.25H4.75V4C4.75 2.48122 5.98122 1.25 7.5 1.25H8.5C10.0188 1.25 11.25 2.48122 11.25 4ZM6.25 4C6.25 3.30964 6.80964 2.75 7.5 2.75H8.5C9.19036 2.75 9.75 3.30964 9.75 4V5.25H6.25V4ZM8 6.75C6.48122 6.75 5.25 7.98122 5.25 9.5C5.25 11.0188 6.48122 12.25 8 12.25C9.51878 12.25 10.75 11.0188 10.75 9.5C10.75 7.98122 9.51878 6.75 8 6.75Z", key: "b" }),
+]);
+
+MapLockClosed.displayName = 'MapLockClosed';
+export { MapLockClosed };

package/dist/map/MapPencil.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapPencil: MapIconComponent;

package/dist/map/MapPencil.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapPencil = createMapIcon('map-pencil', [
+  createElement('path', { d: "M7.06445 12.125L6.83789 12.3525L2.81055 14.1826L1.81738 13.1895L3.64844 9.16211L3.875 8.93555L7.06445 12.125Z", key: "a" }),
+  createElement('path', { d: "M14.5605 4.62891L8.125 11.0645L4.93555 7.875L11.3711 1.43945L14.5605 4.62891Z", key: "b" }),
+]);
+
+MapPencil.displayName = 'MapPencil';
+export { MapPencil };

package/dist/map/MapPlus.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapPlus: MapIconComponent;

package/dist/map/MapPlus.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapPlus = createMapIcon('map-plus', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 1.75V7.25H14.25V8.75H8.75V14.25H7.25V8.75H1.75V7.25H7.25V1.75H8.75Z", key: "a" }),
+]);
+
+MapPlus.displayName = 'MapPlus';
+export { MapPlus };

package/dist/map/MapRewind.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapRewind: MapIconComponent;

package/dist/map/MapRewind.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapRewind = createMapIcon('map-rewind', [
+  createElement('path', { d: "M1.5 8.59653L7.27739 11.2226L8.25002 10.25V8.93745L13.2774 11.2226L14.25 10.25V5.75003L13.2773 4.77734L8.25002 7.06249V5.75003L7.27733 4.77734L1.5 7.4034V8.59653Z", key: "a" }),
+]);
+
+MapRewind.displayName = 'MapRewind';
+export { MapRewind };

package/dist/map/MapShieldCircle.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapShieldCircle: MapIconComponent;

package/dist/map/MapShieldCircle.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapShieldCircle = createMapIcon('map-shield-circle', [
+  createElement('path', { d: "M6.75 7.57739C6.75 6.88704 7.30964 6.32739 8 6.32739C8.69036 6.32739 9.25 6.88704 9.25 7.57739C9.25 8.26775 8.69036 8.82739 8 8.82739C7.30964 8.82739 6.75 8.26775 6.75 7.57739Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1.2876L14.25 2.42396V7.04989C14.25 11.3365 10.8339 13.7035 8.72825 14.7122H7.27175C5.1661 13.7035 1.75 11.3365 1.75 7.04989V2.42396L8 1.2876ZM8 4.82739C6.48122 4.82739 5.25 6.05861 5.25 7.57739C5.25 9.09618 6.48122 10.3274 8 10.3274C9.51878 10.3274 10.75 9.09618 10.75 7.57739C10.75 6.05861 9.51878 4.82739 8 4.82739Z", key: "b" }),
+]);
+
+MapShieldCircle.displayName = 'MapShieldCircle';
+export { MapShieldCircle };

package/dist/map/MapTarget.d.ts

@@ -0,0 +1,2 @@
+import { MapIconComponent } from '../createMapIcon.mjs';
+export declare const MapTarget: MapIconComponent;

package/dist/map/MapTarget.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createMapIcon } from '../createMapIcon.mjs';
+
+const MapTarget = createMapIcon('map-target', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8.75 2.29847C11.3258 2.634 13.366 4.67421 13.7015 7.25H15.25V8.75H13.7015C13.366 11.3258 11.3258 13.366 8.75 13.7015V15.25H7.25V13.7015C4.67421 13.366 2.634 11.3258 2.29847 8.75H0.75V7.25H2.29847C2.634 4.67421 4.67421 2.634 7.25 2.29847V0.75H8.75V2.29847ZM8.75 3.81597V5.25H7.25V3.81597C5.50395 4.12685 4.12685 5.50395 3.81597 7.25H5.25V8.75H3.81597C4.12685 10.4961 5.50395 11.8731 7.25 12.184V10.75H8.75V12.184C10.4961 11.8731 11.8731 10.4961 12.184 8.75H10.75V7.25H12.184C11.8731 5.50395 10.4961 4.12685 8.75 3.81597Z", key: "a" }),
+]);
+
+MapTarget.displayName = 'MapTarget';
+export { MapTarget };

package/dist/map/index.d.ts

@@ -0,0 +1,16 @@
+export { MapEntityAsset } from './MapEntityAsset.mjs';
+export { MapEntityPerson } from './MapEntityPerson.mjs';
+export { MapEntityTravelGroup } from './MapEntityTravelGroup.mjs';
+export { MapEntityVehicle } from './MapEntityVehicle.mjs';
+export { MapExclamation } from './MapExclamation.mjs';
+export { MapGatewayReconnect } from './MapGatewayReconnect.mjs';
+export { MapGatewayStrikethrough } from './MapGatewayStrikethrough.mjs';
+export { MapGeofence } from './MapGeofence.mjs';
+export { MapKey } from './MapKey.mjs';
+export { MapLightning } from './MapLightning.mjs';
+export { MapLockClosed } from './MapLockClosed.mjs';
+export { MapPencil } from './MapPencil.mjs';
+export { MapPlus } from './MapPlus.mjs';
+export { MapRewind } from './MapRewind.mjs';
+export { MapShieldCircle } from './MapShieldCircle.mjs';
+export { MapTarget } from './MapTarget.mjs';

package/dist/map/index.mjs

@@ -0,0 +1,16 @@
+export { MapEntityAsset } from './MapEntityAsset.mjs';
+export { MapEntityPerson } from './MapEntityPerson.mjs';
+export { MapEntityTravelGroup } from './MapEntityTravelGroup.mjs';
+export { MapEntityVehicle } from './MapEntityVehicle.mjs';
+export { MapExclamation } from './MapExclamation.mjs';
+export { MapGatewayReconnect } from './MapGatewayReconnect.mjs';
+export { MapGatewayStrikethrough } from './MapGatewayStrikethrough.mjs';
+export { MapGeofence } from './MapGeofence.mjs';
+export { MapKey } from './MapKey.mjs';
+export { MapLightning } from './MapLightning.mjs';
+export { MapLockClosed } from './MapLockClosed.mjs';
+export { MapPencil } from './MapPencil.mjs';
+export { MapPlus } from './MapPlus.mjs';
+export { MapRewind } from './MapRewind.mjs';
+export { MapShieldCircle } from './MapShieldCircle.mjs';
+export { MapTarget } from './MapTarget.mjs';