@ds-mo/icons 7.0.1 → 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 — **434 SVG icons** (402 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).
 
@@ -56,10 +56,28 @@ Icons are grouped into **categories** so the pipeline can treat them differently
 
 | Category | Count | Themeable | Description |
 |---|---|---|---|
-| `system` | 402 | ✅ `currentColor` | Monochrome UI icons — respond to CSS `color` and the `color` prop |
+| `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
@@ -130,19 +152,24 @@ Sprite path: `node_modules/@ds-mo/icons/dist/sprite.svg` (or via the `./sprite`
 
 ### iOS / Xcode asset catalog
 
-Generate a flat folder of vector PDFs — one per icon — for use in Xcode asset catalogs:
+Xcode 12+ supports SVG directly in asset catalogs, so iOS consumes the same vectors as every other platform — no separate export format.
+
+The build emits a flat folder of standalone `.svg` files — one per icon, ready to drag into Xcode:
 
 ```bash
-npm run build        # required first — generates dist/
-npm run build:pdf    # outputs dist/pdf/<Name>.pdf (430 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.
+
+Unlike the bundler-facing strings in `dist/svg/`, these keep a concrete `fill="black"` rather than `currentColor` — asset catalogs have no CSS cascade, and template rendering tints from the alpha channel regardless.
+
 **Adding to Xcode:**
 
-1. Drag `dist/pdf/` into your `.xcassets` asset catalog in Xcode.
+1. Drag `dist/svg-files/` into your `.xcassets` asset catalog in Xcode.
 2. For each icon, set **Scales → Single Scale** in the Attributes inspector — iOS scales the vector at runtime.
-3. For **system icons** (monochrome, e.g. `ArrowRight.pdf`): set **Render As → Template Image** so the icon responds to tint color.
-4. For **flag icons** (e.g. `FlagFrance.pdf`): set **Render As → Original Image** to preserve their colors.
+3. For **system icons** (monochrome, e.g. `ArrowRight.svg`): set **Render As → Template Image** so the icon responds to tint color.
+4. For **flag icons** (e.g. `FlagFrance.svg`): set **Render As → Original Image** to preserve their colors.
 
 Then use in SwiftUI or UIKit:
 
@@ -167,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        // 430
-meta.categories   // { system: {count:398,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 }, ...]
 ```
 
@@ -180,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';
@@ -225,16 +252,22 @@ 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
 
 ```bash
-npm run build         # full build (React + sprite + SVG strings + meta)
+npm run build         # full build (React + sprite + SVG strings + meta + svg files)
 npm run build:docs    # regenerate docs/index.html
