@ds-mo/icons 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 IcoMo contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,117 @@
+# @ds-mo/icons
+
+IcoMo — 380 SVG icons as tree-shakeable React components, TypeScript definitions, and 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).
+
+Figma-first: icons are exported from Figma and built into React components via generator scripts. Drop in new SVGs, run the build, everything updates.
+
+## Install
+
+```bash
+npm install @ds-mo/icons
+# or
+pnpm add @ds-mo/icons
+```
+
+React is a peer dependency — make sure it's installed in your project.
+
+## Usage
+
+### React components
+
+```tsx
+import { ArrowRight, CheckCircle, Gear } from '@ds-mo/icons';
+
+// Default: 20px, currentColor
+<ArrowRight />
+
+// Custom size
+<ArrowRight size={24} />
+
+// Custom size and color
+<ArrowRight size={24} color="red" />
+
+// With CSS variables
+<ArrowRight size="var(--dimension-size-400)" color="var(--color-icon-primary)" />
+
+// With a ref
+import { useRef } from 'react';
+const ref = useRef<SVGSVGElement>(null);
+<ArrowRight ref={ref} />
+```
+
+All standard SVG attributes are forwarded, plus:
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `size` | `number \| string` | `20` | Width and height |
+| `color` | `string` | `'currentColor'` | Fill color |
+| `className` | `string` | — | CSS class |
+
+### Direct imports
+
+For guaranteed tree-shaking in environments where barrel imports aren't optimised:
+
+```tsx
+import { ArrowRight } from '@ds-mo/icons/icons/ArrowRight';
+```
+
+### SVG sprite (non-React)
+
+Include the sprite in your HTML, then reference icons by kebab-case name:
+
+```html
+<svg width="20" height="20"><use href="/sprite.svg#arrow-right"/></svg>
+<svg width="20" height="20"><use href="/sprite.svg#check-circle"/></svg>
+<svg width="20" height="20"><use href="/sprite.svg#gear"/></svg>
+```
+
+## CompoMo integration
+
+IcoMo icons are designed to work with [CompoMo (@ds-mo/ui)](https://www.npmjs.com/package/@ds-mo/ui) components via the `icon` prop pattern. CompoMo components accept any React component that matches:
+
+```ts
+icon?: React.ComponentType<{ size?: number | string }>
+```
+
+All IcoMo icons satisfy this interface, so you can pass them directly:
+
+```tsx
+import { Button } from '@ds-mo/ui';
+import { ArrowRight, CheckCircle } from '@ds-mo/icons';
+
+<Button icon={ArrowRight}>Continue</Button>
+<Button icon={CheckCircle} variant="success">Done</Button>
+```
+
+## Icon names
+
+All icons are PascalCase in React, kebab-case in the sprite:
+
+| React | Sprite |
+|---|---|
+| `ArrowRight` | `arrow-right` |
+| `CheckCircle` | `check-circle` |
+| `EntityVehicleFilled` | `entity-vehicle-filled` |
+
+## Adding or updating icons
+
+1. Export SVGs from Figma as 16×16, fill-based, with `fill="black"`
+2. Drop into `src/icons/` — filenames must be PascalCase (e.g. `MyNewIcon.svg`)
+3. Run the build:
+
+```bash
+node scripts/build.mjs
+```
+
+## Dev
+
+```bash
+node scripts/build.mjs          # full build
+node scripts/build.mjs --watch  # watch mode (rebuilds on SVG changes)
+```
+
+## License
+
+MIT

package/dist/createIcon.d.ts

@@ -0,0 +1,14 @@
+import { ForwardRefExoticComponent, RefAttributes, SVGAttributes } from 'react';
+
+export interface IconProps extends SVGAttributes<SVGSVGElement> {
+  /** Icon size in pixels. Defaults to 16. */
+  size?: number | string;
+  /** Icon color. Defaults to 'currentColor'. */
+  color?: string;
+  /** Additional CSS class name. */
+  className?: string;
+}
+
+export type IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+
+export declare function createIcon(name: string, children: React.ReactNode[]): IconComponent;

package/dist/createIcon.mjs

@@ -0,0 +1,18 @@
+import { forwardRef, createElement } from 'react';
+
+const createIcon = (name, children) =>
+  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,
+      ...rest,
+    }, ...children)
+  );
+
+export { createIcon };

package/dist/icons/AI.d.ts

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

