@affectively/aeon-icons 0.1.0 → 5.0.0

package/README.md

@@ -1,9 +1,9 @@
 # @affectively/aeon-icons
 
-- Parent: [Open Source](../README.md)
-- Child: [Assets](./assets/README.md)
-- Child: [Scripts](./scripts/README.md)
-- Child: [Source](./src/README.md)
+- Parent: [Open Source](/Users/buley/Documents/Code/emotions/open-source/README.md)
+- Child: [Assets](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/assets/README.md)
+- Child: [Scripts](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/scripts/README.md)
+- Child: [Source](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/src/README.md)
 
 Web and native icon package for the AFFECTIVELY monorepo.
 
@@ -28,9 +28,9 @@ Generated outputs:
 
 README spotlight:
 
-![Aeon Icons Spotlight](https://cdn.jsdelivr.net/npm/@affectively/aeon-icons@latest/assets/aeon-icons-spotlight.svg)
+![Aeon Icons Spotlight](./assets/aeon-icons-spotlight.svg)
 
 <details>
   <summary>Full icon catalog</summary>
-  <img src="https://cdn.jsdelivr.net/npm/@affectively/aeon-icons@latest/assets/aeon-icons-catalog.svg" alt="Aeon Icons Catalog" />
+  <img src="./assets/aeon-icons-catalog.svg" alt="Aeon Icons Catalog" />
 </details>

package/assets/README.md

@@ -1,5 +1,5 @@
 # aeon-icons/assets
 
-- Parent: [aeon-icons](../README.md)
+- Parent: [aeon-icons](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/README.md)
 
 Generated README-friendly icon sheets for the package. These files are refreshed by `bun run build:sheets`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affectively/aeon-icons",
-  "version": "0.1.0",
+  "version": "5.0.0",
   "description": "Aeon icon library for web and native",
   "type": "module",
   "main": "dist/index.js",
@@ -17,12 +17,16 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "types": "./src/index.ts",
+      "bun": "./src/index.ts",
+      "import": "./src/index.ts",
+      "default": "./src/index.ts"
     },
     "./native": {
-      "types": "./dist/native.d.ts",
-      "import": "./dist/native.js"
+      "types": "./src/native.ts",
+      "bun": "./src/native.ts",
+      "import": "./src/native.ts",
+      "default": "./src/native.ts"
     }
   },
   "scripts": {
@@ -32,17 +36,6 @@
     "dev": "tsc -w -p tsconfig.json",
     "test": "bun test"
   },
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/affectively-ai/aeon-icons.git"
-  },
-  "homepage": "https://github.com/affectively-ai/aeon-icons#readme",
-  "bugs": {
-    "url": "https://github.com/affectively-ai/aeon-icons/issues"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-native": ">=0.72.0",
@@ -60,5 +53,5 @@
     "typescript": "^5.9.3"
   },
   "license": "MIT",
-  "author": "Edgework DAO"
+  "author": "Taylor William Buley (https://buley.fyi)"
 }

package/src/README.md

@@ -1,7 +1,7 @@
 # aeon-icons/src
 
-- Parent: [aeon-icons](../README.md)
-- Child: [Web Icons](./icons/README.md)
-- Child: [Native Icons](./native-icons/README.md)
+- Parent: [aeon-icons](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/README.md)
+- Child: [Web Icons](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/src/icons/README.md)
+- Child: [Native Icons](/Users/buley/Documents/Code/emotions/open-source/aeon-icons/src/native-icons/README.md)
 
 Source modules for the icon package.

package/src/create-aeon-icon.ts

@@ -1,5 +1,10 @@
 import * as React from 'react';
