@rosettadash/svelte 0.1.1

package/src/visual/chart/pie/PieChart.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { PieChartProps } from './types';
+
+	type Props = PieChartProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-chart-pie', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-chart-pie">
+	<header class="rd-chart-pie__header"><span>{title ?? 'Pie chart'}</span></header>
+	<div class="rd-chart-pie__pie" aria-hidden="true"></div>
+	{@render children?.()}
+</section>

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

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

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

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

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

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

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

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

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

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

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

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

package/src/visual/detail/DetailPanel.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { DetailPanelProps } from './types';
+
+	type Props = DetailPanelProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		emptyMessage,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-detail', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-detail">
+	<header class="rd-detail__header"><span>{title ?? 'Details'}</span></header>
+	<p class="rd-detail__empty">{emptyMessage ?? 'Select a row to view details'}</p>
+	{@render children?.()}
+</section>

package/src/visual/detail/index.d.ts

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

package/src/visual/detail/index.js

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

package/src/visual/detail/index.js.map

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

package/src/visual/detail/types.d.ts

@@ -0,0 +1,5 @@
+export interface DetailPanelProps {
+    title?: string;
+    emptyMessage?: string;
+    className?: string;
+}

package/src/visual/detail/types.js

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

package/src/visual/detail/types.js.map

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

package/src/visual/display/3d-bar-chart/ThreeBarChart.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ThreeBarChartProps } from './types';
+
+	type Props = ThreeBarChartProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		mode,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-display-3d-bar-chart', className].filter(Boolean).join(' '));
+</script>
+
+<section
+	class={rootClass}
+	data-testid="rd-display-3d-bar-chart"
+	data-three-mode={mode}
+	data-three-title={title}
+	aria-label={title ?? '3D host'}
+>{@render children?.()}</section>

package/src/visual/display/3d-bar-chart/index.d.ts

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

package/src/visual/display/3d-bar-chart/index.js

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

package/src/visual/display/3d-bar-chart/index.js.map

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

package/src/visual/display/3d-bar-chart/types.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeBarChartProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+}

package/src/visual/display/3d-bar-chart/types.js

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

package/src/visual/display/3d-bar-chart/types.js.map

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

package/src/visual/display/3d-geo-globe/ThreeGeoGlobe.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ThreeGeoGlobeProps } from './types';
+
+	type Props = ThreeGeoGlobeProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		mode,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-display-3d-geo-globe', className].filter(Boolean).join(' '));
+</script>
+
+<section
+	class={rootClass}
+	data-testid="rd-display-3d-geo-globe"
+	data-three-mode={mode}
+	data-three-title={title}
+	aria-label={title ?? '3D host'}
+>{@render children?.()}</section>

package/src/visual/display/3d-geo-globe/index.d.ts

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

package/src/visual/display/3d-geo-globe/index.js

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

package/src/visual/display/3d-geo-globe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/display/3d-geo-globe/index.ts"],"names":[],"mappings":";AACA,uEAAuE"}

package/src/visual/display/3d-geo-globe/types.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeGeoGlobeProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+}

package/src/visual/display/3d-geo-globe/types.js

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

package/src/visual/display/3d-geo-globe/types.js.map

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

package/src/visual/display/3d-gltf-model/ThreeGltfModel.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ThreeGltfModelProps } from './types';
+
+	type Props = ThreeGltfModelProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		mode,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-display-3d-gltf-model', className].filter(Boolean).join(' '));
+</script>
+
+<section
+	class={rootClass}
+	data-testid="rd-display-3d-gltf-model"
+	data-three-mode={mode}
+	data-three-title={title}
+	aria-label={title ?? '3D host'}
+>{@render children?.()}</section>

package/src/visual/display/3d-gltf-model/index.d.ts

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

package/src/visual/display/3d-gltf-model/index.js

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

package/src/visual/display/3d-gltf-model/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/display/3d-gltf-model/index.ts"],"names":[],"mappings":";AACA,wEAAwE"}

package/src/visual/display/3d-gltf-model/types.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeGltfModelProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+}

package/src/visual/display/3d-gltf-model/types.js

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

package/src/visual/display/3d-gltf-model/types.js.map

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

package/src/visual/display/3d-scatter/ThreeScatterPlot.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ThreeScatterPlotProps } from './types';
+
+	type Props = ThreeScatterPlotProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		mode,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-display-3d-scatter', className].filter(Boolean).join(' '));
+</script>
+
+<section
+	class={rootClass}
+	data-testid="rd-display-3d-scatter"
+	data-three-mode={mode}
+	data-three-title={title}
+	aria-label={title ?? '3D host'}
+>{@render children?.()}</section>

package/src/visual/display/3d-scatter/index.d.ts

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

package/src/visual/display/3d-scatter/index.js

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

package/src/visual/display/3d-scatter/index.js.map

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

package/src/visual/display/3d-scatter/types.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeScatterPlotProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+}

package/src/visual/display/3d-scatter/types.js

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

package/src/visual/display/3d-scatter/types.js.map

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

