f6e453098b
- Changed imports from '$lib' to '#lib' for consistency across the codebase. - Updated environment variable imports to use the new structure from '$app/env/public' and '$app/env/private'. - Removed deprecated svelte.config.js and adjusted vite.config.js to accommodate new configurations. - Added stubs for environment variables in tests to ensure compatibility with the new import structure.
21 lines
613 B
Svelte
21 lines
613 B
Svelte
<script>
|
|
import { Progress as ProgressPrimitive } from 'bits-ui';
|
|
import { cn } from '#lib/utils.js';
|
|
|
|
let { ref = $bindable(null), class: className, max = 100, value, ...restProps } = $props();
|
|
</script>
|
|
|
|
<ProgressPrimitive.Root
|
|
bind:ref
|
|
data-slot="progress"
|
|
class={cn('bg-primary/20 relative h-2 w-full overflow-hidden rounded-full', className)}
|
|
{value}
|
|
{max}
|
|
{...restProps}
|
|
>
|
|
<div
|
|
data-slot="progress-indicator"
|
|
class="bg-primary h-full w-full flex-1 transition-all"
|
|
style="transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)"
|
|
></div>
|
|
</ProgressPrimitive.Root>
|