@kayord/ui 0.11.0 → 0.12.0

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

@@ -2,22 +2,14 @@
 	import { Menubar as MenubarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = MenubarPrimitive.TriggerProps;
-	type $$Events = MenubarPrimitive.TriggerEvents;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: MenubarPrimitive.TriggerProps = $props();
 </script>
 
 <MenubarPrimitive.Trigger
+	bind:ref
 	class={cn(
 		"flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground",
 		className
 	)}
-	on:click
-	on:keydown
-	on:pointerenter
-	{...$$restProps}
->
-	<slot />
-</MenubarPrimitive.Trigger>
+	{...restProps}
+/>

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

@@ -1,26 +1,3 @@
 import { Menubar as MenubarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const MenubarTrigger: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<MenubarPrimitive.TriggerProps, {
-    default: {};
-}>, MenubarPrimitive.TriggerEvents, {
-    default: {};
-}, {}, string>;
-type MenubarTrigger = InstanceType<typeof MenubarTrigger>;
+declare const MenubarTrigger: import("svelte").Component<MenubarPrimitive.TriggerProps, {}, "ref">;
 export default MenubarTrigger;

package/dist/components/ui/menubar/menubar.svelte

@@ -2,15 +2,11 @@
 	import { Menubar as MenubarPrimitive } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = MenubarPrimitive.Props;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let { ref = $bindable(null), class: className, ...restProps }: MenubarPrimitive.RootProps = $props();
 </script>
 
 <MenubarPrimitive.Root
+	bind:ref
 	class={cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", className)}
-	{...$$restProps}
->
-	<slot />
-</MenubarPrimitive.Root>
+	{...restProps}
+/>

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

@@ -1,28 +1,3 @@
 import { Menubar as MenubarPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Menubar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<MenubarPrimitive.Props, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type Menubar = InstanceType<typeof Menubar>;
+declare const Menubar: import("svelte").Component<MenubarPrimitive.RootProps, {}, "ref">;
 export default Menubar;

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

@@ -1,13 +1,16 @@
 <script lang="ts">
 	import type { HTMLAttributes } from "svelte/elements";
+	import type { WithElementRef } from "bits-ui";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = HTMLAttributes<HTMLUListElement>;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLUListElement>> = $props();
 </script>
 
-<ul class={cn("flex flex-row items-center gap-1", className)} {...$$restProps}>
-	<slot />
+<ul bind:this={ref} class={cn("flex flex-row items-center gap-1", className)} {...restProps}>
+	{@render children?.()}
 </ul>

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

@@ -1,28 +1,4 @@
 import type { HTMLAttributes } from "svelte/elements";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PaginationContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLUListElement>, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type PaginationContent = InstanceType<typeof PaginationContent>;
+import type { WithElementRef } from "bits-ui";
+declare const PaginationContent: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLUListElement>>, {}, "ref">;
 export default PaginationContent;

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

@@ -1,15 +1,22 @@
 <script lang="ts">
 	import Ellipsis from "lucide-svelte/icons/ellipsis";
+	import type { WithElementRef, WithoutChildren } from "bits-ui";
 	import type { HTMLAttributes } from "svelte/elements";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = HTMLAttributes<HTMLSpanElement>;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
 </script>
 
-<span aria-hidden class={cn("flex h-9 w-9 items-center justify-center", className)} {...$$restProps}>
-	<Ellipsis class="h-4 w-4" />
+<span
+	bind:this={ref}
+	aria-hidden="true"
+	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

@@ -1,19 +1,4 @@
+import type { WithElementRef } from "bits-ui";
 import type { HTMLAttributes } from "svelte/elements";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const PaginationEllipsis: $$__sveltets_2_IsomorphicComponent<HTMLAttributes<HTMLSpanElement>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type PaginationEllipsis = InstanceType<typeof PaginationEllipsis>;
+declare const PaginationEllipsis: import("svelte").Component<Omit<WithElementRef<HTMLAttributes<HTMLSpanElement>>, "children">, {}, "ref">;
 export default PaginationEllipsis;

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

@@ -1,13 +1,10 @@
 <script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn } from "../../../utils.js";
+	import type { HTMLLiAttributes } from "svelte/elements";
+	import type { WithElementRef } from "bits-ui";
 
-	type $$Props = HTMLAttributes<HTMLLIElement>;
-	let className: $$Props["class"] = undefined;
-
-	export { className as class };
+	let { ref = $bindable(null), children, ...restProps }: WithElementRef<HTMLLiAttributes> = $props();
 </script>
 
-<li class={cn("", className)} {...$$restProps}>
-	<slot />
+<li bind:this={ref} {...restProps}>
+	{@render children?.()}
 </li>

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

@@ -1,28 +1,4 @@
-import type { HTMLAttributes } from "svelte/elements";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PaginationItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLLIElement>, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type PaginationItem = InstanceType<typeof PaginationItem>;
+import type { HTMLLiAttributes } from "svelte/elements";
+import type { WithElementRef } from "bits-ui";
+declare const PaginationItem: import("svelte").Component<WithElementRef<HTMLLiAttributes>, {}, "ref">;
 export default PaginationItem;

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

@@ -3,23 +3,27 @@
 	import { cn } from "../../../utils.js";
 	import { type Props, buttonVariants } from "../button/index.js";
 
-	type $$Props = PaginationPrimitive.PageProps &
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "icon",
+		isActive = false,
+		page,
+		children,
+		...restProps
+	}: PaginationPrimitive.PageProps &
 		Props & {
 			isActive: boolean;
-		};
-
-	type $$Events = PaginationPrimitive.PageEvents;
-
-	let className: $$Props["class"] = undefined;
-	export let page: $$Props["page"];
-	export let size: $$Props["size"] = "icon";
-	export let isActive: $$Props["isActive"] = false;
-
-	export { className as class };
+		} = $props();
 </script>
 
+{#snippet Fallback()}
+	{page.value}
+{/snippet}
+
 <PaginationPrimitive.Page
-	bind:page
+	bind:ref
+	{page}
 	class={cn(
 		buttonVariants({
 			variant: isActive ? "outline" : "ghost",
@@ -27,8 +31,6 @@
 		}),
 		className
 	)}
-	{...$$restProps}
-	on:click
->
-	<slot>{page.value}</slot>
-</PaginationPrimitive.Page>
+	children={children || Fallback}
+	{...restProps}
+/>

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

@@ -1,35 +1,18 @@
-import { type Props } from "../button/index.js";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PaginationLink: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+declare const PaginationLink: import("svelte").Component<Omit<{
     page: import("bits-ui").Page;
+}, "child" | "children"> & {
+    child?: import("svelte").Snippet<[{
+        props: Record<string, unknown>;
+    }]> | undefined;
+    children?: import("svelte").Snippet<[]> | undefined;
+    style?: import("bits-ui").StyleProperties | string | null | undefined;
+    ref?: HTMLElement | null | undefined;
+} & import("bits-ui").Without<import("bits-ui").BitsPrimitiveButtonAttributes, import("bits-ui").PaginationPagePropsWithoutHTML> & import("svelte/elements").HTMLButtonAttributes & {
+    ref?: HTMLElement | null | undefined;
+} & import("svelte/elements").HTMLAnchorAttributes & {
+    variant?: import("../button/index.js").ButtonVariant;
+    size?: import("../button/index.js").ButtonSize;
 } & {
-    asChild?: boolean | undefined;
-    el?: HTMLButtonElement | undefined;
-} & (import("svelte/elements").HTMLButtonAttributes & (Props & {
     isActive: boolean;
-})), {
-    default: {};
-}>, {
-    click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
-}, {
-    default: {};
-}, {}, string>;
-type PaginationLink = InstanceType<typeof PaginationLink>;
+}, {}, "ref">;
 export default PaginationLink;

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

@@ -1,21 +1,31 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronRight from "lucide-svelte/icons/chevron-right";
-	import { Button } from "../button/index.js";
+	import { buttonVariants } from "../button/index.js";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = PaginationPrimitive.NextButtonProps;
-	type $$Events = PaginationPrimitive.NextButtonEvents;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: PaginationPrimitive.NextButtonProps = $props();
 </script>
 
-<PaginationPrimitive.NextButton asChild let:builder>
-	<Button variant="ghost" class={cn("gap-1 pr-2.5", className)} builders={[builder]} on:click {...$$restProps}>
-		<slot>
-			<span>Next</span>
-			<ChevronRight class="h-4 w-4" />
-		</slot>
-	</Button>
-</PaginationPrimitive.NextButton>
+{#snippet Fallback()}
+	<span>Next</span>
+	<ChevronRight class="size-4" />
+{/snippet}
+
+<PaginationPrimitive.NextButton
+	bind:ref
+	class={cn(
+		buttonVariants({
+			variant: "ghost",
+			class: "gap-1 pr-2.5",
+		}),
+		className
+	)}
+	children={children || Fallback}
+	{...restProps}
+/>

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

@@ -1,28 +1,3 @@
 import { Pagination as PaginationPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PaginationNextButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<PaginationPrimitive.NextButtonProps, {
-    default: {};
-}>, {
-    click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
-}, {
-    default: {};
-}, {}, string>;
-type PaginationNextButton = InstanceType<typeof PaginationNextButton>;
+declare const PaginationNextButton: import("svelte").Component<PaginationPrimitive.NextButtonProps, {}, "ref">;
 export default PaginationNextButton;

package/dist/components/ui/pagination/pagination-prev-button.svelte

@@ -1,21 +1,31 @@
 <script lang="ts">
 	import { Pagination as PaginationPrimitive } from "bits-ui";
 	import ChevronLeft from "lucide-svelte/icons/chevron-left";
-	import { Button } from "../button/index.js";
+	import { buttonVariants } from "../button/index.js";
 	import { cn } from "../../../utils.js";
 
-	type $$Props = PaginationPrimitive.PrevButtonProps;
-	type $$Events = PaginationPrimitive.PrevButtonEvents;
-
-	let className: $$Props["class"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: PaginationPrimitive.PrevButtonProps = $props();
 </script>
 
-<PaginationPrimitive.PrevButton asChild let:builder>
-	<Button variant="ghost" class={cn("gap-1 pl-2.5", className)} builders={[builder]} on:click {...$$restProps}>
-		<slot>
-			<ChevronLeft class="h-4 w-4" />
-			<span>Previous</span>
-		</slot>
-	</Button>
-</PaginationPrimitive.PrevButton>
+{#snippet Fallback()}
+	<ChevronLeft class="size-4" />
+	<span>Previous</span>
+{/snippet}
+
+<PaginationPrimitive.PrevButton
+	bind:ref
+	class={cn(
+		buttonVariants({
+			variant: "ghost",
+			class: "gap-1 pl-2.5",
+		}),
+		className
+	)}
+	children={children || Fallback}
+	{...restProps}
+/>

package/dist/components/ui/pagination/pagination-prev-button.svelte.d.ts

@@ -1,28 +1,3 @@
 import { Pagination as PaginationPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const PaginationPrevButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<PaginationPrimitive.PrevButtonProps, {
-    default: {};
-}>, {
-    click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
-}, {
-    default: {};
-}, {}, string>;
-type PaginationPrevButton = InstanceType<typeof PaginationPrevButton>;
+declare const PaginationPrevButton: import("svelte").Component<PaginationPrimitive.PrevButtonProps, {}, "ref">;
 export default PaginationPrevButton;

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

@@ -3,31 +3,23 @@
 
 	import { cn } from "../../../utils.js";
 
-	type $$Props = PaginationPrimitive.Props;
-	type $$Events = PaginationPrimitive.Events;
-
-	let className: $$Props["class"] = undefined;
-	export let count: $$Props["count"] = 0;
-	export let perPage: $$Props["perPage"] = 10;
-	export let page: $$Props["page"] = 1;
-	export let siblingCount: $$Props["siblingCount"] = 1;
-	export { className as class };
-
-	$: currentPage = page;
+	let {
+		ref = $bindable(null),
+		class: className,
+		count = 0,
+		perPage = 10,
+		page = $bindable(1),
+		siblingCount = 1,
+		...restProps
+	}: PaginationPrimitive.RootProps = $props();
 </script>
 
 <PaginationPrimitive.Root
+	bind:ref
+	class={cn("mx-auto flex w-full flex-col items-center", className)}
 	{count}
 	{perPage}
 	{siblingCount}
 	bind:page
-	let:builder
-	let:pages
-	let:range
-	asChild
-	{...$$restProps}
->
-	<nav {...builder} class={cn("mx-auto flex w-full flex-col items-center", className)}>
-		<slot {pages} {range} {currentPage} />
-	</nav>
-</PaginationPrimitive.Root>
+	{...restProps}
+/>

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

@@ -1,40 +1,3 @@
 import { Pagination as PaginationPrimitive } from "bits-ui";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
-    default: any;
-} ? Props extends Record<string, never> ? any : {
-    children?: any;
-} : {});
-declare const Pagination: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<PaginationPrimitive.Props, {
-    default: {
-        pages: any[];
-        range: {
-            start: number;
-            end: number;
-        };
-        currentPage: number | undefined;
-    };
-}>, PaginationPrimitive.Events, {
-    default: {
-        pages: any[];
-        range: {
-            start: number;
-            end: number;
-        };
-        currentPage: number | undefined;
-    };
-}, {}, string>;
-type Pagination = InstanceType<typeof Pagination>;
+declare const Pagination: import("svelte").Component<PaginationPrimitive.RootProps, {}, "ref" | "page">;
 export default Pagination;

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

@@ -1,19 +1,25 @@
 <script lang="ts">
+	import { cn } from "../../../utils.js";
 	import { Popover as PopoverPrimitive } from "bits-ui";
-	import { cn, flyAndScale } from "../../../utils.js";
 
-	type $$Props = PopoverPrimitive.ContentProps;
-	let className: $$Props["class"] = undefined;
-	export let transition: $$Props["transition"] = flyAndScale;
-	export let transitionConfig: $$Props["transitionConfig"] = undefined;
-	export { className as class };
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		align = "center",
+		...restProps
+	}: PopoverPrimitive.ContentProps = $props();
 </script>
 
-<PopoverPrimitive.Content
-	{transition}
-	{transitionConfig}
-	class={cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none", className)}
-	{...$$restProps}
->
-	<slot />
-</PopoverPrimitive.Content>
+<PopoverPrimitive.Portal>
+	<PopoverPrimitive.Content
+		bind:ref
+		{sideOffset}
+		{align}
+		class={cn(
+			"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 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+			className
+		)}
+		{...restProps}
+	/>
+</PopoverPrimitive.Portal>