@poodle64/ui 2026.8.7

package/dist/components/ui/input-group/input-group-input.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn } from '../../../utils.js';
+	import type { ComponentProps } from 'svelte';
+	import { Input } from '../input/index.js';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...props
+	}: ComponentProps<typeof Input> = $props();
+</script>
+
+<Input
+	bind:ref
+	data-slot="input-group-control"
+	class={cn(
+		'flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',
+		className
+	)}
+	bind:value
+	{...props}
+/>

package/dist/components/ui/input-group/input-group-input.svelte.d.ts

@@ -0,0 +1,11 @@
+declare const InputGroupInput: import("svelte").Component<(Omit<import("svelte/elements").HTMLInputAttributes, "type"> & ({
+    type: "file";
+    files?: FileList;
+} | {
+    type?: "number" | "hidden" | "color" | "submit" | "reset" | "button" | "search" | "checkbox" | "radio" | (string & {}) | "text" | "tel" | "url" | "email" | "date" | "time" | "image" | "datetime-local" | "month" | "password" | "range" | "week";
+    files?: undefined;
+})) & {
+    ref?: HTMLElement | null | undefined;
+}, {}, "ref" | "value">;
+type InputGroupInput = ReturnType<typeof InputGroupInput>;
+export default InputGroupInput;

package/dist/components/ui/input-group/input-group-text.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	class={cn(
+		"text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>

package/dist/components/ui/input-group/input-group-text.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const InputGroupText: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLSpanElement>>, {}, "ref">;
+type InputGroupText = ReturnType<typeof InputGroupText>;
+export default InputGroupText;

package/dist/components/ui/input-group/input-group-textarea.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { cn } from '../../../utils.js';
+	import { Textarea } from '../textarea/index.js';
+	import type { ComponentProps } from 'svelte';
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		...props
+	}: ComponentProps<typeof Textarea> = $props();
+</script>
+
+<Textarea
+	bind:ref
+	data-slot="input-group-control"
+	class={cn(
+		'flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',
+		className
+	)}
+	bind:value
+	{...props}
+/>

package/dist/components/ui/input-group/input-group-textarea.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const InputGroupTextarea: import("svelte").Component<Omit<import("../../../utils.js").WithElementRef<import("svelte/elements").HTMLTextareaAttributes>, "children">, {}, "ref" | "value">;
+type InputGroupTextarea = ReturnType<typeof InputGroupTextarea>;
+export default InputGroupTextarea;

package/dist/components/ui/input-group/input-group.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...props
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="input-group"
+	role="group"
+	class={cn(
+		'group/input-group border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5',
+		className
+	)}
+	{...props}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/input-group/input-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../../../utils.js';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const InputGroup: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type InputGroup = ReturnType<typeof InputGroup>;
+export default InputGroup;

package/dist/components/ui/label/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './label.svelte';
+export { Root, Root as Label };

package/dist/components/ui/label/index.js

@@ -0,0 +1,4 @@
+import Root from './label.svelte';
+export { Root, 
+//
+Root as Label };

package/dist/components/ui/label/label.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { Label as LabelPrimitive } from 'bits-ui';
+	import { cn } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: LabelPrimitive.RootProps = $props();
+</script>
+
+<LabelPrimitive.Root
+	bind:ref
+	data-slot="label"
+	class={cn(
+		'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/label/label.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Label as LabelPrimitive } from 'bits-ui';
+declare const Label: import("svelte").Component<LabelPrimitive.RootProps, {}, "ref">;
+type Label = ReturnType<typeof Label>;
+export default Label;

package/dist/components/ui/loading-state/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LoadingState } from './loading-state.svelte';
+export { default } from './loading-state.svelte';

package/dist/components/ui/loading-state/index.js

@@ -0,0 +1,2 @@
+export { default as LoadingState } from './loading-state.svelte';
+export { default } from './loading-state.svelte';

package/dist/components/ui/loading-state/loading-state.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+	import Loader2 from '@lucide/svelte/icons/loader-2';
+	import { cn, type WithElementRef } from '../../../utils.js';
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		message?: string;
+	};
+
+	let {
+		message = 'Loading…',
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: Props = $props();
+</script>
+
+<div
+	bind:this={ref}
+	class={cn('flex flex-col items-center justify-center p-8', className)}
+	role="status"
+	aria-live="polite"
+	aria-label={message}
+	{...restProps}
+>
+	<Loader2 class="text-muted-foreground mb-2 size-8 animate-spin" aria-hidden="true" />
+	<p class="text-muted-foreground text-sm">{message}</p>
+</div>

package/dist/components/ui/loading-state/loading-state.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    message?: string;
+};
+declare const LoadingState: import("svelte").Component<Props, {}, "ref">;
+type LoadingState = ReturnType<typeof LoadingState>;
+export default LoadingState;

package/dist/components/ui/page-header/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PageHeader } from './page-header.svelte';
+export { default } from './page-header.svelte';