package/dist/icons/AI.mjs

@@ -0,0 +1,16 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AI = createIcon('ai', [
+  createElement('path', { d: 'M8.5 14.5H7.5V9H8.5V14.5Z', key: 'a' }),
+  createElement('path', { d: 'M5.85352 10.8535L2.85352 13.8535L2.14648 13.1465L5.14648 10.1465L5.85352 10.8535Z', key: 'b' }),
+  createElement('path', { d: 'M13.8535 13.1465L13.1465 13.8535L10.1465 10.8535L10.8535 10.1465L13.8535 13.1465Z', 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: 'M5.85352 5.14648L5.14648 5.85352L2.14648 2.85352L2.85352 2.14648L5.85352 5.14648Z', key: 'g' }),
+  createElement('path', { d: 'M13.8535 2.85352L10.8535 5.85352L10.1465 5.14648L13.1465 2.14648L13.8535 2.85352Z', key: 'h' }),
+]);
+
+AI.displayName = 'AI';
+export { AI };

package/dist/icons/AIChip.d.ts

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

package/dist/icons/AIChip.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AIChip = createIcon('ai-chip', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M8.69503 10L7.1943 6H6.50073L5 10H5.75336L5.9985 9.31429H7.69654L7.94168 10H8.69503ZM6.84154 6.98857H6.8535L7.46933 8.68571H6.2257L6.84154 6.98857Z', key: 'a' }),
+  createElement('path', { d: 'M10 10V6H9.25262V10H10Z', key: 'b' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11 15V14H8.5V15H7.5V14H5L5 15H4L4 14H3.5C2.67157 14 2 13.3284 2 12.5V12H1V11H2V8.5H1V7.5H2V5H1V4H2V3.5C2 2.67157 2.67157 2 3.5 2H4V1H5V2H7.5V1H8.5V2H11V1H12V2H12.5C13.3284 2 14 2.67157 14 3.5V4H15V5H14V7.5H15V8.5H14V11H15V12H14V12.5C14 13.3284 13.3284 14 12.5 14H12V15H11ZM3.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: 'c' }),
+]);
+
+AIChip.displayName = 'AIChip';
+export { AIChip };

package/dist/icons/AIDashcamPlus.d.ts

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

package/dist/icons/AIDashcamPlus.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AIDashcamPlus = createIcon('ai-dashcam-plus', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M4.5 6.5C5.32843 6.5 6 7.17157 6 8C6 8.82843 5.32843 9.5 4.5 9.5C3.67157 9.5 3 8.82843 3 8C3 7.17157 3.67157 6.5 4.5 6.5ZM4.5 7.5C4.22386 7.5 4 7.72386 4 8C4 8.27614 4.22386 8.5 4.5 8.5C4.77614 8.5 5 8.27614 5 8C5 7.72386 4.77614 7.5 4.5 7.5Z', key: 'a' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5557 4.5C12.2542 4.5 12.9435 4.6622 13.5684 4.97461L14.7236 5.55273L15 5.69141V10.3086L14.7236 10.4473L13.5684 11.0254C12.9435 11.3378 12.2542 11.5 11.5557 11.5H4.44434C3.74575 11.5 3.05648 11.3378 2.43164 11.0254L1.27637 10.4473L1 10.3086V5.69141L1.27637 5.55273L2.43164 4.97461C3.05648 4.6622 3.74575 4.5 4.44434 4.5H11.5557ZM4.44434 5.5C3.901 5.5 3.36489 5.62616 2.87891 5.86914L2 6.30859V9.69043L2.87891 10.1309C3.36489 10.3738 3.901 10.5 4.44434 10.5H9.5V5.5H4.44434ZM10.5 9.5V10.5H11.5557C11.7047 10.5 11.853 10.4895 12 10.4707V9.5H10.5ZM13 10.1865C13.0404 10.1682 13.0813 10.1508 13.1211 10.1309L14 9.69043V6.30859L13.1211 5.86914C13.0812 5.84919 13.0406 5.83087 13 5.8125V10.1865ZM10.5 8.5H12V5.52832C11.853 5.50955 11.7046 5.5 11.5557 5.5H10.5V8.5Z', key: 'b' }),
+]);
+
+AIDashcamPlus.displayName = 'AIDashcamPlus';
+export { AIDashcamPlus };

package/dist/icons/AINew.d.ts

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

package/dist/icons/AINew.mjs

