@lumen-design/divider 0.0.2

package/dist/Divider.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import type { Snippet } from 'svelte'
+
+    interface DividerProps {
+        direction?: 'horizontal' | 'vertical'
+        contentPosition?: 'left' | 'center' | 'right'
+        borderStyle?: 'solid' | 'dashed' | 'dotted'
+        children?: Snippet
+        class?: string
+    }
+
+    let { direction = 'horizontal', contentPosition = 'center', borderStyle = 'solid', children, class: cls = '', ...attrs }: DividerProps = $props()
+
+    const classes = $derived(`lm-divider lm-divider--${direction} lm-divider--${borderStyle}${direction === 'horizontal' && children ? ` is-${contentPosition}` : ''}${cls ? ` ${cls}` : ''}`)
+</script>
+
+<div {...attrs} class={classes} role="separator" aria-orientation={direction === 'vertical' ? 'vertical' : 'horizontal'}>
+    {#if direction === 'horizontal' && children}
+        <span class="lm-divider__text">{@render children()}</span>
+    {:else}
+        <span class="lm-divider__line" aria-hidden="true"></span>
+    {/if}
+</div>

package/dist/Divider.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+interface DividerProps {
+    direction?: 'horizontal' | 'vertical';
+    contentPosition?: 'left' | 'center' | 'right';
+    borderStyle?: 'solid' | 'dashed' | 'dotted';
+    children?: Snippet;
+    class?: string;
+}
+declare const Divider: import("svelte").Component<DividerProps, {}, "">;
+type Divider = ReturnType<typeof Divider>;
+export default Divider;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import Divider from './Divider.svelte';
+export { Divider };
+export type { DividerProps, DividerDirection, DividerContentPosition, DividerBorderStyle } from './types';
+export default Divider;

package/dist/index.js

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

package/dist/types.d.ts

@@ -0,0 +1,20 @@
+import type { Snippet } from 'svelte';
+/** Divider 方向 */
+export type DividerDirection = 'horizontal' | 'vertical';
+/** Divider 内容位置 */
+export type DividerContentPosition = 'left' | 'center' | 'right';
+/** Divider 边框样式 */
+export type DividerBorderStyle = 'solid' | 'dashed' | 'dotted';
+/** Divider 属性 */
+export interface DividerProps {
+    /** 方向 */
+    direction?: DividerDirection;
+    /** 内容位置 */
+    contentPosition?: DividerContentPosition;
+    /** 边框样式 */
+    borderStyle?: DividerBorderStyle;
+    /** 子内容 */
+    children?: Snippet;
+    /** 自定义类名 */
+    class?: string;
+}

package/dist/types.js

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

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@lumen-design/divider",
+  "version": "0.0.2",
+  "description": "Divider 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"
+  }
+}