@sigx/lynx-icons-lucide 0.4.0 → 0.4.2

package/dist/components.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Pinned `LucideIcon` — ergonomic shortcut around `<Icon set="lucide" name=>`.
+ * The `set` id is hard-coded to the conventional value (`'lucide'`)
+ * documented in the README; consumers using a non-default set id should
+ * fall back to the generic `<Icon>` or write their own one-line pin.
+ *
+ * Rendering still goes through `@sigx/lynx-icons`' `<Icon>`, so SVG
+ * branching, color sanitization, and theming behavior is shared with the
+ * rest of the icons pipeline. This wrapper only forwards props.
+ */
+import { type Define } from '@sigx/lynx';
+import { type IconPropsExtensions } from '@sigx/lynx-icons';
+type LucideIconProps = Define.Prop<'name', string, true> & Define.Prop<'size', number, false> & Define.Prop<'color', string, false> & Define.Prop<'class', string, false>
+/**
+ * Inherit any theme-augmented props (e.g. daisy's `variant?: DaisyColor`).
+ * Sourced from core `IconPropsExtensions` so the pinned component's
+ * surface stays in sync without explicit forwarding.
+ */
+ & IconPropsExtensions;
+/** Lucide icon — pins `set="lucide"` so callers only specify the name. */
+export declare const LucideIcon: import("@sigx/runtime-core").ComponentFactory<LucideIconProps, void, {}>;
+export {};

package/dist/components.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+/**
+ * Pinned `LucideIcon` — ergonomic shortcut around `<Icon set="lucide" name=>`.
+ * The `set` id is hard-coded to the conventional value (`'lucide'`)
+ * documented in the README; consumers using a non-default set id should
+ * fall back to the generic `<Icon>` or write their own one-line pin.
+ *
+ * Rendering still goes through `@sigx/lynx-icons`' `<Icon>`, so SVG
+ * branching, color sanitization, and theming behavior is shared with the
+ * rest of the icons pipeline. This wrapper only forwards props.
+ */
+import { component } from '@sigx/lynx';
+import { Icon } from '@sigx/lynx-icons';
+/** Lucide icon — pins `set="lucide"` so callers only specify the name. */
+export const LucideIcon = component(({ props }) => () => (_jsx(Icon, { ...props, set: "lucide" })));

package/dist/index.js

@@ -1,59 +1,91 @@
-import { createRequire as e } from "node:module";
-//#region src/index.ts
-var t = e(import.meta.url), n;
-function r() {
-	if (n !== void 0) return n;
-	try {
-		n = t("lucide");
-	} catch {
-		n = null;
-	}
-	return n;
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
+let lucideModule;
+function loadLucide() {
+    if (lucideModule !== undefined)
+        return lucideModule;
+    try {
+        lucideModule = require('lucide');
+    }
+    catch {
+        lucideModule = null;
+    }
+    return lucideModule;
 }
-function i(e) {
-	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+/** Convert kebab-case → PascalCase (lucide's export naming). `a-arrow-down` → `AArrowDown`. */
+function exportNameFor(name) {
+    return name.split('-').map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1)).join('');
 }