package/dist/components/ui/page-header/index.js

@@ -0,0 +1,2 @@
+export { default as PageHeader } from './page-header.svelte';
+export { default } from './page-header.svelte';

package/dist/components/ui/page-header/page-header.svelte

@@ -0,0 +1,100 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import { cn, type WithElementRef } from '../../../utils.js';
+	import InfoTip from '../info-tip/info-tip.svelte';
+
+	/**
+	 * The one page-title pattern for every route. `subtitle` is a short, single
+	 * line that never wraps (line-clamp-1); reserve longer explanation for `info`,
+	 * which renders an (i) tooltip beside the title, so the page never carries a
+	 * standing explainer banner.
+	 *
+	 * `title` is optional, and that is a deliberate widening rather than an
+	 * oversight. One adopting app could not use this component at all: 19 of its
+	 * 22 page headers carry breadcrumbs and 15 have no title, because its page
+	 * header IS a breadcrumb bar with actions on the right. A component that
+	 * insists on a title excludes that shape entirely.
+	 *
+	 * It grew a breadcrumb slot rather than becoming a second component. A
+	 * separate `BreadcrumbHeader` would have had to re-implement the actions row,
+	 * the eyebrow, the info tip and the spacing, and every app would then face a
+	 * choice between two page headers that must not drift — which is precisely
+	 * the drift this package exists to end. One component, one spacing rhythm,
+	 * two shapes.
+	 *
+	 * The trail itself stays the app's, as a snippet: a breadcrumb trail is made
+	 * of routed links, and a package with no SvelteKit runtime of its own cannot
+	 * own those (the same reasoning that makes AppShell take `currentPath` as a
+	 * prop rather than importing `$app/state`).
+	 */
+	let {
+		eyebrow,
+		breadcrumbs,
+		title,
+		subtitle,
+		info,
+		actions,
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		/** A short kicker above the title. Use this OR `breadcrumbs`, not both. */
+		eyebrow?: string;
+		/** The trail above the title — the app's own routed links. */
+		breadcrumbs?: Snippet;
+		/** Omit for a header that is a breadcrumb bar with actions. */
+		title?: string;
+		subtitle?: string;
+		info?: string;
+		actions?: Snippet;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	class={cn('mb-6 flex flex-wrap items-start justify-between gap-4', className)}
+	{...restProps}
+>
+	<div class="min-w-0">
+		{#if breadcrumbs}
+			<div class="text-muted-foreground mb-1.5 flex min-w-0 items-center text-sm">
+				{@render breadcrumbs()}
+			</div>
+		{/if}
+		{#if eyebrow}
+			<div class="text-primary text-2xs tracking-eyebrow mb-1 font-medium uppercase">
+				{eyebrow}
+			</div>
+		{/if}
+		{#if title}
+			<div class="flex items-center gap-2">
+				<h1 class="font-display text-display leading-tight font-semibold tracking-[-0.02em]">
+					{title}
+				</h1>
+				{#if info}
+					<InfoTip
+						text={info}
+						class="text-muted-foreground/50 hover:text-muted-foreground mt-0.5 size-4 transition-colors"
+					/>
+				{/if}
+			</div>
+		{:else if info}
+			<!-- Title-less, but the page still has something to explain. The tip
+			     keeps a row of its own rather than being dropped along with the
+			     heading it usually sits beside. -->
+			<div class="flex items-center gap-2">
+				<InfoTip
+					text={info}
+					class="text-muted-foreground/50 hover:text-muted-foreground size-4 transition-colors"
+				/>
+			</div>
+		{/if}
+		{#if subtitle}
+			<p class="text-muted-foreground mt-1.5 line-clamp-1 max-w-4xl text-sm">{subtitle}</p>
+		{/if}
+	</div>
+	{#if actions}
+		<div class="flex flex-wrap items-center justify-end gap-2">{@render actions()}</div>
+	{/if}
+</div>

package/dist/components/ui/page-header/page-header.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    /** A short kicker above the title. Use this OR `breadcrumbs`, not both. */
+    eyebrow?: string;
+    /** The trail above the title — the app's own routed links. */
+    breadcrumbs?: Snippet;
+    /** Omit for a header that is a breadcrumb bar with actions. */
+    title?: string;
+    subtitle?: string;
+    info?: string;
+    actions?: Snippet;
+};
+declare const PageHeader: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type PageHeader = ReturnType<typeof PageHeader>;
+export default PageHeader;

package/dist/components/ui/panel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Panel } from './panel.svelte';
+export { default } from './panel.svelte';

package/dist/components/ui/panel/index.js

@@ -0,0 +1,2 @@
+export { default as Panel } from './panel.svelte';
+export { default } from './panel.svelte';

package/dist/components/ui/panel/panel.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+	import type { Snippet, Component } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+	import type { WithElementRef } from '../../../utils.js';
+
+	// The generic titled card. Where DetailPanel is the *entity* surface (and owns
+	// a status and a close affordance), Panel is the plain sectioning card any
+	// route reaches for: an optional header with icon, subtitle and trailing
+	// actions, over a body that can opt out of padding for a flush table.
+	let {
+		title,
+		subtitle,
+		icon: Icon,
+		action,
+		children,
+		pad = true,
+		class: klass = '',
+		ref = $bindable(null),
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> & {
+		title?: string;
+		subtitle?: string;
+		icon?: Component<{ class?: string }>;
+		action?: Snippet;
+		children: Snippet;
+		pad?: boolean;
+	} = $props();
+</script>
+
+<section
+	bind:this={ref}
+	class="bg-card border-border ds-edge flex flex-col overflow-hidden rounded-lg border {klass}"
+	{...restProps}
+>
+	{#if title}
+		<header class="border-border flex items-center gap-2.5 border-b px-4 py-3">
+			{#if Icon}
+				<Icon class="text-muted-foreground size-4" />
+			{/if}
+			<div class="min-w-0">
+				<h2 class="text-body leading-tight font-semibold tracking-tight">{title}</h2>
+				{#if subtitle}
+					<p class="text-muted-foreground truncate text-xs">{subtitle}</p>
+				{/if}
+			</div>
+			{#if action}
+				<div class="ml-auto flex items-center gap-1.5">{@render action()}</div>
+			{/if}
+		</header>
+	{/if}
+	<div class={pad ? 'p-4' : ''}>
+		{@render children()}
+	</div>
+</section>

package/dist/components/ui/panel/panel.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Snippet, Component } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+import type { WithElementRef } from '../../../utils.js';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
+    title?: string;
+    subtitle?: string;
+    icon?: Component<{
+        class?: string;
+    }>;
+    action?: Snippet;
+    children: Snippet;
+    pad?: boolean;
+};
+declare const Panel: Component<$$ComponentProps, {}, "ref">;
+type Panel = ReturnType<typeof Panel>;
+export default Panel;

package/dist/components/ui/password-input/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './password-input.svelte';
+export { Root, Root as PasswordInput };

package/dist/components/ui/password-input/index.js

@@ -0,0 +1,4 @@
+import Root from './password-input.svelte';
+export { Root, 
+//
+Root as PasswordInput };

package/dist/components/ui/password-input/password-input.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+	import { cn } from '../../../utils.js';
+	import * as InputGroup from '../input-group/index.js';
+	import Eye from '@lucide/svelte/icons/eye';
+	import EyeOff from '@lucide/svelte/icons/eye-off';
+	import type { HTMLInputAttributes } from 'svelte/elements';
+
+	type Props = Omit<HTMLInputAttributes, 'type' | 'files'> & {
+		value?: string;
+		class?: string;
+	};
+
+	let { value = $bindable(''), id, class: className, disabled, ...rest }: Props = $props();
+
+	let revealed = $state(false);
+</script>
+
+<InputGroup.Root class={cn('h-9 font-mono text-sm', className)}>
+	<InputGroup.Input
+		{id}
+		type={revealed ? 'text' : 'password'}
+		bind:value
+		{disabled}
+		class="font-mono text-sm"
+		{...rest}
+	/>
+	<InputGroup.Addon align="inline-end">
+		<InputGroup.Button
+			type="button"
+			variant="ghost"
+			size="icon-xs"
+			class="text-muted-foreground"
+			{disabled}
+			aria-label={revealed ? 'Hide password' : 'Show password'}
+			aria-pressed={revealed}
+			aria-controls={id}
+			onclick={() => {
+				revealed = !revealed;
+			}}
+		>
+			{#if revealed}
+				<EyeOff class="size-4" aria-hidden="true" />
+			{:else}
+				<Eye class="size-4" aria-hidden="true" />
+			{/if}
+		</InputGroup.Button>
+	</InputGroup.Addon>
+</InputGroup.Root>

package/dist/components/ui/password-input/password-input.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+type Props = Omit<HTMLInputAttributes, 'type' | 'files'> & {
+    value?: string;
+    class?: string;
+};
+declare const PasswordInput: import("svelte").Component<Props, {}, "value">;
+type PasswordInput = ReturnType<typeof PasswordInput>;
+export default PasswordInput;

package/dist/components/ui/popover/index.d.ts

@@ -0,0 +1,4 @@
+import Root from './popover.svelte';
+import Trigger from './popover-trigger.svelte';
+import Content from './popover-content.svelte';
+export { Root, Trigger, Content, Root as Popover, Trigger as PopoverTrigger, Content as PopoverContent };

package/dist/components/ui/popover/index.js

@@ -0,0 +1,6 @@
+import Root from './popover.svelte';
+import Trigger from './popover-trigger.svelte';
+import Content from './popover-content.svelte';
+export { Root, Trigger, Content, 
+// Aliases
+Root as Popover, Trigger as PopoverTrigger, Content as PopoverContent };

package/dist/components/ui/popover/popover-content.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from 'bits-ui';
+	import { cn } from '../../../utils';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		align = 'center',
+		sideOffset = 4,
+		children,
+		...restProps
+	}: PopoverPrimitive.ContentProps & { class?: string } = $props();
+</script>
+
+<PopoverPrimitive.Portal>
+	<!--
+		The transform origin comes from bits-ui, so it is a `--bits-*` variable.
+		This carried the React registry's equivalent, inherited verbatim in the port
+		— a variable nothing in a Svelte tree ever sets — so the origin resolved to
+		nothing and the zoom scaled from the box centre rather than from the
+		trigger. Silent in the usual way: an undefined custom property makes the
+		declaration invalid at computed-value time and the property just falls back.
+		`theme-coverage.test.ts` now fails on any such leftover.
+
+		The height cap and the scroll come as a pair, and the pair is deliberate.
+		A popover holds whatever a page puts in it, and unlike the menus it carried
+		no `overflow-y-auto`, so content taller than the space below the trigger
+		simply ran off the bottom of the window — not clipped, not scrollable,
+		just unreachable. Capping without the overflow would trade that for
+		clipping, which is the same defect wearing a different mask.
+	-->
+	<PopoverPrimitive.Content
+		bind:ref
+		data-slot="popover-content"
+		{align}
+		{sideOffset}
+		class={cn(
+			'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--bits-popover-content-available-height) w-72 origin-(--bits-popover-content-transform-origin) overflow-y-auto rounded-md border p-4 shadow-md outline-none',
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+	</PopoverPrimitive.Content>
+</PopoverPrimitive.Portal>

package/dist/components/ui/popover/popover-content.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Popover as PopoverPrimitive } from 'bits-ui';
+type $$ComponentProps = PopoverPrimitive.ContentProps & {
+    class?: string;
+};
+declare const PopoverContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type PopoverContent = ReturnType<typeof PopoverContent>;
+export default PopoverContent;

package/dist/components/ui/popover/popover-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from 'bits-ui';
+
+	let { ...restProps }: PopoverPrimitive.TriggerProps = $props();
+</script>
+
+<PopoverPrimitive.Trigger {...restProps} />

package/dist/components/ui/popover/popover-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Popover as PopoverPrimitive } from 'bits-ui';
+declare const PopoverTrigger: import("svelte").Component<PopoverPrimitive.TriggerProps, {}, "">;
+type PopoverTrigger = ReturnType<typeof PopoverTrigger>;
+export default PopoverTrigger;

package/dist/components/ui/popover/popover.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from 'bits-ui';
+
+	let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
+</script>
+
+<PopoverPrimitive.Root bind:open {...restProps} />

package/dist/components/ui/popover/popover.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const Popover: import("svelte").Component<import("bits-ui").PopoverRootPropsWithoutHTML, {}, "open">;
+type Popover = ReturnType<typeof Popover>;
+export default Popover;

package/dist/components/ui/progress/index.d.ts

@@ -0,0 +1,2 @@
+import Root from './progress.svelte';
+export { Root, Root as Progress };

package/dist/components/ui/progress/index.js

@@ -0,0 +1,4 @@
+import Root from './progress.svelte';
+export { Root, 
+//
+Root as Progress };

package/dist/components/ui/progress/progress.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { Progress as ProgressPrimitive } from 'bits-ui';
+	import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		max = 100,
+		value,
+		...restProps
+	}: WithoutChildrenOrChild<ProgressPrimitive.RootProps> = $props();
+</script>
+
+<ProgressPrimitive.Root
+	bind:ref
+	data-slot="progress"
+	class={cn(
+		'bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full',
+		className
+	)}
+	{value}
+	{max}
+	{...restProps}
+>
+	<div
+		data-slot="progress-indicator"
+		class="bg-primary size-full flex-1 transition-all"
+		style="transform: translateX(-{100 - (100 * (value ?? 0)) / (max ?? 1)}%)"
+	></div>
+</ProgressPrimitive.Root>

package/dist/components/ui/progress/progress.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Progress as ProgressPrimitive } from 'bits-ui';
+declare const Progress: import("svelte").Component<Omit<Omit<ProgressPrimitive.RootProps, "child">, "children">, {}, "ref">;
+type Progress = ReturnType<typeof Progress>;
+export default Progress;

package/dist/components/ui/scorecard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Scorecard } from './scorecard.svelte';
+export { default } from './scorecard.svelte';

package/dist/components/ui/scorecard/index.js

@@ -0,0 +1,2 @@
+export { default as Scorecard } from './scorecard.svelte';
+export { default } from './scorecard.svelte';