-import type { AeonIconComponent, AeonIconProps, AeonIconWeight, IconNode } from './types';
+import type {
+  AeonIconComponent,
+  AeonIconProps,
+  AeonIconWeight,
+  IconNode,
+} from './types';
 
 const WEIGHT_STROKE_WIDTH: Record<AeonIconWeight, number> = {
   thin: 1.45,
@@ -7,48 +12,73 @@ const WEIGHT_STROKE_WIDTH: Record<AeonIconWeight, number> = {
   bold: 2.35,
 };
 
-function resolveStrokeWidth(strokeWidth: number | string | undefined, weight: AeonIconWeight, size: number): number {
-  const base = typeof strokeWidth === "number" ? strokeWidth : WEIGHT_STROKE_WIDTH[weight];
-  return base * (24 / size);
+function resolveStrokeWidth(
+  strokeWidth: number | string | undefined,
+  weight: AeonIconWeight,
+  size: number
+): number {
+  const base =
+    typeof strokeWidth === 'number' ? strokeWidth : WEIGHT_STROKE_WIDTH[weight];
+  return base * (24 / (size || 24));
 }
 
-export function createAeonIcon(iconName: string, iconNode: IconNode): AeonIconComponent {
-  const Component = React.forwardRef<SVGSVGElement, AeonIconProps>(({ color = "currentColor", size = 24, strokeWidth, absoluteStrokeWidth, weight = "regular", variant = "line", children, ...restProps }, ref) => {
-    const numericSize = typeof size === "number" ? size : Number(size) || 24;
-    const computedStrokeWidth = absoluteStrokeWidth
-      ? resolveStrokeWidth(strokeWidth, weight, numericSize)
-      : typeof strokeWidth === "number"
+export function createAeonIcon(
+  iconName: string,
+  iconNode: IconNode
+): AeonIconComponent {
+  const Component = React.forwardRef<SVGSVGElement, AeonIconProps>(
+    (
+      {
+        color = 'currentColor',
+        size = 24,
+        strokeWidth,
+        absoluteStrokeWidth,
+        weight = 'regular',
+        variant = 'line',
+        children,
+        ...restProps
+      },
+      ref
+    ) => {
+      const numericSize = typeof size === 'number' ? size : Number(size) || 24;
+      const computedStrokeWidth = absoluteStrokeWidth
+        ? resolveStrokeWidth(strokeWidth, weight, numericSize)
+        : typeof strokeWidth === 'number'
         ? strokeWidth
         : WEIGHT_STROKE_WIDTH[weight];
 
-    return React.createElement(
-      "svg",
-      {
-        ref,
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: color,
-        strokeWidth: computedStrokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        vectorEffect: "non-scaling-stroke",
-        shapeRendering: "geometricPrecision",
-        "data-aeon-icon": iconName,
-        ...restProps,
-      },
-      iconNode.map(([tag, attrs], index) =>
-        React.createElement(tag, {
-          key: iconName + "-" + index,
-          ...attrs,
-          opacity: variant === "duotone" && index % 2 === 1 ? attrs.opacity ?? 0.55 : attrs.opacity,
-        })
-      ),
-      children
-    );
-  });
+      return React.createElement(
+        'svg',
+        {
+          ref,
+          xmlns: 'http://www.w3.org/2000/svg',
+          width: size,
+          height: size,
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: color,
+          strokeWidth: computedStrokeWidth,
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          vectorEffect: 'non-scaling-stroke',
+          shapeRendering: 'geometricPrecision',
+          'data-aeon-icon': iconName,
+          ...restProps,
+        },
+        iconNode.map(([tag, attrs], index) =>
+          React.createElement(tag, {
+            key: iconName + '-' + index,
+            ...attrs,
+            opacity:
+              variant === 'duotone' && index % 2 === 1
+                ? attrs.opacity ?? 0.55
+                : attrs.opacity,
+          })
+        ),
+        children
+      );
+    }
+  );
 
   Component.displayName = iconName;
   return Component as unknown as AeonIconComponent;

package/src/create-aeon-native-icon.ts

@@ -1,6 +1,20 @@
 import * as React from 'react';
-import Svg, { Circle, Ellipse, G, Line, Path, Polygon, Polyline, Rect } from 'react-native-svg';
-import type { AeonNativeIconProps, AeonNativeIconWeight, LucideIcon, NativeIconNode } from './native-types';
+import Svg, {
+  Circle,
+  Ellipse,
+  G,
+  Line,
+  Path,
+  Polygon,
+  Polyline,
+  Rect,
+} from 'react-native-svg';
+import type {
+  AeonNativeIconProps,
+  AeonNativeIconWeight,
+  LucideIcon,
+  NativeIconNode,
+} from './native-types';
 
 type NativeSvgElement = React.ComponentType<Record<string, unknown>>;
 
@@ -21,47 +35,74 @@ const ELEMENT_MAP: Record<string, NativeSvgElement> = {
   g: G as unknown as NativeSvgElement,
 };
 
-function resolveStrokeWidth(strokeWidth: number | undefined, weight: AeonNativeIconWeight, size: number): number {
-  const base = typeof strokeWidth === "number" ? strokeWidth : WEIGHT_STROKE_WIDTH[weight];
-  return base * (24 / size);
+function resolveStrokeWidth(
+  strokeWidth: number | undefined,
+  weight: AeonNativeIconWeight,
+  size: number
+): number {
+  const base =
+    typeof strokeWidth === 'number' ? strokeWidth : WEIGHT_STROKE_WIDTH[weight];
+  return base * (24 / (size || 24));
 }
 
-export function createAeonNativeIcon(iconName: string, iconNode: NativeIconNode): LucideIcon {
+export function createAeonNativeIcon(
+  iconName: string,
+  iconNode: NativeIconNode
+): LucideIcon {
   const SvgComponent = Svg as unknown as NativeSvgElement;
-  const Component = React.forwardRef<unknown, AeonNativeIconProps>(({ color = "currentColor", size = 24, strokeWidth, absoluteStrokeWidth, weight = "regular", variant = "line", style, ...restProps }, ref) => {
-    const computedStrokeWidth = absoluteStrokeWidth
-      ? resolveStrokeWidth(strokeWidth, weight, size)
-      : typeof strokeWidth === "number"
-        ? strokeWidth
-        : WEIGHT_STROKE_WIDTH[weight];
-
-    return React.createElement(
-      SvgComponent,
+  const Component = React.forwardRef<unknown, AeonNativeIconProps>(
+    (
       {
-        ref,
-        width: size,
-        height: size,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: color,
-        strokeWidth: computedStrokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
+        color = 'currentColor',
+        size = 24,
+        strokeWidth,
+        absoluteStrokeWidth,
+        weight = 'regular',
+        variant = 'line',
         style,
-        ...restProps,
+        ...restProps
       },
-      iconNode.map(([tag, attrs], index) => {
-        const Element = ELEMENT_MAP[tag.toLowerCase()];
-        if (!Element) return null;
-        return React.createElement(Element, {
-          key: iconName + "-" + index,
-          ...attrs,
-          opacity: variant === "duotone" && index % 2 === 1 ? attrs.opacity ?? 0.55 : attrs.opacity,
-        });
-      })
-    );
-  });
+      ref
+    ) => {
+      const iconWeight: AeonNativeIconWeight =
+        weight === 'thin' || weight === 'bold' ? weight : 'regular';
+      const computedStrokeWidth = absoluteStrokeWidth
+        ? resolveStrokeWidth(strokeWidth, iconWeight, size)
+        : typeof strokeWidth === 'number'
+        ? strokeWidth
+        : WEIGHT_STROKE_WIDTH[iconWeight];
+
+      return React.createElement(
+        SvgComponent,
+        {
+          ref,
+          width: size,
+          height: size,
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: color,
+          strokeWidth: computedStrokeWidth,
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          style,
+          ...restProps,
+        },
+        iconNode.map(([tag, attrs], index) => {
+          const Element = ELEMENT_MAP[tag.toLowerCase()];
+          if (!Element) return null;
+          return React.createElement(Element, {
+            key: iconName + '-' + index,
+            ...attrs,
+            opacity:
+              variant === 'duotone' && index % 2 === 1
+                ? attrs.opacity ?? 0.55
+                : attrs.opacity,
+          });
+        })
+      );
+    }
+  );
 
-  Component.displayName = iconName + "Native";
+  Component.displayName = iconName + 'Native';
   return Component as unknown as LucideIcon;
 }

package/src/icons/Activity.ts

@@ -2,12 +2,12 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "path",
+    'path',
     {
-      "d": "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
-      "key": "169zse"
-    }
-  ]
+      d: 'M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2',
+      key: '169zse',
+    },
+  ],
 ] as const;
 
 export const Activity = createAeonIcon('Activity', iconNode);

package/src/icons/AlertCircle.ts

@@ -2,34 +2,34 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "circle",
+    'circle',
     {
-      "cx": "12",
-      "cy": "12",
-      "r": "10",
-      "key": "1mglay"
-    }
+      cx: '12',
+      cy: '12',
+      r: '10',
+      key: '1mglay',
+    },
   ],
   [
-    "line",
+    'line',
     {
-      "x1": "12",
-      "x2": "12",
-      "y1": "8",
-      "y2": "12",
-      "key": "1pkeuh"
-    }
+      x1: '12',
+      x2: '12',
+      y1: '8',
+      y2: '12',
+      key: '1pkeuh',
+    },
   ],
   [
-    "line",
+    'line',
     {
-      "x1": "12",
-      "x2": "12.01",
-      "y1": "16",
-      "y2": "16",
-      "key": "4dfq90"
-    }
-  ]
+      x1: '12',
+      x2: '12.01',
+      y1: '16',
+      y2: '16',
+      key: '4dfq90',
+    },
+  ],
 ] as const;
 
 export const AlertCircle = createAeonIcon('AlertCircle', iconNode);

