@rosettadash/svelte 0.1.1

package/src/layout/accordion/Accordion.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		title: string;
+		open?: boolean;
+		defaultOpen?: boolean;
+		className?: string;
+		children?: Snippet;
+	}
+
+	let {
+		title,
+		defaultOpen = false,
+		open = $bindable(defaultOpen),
+		className,
+		children,
+	}: Props = $props();
+
+	function toggle(): void {
+		open = !open;
+	}
+
+	const rootClass = $derived(
+		['rd-accordion', open ? 'rd-accordion--open' : '', className]
+			.filter(Boolean)
+			.join(' '),
+	);
+</script>
+
+<section class={rootClass} data-testid="rd-accordion">
+	<button
+		type="button"
+		class="rd-accordion__header"
+		aria-expanded={open}
+		aria-controls="rd-accordion-panel"
+		onclick={toggle}
+	>
+		<span class="rd-accordion__title">{title}</span>
+		<span class="rd-accordion__chevron" aria-hidden="true">›</span>
+	</button>
+	{#if open}
+		<div class="rd-accordion__panel" id="rd-accordion-panel" role="region">
+			{@render children?.()}
+		</div>
+	{/if}
+</section>

package/src/layout/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionProps } from './types';
+/** Component entry is `Accordion.svelte` (see package exports). */

package/src/layout/accordion/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `Accordion.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/accordion/index.ts"],"names":[],"mappings":";AACA,mEAAmE"}

package/src/layout/accordion/types.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface AccordionProps {
+    title: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    className?: string;
+    children?: Snippet;
+}

package/src/layout/accordion/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/accordion/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/accordion/types.ts"],"names":[],"mappings":""}

package/src/layout/accordion-link-list/AccordionLinkList.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import Accordion from '../accordion/Accordion.svelte';
+	import LinkList from '../../visual/link-list/LinkList.svelte';
+	import type { LinkListItem } from '../../visual/link-list/types';
+
+	interface Props {
+		title: string;
+		open?: boolean;
+		defaultOpen?: boolean;
+		className?: string;
+		items?: LinkListItem[];
+		dense?: boolean;
+	}
+
+	let {
+		title,
+		defaultOpen = false,
+		open = $bindable(defaultOpen),
+		className,
+		items = [],
+		dense = false,
+	}: Props = $props();
+
+	const recipeClass = $derived(
+		['rd-accordion-link-list', className].filter(Boolean).join(' '),
+	);
+</script>
+
+<Accordion {title} bind:open {defaultOpen} className={recipeClass}>
+	<LinkList {items} {dense} />
+</Accordion>

package/src/layout/accordion-link-list/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionLinkListProps } from './types';
+/** Component entry is `AccordionLinkList.svelte` (see package exports). */

package/src/layout/accordion-link-list/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `AccordionLinkList.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/accordion-link-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/accordion-link-list/index.ts"],"names":[],"mappings":";AACA,2EAA2E"}

package/src/layout/accordion-link-list/types.d.ts

@@ -0,0 +1,9 @@
+import type { LinkListItem } from '../../visual/link-list/types';
+export interface AccordionLinkListProps {
+    title: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    className?: string;
+    items?: LinkListItem[];
+    dense?: boolean;
+}

package/src/layout/accordion-link-list/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/accordion-link-list/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/accordion-link-list/types.ts"],"names":[],"mappings":""}

package/src/layout/collapsible/Collapsible.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { CollapsibleProps } from './types';
+
+	type Props = CollapsibleProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		open,
+		defaultOpen,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-collapsible', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-collapsible">
+	<button type="button" class="rd-collapsible__header" aria-expanded={(open ?? defaultOpen ?? false) ? 'true' : 'false'}>
+		<span>{title ?? 'Section'}</span>
+	</button>
+	<div class="rd-collapsible__panel">{@render children?.()}</div>
+</section>

package/src/layout/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export type { CollapsibleProps } from './types';
+/** Component entry is `Collapsible.svelte` (see package exports). */