@@ -0,0 +1,15 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AINew = createIcon('ai-new', [
+  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' }),
+]);
+
+AINew.displayName = 'AINew';
+export { AINew };

package/dist/icons/AISparkle.d.ts

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

package/dist/icons/AISparkle.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AISparkle = createIcon('ai-sparkle', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11 1H12C12 1.41999 12.1301 2.06111 12.5058 2.58285C12.8631 3.0791 13.463 3.5 14.5 3.5V4.5C13.463 4.5 12.8631 4.9209 12.5058 5.41715C12.1301 5.9389 12 6.58001 12 7L11 7C11 6.58001 10.8699 5.9389 10.4942 5.41715C10.1369 4.9209 9.53704 4.5 8.5 4.5V3.5C9.53704 3.5 10.1369 3.0791 10.4942 2.58285C10.8699 2.0611 11 1.41999 11 1ZM11.5 2.86467C11.4415 2.96722 11.3769 3.06839 11.3058 3.16715C11.076 3.48632 10.7821 3.77417 10.4161 4C10.7821 4.22583 11.076 4.51368 11.3058 4.83285C11.3769 4.93161 11.4415 5.03278 11.5 5.13533C11.5585 5.03278 11.6231 4.93161 11.6942 4.83285C11.924 4.51368 12.2179 4.22583 12.5839 4C12.2179 3.77417 11.924 3.48632 11.6942 3.16716C11.6231 3.06839 11.5585 2.96722 11.5 2.86467Z', key: 'a' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M5 3.50001C5 4.17 4.79489 5.18611 4.19423 6.02035C3.61193 6.8291 2.63704 7.5 1 7.5V8.5C2.63704 8.5 3.61193 9.1709 4.19423 9.97965C4.79489 10.8139 5 11.83 5 12.5H6C6 11.83 6.20511 10.8139 6.80577 9.97965C7.38807 9.1709 8.36296 8.5 10 8.5V7.5C8.36296 7.5 7.38807 6.8291 6.80577 6.02035C6.20511 5.18611 6 4.17 6 3.50001L5 3.50001ZM5.5 5.74779C5.36745 6.03956 5.20432 6.32889 5.00577 6.60465C4.6036 7.16322 4.06219 7.6567 3.35559 8C4.06219 8.3433 4.6036 8.83678 5.00577 9.39535C5.20432 9.67111 5.36745 9.96044 5.5 10.2522C5.63255 9.96044 5.79568 9.67111 5.99423 9.39535C6.3964 8.83679 6.93781 8.3433 7.64441 8C6.93781 7.6567 6.3964 7.16322 5.99423 6.60466C5.79568 6.32889 5.63255 6.03957 5.5 5.74779Z', key: 'b' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M9.59423 11.2703C9.89489 10.8528 10 10.3367 10 10H11C11 10.3367 11.1051 10.8528 11.4058 11.2704C11.6881 11.6624 12.163 12 13 12V13C12.163 13 11.6881 13.3376 11.4058 13.7297C11.1051 14.1472 11 14.6633 11 15H10C10 14.6633 9.89489 14.1472 9.59423 13.7297C9.31193 13.3376 8.83704 13 8 13V12C8.83704 12 9.31193 11.6624 9.59423 11.2703ZM11.2507 12.5C10.9862 12.3182 10.7688 12.0971 10.5942 11.8547C10.5612 11.8088 10.5298 11.7623 10.5 11.7154C10.4702 11.7623 10.4388 11.8088 10.4058 11.8547C10.2312 12.0971 10.0138 12.3182 9.74933 12.5C10.0138 12.6818 10.2312 12.9029 10.4058 13.1453C10.4388 13.1912 10.4702 13.2377 10.5 13.2846C10.5298 13.2377 10.5612 13.1912 10.5942 13.1453C10.7688 12.9029 10.9862 12.6818 11.2507 12.5Z', key: 'c' }),
+]);
+
+AISparkle.displayName = 'AISparkle';
+export { AISparkle };

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/AUXFilled.d.ts

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

