@lumen-design/breadcrumb 0.0.2

package/dist/Breadcrumb.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+    import Icon from '@lumen-design/icon'
+    import type { BreadcrumbProps } from './types'
+
+    interface Props extends BreadcrumbProps {}
+
+    let { items, separator = '/' }: Props = $props()
+</script>
+
+<ul class="lm-breadcrumb">
+    {#each items as item, index}
+        <li class="lm-breadcrumb__item">
+            {#if item.href}
+                <a href={item.href} class="lm-breadcrumb__link">
+                    {#if item.icon}
+                        <Icon icon={item.icon} class="lm-breadcrumb__icon" />
+                    {/if}
+                    {item.label}
+                </a>
+            {:else}
+                <span class="lm-breadcrumb__text">
+                    {#if item.icon}
+                        <Icon icon={item.icon} class="lm-breadcrumb__icon" />
+                    {/if}
+                    {item.label}
+                </span>
+            {/if}
+        </li>
+        {#if index < items.length - 1}
+            <li class="lm-breadcrumb__separator">{separator}</li>
+        {/if}
+    {/each}
+</ul>
+
+<style lang="scss">
+</style>

package/dist/Breadcrumb.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { BreadcrumbProps } from './types';
+interface Props extends BreadcrumbProps {
+}
+declare const Breadcrumb: import("svelte").Component<Props, {}, "">;
+type Breadcrumb = ReturnType<typeof Breadcrumb>;
+export default Breadcrumb;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import Breadcrumb from './Breadcrumb.svelte';
+export { Breadcrumb };
+export type { BreadcrumbItem, BreadcrumbProps } from './types';
+export default Breadcrumb;

package/dist/index.js

@@ -0,0 +1,3 @@
+import Breadcrumb from './Breadcrumb.svelte';
+export { Breadcrumb };
+export default Breadcrumb;

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+import type { IconNode } from 'lucide';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: IconNode;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+}

package/dist/types.js

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

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@lumen-design/breadcrumb",
+  "version": "0.0.2",
+  "description": "Breadcrumb component for Lumen UI",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "svelte-package -i src -o dist --types",
+    "build:watch": "svelte-package -i src -o dist --types -w"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.7",
+    "svelte": "5.48.2"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "dependencies": {
+    "@lumen-design/icon": "0.0.2",
+    "lucide": "^0.563.0"
+  }
+}