package/src/layout/collapsible/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `Collapsible.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/collapsible/index.ts"],"names":[],"mappings":";AACA,qEAAqE"}

package/src/layout/collapsible/types.d.ts

@@ -0,0 +1,7 @@
+export interface CollapsibleProps {
+    title?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}

package/src/layout/collapsible/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/collapsible/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/collapsible/types.ts"],"names":[],"mappings":""}

package/src/layout/flex/FlexLayout.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { FlexLayoutProps } from './types';
+
+	type Props = FlexLayoutProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		direction,
+		gap,
+		children,
+	}: Props = $props();
+	const flexGap = $derived(typeof gap === 'number' ? gap : 12);
+	const rootClass = $derived(['rd-flex', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-flex">
+	{#if title}<span class="rd-flex__title">{title}</span>{/if}
+	<div class="rd-flex__flex" style:flex-direction={direction ?? 'row'} style:gap="{flexGap}px">{@render children?.()}</div>
+</section>

package/src/layout/flex/index.d.ts

@@ -0,0 +1,2 @@
+export type { FlexLayoutProps } from './types';
+/** Component entry is `FlexLayout.svelte` (see package exports). */

package/src/layout/flex/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `FlexLayout.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/flex/index.ts"],"names":[],"mappings":";AACA,oEAAoE"}

package/src/layout/flex/types.d.ts

@@ -0,0 +1,6 @@
+export interface FlexLayoutProps {
+    title?: string;
+    direction?: 'row' | 'column';
+    gap?: number | string;
+    className?: string;
+}

package/src/layout/flex/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/flex/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/flex/types.ts"],"names":[],"mappings":""}