package/src/icons/AlertTriangle.ts

@@ -2,26 +2,26 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "path",
+    'path',
     {
-      "d": "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-      "key": "wmoenq"
-    }
+      d: 'm21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3',
+      key: 'wmoenq',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M12 9v4",
-      "key": "juzpu7"
-    }
+      d: 'M12 9v4',
+      key: 'juzpu7',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M12 17h.01",
-      "key": "p32p05"
-    }
-  ]
+      d: 'M12 17h.01',
+      key: 'p32p05',
+    },
+  ],
 ] as const;
 
 export const AlertTriangle = createAeonIcon('AlertTriangle', iconNode);

package/src/icons/Apple.ts

@@ -2,19 +2,19 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "path",
+    'path',
     {
-      "d": "M12 6.528V3a1 1 0 0 1 1-1h0",
-      "key": "11qiee"
-    }
+      d: 'M12 6.528V3a1 1 0 0 1 1-1h0',
+      key: '11qiee',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21",
-      "key": "110c12"
-    }
-  ]
+      d: 'M18.237 21A15 15 0 0 0 22 11a6 6 0 0 0-10-4.472A6 6 0 0 0 2 11a15.1 15.1 0 0 0 3.763 10 3 3 0 0 0 3.648.648 5.5 5.5 0 0 1 5.178 0A3 3 0 0 0 18.237 21',
+      key: '110c12',
+    },
+  ],
 ] as const;
 
 export const Apple = createAeonIcon('Apple', iconNode);

