@makolabs/ripple 2.1.0 → 2.3.0

package/dist/forms/RadioPill.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-	import { cn } from '../helper/cls.js';
-	import type { RadioPillProps } from '../index.js';
-
-	let {
-		options = [],
-		value = $bindable(options.length > 0 ? options[0].value : ''),
-		name = '',
-		class: className = '',
-		errors = [],
-		onchange = undefined,
-		label = ''
-	}: RadioPillProps = $props();
-
-	function handleSelect(optionValue: string) {
-		value = optionValue;
-		if (onchange) onchange(optionValue);
-	}
-
-	let pillDivRef: HTMLDivElement;
-	const hasError = $derived(errors && errors.length > 0);
-
-	$effect(() => {
-		if (errors.length) {
-			pillDivRef.scrollIntoView({ behavior: 'smooth', block: 'center' });
-		}
-	});
-</script>
-
-<div class={cn('flex flex-col space-y-2', className)} bind:this={pillDivRef}>
-	{#if hasError}
-		<div class="text-danger-500 text-sm">{errors[0]}</div>
-	{/if}
-	{#if label}
-		<label
-			class={cn('text-sm font-medium', hasError ? 'text-danger-500' : 'text-default-700')}
-			for={value}>{label}</label
-		>
-	{/if}
-	<div class="inline-flex flex-wrap gap-2">
-		{#each options as option (option.value)}
-			<button
-				id={option.value}
-				type="button"
-				onclick={() => handleSelect(option.value)}
-				class={cn(
-					'border-default-200 cursor-pointer rounded-lg border px-4 py-2 text-sm font-medium transition-all',
-					{
-						'border-info-600 bg-info-600 text-white': value === option.value && !hasError,
-						'border-danger-500 bg-danger-500 text-white': value === option.value && hasError,
-						'text-default-800 hover:border-default-300 bg-white':
-							value !== option.value && !hasError,
-						'border-danger-500 text-danger-500 hover:bg-danger-50':
-							value !== option.value && hasError,
-						'text-default-400': value !== option.value && option.value === '128' && !hasError
-					}
-				)}
-				aria-pressed={value === option.value}
-			>
-				{option.label}
-			</button>
-		{/each}
-	</div>
-</div>
-
-<input type="hidden" {name} {value} />

package/dist/forms/RadioPill.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { RadioPillProps } from '../index.js';
-declare const RadioPill: import("svelte").Component<RadioPillProps, {}, "value">;
-type RadioPill = ReturnType<typeof RadioPill>;
-export default RadioPill;