blode-icons-react 0.3.5 → 0.3.7

package/README.md

@@ -8,13 +8,17 @@
 
 ## Highlights
 
-- **Drop-in replacement:** swap `lucide-react` imports with zero code changes
+- **Lucide-style aliases:** mapped icons can replace `lucide-react` imports with minimal code changes
 - **Tree-shakeable:** only ship the icons you use
 - **Dynamic imports:** load icons by name at runtime
 - **Lucide-compatible props:** `size`, `color`, and `strokeWidth` work out of the box
 
 ## Install
 
+```bash
+npx skills add mblode/blode-icons -g --all -y
+```
+
 ```bash
 npm install blode-icons-react
 ```
@@ -22,17 +26,17 @@ npm install blode-icons-react
 ## Quick Start
 
 ```tsx
-import { Airplane } from "blode-icons-react"
+import { AirplaneIcon } from "blode-icons-react"
 
 export default function App() {
-  return <Airplane size={32} color="#0066ff" />
+  return <AirplaneIcon size={32} color="#0066ff" />
 }
 ```
 
 ### Tree-shaking import
 
 ```tsx
-import Airplane from "blode-icons-react/icons/airplane"
+import AirplaneIcon from "blode-icons-react/icons/airplane"
 ```
 
 ### Dynamic icon
@@ -40,7 +44,7 @@ import Airplane from "blode-icons-react/icons/airplane"
 ```tsx
 import { DynamicIcon } from "blode-icons-react/dynamic"
 
-<DynamicIcon name="airplane" size={24} />
+<DynamicIcon name="AirplaneIcon" size={24} />
 ```
 
 ## Props

package/dist/chevron-bottom.js

@@ -2,7 +2,7 @@ import { createLucideIcon } from './create-lucide-icon';
 import * as React from "react";
 import { forwardRef } from "react";
 const ChevronBottomIcon = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: ref, ...props },
-    React.createElement("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 9.5 6 6 6-6" }));
+    React.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 9.5 6 6 6-6" }));
 const ForwardRef = forwardRef(ChevronBottomIcon);
 export default createLucideIcon('ChevronBottomIcon', ForwardRef);
 //# sourceMappingURL=chevron-bottom.js.map

package/dist/chevron-bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-bottom.js","sourceRoot":"","sources":["../src/chevron-bottom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CAAM,CAAC;AACjS,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACjD,eAAe,gBAAgB,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"chevron-bottom.js","sourceRoot":"","sources":["../src/chevron-bottom.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CAAM,CAAC;AACzS,MAAM,UAAU,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACjD,eAAe,gBAAgB,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}

package/dist/chevron-down.js

@@ -2,7 +2,7 @@ import { createLucideIcon } from './create-lucide-icon';
 import * as React from "react";
 import { forwardRef } from "react";
 const ChevronDownIcon = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: ref, ...props },
-    React.createElement("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 9.5 6 6 6-6" }));
+    React.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 9.5 6 6 6-6" }));
 const ForwardRef = forwardRef(ChevronDownIcon);
 export default createLucideIcon('ChevronDownIcon', ForwardRef);
 //# sourceMappingURL=chevron-down.js.map

package/dist/chevron-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-down.js","sourceRoot":"","sources":["../src/chevron-down.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CAAM,CAAC;AAC/R,MAAM,UAAU,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;AAC/C,eAAe,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"chevron-down.js","sourceRoot":"","sources":["../src/chevron-down.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,eAAe,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CAAM,CAAC;AACvS,MAAM,UAAU,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;AAC/C,eAAe,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC"}

package/dist/chevron-top.js

@@ -2,7 +2,7 @@ import { createLucideIcon } from './create-lucide-icon';
 import * as React from "react";
 import { forwardRef } from "react";
 const ChevronTopIcon = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: ref, ...props },
-    React.createElement("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 14.5 6-6 6 6" }));
+    React.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 14.5 6-6 6 6" }));
 const ForwardRef = forwardRef(ChevronTopIcon);
 export default createLucideIcon('ChevronTopIcon', ForwardRef);
 //# sourceMappingURL=chevron-top.js.map

package/dist/chevron-top.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-top.js","sourceRoot":"","sources":["../src/chevron-top.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,iBAAiB,GAAG,CAAM,CAAC;AAC/R,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AAC9C,eAAe,gBAAgB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"chevron-top.js","sourceRoot":"","sources":["../src/chevron-top.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,iBAAiB,GAAG,CAAM,CAAC;AACvS,MAAM,UAAU,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AAC9C,eAAe,gBAAgB,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC"}

package/dist/chevron-up.js

@@ -2,7 +2,7 @@ import { createLucideIcon } from './create-lucide-icon';
 import * as React from "react";
 import { forwardRef } from "react";
 const ChevronUpIcon = (props, ref) => React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", ref: ref, ...props },
-    React.createElement("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 14.5 6-6 6 6" }));
+    React.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m6 14.5 6-6 6 6" }));
 const ForwardRef = forwardRef(ChevronUpIcon);
 export default createLucideIcon('ChevronUpIcon', ForwardRef);
 //# sourceMappingURL=chevron-up.js.map

package/dist/chevron-up.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron-up.js","sourceRoot":"","sources":["../src/chevron-up.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,iBAAiB,GAAG,CAAM,CAAC;AAC9R,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AAC7C,eAAe,gBAAgB,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"chevron-up.js","sourceRoot":"","sources":["../src/chevron-up.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,GAAuB,EAAE,EAAE,CAAC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK;IAAE,8BAAM,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,iBAAiB,GAAG,CAAM,CAAC;AACtS,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AAC7C,eAAe,gBAAgB,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blode-icons-react",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Blode icons for React — drop-in lucide-react replacement",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",