package/src/icons/Archive.ts

@@ -2,30 +2,30 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "rect",
+    'rect',
     {
-      "width": "20",
-      "height": "5",
-      "x": "2",
-      "y": "3",
-      "rx": "1",
-      "key": "1wp1u1"
-    }
+      width: '20',
+      height: '5',
+      x: '2',
+      y: '3',
+      rx: '1',
+      key: '1wp1u1',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8",
-      "key": "1s80jp"
-    }
+      d: 'M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8',
+      key: '1s80jp',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M10 12h4",
-      "key": "a56b0p"
-    }
-  ]
+      d: 'M10 12h4',
+      key: 'a56b0p',
+    },
+  ],
 ] as const;
 
 export const Archive = createAeonIcon('Archive', iconNode);

package/src/icons/ArrowDown.ts

@@ -2,19 +2,19 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "path",
+    'path',
     {
-      "d": "M12 5v14",
-      "key": "s699le"
-    }
+      d: 'M12 5v14',
+      key: 's699le',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "m19 12-7 7-7-7",
-      "key": "1idqje"
-    }
-  ]
+      d: 'm19 12-7 7-7-7',
+      key: '1idqje',
+    },
+  ],
 ] as const;
 
 export const ArrowDown = createAeonIcon('ArrowDown', iconNode);

package/src/icons/ArrowDownLeft.ts

@@ -2,19 +2,19 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "path",
+    'path',
     {
-      "d": "M17 7 7 17",
-      "key": "15tmo1"
-    }
+      d: 'M17 7 7 17',
+      key: '15tmo1',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M17 17H7V7",
-      "key": "1org7z"
-    }
-  ]
+      d: 'M17 17H7V7',
+      key: '1org7z',
+    },
+  ],
 ] as const;
 
 export const ArrowDownLeft = createAeonIcon('ArrowDownLeft', iconNode);

package/src/icons/ArrowLeft.ts

@@ -2,19 +2,19 @@ import { createAeonIcon } from '../create-aeon-icon';
 
 const iconNode = [
   [
-    "path",
+    'path',
     {
-      "d": "m12 19-7-7 7-7",
-      "key": "1l729n"
-    }
+      d: 'm12 19-7-7 7-7',
+      key: '1l729n',
+    },
   ],
   [
-    "path",
+    'path',
     {
-      "d": "M19 12H5",
-      "key": "x3x0zl"
-    }
-  ]
+      d: 'M19 12H5',
+      key: 'x3x0zl',
+    },
+  ],
 ] as const;
 
 export const ArrowLeft = createAeonIcon('ArrowLeft', iconNode);