-npm run build:pdf     # iOS PDF export → dist/pdf/ (run after build)
+npm run build:svg     # regenerate dist/svg-files/ only (also part of build)
 npm run dev           # watch mode
 ```
 

package/dist/agent.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "1.0.0",
   "package": "@ds-mo/icons",
-  "packageVersion": "7.0.1",
+  "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": "7.0.1",
+  "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/icons/AIAsterisk.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const AIAsterisk: IconComponent;

package/dist/icons/AIAsterisk.mjs

@@ -0,0 +1,16 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AIAsterisk = createIcon('ai-asterisk', [
+  createElement('path', { d: "M8.5 14.5H7.5V9H8.5V14.5Z", key: "a" }),
+  createElement('path', { d: "M6.58594 10.1211L3.75781 12.9502L3.0498 12.2422L5.87891 9.41406L6.58594 10.1211Z", key: "b" }),
+  createElement('path', { d: "M12.9502 12.2422L12.2422 12.9502L9.41406 10.1211L10.1211 9.41406L12.9502 12.2422Z", key: "c" }),
+  createElement('path', { d: "M7 8.5H1.5V7.5H7V8.5Z", key: "d" }),
+  createElement('path', { d: "M14.5 8.5H9V7.5H14.5V8.5Z", key: "e" }),
+  createElement('path', { d: "M8.5 7H7.5V1.5H8.5V7Z", key: "f" }),
+  createElement('path', { d: "M6.58594 5.87891L5.87891 6.58594L3.0498 3.75781L3.75781 3.0498L6.58594 5.87891Z", key: "g" }),
+  createElement('path', { d: "M12.9502 3.75781L10.1211 6.58594L9.41406 5.87891L12.2422 3.0498L12.9502 3.75781Z", key: "h" }),
+]);
+
+AIAsterisk.displayName = 'AIAsterisk';
+export { AIAsterisk };

package/dist/icons/AICompass.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const AICompass: IconComponent;

package/dist/icons/AICompass.mjs

@@ -0,0 +1,15 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AICompass = createIcon('ai-compass', [
+  createElement('path', { d: "M8.5 14.5H7.5V11.5H8.5V14.5Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M13.416 3.27734L9.41602 9.27734L9.27734 9.41602L3.27734 13.416L2.58398 12.7227L6.58398 6.72363L6.72266 6.58398L12.7227 2.58398L13.416 3.27734ZM4.80273 11.1982L8.21582 8.92285L7.07812 7.78418L4.80273 11.1982Z", key: "b" }),
+  createElement('path', { d: "M12.9609 12.2461L12.2539 12.9531L10.1328 10.832L10.8398 10.125L12.9609 12.2461Z", key: "c" }),
+  createElement('path', { d: "M4.50488 8.50488H1.50488V7.50488H4.50488V8.50488Z", key: "d" }),
+  createElement('path', { d: "M14.5049 8.50488H11.5049V7.50488H14.5049V8.50488Z", key: "e" }),
+  createElement('path', { d: "M5.89062 5.1748L5.18262 5.88184L3.06152 3.76074L3.76855 3.05371L5.89062 5.1748Z", key: "f" }),
+  createElement('path', { d: "M8.5 4.5H7.5V1.5H8.5V4.5Z", key: "g" }),
+]);
+
+AICompass.displayName = 'AICompass';
+export { AICompass };

package/dist/icons/AUX1.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const AUX1: IconComponent;

package/dist/icons/AUX1.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AUX1 = createIcon('aux1', [
+  createElement('path', { d: "M5 6C5.52506 6 6.03551 6.11782 6.49757 6.33657L6.6 6.2C6.77319 5.96908 6.96282 5.75401 7.16661 5.55592C6.51131 5.19596 5.7678 5 5 5H1.5V8H5C5.15738 8 5.30557 7.9259 5.4 7.8L5.88001 7.15999C5.60216 7.05548 5.30452 7 5 7H2.5V6H5Z", key: "a" }),
+  createElement('path', { d: "M8.83339 11.4441C9.03718 11.246 9.22681 11.0309 9.4 10.8L9.50243 10.6634C9.96449 10.8822 10.4749 11 11 11H12.5V10H11C10.6955 10 10.3978 9.94452 10.12 9.84001L10.6 9.2C10.6944 9.0741 10.8426 9 11 9H13.5V10H14.5V11H13.5V12H11C10.2322 12 9.48869 11.804 8.83339 11.4441Z", key: "b" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 9V12H5C6.41641 12 7.75016 11.3331 8.6 10.2L9.8 8.6C10.0833 8.22229 10.5279 8 11 8H12.5V7H13.5V6H12.5V5H11C9.58359 5 8.24984 5.66687 7.4 6.8L6.2 8.4C5.91672 8.77771 5.47214 9 5 9H2.5ZM3.5 10H5C5.78689 10 6.52786 9.62951 7 9L8.2 7.4C8.86099 6.51868 9.89835 6 11 6H11.5V7H11C10.2131 7 9.47214 7.37048 9 8L7.8 9.6C7.13901 10.4813 6.10165 11 5 11H3.5V10Z", key: "c" }),
+]);
+
+AUX1.displayName = 'AUX1';
+export { AUX1 };

package/dist/icons/Android.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const Android: IconComponent;

package/dist/icons/Android.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const Android = createIcon('android', [
+  createElement('path', { d: "M5 8.75014C5.41421 8.75014 5.75 9.08593 5.75 9.50014C5.74993 9.91429 5.41417 10.2501 5 10.2501C4.58583 10.2501 4.25007 9.91429 4.25 9.50014C4.25 9.08593 4.58579 8.75014 5 8.75014Z", key: "a" }),
+  createElement('path', { d: "M11 8.75014C11.4142 8.75014 11.75 9.08593 11.75 9.50014C11.7499 9.91429 11.4142 10.2501 11 10.2501C10.5858 10.2501 10.2501 9.91429 10.25 9.50014C10.25 9.08593 10.5858 8.75014 11 8.75014Z", key: "b" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M12.0645 3.75502C12.1999 3.51446 12.5045 3.42924 12.7451 3.56459C12.9856 3.70003 13.0709 4.00465 12.9355 4.24526L11.6484 6.53334C13.5114 7.6815 14.8055 9.68229 15 12.0001H1C1.19447 9.68227 2.48853 7.6815 4.35156 6.53334L3.06445 4.24526C2.92912 4.00466 3.01439 3.70004 3.25488 3.56459C3.4955 3.42925 3.80012 3.51448 3.93555 3.75502L5.23828 6.07045C6.086 5.70335 7.01958 5.50014 8 5.50014C8.98042 5.50014 9.914 5.70335 10.7617 6.07045L12.0645 3.75502ZM8 6.50014C7.15901 6.50014 6.36058 6.67453 5.63574 6.98842L5.24023 7.15932L4.87598 7.38491C3.57471 8.18687 2.59637 9.47439 2.18652 11.0001H13.8135C13.4036 9.47439 12.4253 8.18687 11.124 7.38491L10.7588 7.15932L10.3643 6.98842C9.63942 6.67453 8.841 6.50014 8 6.50014Z", key: "c" }),
+]);
+
+Android.displayName = 'Android';
+export { Android };

package/dist/icons/ArrowCircle.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const ArrowCircle: IconComponent;

package/dist/icons/ArrowCircle.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowCircle = createIcon('arrow-circle', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2ZM3.87731 5.17014C4.77872 3.85943 6.289 3 8 3C10.7614 3 13 5.23858 13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8C3 7.32215 3.13489 6.6758 3.37929 6.08633L6.50004 9.20708L8.00004 7.70708L9.79289 9.49994H8.5V10.4999H10.8006L11.5 9.80052V7.49994H10.5V8.79283L8.00004 6.29287L6.50004 7.79287L3.87731 5.17014Z", key: "a" }),
+]);
+
+ArrowCircle.displayName = 'ArrowCircle';
+export { ArrowCircle };

package/dist/icons/ArrowTopRightSquare.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const ArrowTopRightSquare: IconComponent;

package/dist/icons/ArrowTopRightSquare.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowTopRightSquare = createIcon('arrow-top-right-square', [
+  createElement('path', { d: "M11 10H10V6.70703L5.85352 10.8535L5.14648 10.1465L9.29297 6H6V5H11V10Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 2C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5C2 2.67157 2.67157 2 3.5 2H12.5ZM3.5 3C3.22386 3 3 3.22386 3 3.5V12.5C3 12.7761 3.22386 13 3.5 13H12.5C12.7761 13 13 12.7761 13 12.5V3.5C13 3.22386 12.7761 3 12.5 3H3.5Z", key: "b" }),
+]);
+
+ArrowTopRightSquare.displayName = 'ArrowTopRightSquare';
+export { ArrowTopRightSquare };

package/dist/icons/ArrowZoomBack.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const ArrowZoomBack: IconComponent;

package/dist/icons/ArrowZoomBack.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowZoomBack = createIcon('arrow-zoom-back', [
+  createElement('path', { d: "M3.91707 5.00004L5.56351 3.35359L4.85641 2.64648L2.5 5.00289V5.94693L4.85641 8.30334L5.56351 7.59623L3.96732 6.00004H10.5C11.6046 6.00004 12.5 6.89547 12.5 8.00004C12.5 9.10461 12.5 13 12.5 13H13.5C13.5 13 13.5 9.65689 13.5 8.00004C13.5 6.34318 12.1569 5.00004 10.5 5.00004H3.91707Z", key: "a" }),
+]);
+
+ArrowZoomBack.displayName = 'ArrowZoomBack';
+export { ArrowZoomBack };

package/dist/icons/ArrowsDiffCircle.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const ArrowsDiffCircle: IconComponent;

package/dist/icons/ArrowsDiffCircle.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsDiffCircle = createIcon('arrows-diff-circle', [
+  createElement('path', { d: "M11 6.00866L9.6378 4.64645L8.93069 5.35356L9.57714 6.00001H5V7.00001H11.9914L11 7V6.00866Z", key: "a" }),
+  createElement('path', { d: "M6.36521 11.3536L5.00392 9.99226V9.00001H4.01167L11 9V10H6.42587L7.07232 10.6464L6.36521 11.3536Z", key: "b" }),
+  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 8ZM8 3C5.23858 3 3 5.23858 3 8C3 10.7614 5.23858 13 8 13C10.7614 13 13 10.7614 13 8C13 5.23858 10.7614 3 8 3Z", key: "c" }),
+]);
+
+ArrowsDiffCircle.displayName = 'ArrowsDiffCircle';
+export { ArrowsDiffCircle };

package/dist/icons/ArrowsDiffCircleStrikethrough.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const ArrowsDiffCircleStrikethrough: IconComponent;

package/dist/icons/ArrowsDiffCircleStrikethrough.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsDiffCircleStrikethrough = createIcon('arrows-diff-circle-strikethrough', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M3.41851 11.8744L1.14648 14.1465L1.85359 14.8536L14.8536 1.85356L14.1465 1.14645L11.8745 3.41848C10.8291 2.53359 9.47688 2.00001 8.00003 2.00001C4.68632 2.00001 2.00003 4.6863 2.00003 8.00001C2.00003 9.47686 2.53361 10.8291 3.41851 11.8744ZM4.12856 11.1644L5.1523 10.1406L5.00394 9.99227V9.00001H6.29293L8.29293 7.00001L5.00003 7.00001V6.00001H9.29293L9.43505 5.85789L8.93072 5.35356L9.63783 4.64645L10.1422 5.15078L11.1644 4.12854C10.3025 3.42319 9.20067 3.00001 8.00003 3.00001C5.23861 3.00001 3.00003 5.23858 3.00003 8.00001C3.00003 9.20064 3.42321 10.3024 4.12856 11.1644Z", key: "a" }),
+  createElement('path', { d: "M5.00625 13.2009C5.88736 13.7092 6.90973 14 8.00003 14C11.3137 14 14 11.3137 14 8.00001C14 6.90971 13.7092 5.88734 13.2009 5.00622L12.4633 5.74387C12.8066 6.42168 13 7.18825 13 8.00001C13 10.7614 10.7615 13 8.00003 13C7.18828 13 6.4217 12.8066 5.74389 12.4633L5.00625 13.2009Z", key: "b" }),
+  createElement('path', { d: "M11 10H8.20714L9.20714 9.00001H11V10Z", key: "c" }),
+]);
+
+ArrowsDiffCircleStrikethrough.displayName = 'ArrowsDiffCircleStrikethrough';
+export { ArrowsDiffCircleStrikethrough };

package/dist/icons/ArrowsDiffStrikethrough.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const ArrowsDiffStrikethrough: IconComponent;

package/dist/icons/ArrowsDiffStrikethrough.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsDiffStrikethrough = createIcon('arrows-diff-strikethrough', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M3.65242 11.6405L1.14648 14.1465L1.85359 14.8536L14.8536 1.85359L14.1465 1.14648L11.6416 3.65141L10.6366 2.64648L9.92953 3.35359L10.9345 4.35852L9.29293 6.00004H2V7.00004L8.29295 7.00002L6.29293 9.00004H2V9.98812L3.65242 11.6405ZM4.35953 10.9334L5.29293 10H3.42613L4.35953 10.9334Z", key: "a" }),
+  createElement('path', { d: "M12.576 6.00004L12.3486 5.77267L13.0557 5.06556L14 6.00985V7L11.1213 7.00001L12.1212 6.00004H12.576Z", key: "b" }),
+  createElement('path', { d: "M14 10L8.12123 10L9.12123 9.00004H14V10Z", key: "c" }),
+]);
+
+ArrowsDiffStrikethrough.displayName = 'ArrowsDiffStrikethrough';
+export { ArrowsDiffStrikethrough };

package/dist/icons/BellDot.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const BellDot: IconComponent;

package/dist/icons/BellDot.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const BellDot = createIcon('bell-dot', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3C6.067 3 4.5 4.567 4.5 6.5V8.70703L3.20703 10L4.20703 11H11.793L12.793 10L11.5 8.70703V8H12.5V8.29297L13.8535 9.64648V10.3535L12.207 12H10C10 13.1046 9.10457 14 8 14C6.89543 14 6 13.1046 6 12H3.79297L2.14648 10.3535V9.64648L3.5 8.29297V6.5C3.5 4.01472 5.51472 2 8 2V3ZM7 12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12H7Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 2C12.8807 2 14 3.11929 14 4.5C14 5.88071 12.8807 7 11.5 7C10.1193 7 9 5.88071 9 4.5C9 3.11929 10.1193 2 11.5 2ZM11.5 3C10.6716 3 10 3.67157 10 4.5C10 5.32843 10.6716 6 11.5 6C12.3284 6 13 5.32843 13 4.5C13 3.67157 12.3284 3 11.5 3Z", key: "b" }),
+]);
+
+BellDot.displayName = 'BellDot';
+export { BellDot };

package/dist/icons/Bookmark.mjs

@@ -2,7 +2,7 @@ import { createElement } from 'react';
 import { createIcon } from '../createIcon.mjs';
 
 const Bookmark = createIcon('bookmark', [
-  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 1.99997C4.67157 1.99997 4 2.67154 4 3.49997V14H4.96425L8 10.0059L11.0357 14H12V3.49997C12 2.67154 11.3284 1.99997 10.5 1.99997H5.5ZM5 3.49997C5 3.22383 5.22386 2.99997 5.5 2.99997H10.5C10.7761 2.99997 11 3.22383 11 3.49997V12.3004L8.49148 9H7.50852L5 12.3004V3.49997Z", key: "a" }),
+  createElement('path', { d: "M13.0001 1.99997V14L8.00004 10.5L3 14V1.99997H13.0001ZM4.00001 12.0791L7.42679 9.68065H8.57328L12.0001 12.0791V2.99997H4.00001V12.0791Z", key: "a" }),
 ]);
 
 Bookmark.displayName = 'Bookmark';

package/dist/icons/Camera.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const Camera: IconComponent;

package/dist/icons/Camera.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const Camera = createIcon('camera', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M11.6 8.5C11.6 10.433 10.033 12 8.09998 12C6.16698 12 4.59998 10.433 4.59998 8.5C4.59998 6.567 6.16698 5 8.09998 5C10.033 5 11.6 6.567 11.6 8.5ZM10.6 8.5C10.6 9.88071 9.48069 11 8.09998 11C6.71926 11 5.59998 9.88071 5.59998 8.5C5.59998 7.11929 6.71926 6 8.09998 6C9.48069 6 10.6 7.11929 10.6 8.5Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M6 2H10L11.5 4H13.5C14.3284 4 15 4.67157 15 5.5V12.5C15 13.3284 14.3284 14 13.5 14H2.5C1.67157 14 1 13.3284 1 12.5V5.5C1 4.67157 1.67157 4 2.5 4H4.5L6 2ZM9.5 3H6.5L5 5H2.5C2.22386 5 2 5.22386 2 5.5V12.5C2 12.7761 2.22386 13 2.5 13H13.5C13.7761 13 14 12.7761 14 12.5V5.5C14 5.22386 13.7761 5 13.5 5H11L9.5 3Z", key: "b" }),
+]);
+
+Camera.displayName = 'Camera';
+export { Camera };

package/dist/icons/CheckSquare.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const CheckSquare: IconComponent;

package/dist/icons/CheckSquare.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const CheckSquare = createIcon('check-square', [
+  createElement('path', { d: "M7.16667 10.0404L10.8536 6.35356L10.1465 5.64645L7.16667 8.62623L5.85356 7.31312L5.14645 8.02023L7.16667 10.0404Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 2C2.67157 2 2 2.67157 2 3.5V12.5C2 13.3284 2.67157 14 3.5 14H12.5C13.3284 14 14 13.3284 14 12.5V3.5C14 2.67157 13.3284 2 12.5 2H3.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H12.5C12.7761 3 13 3.22386 13 3.5V12.5C13 12.7761 12.7761 13 12.5 13H3.5C3.22386 13 3 12.7761 3 12.5V3.5Z", key: "b" }),
+]);
+
+CheckSquare.displayName = 'CheckSquare';
+export { CheckSquare };

package/dist/icons/CheckSquareFilled.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const CheckSquareFilled: IconComponent;

package/dist/icons/CheckSquareFilled.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const CheckSquareFilled = createIcon('check-square-filled', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M2 3.5C2 2.67157 2.67157 2 3.5 2H12.5C13.3284 2 14 2.67157 14 3.5V12.5C14 13.3284 13.3284 14 12.5 14H3.5C2.67157 14 2 13.3284 2 12.5V3.5ZM7.16667 10.0404L10.8536 6.35356L10.1465 5.64645L7.16667 8.62623L5.85356 7.31312L5.14645 8.02023L7.16667 10.0404Z", key: "a" }),
+]);
+
+CheckSquareFilled.displayName = 'CheckSquareFilled';
+export { CheckSquareFilled };

package/dist/icons/CircleDiamond.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const CircleDiamond: IconComponent;

package/dist/icons/CircleDiamond.mjs

@@ -0,0 +1,12 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const CircleDiamond = createIcon('circle-diamond', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10C9.38071 10 10.5 11.1193 10.5 12.5C10.5 13.8807 9.38071 15 8 15C6.61929 15 5.5 13.8807 5.5 12.5C5.5 11.1193 6.61929 10 8 10ZM8 11C7.17157 11 6.5 11.6716 6.5 12.5C6.5 13.3284 7.17157 14 8 14C8.82843 14 9.5 13.3284 9.5 12.5C9.5 11.6716 8.82843 11 8 11Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M3.5 5.5C4.88071 5.5 6 6.61929 6 8C6 9.38071 4.88071 10.5 3.5 10.5C2.11929 10.5 1 9.38071 1 8C1 6.61929 2.11929 5.5 3.5 5.5ZM3.5 6.5C2.67157 6.5 2 7.17157 2 8C2 8.82843 2.67157 9.5 3.5 9.5C4.32843 9.5 5 8.82843 5 8C5 7.17157 4.32843 6.5 3.5 6.5Z", key: "b" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 5.5C13.8807 5.5 15 6.61929 15 8C15 9.38071 13.8807 10.5 12.5 10.5C11.1193 10.5 10 9.38071 10 8C10 6.61929 11.1193 5.5 12.5 5.5ZM12.5 6.5C11.6716 6.5 11 7.17157 11 8C11 8.82843 11.6716 9.5 12.5 9.5C13.3284 9.5 14 8.82843 14 8C14 7.17157 13.3284 6.5 12.5 6.5Z", key: "c" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1C9.38071 1 10.5 2.11929 10.5 3.5C10.5 4.88071 9.38071 6 8 6C6.61929 6 5.5 4.88071 5.5 3.5C5.5 2.11929 6.61929 1 8 1ZM8 2C7.17157 2 6.5 2.67157 6.5 3.5C6.5 4.32843 7.17157 5 8 5C8.82843 5 9.5 4.32843 9.5 3.5C9.5 2.67157 8.82843 2 8 2Z", key: "d" }),
+]);
+
+CircleDiamond.displayName = 'CircleDiamond';
+export { CircleDiamond };

package/dist/icons/Cloud.mjs

@@ -2,7 +2,7 @@ import { createElement } from 'react';
 import { createIcon } from '../createIcon.mjs';
 
 const Cloud = createIcon('cloud', [
-  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 3C5.67989 3 4.18427 4.38932 4.01579 6.16532C2.8424 6.57274 2 7.68754 2 9C2 10.6569 3.34315 12 5 12H11C12.6569 12 14 10.6569 14 9C14 7.34315 12.6569 6 11 6L10.9646 6.00021C10.7221 4.30396 9.26331 3 7.5 3ZM5 6.5C5 5.11929 6.11929 4 7.5 4C8.88071 4 10 5.11929 10 6.5C10 6.51401 9.99989 6.52798 9.99966 6.54191L9.98948 7.16395L10.5991 7.04008C10.7283 7.01385 10.8623 7 11 7C12.1046 7 13 7.89543 13 9C13 10.1046 12.1046 11 11 11H5C3.89543 11 3 10.1046 3 9C3 8.03288 3.68694 7.22509 4.59979 7.03995L5.00712 6.95734L5.00034 6.54177C5.00011 6.52788 5 6.51396 5 6.5Z", key: "a" }),
+  createElement('path', { d: "M7.41699 2C9.47404 2.00017 11.1761 3.59391 11.459 5.66699H11.5C13.4329 5.66699 14.9998 7.30811 15 9.33301C15 11.3581 13.433 13 11.5 13H4.5C2.567 13 1 11.3581 1 9.33301C1.00013 7.72915 1.98285 6.36716 3.35156 5.86914C3.54812 3.69847 5.29353 2 7.41699 2ZM7.41699 3C5.85328 3 4.50149 4.26019 4.34766 5.95898L4.29004 6.5918L3.69336 6.80859C2.72956 7.15929 2.00013 8.13907 2 9.33301C2 10.8501 3.16262 12 4.5 12H11.5C12.8374 12 14 10.8501 14 9.33301C13.9998 7.9107 12.9778 6.81131 11.748 6.67969L11.5 6.66699H11.4648L10.5869 6.67188L10.4678 5.80176C10.2465 4.18178 8.93212 3.00017 7.41699 3Z", key: "a" }),
 ]);
 
 Cloud.displayName = 'Cloud';

package/dist/icons/CombustionEngine.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const CombustionEngine: IconComponent;

package/dist/icons/CombustionEngine.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const CombustionEngine = createIcon('combustion-engine', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M6 4H7V5H3V8H2V6H1V11H2V9H3V11.2071L4.79289 13H9.70711L11.7071 11H14.2071L15 10.2071V5.79289L14.2071 5H8V4H9V3H6V4ZM4 10.7929V6H11V10.2929L9.29289 12H5.20711L4 10.7929ZM12 10H13.7929L14 9.79289V6.20711L13.7929 6H12V10Z", key: "a" }),
+]);
+
+CombustionEngine.displayName = 'CombustionEngine';
+export { CombustionEngine };

package/dist/icons/DeviceCameraCeiling.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const DeviceCameraCeiling: IconComponent;

package/dist/icons/DeviceCameraCeiling.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const DeviceCameraCeiling = createIcon('device-camera-ceiling', [
+  createElement('path', { d: "M8.00001 11.4C8.7732 11.4 9.40001 10.7732 9.40001 10C9.40001 9.2268 8.7732 8.6 8.00001 8.6C7.22681 8.6 6.60001 9.2268 6.60001 10C6.60001 10.7732 7.22681 11.4 8.00001 11.4Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M8.5 3H12V2H4V3H7.5V6.03095C5.52684 6.277 4 7.96019 4 10C4 12.2091 5.79086 14 8 14C10.2091 14 12 12.2091 12 10C12 7.96019 10.4732 6.277 8.5 6.03095V3ZM8 7C6.34315 7 5 8.34315 5 10C5 11.6569 6.34315 13 8 13C9.65685 13 11 11.6569 11 10C11 8.34315 9.65685 7 8 7Z", key: "b" }),
+]);
+
+DeviceCameraCeiling.displayName = 'DeviceCameraCeiling';
+export { DeviceCameraCeiling };

package/dist/icons/DocumentLogs.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const DocumentLogs: IconComponent;

package/dist/icons/DocumentLogs.mjs

@@ -0,0 +1,12 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const DocumentLogs = createIcon('document-logs', [
+  createElement('path', { d: "M5 6H11V5H5V6Z", key: "a" }),
+  createElement('path', { d: "M5 8.5H11V7.5H5V8.5Z", key: "b" }),
+  createElement('path', { d: "M5 11H11V10H5V11Z", key: "c" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M3 2H13V14H3V11H2V10H3V8.50001H2V7.50001H3V6H2V5H3V2ZM4 3V13H12V3H4Z", key: "d" }),
+]);
+
+DocumentLogs.displayName = 'DocumentLogs';
+export { DocumentLogs };

package/dist/icons/DocumentLogsMagnifyingGlass.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const DocumentLogsMagnifyingGlass: IconComponent;

package/dist/icons/DocumentLogsMagnifyingGlass.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const DocumentLogsMagnifyingGlass = createIcon('document-logs-magnifying-glass', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M5 7.5C5 6.11929 6.11929 5 7.5 5C8.88071 5 10 6.11929 10 7.5C10 8.00954 9.84757 8.48347 9.58581 8.87868L10.8536 10.1464L10.1464 10.8535L8.87871 9.58579C8.48349 9.84756 8.00955 10 7.5 10C6.11929 10 5 8.88071 5 7.5ZM7.5 6C6.67157 6 6 6.67157 6 7.5C6 8.32843 6.67157 9 7.5 9C8.32843 9 9 8.32843 9 7.5C9 6.67157 8.32843 6 7.5 6Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M13 2H3V5H2V6H3V7.50001H2V8.50001H3V10H2V11H3V14H13V2ZM4 13V3H12V13H4Z", key: "b" }),
+]);
+
+DocumentLogsMagnifyingGlass.displayName = 'DocumentLogsMagnifyingGlass';
+export { DocumentLogsMagnifyingGlass };

package/dist/icons/DollarSquare.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const DollarSquare: IconComponent;

package/dist/icons/DollarSquare.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const DollarSquare = createIcon('dollar-square', [
+  createElement('path', { d: "M8.5 5.10742C9.51548 5.34532 10.25 6.29279 10.25 7.3877H9.25C9.25 6.62575 8.66765 6.0498 8 6.0498C7.43621 6.0498 6.93288 6.46038 6.79004 7.04688L10.25 8.25781V8.6123C10.25 9.7072 9.51548 10.6547 8.5 10.8926V11.5H7.5V10.8926C6.48452 10.6547 5.75 9.7072 5.75 8.6123H6.75C6.75 9.37425 7.33235 9.9502 8 9.9502C8.56379 9.9502 9.06712 9.53962 9.20996 8.95312L5.75 7.74219V7.3877C5.75 6.29279 6.48452 5.34532 7.5 5.10742V4.5H8.5V5.10742Z", key: "a" }),
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 2C12.8807 2 14 3.11929 14 4.5V11.5C14 12.8807 12.8807 14 11.5 14H4.5C3.11929 14 2 12.8807 2 11.5V4.5C2 3.11929 3.11929 2 4.5 2H11.5ZM4.5 3C3.67157 3 3 3.67157 3 4.5V11.5C3 12.3284 3.67157 13 4.5 13H11.5C12.3284 13 13 12.3284 13 11.5V4.5C13 3.67157 12.3284 3 11.5 3H4.5Z", key: "b" }),
+]);
+
+DollarSquare.displayName = 'DollarSquare';
+export { DollarSquare };

package/dist/icons/DollarSquareFilled.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const DollarSquareFilled: IconComponent;

package/dist/icons/DollarSquareFilled.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const DollarSquareFilled = createIcon('dollar-square-filled', [
+  createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M2 4.5C2 3.11929 3.11929 2 4.5 2H11.5C12.8807 2 14 3.11929 14 4.5V11.5C14 12.8807 12.8807 14 11.5 14H4.5C3.11929 14 2 12.8807 2 11.5V4.5ZM10.25 7.38755C10.25 6.29265 9.51548 5.34537 8.5 5.10747V4.5H7.5V5.10747C6.48452 5.34537 5.75 6.29265 5.75 7.38755V7.74229L9.20959 8.95315C9.06675 9.53964 8.56379 9.95005 8 9.95005C7.33235 9.95005 6.75 9.3745 6.75 8.61255H5.75C5.75 9.70745 6.48452 10.6547 7.5 10.8926V11.5H8.5V10.8926C9.51548 10.6547 10.25 9.70745 10.25 8.61255V8.25781L6.79041 7.04695C6.93325 6.46046 7.43621 6.05005 8 6.05005C8.66765 6.05005 9.25 6.6256 9.25 7.38755H10.25Z", key: "a" }),
+]);
+
+DollarSquareFilled.displayName = 'DollarSquareFilled';
+export { DollarSquareFilled };

package/dist/icons/DragDots.d.ts

@@ -0,0 +1,2 @@
+import { IconComponent } from '../createIcon.mjs';
+export declare const DragDots: IconComponent;