@svadmin/ui 0.29.2 → 0.29.4

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { getContext } from "svelte";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		align?: "start" | "center" | "end";
+	};
+
+	let {
+		ref = $bindable(null),
+		align = "end",
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+
+	let isOpen = $derived(getContext<() => boolean>("svadmin-dropdown-open")?.() ?? true);
+</script>
+
+{#if isOpen}
+<div
+	bind:this={ref}
+	data-slot="dropdown-menu-content"
+	class={cn(
+		"bg-popover text-popover-foreground z-50 min-w-[8rem] overflow-hidden rounded-lg border p-1 shadow-lg",
+		"absolute mt-1 animate-in fade-in-0 zoom-in-95",
+		align === "end" ? "right-0" : align === "start" ? "left-0" : "left-1/2 -translate-x-1/2",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
+{/if}

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts

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

package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement> & {
+		inset?: boolean;
+		destructive?: boolean;
+	};
+
+	let {
+		ref = $bindable(null),
+		inset = false,
+		destructive = false,
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<button
+	bind:this={ref}
+	type="button"
+	data-slot="dropdown-menu-item"
+	class={cn(
+		"relative flex w-full cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors [&_svg]:size-4 [&_svg]:shrink-0",
+		destructive
+			? "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
+			: "hover:bg-accent focus:bg-accent focus:text-accent-foreground",
+		"disabled:pointer-events-none disabled:opacity-50",
+		inset && "pl-8",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</button>

package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLButtonAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement> & {
+    inset?: boolean;
+    destructive?: boolean;
+};
+declare const DropdownMenuItem: import("svelte").Component<Props, {}, "ref">;
+type DropdownMenuItem = ReturnType<typeof DropdownMenuItem>;
+export default DropdownMenuItem;

package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { cn } from "../../../utils.js";
+
+	let { class: className }: { class?: string } = $props();
+</script>
+
+<div
+	data-slot="dropdown-menu-separator"
+	class={cn("-mx-1 my-1 h-px bg-border", className)}
+></div>

package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    class?: string;
+};
+declare const DropdownMenuSeparator: import("svelte").Component<$$ComponentProps, {}, "">;
+type DropdownMenuSeparator = ReturnType<typeof DropdownMenuSeparator>;
+export default DropdownMenuSeparator;

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement>;
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		child,
+		...restProps
+	}: Props & { child?: import("svelte").Snippet<[{ props: Record<string, unknown> }]> } = $props();
+</script>
+
+{#if child}
+	{@render child({ props: { ...restProps, class: cn(className), "data-slot": "dropdown-menu-trigger" } })}
+{:else}
+	<button
+		bind:this={ref}
+		data-slot="dropdown-menu-trigger"
+		class={cn(className)}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
+{/if}

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLButtonAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement>;
+type $$ComponentProps = Props & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+};
+declare const DropdownMenuTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type DropdownMenuTrigger = ReturnType<typeof DropdownMenuTrigger>;
+export default DropdownMenuTrigger;

package/dist/components/ui/dropdown-menu/dropdown-menu.svelte

@@ -0,0 +1,45 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes, HTMLButtonAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		open?: boolean;
+		onOpenChange?: (open: boolean) => void;
+	};
+
+	let {
+		ref = $bindable(null),
+		open = $bindable(false),
+		onOpenChange,
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+
+	import { setContext } from "svelte";
+
+	function handleClickOutside(e: MouseEvent) {
+		if (ref && !ref.contains(e.target as Node)) {
+			open = false;
+			onOpenChange?.(false);
+		}
+	}
+
+	setContext("svadmin-dropdown-open", () => open);
+
+	$effect(() => {
+		if (open) {
+			document.addEventListener('click', handleClickOutside, true);
+			return () => document.removeEventListener('click', handleClickOutside, true);
+		}
+	});
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="dropdown-menu"
+	class={cn("relative inline-block", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/dropdown-menu/dropdown-menu.svelte.d.ts

@@ -0,0 +1,9 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+declare const DropdownMenu: import("svelte").Component<Props, {}, "open" | "ref">;
+type DropdownMenu = ReturnType<typeof DropdownMenu>;
+export default DropdownMenu;

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1,7 @@
+import DropdownMenu from "./dropdown-menu.svelte";
+import DropdownMenuContent from "./dropdown-menu-content.svelte";
+import DropdownMenuItem from "./dropdown-menu-item.svelte";
+import DropdownMenuSeparator from "./dropdown-menu-separator.svelte";
+import DropdownMenuTrigger from "./dropdown-menu-trigger.svelte";
+import DropdownMenuCheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuCheckboxItem, DropdownMenu as Root, DropdownMenuContent as Content, DropdownMenuItem as Item, DropdownMenuSeparator as Separator, DropdownMenuTrigger as Trigger, DropdownMenuCheckboxItem as CheckboxItem, };

package/dist/components/ui/dropdown-menu/index.js

@@ -0,0 +1,7 @@
+import DropdownMenu from "./dropdown-menu.svelte";
+import DropdownMenuContent from "./dropdown-menu-content.svelte";
+import DropdownMenuItem from "./dropdown-menu-item.svelte";
+import DropdownMenuSeparator from "./dropdown-menu-separator.svelte";
+import DropdownMenuTrigger from "./dropdown-menu-trigger.svelte";
+import DropdownMenuCheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuCheckboxItem, DropdownMenu as Root, DropdownMenuContent as Content, DropdownMenuItem as Item, DropdownMenuSeparator as Separator, DropdownMenuTrigger as Trigger, DropdownMenuCheckboxItem as CheckboxItem, };

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

@@ -0,0 +1,2 @@
+import Root from "./input.svelte";
+export { Root, Root as Input, };

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

@@ -0,0 +1,4 @@
+import Root from "./input.svelte";
+export { Root, 
+//
+Root as Input, };

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

@@ -0,0 +1,48 @@
+<script lang="ts">
+	import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	type InputType = Exclude<HTMLInputTypeAttribute, "file">;
+
+	type Props = WithElementRef<
+		Omit<HTMLInputAttributes, "type"> &
+			({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
+	>;
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		type,
+		files = $bindable(),
+		class: className,
+		"data-slot": dataSlot = "input",
+		...restProps
+	}: Props = $props();
+</script>
+
+{#if type === "file"}
+	<input
+		bind:this={ref}
+		data-slot={dataSlot}
+		class={cn(
+			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-9 rounded-lg border bg-transparent px-3 py-1.5 text-base transition-colors file:h-7 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+			className
+		)}
+		type="file"
+		bind:files
+		bind:value
+		{...restProps}
+	/>
+{:else}
+	<input
+		bind:this={ref}
+		data-slot={dataSlot}
+		class={cn(
+			"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-9 rounded-lg border bg-transparent px-3 py-1.5 text-base transition-colors file:h-7 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+			className
+		)}
+		{type}
+		bind:value
+		{...restProps}
+	/>
+{/if}

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

@@ -0,0 +1,13 @@
+import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
+import { type WithElementRef } from "../../../utils.js";
+type InputType = Exclude<HTMLInputTypeAttribute, "file">;
+type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
+    type: "file";
+    files?: FileList;
+} | {
+    type?: InputType;
+    files?: undefined;
+})>;
+declare const Input: import("svelte").Component<Props, {}, "value" | "ref" | "files">;
+type Input = ReturnType<typeof Input>;
+export default Input;

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

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

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

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

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

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { cn, type WithElementRef } from '../../../utils.js';
+  import type { HTMLLabelAttributes } from 'svelte/elements';
+
+  let { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLLabelAttributes, HTMLLabelElement> = $props();
+</script>
+
+<label
+  bind:this={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}
+>
+  {@render children?.()}
+</label>

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

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

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

@@ -0,0 +1,7 @@
+export { default as Root } from './pagination.svelte';
+export { default as Content } from './pagination-content.svelte';
+export { default as Item } from './pagination-item.svelte';
+export { default as Link } from './pagination-link.svelte';
+export { default as Ellipsis } from './pagination-ellipsis.svelte';
+export { default as Previous } from './pagination-previous.svelte';
+export { default as Next } from './pagination-next.svelte';

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

@@ -0,0 +1,7 @@
+export { default as Root } from './pagination.svelte';
+export { default as Content } from './pagination-content.svelte';
+export { default as Item } from './pagination-item.svelte';
+export { default as Link } from './pagination-link.svelte';
+export { default as Ellipsis } from './pagination-ellipsis.svelte';
+export { default as Previous } from './pagination-previous.svelte';
+export { default as Next } from './pagination-next.svelte';

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

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let { class: className, children, ...restProps }: HTMLAttributes<HTMLUListElement> & { children?: Snippet } = $props();
+</script>
+
+<ul data-slot="pagination-content" class={cn("flex flex-row items-center gap-1", className)} {...restProps}>
+  {@render children?.()}
+</ul>

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLUListElement> & {
+    children?: Snippet;
+};
+declare const PaginationContent: import("svelte").Component<$$ComponentProps, {}, "">;
+type PaginationContent = ReturnType<typeof PaginationContent>;
+export default PaginationContent;

package/dist/components/ui/pagination/pagination-ellipsis.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import { Ellipsis } from '@lucide/svelte';
+
+  let { class: className, ...restProps }: HTMLAttributes<HTMLSpanElement> = $props();
+</script>
+
+<span aria-hidden="true" data-slot="pagination-ellipsis" class={cn("flex size-9 items-center justify-center", className)} {...restProps}>
+  <Ellipsis class="size-4" />
+  <span class="sr-only">More pages</span>
+</span>

package/dist/components/ui/pagination/pagination-ellipsis.svelte.d.ts

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

package/dist/components/ui/pagination/pagination-item.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { Snippet } from 'svelte';
+  import type { HTMLLiAttributes } from 'svelte/elements';
+
+  let { class: className, children, ...restProps }: HTMLLiAttributes & { children?: Snippet } = $props();
+</script>
+
+<li data-slot="pagination-item" class={cn("", className)} {...restProps}>
+  {@render children?.()}
+</li>

package/dist/components/ui/pagination/pagination-item.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { HTMLLiAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLLiAttributes & {
+    children?: Snippet;
+};
+declare const PaginationItem: import("svelte").Component<$$ComponentProps, {}, "">;
+type PaginationItem = ReturnType<typeof PaginationItem>;
+export default PaginationItem;

package/dist/components/ui/pagination/pagination-link.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { Snippet } from 'svelte';
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+  import { buttonVariants } from '../button/index.js';
+
+  let {
+    class: className,
+    isActive = false,
+    children,
+    ...restProps
+  }: HTMLButtonAttributes & { isActive?: boolean; children?: Snippet } = $props();
+</script>
+
+<button
+  aria-current={isActive ? 'page' : undefined}
+  data-slot="pagination-link"
+  data-active={isActive}
+  class={cn(
+    buttonVariants({ variant: isActive ? 'outline' : 'ghost', size: 'icon-sm' }),
+    className
+  )}
+  {...restProps}
+>
+  {@render children?.()}
+</button>

package/dist/components/ui/pagination/pagination-link.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLButtonAttributes & {
+    isActive?: boolean;
+    children?: Snippet;
+};
+declare const PaginationLink: import("svelte").Component<$$ComponentProps, {}, "">;
+type PaginationLink = ReturnType<typeof PaginationLink>;
+export default PaginationLink;

package/dist/components/ui/pagination/pagination-next.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { Snippet } from 'svelte';
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+  import { buttonVariants } from '../button/index.js';
+  import { ChevronRight } from '@lucide/svelte';
+
+  let { class: className, children, ...restProps }: HTMLButtonAttributes & { children?: Snippet } = $props();
+</script>
+
+<button
+  aria-label="Go to next page"
+  data-slot="pagination-next"
+  class={cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), "gap-1", className)}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {:else}
+    <ChevronRight class="size-4" />
+  {/if}
+</button>

package/dist/components/ui/pagination/pagination-next.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLButtonAttributes & {
+    children?: Snippet;
+};
+declare const PaginationNext: import("svelte").Component<$$ComponentProps, {}, "">;
+type PaginationNext = ReturnType<typeof PaginationNext>;
+export default PaginationNext;

package/dist/components/ui/pagination/pagination-previous.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { Snippet } from 'svelte';
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+  import { buttonVariants } from '../button/index.js';
+  import { ChevronLeft } from '@lucide/svelte';
+
+  let { class: className, children, ...restProps }: HTMLButtonAttributes & { children?: Snippet } = $props();
+</script>
+
+<button
+  aria-label="Go to previous page"
+  data-slot="pagination-previous"
+  class={cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), "gap-1", className)}
+  {...restProps}
+>
+  {#if children}
+    {@render children()}
+  {:else}
+    <ChevronLeft class="size-4" />
+  {/if}
+</button>

package/dist/components/ui/pagination/pagination-previous.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLButtonAttributes & {
+    children?: Snippet;
+};
+declare const PaginationPrevious: import("svelte").Component<$$ComponentProps, {}, "">;
+type PaginationPrevious = ReturnType<typeof PaginationPrevious>;
+export default PaginationPrevious;

package/dist/components/ui/pagination/pagination.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import { cn } from '../../../utils.js';
+  import type { Snippet } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  let { class: className, children, ...restProps }: HTMLAttributes<HTMLElement> & { children?: Snippet } = $props();
+</script>
+
+<nav aria-label="pagination" data-slot="pagination" class={cn("mx-auto flex w-full justify-center", className)} {...restProps}>
+  {@render children?.()}
+</nav>

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

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLElement> & {
+    children?: Snippet;
+};
+declare const Pagination: import("svelte").Component<$$ComponentProps, {}, "">;
+type Pagination = ReturnType<typeof Pagination>;
+export default Pagination;

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

@@ -0,0 +1,6 @@
+import { Popover as PopoverPrimitive } from "bits-ui";
+declare const Root: import("svelte").Component<import("bits-ui").PopoverRootPropsWithoutHTML, {}, "open">;
+declare const Trigger: import("svelte").Component<PopoverPrimitive.TriggerProps, {}, "ref">;
+declare const Close: import("svelte").Component<PopoverPrimitive.CloseProps, {}, "ref">;
+export { Root, Trigger, Close, };
+export { default as Content } from "./popover-content.svelte";

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

@@ -0,0 +1,6 @@
+import { Popover as PopoverPrimitive } from "bits-ui";
+const Root = PopoverPrimitive.Root;
+const Trigger = PopoverPrimitive.Trigger;
+const Close = PopoverPrimitive.Close;
+export { Root, Trigger, Close, };
+export { default as Content } from "./popover-content.svelte";

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

@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { Popover as PopoverPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		align = "center",
+		sideOffset = 4,
+		...restProps
+	}: PopoverPrimitive.ContentProps & { class?: string } = $props();
+</script>
+
+<PopoverPrimitive.Portal>
+	<PopoverPrimitive.Content
+		bind:ref
+		{align}
+		{sideOffset}
+		class={cn(
+			"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
+			className,
+		)}
+		{...restProps}
+	/>
+</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/progress/index.d.ts

@@ -0,0 +1 @@
+export { default as Progress } from "./progress.svelte";

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

@@ -0,0 +1 @@
+export { default as Progress } from "./progress.svelte";

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { cn } from "../../../utils.js";
+
+	let { value = 0, max = 100, class: className, ...restProps }:
+		{ value?: number; max?: number; class?: string } & Record<string, unknown> = $props();
+
+	const percentage = $derived(Math.min(100, Math.max(0, (value / max) * 100)));
+</script>
+
+<div
+	class={cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className)}
+	role="progressbar"
+	aria-valuenow={value}
+	aria-valuemin={0}
+	aria-valuemax={max}
+	{...restProps}
+>
+	<div
+		class="h-full w-full flex-1 bg-primary transition-all duration-200"
+		style="transform: translateX(-{100 - percentage}%)"
+	></div>
+</div>

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

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    value?: number;
+    max?: number;
+    class?: string;
+} & Record<string, unknown>;
+declare const Progress: import("svelte").Component<$$ComponentProps, {}, "">;
+type Progress = ReturnType<typeof Progress>;
+export default Progress;

package/dist/components/ui/scroll-area/index.d.ts

@@ -0,0 +1 @@
+export { default as ScrollArea } from "./scroll-area.svelte";