bertui-icons 1.0.0

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "bertui-icons",
+  "version": "1.0.0",
+  "description": "Blazing fast icon library powered by Zig + Bun FFI. Lucide-compatible with text overlays.",
+  "type": "module",
+  "main": "./generated/index.js",
+  "module": "./generated/index.js",
+  "types": "./generated/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./generated/index.js",
+      "default": "./generated/index.js"
+    },
+    "./server": {
+      "import": "./generated/server.js",
+      "default": "./generated/server.js"
+    }
+  },
+  "files": [
+    "generated/",
+    "react-wrapper.jsx",
+    "zig-out/lib/"
+  ],
+  "scripts": {
+    "prebuild": "bun run build-icons.js",
+    "build": "zig build -Doptimize=ReleaseFast",
+    "build:icons": "bun run build-icons.js",
+    "build:zig": "zig build -Doptimize=ReleaseFast",
+    "dev": "bun run build-icons.js && zig build",
+    "test": "zig build test",
+    "prepublishOnly": "bun run prebuild && bun run build"
+  },
+  "keywords": [
+    "icons",
+    "svg",
+    "react",
+    "zig",
+    "bun",
+    "lucide",
+    "fast",
+    "bertui"
+  ],
+  "author": "BERTUI",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "bun-types": "latest"
+  },
+  "engines": {
+    "bun": ">=1.0.0"
+  }
+}

package/react-wrapper.jsx

@@ -0,0 +1,99 @@
+import React from 'react';
+
+// Import generated icons
+import { Icons, createIcon } from './generated/index.js';
+
+/**
+ * Base Icon component for BERTUI Icons
+ * Lucide-react compatible API with text overlay support
+ */
+export function Icon({ 
+  name,
+  children, 
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 2,
+  className = '',
+  x,
+  y,
+  fontSize = 12,
+  ...props 
+}) {
+  const IconComponent = Icons[name] || createIcon(name);
+  
+  const options = {
+    width: size,
+    height: size,
+    stroke: color,
+    strokeWidth,
+    className,
+    overlay: children ? {
+      text: String(children),
+      x: x ?? size + 4,
+      y: y ?? size / 2,
+      fontSize,
+    } : null,
+    ...props,
+  };
+  
+  const svgHtml = IconComponent(options);
+  
+  return (
+    <span 
+      dangerouslySetInnerHTML={svgHtml}
+      className={className}
+      style={{ display: 'inline-block', lineHeight: 0 }}
+      {...props}
+    />
+  );
+}
+
+/**
+ * Generate individual icon components
+ * Usage: <ArrowRight>home</ArrowRight>
+ */
+export function createIconComponent(iconName) {
+  const IconComp = ({ children, ...props }) => {
+    return <Icon name={iconName} {...props}>{children}</Icon>;
+  };
+  
+  IconComp.displayName = iconName;
+  return IconComp;
+}
+
+// Auto-generate all icon exports
+const iconComponents = {};
+Object.keys(Icons).forEach(iconName => {
+  iconComponents[iconName] = createIconComponent(iconName);
+});
+
+// Export all icons for lucide-react compatibility
+export const {
+  ZapOff,
+  ArrowRight,
+  Home,
+  // ... all other icons will be auto-generated
+} = iconComponents;
+
+// Default export for wildcard imports
+export default iconComponents;
+
+/**
+ * Usage examples:
+ * 
+ * // Direct import (lucide-react style)
+ * import { ArrowRight, Home } from 'bertui-icons';
+ * <ArrowRight />
+ * <Home>5</Home>
+ * 
+ * // With text overlay and positioning
+ * <ArrowRight x={30} y={15} fontSize={14}>Next</ArrowRight>
+ * 
+ * // Wildcard import
+ * import * as Icons from 'bertui-icons';
+ * <Icons.ArrowRight />
+ * 
+ * // Dynamic icon
+ * import { Icon } from 'bertui-icons';
+ * <Icon name="ArrowRight">text</Icon>
+ */