package/dist/icons/AUXFilled.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AUXFilled = createIcon('aux-filled', [
+  createElement('path', { d: 'M5 5C5.7678 5 6.51131 5.19596 7.16661 5.55592C6.96282 5.75401 6.77319 5.96908 6.6 6.2L5.4 7.8C5.30557 7.9259 5.15738 8 5 8H1.5V5H5Z', key: 'a' }),
+  createElement('path', { d: 'M8.83339 11.4441C9.03718 11.246 9.22681 11.0309 9.4 10.8L10.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', { 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.5Z', key: 'c' }),
+]);
+
+AUXFilled.displayName = 'AUXFilled';
+export { AUXFilled };

package/dist/icons/AndroidFilled.d.ts

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

package/dist/icons/AndroidFilled.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AndroidFilled = createIcon('android-filled', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M3.2549 3.56418C3.49558 3.4288 3.80043 3.51416 3.93582 3.75484L5.23829 6.07035C6.08602 5.70324 7.01956 5.5 8 5.5C8.98046 5.5 9.91401 5.70324 10.7618 6.07037L12.0642 3.75484C12.1996 3.51416 12.5045 3.4288 12.7452 3.56418C12.9858 3.69956 13.0712 4.00442 12.9358 4.2451L11.6489 6.53292C13.5121 7.68108 14.8056 9.68202 15 12H1C1.19444 9.682 2.48797 7.68105 4.35112 6.53289L3.06424 4.2451C2.92886 4.00442 3.01422 3.69956 3.2549 3.56418ZM5.75 9.5C5.75 9.91421 5.41421 10.25 5 10.25C4.58579 10.25 4.25 9.91421 4.25 9.5C4.25 9.08579 4.58579 8.75 5 8.75C5.41421 8.75 5.75 9.08579 5.75 9.5ZM11.75 9.5C11.75 9.91421 11.4142 10.25 11 10.25C10.5858 10.25 10.25 9.91421 10.25 9.5C10.25 9.08579 10.5858 8.75 11 8.75C11.4142 8.75 11.75 9.08579 11.75 9.5Z', key: 'a' }),
+]);
+
+AndroidFilled.displayName = 'AndroidFilled';
+export { AndroidFilled };

package/dist/icons/ArrowDown.d.ts

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

package/dist/icons/ArrowDown.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowDown = createIcon('arrow-down', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M8.49986 12.5781L11.4313 9.6466L12.1384 10.3537L8.49215 14H7.50762L3.86133 10.3537L4.56843 9.6466L7.49986 12.578L7.49986 2L8.49986 2L8.49986 12.5781Z', key: 'a' }),
+]);
+
+ArrowDown.displayName = 'ArrowDown';
+export { ArrowDown };

package/dist/icons/ArrowDownUI.d.ts

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

package/dist/icons/ArrowDownUI.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowDownUI = createIcon('arrow-down-ui', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M8.49986 11.5781L11.4313 8.6466L12.1384 9.35371L8.49215 13H7.50762L3.86133 9.35371L4.56843 8.6466L7.49986 11.578L7.49986 3H8.49986L8.49986 11.5781Z', key: 'a' }),
+]);
+
+ArrowDownUI.displayName = 'ArrowDownUI';
+export { ArrowDownUI };

package/dist/icons/ArrowLeft.d.ts

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

package/dist/icons/ArrowLeft.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowLeft = createIcon('arrow-left', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M3.4222 7.5L6.35364 4.56856L5.64654 3.86145L2.00024 7.50774V8.49227L5.64654 12.1386L6.35364 11.4315L3.42219 8.5H14.0001V7.5H3.4222Z', key: 'a' }),
+]);
+
+ArrowLeft.displayName = 'ArrowLeft';
+export { ArrowLeft };

package/dist/icons/ArrowPath.d.ts

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

package/dist/icons/ArrowPath.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowPath = createIcon('arrow-path', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M5 2H7.29972L8 2.70027V5H7V3.70749L3.60398 7.10355C3.1089 7.59864 3.10889 8.40133 3.60398 8.89643C4.09907 9.39153 4.90179 9.39154 5.39689 8.89644L9.39687 4.89646C10.2825 4.01084 11.7184 4.01084 12.604 4.89646C13.4896 5.78207 13.4896 7.21794 12.604 8.10356L8.85398 11.8536C8.94762 12.0493 9 12.2685 9 12.5C9 13.3284 8.32842 14 7.5 14C6.67157 14 6 13.3284 6 12.5C6 11.6716 6.67157 11 7.5 11C7.73169 11 7.95111 11.0525 8.147 11.1463L11.8969 7.39646C12.392 6.90136 12.392 6.09866 11.8969 5.60356C11.4018 5.10847 10.5991 5.10847 10.104 5.60357L6.10399 9.60355C5.21837 10.4892 3.78248 10.4892 2.89686 9.60353C2.01126 8.71791 2.01127 7.28206 2.89687 6.39644L6.29327 3H5V2ZM7.5 12C7.22385 12 7 12.2239 7 12.5C7 12.7761 7.22385 13 7.5 13C7.77614 13 8 12.7761 8 12.5C8 12.2239 7.77614 12 7.5 12Z', key: 'a' }),
+]);
+
+ArrowPath.displayName = 'ArrowPath';
+export { ArrowPath };