package/src/layout/grid/GridLayout.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { GridLayoutProps } from './types';
+
+	type Props = GridLayoutProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		columns,
+		gap,
+		children,
+	}: Props = $props();
+	const gridColumns = $derived(`repeat(${columns ?? 3}, 1fr)`);
+	const gridGap = $derived(typeof gap === 'number' ? gap : 12);
+	const rootClass = $derived(['rd-grid', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-grid">
+	{#if title}<span class="rd-grid__title">{title}</span>{/if}
+	<div class="rd-grid__grid" style:grid-template-columns={gridColumns} style:gap="{gridGap}px">{@render children?.()}</div>
+</section>

package/src/layout/grid/index.d.ts

@@ -0,0 +1,2 @@
+export type { GridLayoutProps } from './types';
+/** Component entry is `GridLayout.svelte` (see package exports). */

package/src/layout/grid/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `GridLayout.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/grid/index.ts"],"names":[],"mappings":";AACA,oEAAoE"}

package/src/layout/grid/types.d.ts

@@ -0,0 +1,6 @@
+export interface GridLayoutProps {
+    title?: string;
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+}

package/src/layout/grid/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/grid/types.ts"],"names":[],"mappings":""}

package/src/layout/modal/ModalLayout.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ModalLayoutProps } from './types';
+
+	type Props = ModalLayoutProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		body,
+		confirmLabel,
+		open,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-modal', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-modal" role="dialog" aria-modal="true">
+	<div class="rd-modal__dialog">
+		<span class="rd-modal__title">{title ?? 'Dialog'}</span>
+		{#if body}<p class="rd-modal__body">{body}</p>{/if}
+		<button type="button" class="rd-modal__confirm">{confirmLabel ?? 'Confirm'}</button>
+		{@render children?.()}
+	</div>
+</section>

package/src/layout/modal/index.d.ts

@@ -0,0 +1,2 @@
+export type { ModalLayoutProps } from './types';
+/** Component entry is `ModalLayout.svelte` (see package exports). */

package/src/layout/modal/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `ModalLayout.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/modal/index.ts"],"names":[],"mappings":";AACA,qEAAqE"}

package/src/layout/modal/types.d.ts

@@ -0,0 +1,8 @@
+export interface ModalLayoutProps {
+    title?: string;
+    body?: string;
+    confirmLabel?: string;
+    open?: boolean;
+    onConfirm?: () => void;
+    className?: string;
+}

package/src/layout/modal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/modal/types.ts"],"names":[],"mappings":""}

package/src/layout/tabs/TabsLayout.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { TabsLayoutProps } from './types';
+
+	type Props = TabsLayoutProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		tabs,
+		activeTabId,
+		children,
+	}: Props = $props();
+	function tabClass(id: string): string {
+		return ['rd-tabs__tab', activeTabId === id ? 'rd-tabs__tab--active' : ''].filter(Boolean).join(' ');
+	}
+	const rootClass = $derived(['rd-tabs', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-tabs">
+	{#if title}<span class="rd-tabs__title">{title}</span>{/if}
+	<div class="rd-tabs__tabs" role="tablist">
+		{#each tabs ?? [] as tab (tab.id)}<button type="button" role="tab" class={tabClass(tab.id)}>{tab.label}</button>{/each}
+	</div>
+	<div class="rd-tabs__panel">{@render children?.()}</div>
+</section>

package/src/layout/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export type { TabsLayoutProps } from './types';
+/** Component entry is `TabsLayout.svelte` (see package exports). */

package/src/layout/tabs/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `TabsLayout.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/layout/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/tabs/index.ts"],"names":[],"mappings":";AACA,oEAAoE"}

package/src/layout/tabs/types.d.ts

@@ -0,0 +1,11 @@
+export interface TabsLayoutTab {
+    id: string;
+    label: string;
+}
+export interface TabsLayoutProps {
+    title?: string;
+    tabs?: TabsLayoutTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    className?: string;
+}

package/src/layout/tabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/layout/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/layout/tabs/types.ts"],"names":[],"mappings":""}

package/src/lib/custom-element-host.d.ts

@@ -0,0 +1,4 @@
+export type AttrValue = string | number | boolean | undefined | null;
+export declare function setHostAttribute(host: HTMLElement, name: string, value: AttrValue): void;
+export declare function setHostProperty(host: HTMLElement, name: string, value: unknown): void;
+export declare function attachHostEvents(host: HTMLElement, handlers: Record<string, ((detail: unknown) => void) | undefined>): () => void;

package/src/lib/custom-element-host.js

@@ -0,0 +1,37 @@
+export function setHostAttribute(host, name, value) {
+    if (value === undefined || value === null || value === false) {
+        host.removeAttribute(name);
+    }
+    else if (value === true) {
+        host.setAttribute(name, '');
+    }
+    else {
+        host.setAttribute(name, String(value));
+    }
+}
+export function setHostProperty(host, name, value) {
+    const setProperty = host
+        .setProperty;
+    if (typeof setProperty === 'function') {
+        setProperty.call(host, name, value);
+    }
+}
+export function attachHostEvents(host, handlers) {
+    const listeners = [];
+    for (const [domEvent, handler] of Object.entries(handlers)) {
+        if (!handler) {
+            continue;
+        }
+        const listener = (event) => {
+            handler(event.detail);
+        };
+        host.addEventListener(domEvent, listener);
+        listeners.push([domEvent, listener]);
+    }
+    return () => {
+        for (const [domEvent, listener] of listeners) {
+            host.removeEventListener(domEvent, listener);
+        }
+    };
+}
+//# sourceMappingURL=custom-element-host.js.map

package/src/lib/custom-element-host.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-element-host.js","sourceRoot":"","sources":["../../../../../packages/svelte/src/lib/custom-element-host.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAC9B,IAAiB,EACjB,IAAY,EACZ,KAAgB;IAEhB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,KAAK,EAAE,CAAC;QAC7D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;SAAM,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC9B,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IACzC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,IAAiB,EACjB,IAAY,EACZ,KAAc;IAEd,MAAM,WAAW,GAAI,IAA+D;SACjF,WAAW,CAAC;IACf,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;QACtC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,IAAiB,EACjB,QAAiE;IAEjE,MAAM,SAAS,GAAmC,EAAE,CAAC;IACrD,KAAK,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC3D,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,SAAS;QACX,CAAC;QACD,MAAM,QAAQ,GAAkB,CAAC,KAAK,EAAE,EAAE;YACxC,OAAO,CAAE,KAAqB,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC;QACF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC1C,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACvC,CAAC;IACD,OAAO,GAAG,EAAE;QACV,KAAK,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,SAAS,EAAE,CAAC;YAC7C,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/src/logic/timer/Timer.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { TimerProps } from './types';
+
+	type Props = TimerProps & { children?: Snippet };
+
+	let {
+		className,
+		label,
+		mode,
+		intervalMs,
+		tickCount,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-timer', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-timer">
+	{#if label}<span class="rd-timer__label">{label}</span>{/if}
+	<span class="rd-timer__value">{tickCount ?? 0} ticks</span>
+	{@render children?.()}
+</section>

package/src/logic/timer/index.d.ts

@@ -0,0 +1,2 @@
+export type { TimerProps } from './types';
+/** Component entry is `Timer.svelte` (see package exports). */

package/src/logic/timer/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `Timer.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/logic/timer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/logic/timer/index.ts"],"names":[],"mappings":";AACA,+DAA+D"}

package/src/logic/timer/types.d.ts

@@ -0,0 +1,7 @@
+export interface TimerProps {
+    label?: string;
+    mode?: 'interval' | 'countdown';
+    intervalMs?: number;
+    tickCount?: number;
+    className?: string;
+}

package/src/logic/timer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/logic/timer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/svelte/src/logic/timer/types.ts"],"names":[],"mappings":""}

package/src/visual/chart/bar/BarChart.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { BarChartProps } from './types';
+
+	type Props = BarChartProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		children,
+	}: Props = $props();
+	const barHeights = [40, 65, 55, 80, 48];
+	const rootClass = $derived(['rd-chart-bar', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-chart-bar">
+	<header class="rd-chart-bar__header"><span>{title ?? 'Bar chart'}</span></header>
+	<div class="rd-chart-bar__bars" aria-hidden="true">
+		{#each barHeights as h, i (i)}<div class="rd-chart-bar__bar-wrap"><div class="rd-chart-bar__bar" style:height="{h}%"></div></div>{/each}
+	</div>
+	{@render children?.()}
+</section>

package/src/visual/chart/bar/index.d.ts

@@ -0,0 +1,2 @@
+export type { BarChartProps } from './types';
+/** Component entry is `BarChart.svelte` (see package exports). */

package/src/visual/chart/bar/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `BarChart.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/visual/chart/bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/chart/bar/index.ts"],"names":[],"mappings":";AACA,kEAAkE"}

package/src/visual/chart/bar/types.d.ts

@@ -0,0 +1,4 @@
+export interface BarChartProps {
+    title?: string;
+    className?: string;
+}

package/src/visual/chart/bar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/visual/chart/bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/chart/bar/types.ts"],"names":[],"mappings":""}

package/src/visual/chart/line/LineChart.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { LineChartProps } from './types';
+
+	type Props = LineChartProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-chart-line', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-chart-line">
+	<header class="rd-chart-line__header"><span>{title ?? 'Line chart'}</span></header>
+	<svg viewBox="0 0 240 96" class="rd-chart-line__svg" aria-hidden="true">
+		<polyline class="rd-chart-line__line" points="0,80 40,60 80,65 120,40 160,45 200,20 240,30" />
+	</svg>
+	{@render children?.()}
+</section>

package/src/visual/chart/line/index.d.ts

@@ -0,0 +1,2 @@
+export type { LineChartProps } from './types';
+/** Component entry is `LineChart.svelte` (see package exports). */

package/src/visual/chart/line/index.js

@@ -0,0 +1,3 @@
+export {};
+/** Component entry is `LineChart.svelte` (see package exports). */
+//# sourceMappingURL=index.js.map

package/src/visual/chart/line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/chart/line/index.ts"],"names":[],"mappings":";AACA,mEAAmE"}

package/src/visual/chart/line/types.d.ts

@@ -0,0 +1,4 @@
+export interface LineChartProps {
+    title?: string;
+    className?: string;
+}

package/src/visual/chart/line/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/src/visual/chart/line/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/chart/line/types.ts"],"names":[],"mappings":""}