package/src/visual/display/3d-scene/ThreeScenePointCloud.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { ThreeScenePointCloudProps } from './types';
+
+	type Props = ThreeScenePointCloudProps & { children?: Snippet };
+
+	let {
+		className,
+		title,
+		mode,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-display-3d-scene', className].filter(Boolean).join(' '));
+</script>
+
+<section
+	class={rootClass}
+	data-testid="rd-display-3d-scene"
+	data-three-mode={mode}
+	data-three-title={title}
+	aria-label={title ?? '3D host'}
+>{@render children?.()}</section>

package/src/visual/display/3d-scene/index.d.ts

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

package/src/visual/display/3d-scene/index.js

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

package/src/visual/display/3d-scene/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/svelte/src/visual/display/3d-scene/index.ts"],"names":[],"mappings":";AACA,8EAA8E"}

package/src/visual/display/3d-scene/types.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeScenePointCloudProps {
+    title?: string;
+    mode?: string;
+    className?: string;
+}

package/src/visual/display/3d-scene/types.js

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

package/src/visual/display/3d-scene/types.js.map

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

package/src/visual/input/checkbox/CheckboxInput.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { CheckboxInputProps } from './types';
+
+	type Props = CheckboxInputProps & { children?: Snippet };
+
+	let {
+		className,
+		label,
+		checked,
+		defaultChecked,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-input-checkbox', className].filter(Boolean).join(' '));
+</script>
+
+<label class="{rootClass} rd-field--checkbox" data-testid="rd-input-checkbox">
+	<input type="checkbox" class="rd-checkbox" checked={checked ?? defaultChecked ?? false} />
+	{#if label}<span class="rd-field__label">{label}</span>{/if}
+	{@render children?.()}
+</label>

package/src/visual/input/checkbox/index.d.ts

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

package/src/visual/input/checkbox/index.js

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

package/src/visual/input/checkbox/index.js.map

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

package/src/visual/input/checkbox/types.d.ts

@@ -0,0 +1,7 @@
+export interface CheckboxInputProps {
+    label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    className?: string;
+}

package/src/visual/input/checkbox/types.js

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

package/src/visual/input/checkbox/types.js.map

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

package/src/visual/input/date-range/DateRangeFilter.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { DateRangeFilterProps } from './types';
+
+	type Props = DateRangeFilterProps & { children?: Snippet };
+
+	let {
+		className,
+		label,
+		startDate,
+		endDate,
+		presetLabel,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-input-date-range', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-input-date-range">
+	{#if label}<span class="rd-field__label">{label}</span>{/if}
+	<div class="rd-date-range__controls">
+		<input type="date" class="rd-input" value={startDate ?? ''} />
+		<span class="rd-date-range__sep">to</span>
+		<input type="date" class="rd-input" value={endDate ?? ''} />
+	</div>
+	{#if presetLabel}<span class="rd-date-range__preset">{presetLabel}</span>{/if}
+	{@render children?.()}
+</section>

package/src/visual/input/date-range/index.d.ts

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

package/src/visual/input/date-range/index.js

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

package/src/visual/input/date-range/index.js.map

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

package/src/visual/input/date-range/types.d.ts

@@ -0,0 +1,11 @@
+export interface DateRangeFilterProps {
+    label?: string;
+    startDate?: string;
+    endDate?: string;
+    presetLabel?: string;
+    onChange?: (range: {
+        startDate: string;
+        endDate: string;
+    }) => void;
+    className?: string;
+}

package/src/visual/input/date-range/types.js

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

package/src/visual/input/date-range/types.js.map

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

package/src/visual/input/number/NumberInput.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { NumberInputProps } from './types';
+
+	type Props = NumberInputProps & { children?: Snippet };
+
+	let {
+		className,
+		label,
+		placeholder,
+		min,
+		max,
+		step,
+		value,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-input-number', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-input-number">
+	{#if label}<span class="rd-field__label">{label}</span>{/if}
+	<input type="number" class="rd-input" placeholder={placeholder ?? ''} min={min} max={max} step={step} value={value} />
+	{@render children?.()}
+</section>

package/src/visual/input/number/index.d.ts

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

package/src/visual/input/number/index.js

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

package/src/visual/input/number/index.js.map

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

package/src/visual/input/number/types.d.ts

@@ -0,0 +1,10 @@
+export interface NumberInputProps {
+    label?: string;
+    placeholder?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    onChange?: (value: number) => void;
+    className?: string;
+}

package/src/visual/input/number/types.js

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

package/src/visual/input/number/types.js.map

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

package/src/visual/input/select/SelectInput.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { SelectInputProps } from './types';
+
+	type Props = SelectInputProps & { children?: Snippet };
+
+	let {
+		className,
+		label,
+		placeholder,
+		options,
+		value,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-input-select', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-input-select">
+	{#if label}<span class="rd-field__label">{label}</span>{/if}
+	<select class="rd-select" value={value ?? ''}>
+		<option value="">{placeholder ?? 'Select…'}</option>
+		{#each options ?? [] as o (o.value)}<option value={o.value}>{o.label}</option>{/each}
+	</select>
+	{@render children?.()}
+</section>

package/src/visual/input/select/index.d.ts

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

package/src/visual/input/select/index.js

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

package/src/visual/input/select/index.js.map

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

package/src/visual/input/select/types.d.ts

@@ -0,0 +1,12 @@
+export interface SelectInputOption {
+    value: string;
+    label: string;
+}
+export interface SelectInputProps {
+    label?: string;
+    placeholder?: string;
+    options?: SelectInputOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+}

package/src/visual/input/select/types.js

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

package/src/visual/input/select/types.js.map

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

package/src/visual/input/text/TextInput.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { TextInputProps } from './types';
+
+	type Props = TextInputProps & { children?: Snippet };
+
+	let {
+		className,
+		label,
+		placeholder,
+		required,
+		value,
+		defaultValue,
+		children,
+	}: Props = $props();
+	const rootClass = $derived(['rd-input-text', className].filter(Boolean).join(' '));
+</script>
+
+<section class={rootClass} data-testid="rd-input-text">
+	{#if label}<span class="rd-field__label">{label}</span>{/if}
+	<input type="text" class="rd-input" placeholder={placeholder ?? ''} required={required ?? false} value={value ?? ''} />
+	{@render children?.()}
+</section>

package/src/visual/input/text/index.d.ts

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

package/src/visual/input/text/index.js

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