package/dist/icons/ArrowRight.d.ts

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

package/dist/icons/ArrowRight.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowRight = createIcon('arrow-right', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M12.5781 7.5L9.6466 4.56853L10.3537 3.86142L14 7.50771V8.49224L10.3537 12.1385L9.6466 11.4314L12.578 8.5H2V7.5H12.5781Z', key: 'a' }),
+]);
+
+ArrowRight.displayName = 'ArrowRight';
+export { ArrowRight };

package/dist/icons/ArrowUp.d.ts

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

package/dist/icons/ArrowUp.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowUp = createIcon('arrow-up', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M7.49991 3.42193L4.56843 6.3534L3.86133 5.64629L7.50762 2L8.49215 2L12.1384 5.64629L11.4313 6.3534L8.49991 3.42197L8.49991 14H7.49991L7.49991 3.42193Z', key: 'a' }),
+]);
+
+ArrowUp.displayName = 'ArrowUp';
+export { ArrowUp };

package/dist/icons/ArrowUpUI.d.ts

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

package/dist/icons/ArrowUpUI.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowUpUI = createIcon('arrow-up-ui', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M8.49986 4.42193L11.4313 7.3534L12.1384 6.64629L8.49215 3H7.50762L3.86133 6.64629L4.56843 7.3534L7.49986 4.42197L7.49986 13H8.49986L8.49986 4.42193Z', key: 'a' }),
+]);
+
+ArrowUpUI.displayName = 'ArrowUpUI';
+export { ArrowUpUI };

package/dist/icons/ArrowsDiagonal.d.ts

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

package/dist/icons/ArrowsDiagonal.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsDiagonal = createIcon('arrows-diagonal', [
+  createElement('path', { d: 'M3 6.79644L3 3.50355H2V7.79537L2.70711 8.50248L2.70604 8.50355L7 8.50355V7.50355L3.70711 7.50355L8.35355 2.8571L7.64645 2.14999L3 6.79644Z', key: 'a' }),
+  createElement('path', { d: 'M9 8.50355H12.2929L7.64645 13.15L8.35355 13.8571L13 9.21065V12.5035H14V8.21548L13.2929 7.50837L13.2977 7.50355H9V8.50355Z', key: 'b' }),
+]);
+
+ArrowsDiagonal.displayName = 'ArrowsDiagonal';
+export { ArrowsDiagonal };

package/dist/icons/ArrowsDiff.d.ts

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

package/dist/icons/ArrowsDiff.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsDiff = createIcon('arrows-diff', [
+  createElement('path', { d: 'M14 6.00985L10.6366 2.64648L9.92953 3.35359L12.576 6.00004L2 6.00004L2 7.00004L14 7V6.00985Z', key: 'a' }),
+  createElement('path', { d: 'M2 9.00004L14 9.00004V10L3.42613 10L6.07355 12.6475L5.36645 13.3546L2 9.98812L2 9.00004Z', key: 'b' }),
+]);
+
+ArrowsDiff.displayName = 'ArrowsDiff';
+export { ArrowsDiff };

package/dist/icons/ArrowsDiffDisabled.d.ts

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

package/dist/icons/ArrowsDiffDisabled.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsDiffDisabled = createIcon('arrows-diff-disabled', [
+  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' }),
+]);
+
+ArrowsDiffDisabled.displayName = 'ArrowsDiffDisabled';
+export { ArrowsDiffDisabled };

package/dist/icons/ArrowsVertical.d.ts

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

