@lumen-design/icon 0.0.2

package/dist/Icon.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+    import type { IconNode } from 'lucide'
+
+    interface IconProps {
+        icon: IconNode
+        size?: number | string
+        color?: string
+        strokeWidth?: number
+        class?: string
+    }
+
+    let { icon, size = 24, color = 'currentColor', strokeWidth = 2, class: cls = '', ...attrs }: IconProps = $props()
+
+    const sizeValue = $derived(typeof size === 'number' ? `${size}px` : size)
+
+    const classes = $derived(cls ? `lm-icon ${cls}` : 'lm-icon')
+
+    // 归一化图标节点：使用 $derived，基于 icon 变更计算，避免非反应式更新
+    type IconTuple = [string, Record<string, any>]
+    const normalized = $derived.by(() => {
+        const tuples = icon.filter((item: unknown) => Array.isArray(item)).map(([tag, nodeAttrs]: any) => [tag as string, Object.freeze({ ...nodeAttrs })]) as IconTuple[]
+        return Object.freeze(tuples) as ReadonlyArray<IconTuple>
+    })
+</script>
+
+<svg
+    {...attrs}
+    class={classes}
+    xmlns="http://www.w3.org/2000/svg"
+    width={sizeValue}
+    height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke={color}
+    stroke-width={strokeWidth}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+>
+    {#each normalized as item}
+        {@const [tag, attrs] = item}
+        <svelte:element this={tag} {...attrs} />
+    {/each}
+</svg>

package/dist/Icon.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { IconNode } from 'lucide';
+interface IconProps {
+    icon: IconNode;
+    size?: number | string;
+    color?: string;
+    strokeWidth?: number;
+    class?: string;
+}
+declare const Icon: import("svelte").Component<IconProps, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;
+//# sourceMappingURL=Icon.svelte.d.ts.map

package/dist/Icon.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.svelte.d.ts","sourceRoot":"","sources":["Icon.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGnC,UAAU,SAAS;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AA6BL,QAAA,MAAM,IAAI,+CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './Icon.svelte';
+export { default as Icon } from './Icon.svelte';
+export type { IconProps } from './types';
+export type { IconNode } from 'lucide';
+export { Check, X, Plus, Minus, Edit, Trash2, Copy, Download, Upload, Save, Search, Filter, Settings, RefreshCw, MoreVertical, MoreHorizontal, ChevronLeft, ChevronRight, ChevronUp, ChevronDown, ArrowLeft, ArrowRight, ArrowUp, ArrowDown, AlertCircle, AlertTriangle, CheckCircle, Info, XCircle, HelpCircle, Eye, EyeOff, Heart, Star, Home, Menu, Bell, User, Mail, Lock, Calendar, Clock, File, Folder, FileText, Image, Play, Pause, Volume2, VolumeX, } from 'lucide';

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAA;AAC/C,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACxC,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC,OAAO,EAEH,KAAK,EACL,CAAC,EACD,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EAGd,WAAW,EACX,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EAGT,WAAW,EACX,aAAa,EACb,WAAW,EACX,IAAI,EACJ,OAAO,EACP,UAAU,EAGV,GAAG,EACH,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EAGL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,KAAK,EAGL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,GACV,MAAM,QAAQ,CAAA"}

package/dist/index.js

@@ -0,0 +1,15 @@
+export { default } from './Icon.svelte';
+export { default as Icon } from './Icon.svelte';
+export { 
+// Actions
+Check, X, Plus, Minus, Edit, Trash2, Copy, Download, Upload, Save, Search, Filter, Settings, RefreshCw, MoreVertical, MoreHorizontal, 
+// Arrows
+ChevronLeft, ChevronRight, ChevronUp, ChevronDown, ArrowLeft, ArrowRight, ArrowUp, ArrowDown, 
+// Status
+AlertCircle, AlertTriangle, CheckCircle, Info, XCircle, HelpCircle, 
+// UI
+Eye, EyeOff, Heart, Star, Home, Menu, Bell, User, Mail, Lock, Calendar, Clock, 
+// Files
+File, Folder, FileText, Image, 
+// Media
+Play, Pause, Volume2, VolumeX, } from 'lucide';

package/dist/types.d.ts

@@ -0,0 +1,14 @@
+import type { IconNode } from 'lucide';
+/** Icon 属性 */
+export interface IconProps {
+    /** 图标 */
+    icon: IconNode;
+    /** 尺寸 */
+    size?: number | string;
+    /** 颜色 */
+    color?: string;
+    /** 描边宽度 */
+    strokeWidth?: number;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC,cAAc;AACd,MAAM,WAAW,SAAS;IACtB,SAAS;IACT,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,SAAS;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@lumen-design/icon",
+  "version": "0.0.2",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "svelte-package -i src -o dist --types",
+    "postbuild": "cp -f src/*.d.ts dist/ 2>/dev/null || true",
+    "check": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+    "lucide": "^0.563.0"
+  }
+}