@iconmu/svelte 0.0.1

package/README.md

@@ -0,0 +1,67 @@
+# @iconmu/svelte
+
+Svelte component for Iconmu icon library.
+
+## Installation
+
+```bash
+bun add @iconmu/svelte
+```
+
+## Usage
+
+### Basic Example
+
+```svelte
+<script>
+  import { Iconmu } from "@iconmu/svelte";
+  import { Home } from "@iconmu/base-line";
+</script>
+
+<Iconmu icon={Home} size={24} />
+```
+
+### With All Icon Styles
+
+```svelte
+<script>
+  import { Iconmu } from "@iconmu/svelte";
+  import { Home as HomeBaseLine } from "@iconmu/base-line";
+  import { Home as HomeBaseSolid } from "@iconmu/base-solid";
+  import { Home as HomeSharpLine } from "@iconmu/sharp-line";
+  import { Home as HomeSharpSolid } from "@iconmu/sharp-solid";
+</script>
+
+<Iconmu icon={HomeBaseLine} size={32} class="fill-neutral-950" />
+<Iconmu icon={HomeBaseSolid} size={32} class="fill-neutral-950" />
+<Iconmu icon={HomeSharpLine} size={32} class="fill-neutral-950" />
+<Iconmu icon={HomeSharpSolid} size={32} class="fill-neutral-950" />
+```
+
+### With Custom Color
+
+```svelte
+<script>
+  import { Iconmu } from "@iconmu/svelte";
+  import { Home } from "@iconmu/base-line";
+</script>
+
+<Iconmu icon={Home} size={48} color="#3B82F6" />
+```
+
+## Props
+
+| Prop    | Type                                   | Default          | Description                    |
+| ------- | -------------------------------------- | ---------------- | ------------------------------ |
+| `icon`  | `{ content: string, viewBox?: string }` | required         | Icon object from icon packages |
+| `size`  | `number`                               | `24`             | Icon size in pixels            |
+| `color` | `string`                               | `"currentColor"` | Icon color (CSS color value)   |
+| `className` | `string`                               | `""`             | Additional CSS classes         |
+
+## Peer Dependencies
+
+- `svelte` ^4.0.0
+
+## License
+
+MIT

package/dist/components/Iconmu.svelte

@@ -0,0 +1,21 @@
+<script>export let icon;
+export let size = 24;
+export let color = "currentColor";
+export let className = "";
+if (!icon?.content) {
+    console.warn("Icon component requires an icon object with content");
+}
+</script>
+
+<svg
+  width={size}
+  height={size}
+  viewBox='0 0 40 40'
+  fill="currentColor"
+  color={color}
+  class={className}
+  style="color: {color}"
+  {...$$restProps}
+>
+  {@html icon.content}
+</svg>

package/dist/components/Iconmu.svelte.d.ts

@@ -0,0 +1,25 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        icon: {
+            content: string;
+        };
+        size?: number | undefined;
+        color?: string | undefined;
+        className?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: undefined;
+    bindings?: undefined;
+};
+export type IconmuProps = typeof __propDef.props;
+export type IconmuEvents = typeof __propDef.events;
+export type IconmuSlots = typeof __propDef.slots;
+export default class Iconmu extends SvelteComponent<IconmuProps, IconmuEvents, IconmuSlots> {
+}
+export {};
+//# sourceMappingURL=Iconmu.svelte.d.ts.map

package/dist/components/Iconmu.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Iconmu.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Iconmu.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAsBD,QAAA,MAAM,SAAS;;;;qBAnBJ,MAAM;;eAkB0F,MAAM;gBAAU,MAAM;oBAAc,MAAM;;;;;;;;CACrE,CAAC;AACjF,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Iconmu, default } from "./components/Iconmu.svelte";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+// Export Iconmu Svelte component
+export { default as Iconmu, default } from "./components/Iconmu.svelte";

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@iconmu/svelte",
+  "version": "0.0.1",
+  "description": "Svelte component for Iconmu icon library",
+  "type": "module",
+  "svelte": "./dist/components/Iconmu.svelte",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/components/Iconmu.svelte",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist/**/*"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "svelte-package",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "icons",
+    "svelte",
+    "svelte-components",
+    "icon-library",
+    "svg",
+    "iconmu"
+  ],
+  "author": "afrianska",
+  "license": "MIT",
+  "peerDependencies": {
+    "svelte": "^4.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.3.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "svelte": "^4.2.0",
+    "svelte-check": "^3.6.0",
+    "svelte-preprocess": "^6.0.3",
+    "tslib": "^2.6.0",
+    "typescript": "^5.9.2"
+  }
+}