package/dist/icons/ArrowsVertical.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const ArrowsVertical = createIcon('arrows-vertical', [
+  createElement('path', { d: 'M4.00985 3L1.64648 5.36337L2.35359 6.07047L4.00004 4.42402V13H5.00004V4.42403L6.64648 6.07047L7.35359 5.36337L4.99023 3H4.00985Z', key: 'a' }),
+  createElement('path', { d: 'M11 11.5719L11 3H12L12 11.5739L13.6475 9.92645L14.3546 10.6336L11.9881 13H11.0139L8.64746 10.6336L9.35457 9.92645L11 11.5719Z', key: 'b' }),
+]);
+
+ArrowsVertical.displayName = 'ArrowsVertical';
+export { ArrowsVertical };

package/dist/icons/AssetTracker.d.ts

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

package/dist/icons/AssetTracker.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AssetTracker = createIcon('asset-tracker', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M6.00002 4H10V10H6.00002V4ZM7.00002 5V9H9.00002V5H7.00002Z', key: 'a' }),
+  createElement('path', { d: 'M7 12H9V11H7V12Z', key: 'b' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M6 1V2H5.5C4.67157 2 4 2.67157 4 3.5L4 12.5C4 13.3284 4.67157 14 5.5 14H6V15H10V14H10.5C11.3284 14 12 13.3284 12 12.5V3.5C12 2.67157 11.3284 2 10.5 2H10V1H6ZM5.5 3C5.22386 3 5 3.22386 5 3.5L5 12.5C5 12.7761 5.22386 13 5.5 13H10.5C10.7761 13 11 12.7761 11 12.5V3.5C11 3.22386 10.7761 3 10.5 3H5.5Z', key: 'c' }),
+]);
+
+AssetTracker.displayName = 'AssetTracker';
+export { AssetTracker };

package/dist/icons/AtSign.d.ts

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

package/dist/icons/AtSign.mjs

@@ -0,0 +1,9 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const AtSign = createIcon('at-sign', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8C13 8.42661 12.9467 8.84006 12.8466 9.23434C12.7339 9.67825 12.2703 10 11.6765 10H11.5C11.2239 10 11 9.77614 11 9.5V5H10V5.76389C9.46924 5.28885 8.76835 5 8 5C6.34315 5 5 6.34315 5 8C5 9.65685 6.34315 11 8 11C8.83299 11 9.58668 10.6605 10.1303 10.1123C10.3645 10.6355 10.8897 11 11.5 11H11.6765C12.585 11 13.559 10.4925 13.8159 9.48036C13.9362 9.00633 14 8.51026 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C9.20667 14 10.3315 13.6433 11.2731 13.0294L10.7269 12.1917C9.94289 12.7029 9.00691 13 8 13C5.23858 13 3 10.7614 3 8ZM10 8C10 6.89543 9.10457 6 8 6C6.89543 6 6 6.89543 6 8C6 9.10457 6.89543 10 8 10C9.10457 10 10 9.10457 10 8Z', key: 'a' }),
+]);
+
+AtSign.displayName = 'AtSign';
+export { AtSign };

package/dist/icons/Avatar.d.ts

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

package/dist/icons/Avatar.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const Avatar = createIcon('avatar', [
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M8 9C9.38071 9 10.5 7.88071 10.5 6.5C10.5 5.11929 9.38071 4 8 4C6.61929 4 5.5 5.11929 5.5 6.5C5.5 7.88071 6.61929 9 8 9ZM8 8C8.82843 8 9.5 7.32843 9.5 6.5C9.5 5.67157 8.82843 5 8 5C7.17157 5 6.5 5.67157 6.5 6.5C6.5 7.32843 7.17157 8 8 8Z', key: 'a' }),
+  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 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8C13 9.22036 12.5628 10.3386 11.8365 11.2067C11.5294 10.4967 10.8227 10 10 10H6C5.1773 10 4.47062 10.4967 4.16352 11.2067C3.4372 10.3386 3 9.22036 3 8ZM5 12.0004C5.83566 12.6281 6.87439 13 8 13C9.12561 13 10.1643 12.6281 11 12.0004C11 11.4481 10.5523 11 10 11H6C5.44772 11 5 11.4481 5 12.0004Z', key: 'b' }),
+]);
+
+Avatar.displayName = 'Avatar';
+export { Avatar };

package/dist/icons/BackslashBrackets.d.ts

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