-function a(e) {
-	if (e.length === 0) return "";
-	let t = e.charAt(0).toLowerCase();
-	for (let n = 1; n < e.length; n++) {
-		let r = e.charAt(n);
-		r >= "A" && r <= "Z" ? t += "-" + r.toLowerCase() : t += r;
-	}
-	return t;
+/**
+ * Inverse of `exportNameFor`: insert `-` before every uppercase letter that
+ * isn't the first character, then lowercase. Mirrors the way `exportNameFor`
+ * builds names from kebab segments.
+ *
+ * - `User` → `user`
+ * - `ChevronRight` → `chevron-right`
+ * - `AArrowDown` → `a-arrow-down` (lucide really has names like this)
+ */
+function kebabFromPascal(exportName) {
+    if (exportName.length === 0)
+        return '';
+    let out = exportName.charAt(0).toLowerCase();
+    for (let i = 1; i < exportName.length; i++) {
+        const ch = exportName.charAt(i);
+        if (ch >= 'A' && ch <= 'Z') {
+            out += '-' + ch.toLowerCase();
+        }
+        else {
+            out += ch;
+        }
+    }
+    return out;
 }
-function o(e) {
-	return String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+function escapeAttr(value) {
+    return String(value).replace(/&/g, '&amp;').replace(/"/g, '&quot;');
 }
-function s(e) {
-	let [t, n] = e, r = [];
-	for (let [e, t] of Object.entries(n)) r.push(`${e}="${o(t)}"`);
-	return `<${t} ${r.join(" ")}/>`;
+function renderElement(el) {
+    const [tag, attrs] = el;
+    const parts = [];
+    for (const [k, v] of Object.entries(attrs)) {
+        parts.push(`${k}="${escapeAttr(v)}"`);
+    }
+    return `<${tag} ${parts.join(' ')}/>`;
 }
-var c = {
-	styles: [""],
-	getGlyph(e, t) {
-		let n = r();
-		if (!n) return null;
-		let a = n[i(t)];
-		return Array.isArray(a) ? { svg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="__COLOR__" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${a.map(s).join("")}</svg>` } : null;
-	},
-	getFontPath() {
-		return null;
-	},
-	listGlyphs(e) {
-		let t = r();
-		if (!t) return [];
-		let n = [];
-		for (let [e, r] of Object.entries(t)) {
-			if (!Array.isArray(r)) continue;
-			let t = e.charAt(0);
-			t < "A" || t > "Z" || n.push(a(e));
-		}
-		return n;
-	}
+const adapter = {
+    /** Lucide is a single-style set; we still expose one entry so iteration works. */
+    styles: [''],
+    getGlyph(_style, name) {
+        const lucide = loadLucide();
+        if (!lucide)
+            return null;
+        const icon = lucide[exportNameFor(name)];
+        if (!Array.isArray(icon))
+            return null;
+        const inner = icon.map(renderElement).join('');
+        const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="__COLOR__" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${inner}</svg>`;
+        return { svg };
+    },
+    /** Lucide has no font distribution. Always null → forces SVG mode. */
+    getFontPath() {
+        return null;
+    },
+    listGlyphs(_style) {
+        const lucide = loadLucide();
+        if (!lucide)
+            return [];
+        const out = [];
+        for (const [key, value] of Object.entries(lucide)) {
+            if (!Array.isArray(value))
+                continue;
+            // Lucide also exports a `createLucideIcon` helper etc. — skip
+            // anything that doesn't start with an uppercase letter (icon
+            // names are PascalCase).
+            const first = key.charAt(0);
+            if (first < 'A' || first > 'Z')
+                continue;
+            out.push(kebabFromPascal(key));
+        }
+        return out;
+    },
 };
-//#endregion
-export { c as default };
-
-//# sourceMappingURL=index.js.map
+export default adapter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/lynx-icons-lucide",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Lucide adapter for @sigx/lynx-icons. SVG-mode only — lucide is not distributed as a font.",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,6 +11,11 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./components": {
+      "types": "./dist/components.d.ts",
+      "import": "./dist/components.js",
+      "default": "./dist/components.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -20,14 +25,16 @@
   ],
   "peerDependencies": {
     "lucide": "^1.0.0",
-    "@sigx/lynx-icons": "^0.4.0"
+    "@sigx/lynx": "^0.4.2",
+    "@sigx/lynx-icons": "^0.4.2"
   },
   "devDependencies": {
-    "@sigx/vite": "^0.4.3",
-    "@types/node": "^25.7.0",
+    "@types/node": "^25.9.1",
+    "@typescript/native-preview": "7.0.0-dev.20260521.1",
     "lucide": "^1.16.0",
     "typescript": "^6.0.3",
-    "@sigx/lynx-icons": "^0.4.0"
+    "@sigx/lynx": "^0.4.2",
+    "@sigx/lynx-icons": "^0.4.2"
   },
   "author": "Andreas Ekdahl",
   "license": "MIT",
@@ -51,7 +58,8 @@
     "lucide"
   ],
   "scripts": {
-    "build": "vite build && tsgo --emitDeclarationOnly",
-    "dev": "vite build --watch"
+    "build": "node ../../scripts/clean.mjs dist && tsgo",
+    "dev": "tsgo --watch",
+    "clean": "node ../../scripts/clean.mjs dist .turbo"
   }
 }

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { createRequire } from 'node:module';\nimport type { GlyphData, IconAdapter } from '@sigx/lynx-icons';\n\nconst require = createRequire(import.meta.url);\n\ntype LucideAttrs = Record<string, string | number>;\ntype LucideElement = [string, LucideAttrs];\ntype LucideIcon = LucideElement[];\n\nlet lucideModule: Record<string, LucideIcon> | null | undefined;\n\nfunction loadLucide(): Record<string, LucideIcon> | null {\n    if (lucideModule !== undefined) return lucideModule;\n    try {\n        lucideModule = require('lucide') as Record<string, LucideIcon>;\n    } catch {\n        lucideModule = null;\n    }\n    return lucideModule;\n}\n\n/** Convert kebab-case → PascalCase (lucide's export naming). `a-arrow-down` → `AArrowDown`. */\nfunction exportNameFor(name: string): string {\n    return name.split('-').map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1)).join('');\n}\n\n/**\n * Inverse of `exportNameFor`: insert `-` before every uppercase letter that\n * isn't the first character, then lowercase. Mirrors the way `exportNameFor`\n * builds names from kebab segments.\n *\n * - `User` → `user`\n * - `ChevronRight` → `chevron-right`\n * - `AArrowDown` → `a-arrow-down` (lucide really has names like this)\n */\nfunction kebabFromPascal(exportName: string): string {\n    if (exportName.length === 0) return '';\n    let out = exportName.charAt(0).toLowerCase();\n    for (let i = 1; i < exportName.length; i++) {\n        const ch = exportName.charAt(i);\n        if (ch >= 'A' && ch <= 'Z') {\n            out += '-' + ch.toLowerCase();\n        } else {\n            out += ch;\n        }\n    }\n    return out;\n}\n\nfunction escapeAttr(value: string | number): string {\n    return String(value).replace(/&/g, '&amp;').replace(/\"/g, '&quot;');\n}\n\nfunction renderElement(el: LucideElement): string {\n    const [tag, attrs] = el;\n    const parts: string[] = [];\n    for (const [k, v] of Object.entries(attrs)) {\n        parts.push(`${k}=\"${escapeAttr(v)}\"`);\n    }\n    return `<${tag} ${parts.join(' ')}/>`;\n}\n\nconst adapter: IconAdapter = {\n    /** Lucide is a single-style set; we still expose one entry so iteration works. */\n    styles: [''],\n\n    getGlyph(_style: string, name: string): GlyphData | null {\n        const lucide = loadLucide();\n        if (!lucide) return null;\n        const icon = lucide[exportNameFor(name)];\n        if (!Array.isArray(icon)) return null;\n        const inner = icon.map(renderElement).join('');\n        const svg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"__COLOR__\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${inner}</svg>`;\n        return { svg };\n    },\n\n    /** Lucide has no font distribution. Always null → forces SVG mode. */\n    getFontPath(): string | null {\n        return null;\n    },\n\n    listGlyphs(_style: string): string[] {\n        const lucide = loadLucide();\n        if (!lucide) return [];\n        const out: string[] = [];\n        for (const [key, value] of Object.entries(lucide)) {\n            if (!Array.isArray(value)) continue;\n            // Lucide also exports a `createLucideIcon` helper etc. — skip\n            // anything that doesn't start with an uppercase letter (icon\n            // names are PascalCase).\n            const first = key.charAt(0);\n            if (first < 'A' || first > 'Z') continue;\n            out.push(kebabFromPascal(key));\n        }\n        return out;\n    },\n};\n\nexport default adapter;\n"],"mappings":";;AAGA,IAAM,IAAU,EAAc,OAAO,KAAK,IAAI,EAM1C;AAEJ,SAAS,IAAgD;CACrD,IAAI,MAAiB,KAAA,GAAW,OAAO;CACvC,IAAI;EACA,IAAe,EAAQ,SAAS;SAC5B;EACJ,IAAe;;CAEnB,OAAO;;AAIX,SAAS,EAAc,GAAsB;CACzC,OAAO,EAAK,MAAM,IAAI,CAAC,KAAK,MAAQ,EAAI,OAAO,EAAE,CAAC,aAAa,GAAG,EAAI,MAAM,EAAE,CAAC,CAAC,KAAK,GAAG;;AAY5F,SAAS,EAAgB,GAA4B;CACjD,IAAI,EAAW,WAAW,GAAG,OAAO;CACpC,IAAI,IAAM,EAAW,OAAO,EAAE,CAAC,aAAa;CAC5C,KAAK,IAAI,IAAI,GAAG,IAAI,EAAW,QAAQ,KAAK;EACxC,IAAM,IAAK,EAAW,OAAO,EAAE;EAC/B,AAAI,KAAM,OAAO,KAAM,MACnB,KAAO,MAAM,EAAG,aAAa,GAE7B,KAAO;;CAGf,OAAO;;AAGX,SAAS,EAAW,GAAgC;CAChD,OAAO,OAAO,EAAM,CAAC,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,SAAS;;AAGvE,SAAS,EAAc,GAA2B;CAC9C,IAAM,CAAC,GAAK,KAAS,GACf,IAAkB,EAAE;CAC1B,KAAK,IAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,EAAM,EACtC,EAAM,KAAK,GAAG,EAAE,IAAI,EAAW,EAAE,CAAC,GAAG;CAEzC,OAAO,IAAI,EAAI,GAAG,EAAM,KAAK,IAAI,CAAC;;AAGtC,IAAM,IAAuB;CAEzB,QAAQ,CAAC,GAAG;CAEZ,SAAS,GAAgB,GAAgC;EACrD,IAAM,IAAS,GAAY;EAC3B,IAAI,CAAC,GAAQ,OAAO;EACpB,IAAM,IAAO,EAAO,EAAc,EAAK;EAIvC,OAHK,MAAM,QAAQ,EAAK,GAGjB,EAAE,KAAA,8JAFK,EAAK,IAAI,EAAc,CAAC,KAAK,GAC+H,CAAM,SAClK,GAHmB;;CAOrC,cAA6B;EACzB,OAAO;;CAGX,WAAW,GAA0B;EACjC,IAAM,IAAS,GAAY;EAC3B,IAAI,CAAC,GAAQ,OAAO,EAAE;EACtB,IAAM,IAAgB,EAAE;EACxB,KAAK,IAAM,CAAC,GAAK,MAAU,OAAO,QAAQ,EAAO,EAAE;GAC/C,IAAI,CAAC,MAAM,QAAQ,EAAM,EAAE;GAI3B,IAAM,IAAQ,EAAI,OAAO,EAAE;GACvB,IAAQ,OAAO,IAAQ,OAC3B,EAAI,KAAK,EAAgB,EAAI,CAAC;;EAElC,OAAO;;CAEd"}