package/dist/icons/BackslashBrackets.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const BackslashBrackets = createIcon('backslash-brackets', [
+  createElement('path', { d: 'M6.01501 13.8787L9.01501 1.87872L9.98516 2.12126L6.98516 14.1213L6.01501 13.8787Z', key: 'a' }),
+  createElement('path', { d: 'M10.6465 4.56839L14.0781 7.99999L10.6465 11.4316L11.3537 12.1387L15.0001 8.49226V7.50773L11.3537 3.86128L10.6465 4.56839Z', key: 'b' }),
+  createElement('path', { d: 'M1.92219 7.99999L5.35364 4.56854L4.64654 3.86143L1.00024 7.50773V8.49226L4.64654 12.1385L5.35364 11.4314L1.92219 7.99999Z', key: 'c' }),
+]);
+
+BackslashBrackets.displayName = 'BackslashBrackets';
+export { BackslashBrackets };

package/dist/icons/BatteryCharging.d.ts

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

package/dist/icons/BatteryCharging.mjs

@@ -0,0 +1,11 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const BatteryCharging = createIcon('battery-charging', [
+  createElement('path', { d: 'M3.5 7.00468V7.99521L6.27525 8.70711L4.73025 14H5.70144L11.5 7.98863V7.01281L8.98355 6.32697L10.2347 1.99999L9.24451 1.99963L3.5 7.00468Z', key: 'a' }),
+  createElement('path', { d: 'M2.5 12H4.27232L3.98042 13H2.5C1.67157 13 1 12.3284 1 11.5V4.5C1 3.67157 1.67157 3 2.5 3H6.57409L5.42635 4H2.5C2.22386 4 2 4.22386 2 4.5V11.5C2 11.7761 2.22386 12 2.5 12Z', key: 'b' }),
+  createElement('path', { d: 'M8.05546 13L9.02006 12H12.5C12.7761 12 13 11.7761 13 11.5V4.5C13 4.22386 12.7761 4 12.5 4H10.6973L10.9865 3H12.5C13.3284 3 14 3.67157 14 4.5V6H15V10H14V11.5C14 12.3284 13.3284 13 12.5 13H8.05546Z', key: 'c' }),
+]);
+
+BatteryCharging.displayName = 'BatteryCharging';
+export { BatteryCharging };

package/dist/icons/BatteryEmpty.d.ts

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

package/dist/icons/BatteryEmpty.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const BatteryEmpty = createIcon('battery-empty', [
+  createElement('path', { d: 'M9.1499 10.3535L7.50346 8.70708L5.85701 10.3535L5.1499 9.64642L6.79635 7.99998L5.1499 6.35353L5.85701 5.64642L7.50346 7.29287L9.1499 5.64642L9.85701 6.35353L8.21056 7.99998L9.85701 9.64642L9.1499 10.3535Z', key: 'a' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M2.5 3C1.67157 3 1 3.67157 1 4.5V11.5C1 12.3284 1.67157 13 2.5 13H12.5C13.3284 13 14 12.3284 14 11.5V10H15V6H14V4.5C14 3.67157 13.3284 3 12.5 3H2.5ZM2 4.5C2 4.22386 2.22386 4 2.5 4H12.5C12.7761 4 13 4.22386 13 4.5V11.5C13 11.7761 12.7761 12 12.5 12H2.5C2.22386 12 2 11.7761 2 11.5V4.5Z', key: 'b' }),
+]);
+
+BatteryEmpty.displayName = 'BatteryEmpty';
+export { BatteryEmpty };

package/dist/icons/BatteryFull.d.ts

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

package/dist/icons/BatteryFull.mjs

@@ -0,0 +1,10 @@
+import { createElement } from 'react';
+import { createIcon } from '../createIcon.mjs';
+
+const BatteryFull = createIcon('battery-full', [
+  createElement('path', { d: 'M12 5H3V11H12V5Z', key: 'a' }),
+  createElement('path', { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M1 4.5C1 3.67157 1.67157 3 2.5 3H12.5C13.3284 3 14 3.67157 14 4.5V6H15V10H14V11.5C14 12.3284 13.3284 13 12.5 13H2.5C1.67157 13 1 12.3284 1 11.5V4.5ZM2.5 4C2.22386 4 2 4.22386 2 4.5V11.5C2 11.7761 2.22386 12 2.5 12H12.5C12.7761 12 13 11.7761 13 11.5V4.5C13 4.22386 12.7761 4 12.5 4H2.5Z', key: 'b' }),
+]);
+
+BatteryFull.displayName = 'BatteryFull';
+export { BatteryFull };

package/dist/icons/BatteryHalf.d.ts

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