@orochibraru/ui 0.0.0-stage → 0.0.0

package/dist/components/ui/menubar/menubar-radio-group.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Menubar as MenubarPrimitive } from "bits-ui";
+declare const MenubarRadioGroup: import("svelte").Component<MenubarPrimitive.RadioGroupProps, {}, "ref" | "value">;
+type MenubarRadioGroup = ReturnType<typeof MenubarRadioGroup>;
+export default MenubarRadioGroup;

package/dist/components/ui/menubar/menubar-radio-item.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import CheckIcon from "@lucide/svelte/icons/check";
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	import { cn, type WithoutChild } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset,
+		children: childrenProp,
+		closeOnSelect = false,
+		...restProps
+	}: WithoutChild<MenubarPrimitive.RadioItemProps> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<MenubarPrimitive.RadioItem
+	bind:ref
+	{closeOnSelect}
+	data-slot="menubar-radio-item"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-2 rounded-md py-1.5 pr-2 pl-8 text-sm data-disabled:opacity-50 data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		className,
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span
+			class="left-2 size-4 [&_svg:not([class*='size-'])]:size-4 pointer-events-none absolute flex items-center justify-center"
+		>
+			{#if checked}
+				<CheckIcon />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</MenubarPrimitive.RadioItem>

package/dist/components/ui/menubar/menubar-radio-item.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Menubar as MenubarPrimitive } from "bits-ui";
+import { type WithoutChild } from "../../../utils.js";
+type $$ComponentProps = WithoutChild<MenubarPrimitive.RadioItemProps> & {
+    inset?: boolean;
+};
+declare const MenubarRadioItem: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarRadioItem = ReturnType<typeof MenubarRadioItem>;
+export default MenubarRadioItem;

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

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.SeparatorProps = $props();
+</script>
+
+<MenubarPrimitive.Separator
+	bind:ref
+	data-slot="menubar-separator"
+	class={cn("bg-border -mx-1 my-1 h-px", className)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="menubar-shortcut"
+	class={cn(
+		"text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest ml-auto",
+		className,
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>

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

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

package/dist/components/ui/menubar/menubar-sub-content.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+	import type { ComponentProps } from "svelte";
+
+	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
+
+	import MenubarPortal from "./menubar-portal.svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		align = "start",
+		alignOffset = -3,
+		portalProps,
+		...restProps
+	}: MenubarPrimitive.SubContentProps & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof MenubarPortal>>;
+	} = $props();
+</script>
+
+<MenubarPortal {...portalProps}>
+	<MenubarPrimitive.SubContent
+		bind:ref
+		data-slot="menubar-sub-content"
+		{align}
+		{alignOffset}
+		class={cn(
+			"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 min-w-32 rounded-md p-1 shadow-lg ring-1 duration-100 z-50 origin-(--bits-menubar-content-transform-origin) overflow-hidden",
+			className,
+		)}
+		{...restProps}
+	/>
+</MenubarPortal>

package/dist/components/ui/menubar/menubar-sub-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import { Menubar as MenubarPrimitive } from "bits-ui";
+import type { ComponentProps } from "svelte";
+import { type WithoutChildrenOrChild } from "../../../utils.js";
+import MenubarPortal from "./menubar-portal.svelte";
+type $$ComponentProps = MenubarPrimitive.SubContentProps & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof MenubarPortal>>;
+};
+declare const MenubarSubContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarSubContent = ReturnType<typeof MenubarSubContent>;
+export default MenubarSubContent;

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

@@ -0,0 +1,30 @@
+<script lang="ts">
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	import { cn, type WithoutChild } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		inset = undefined,
+		children,
+		...restProps
+	}: WithoutChild<MenubarPrimitive.SubTriggerProps> & {
+		inset?: boolean;
+	} = $props();
+</script>
+
+<MenubarPrimitive.SubTrigger
+	bind:ref
+	data-slot="menubar-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground gap-2 rounded-sm px-2 py-1.5 text-sm data-inset:pl-8 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-none select-none",
+		className,
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="cn-rtl-flip ml-auto size-4" />
+</MenubarPrimitive.SubTrigger>

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

@@ -0,0 +1,8 @@
+import { Menubar as MenubarPrimitive } from "bits-ui";
+import { type WithoutChild } from "../../../utils.js";
+type $$ComponentProps = WithoutChild<MenubarPrimitive.SubTriggerProps> & {
+    inset?: boolean;
+};
+declare const MenubarSubTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type MenubarSubTrigger = ReturnType<typeof MenubarSubTrigger>;
+export default MenubarSubTrigger;

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

@@ -0,0 +1,8 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: MenubarPrimitive.SubProps =
+		$props();
+</script>
+
+<MenubarPrimitive.Sub bind:open {...restProps} />

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

@@ -0,0 +1,4 @@
+import { Menubar as MenubarPrimitive } from "bits-ui";
+declare const MenubarSub: import("svelte").Component<MenubarPrimitive.SubProps, {}, "open">;
+type MenubarSub = ReturnType<typeof MenubarSub>;
+export default MenubarSub;

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

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.TriggerProps = $props();
+</script>
+
+<MenubarPrimitive.Trigger
+	bind:ref
+	data-slot="menubar-trigger"
+	class={cn(
+		"hover:bg-muted aria-expanded:bg-muted rounded-sm px-2 py-1 text-sm font-medium flex items-center outline-hidden select-none",
+		className,
+	)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { Menubar as MenubarPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: MenubarPrimitive.RootProps = $props();
+</script>
+
+<MenubarPrimitive.Root
+	bind:ref
+	data-slot="menubar"
+	class={cn(
+		"h-9 gap-1 rounded-md border p-1 shadow-xs flex items-center",
+		className,
+	)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,14 @@
+import Content from "./pagination-content.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Next from "./pagination-next.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import Previous from "./pagination-previous.svelte";
+import Root from "./pagination.svelte";
+export { Root, Content, Item, Link, PrevButton, // old
+NextButton, // old
+Ellipsis, Previous, Next, Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, // old
+NextButton as PaginationNextButton, // old
+Ellipsis as PaginationEllipsis, Previous as PaginationPrevious, Next as PaginationNext, };

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

@@ -0,0 +1,16 @@
+import Content from "./pagination-content.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Next from "./pagination-next.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import Previous from "./pagination-previous.svelte";
+import Root from "./pagination.svelte";
+export { Root, Content, Item, Link, PrevButton, // old
+NextButton, // old
+Ellipsis, Previous, Next, 
+//
+Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, // old
+NextButton as PaginationNextButton, // old
+Ellipsis as PaginationEllipsis, Previous as PaginationPrevious, Next as PaginationNext, };

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

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

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

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

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

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import MoreHorizontalIcon from "@lucide/svelte/icons/more-horizontal";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	import { cn, type WithElementRef, type WithoutChildren } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildren<
+		WithElementRef<HTMLAttributes<HTMLSpanElement>>
+	> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	aria-hidden="true"
+	data-slot="pagination-ellipsis"
+	class={cn(
+		"size-9 [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center",
+		className,
+	)}
+	{...restProps}
+>
+	<MoreHorizontalIcon />
+	<span class="sr-only">More pages</span>
+</span>

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

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

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

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import type { HTMLLiAttributes } from "svelte/elements";
+
+	import type { WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		children,
+		...restProps
+	}: WithElementRef<HTMLLiAttributes> = $props();
+</script>
+
+<li bind:this={ref} data-slot="pagination-item" {...restProps}>
+	{@render children?.()}
+</li>

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

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

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

@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+
+	import {
+		type ButtonSize,
+		buttonVariants,
+	} from "../button/index.js";
+	import { cn } from "../../../utils.js";
+	let {
+		ref = $bindable(null),
+		class: className,
+		size = "icon",
+		isActive,
+		page,
+		children,
+		...restProps
+	}: PaginationPrimitive.PageProps & {
+		size?: ButtonSize;
+		isActive: boolean;
+	} = $props();
+</script>
+
+{#snippet Fallback()}
+	{page.value}
+{/snippet}
+
+<PaginationPrimitive.Page
+	bind:ref
+	{page}
+	aria-current={isActive ? "page" : undefined}
+	data-slot="pagination-link"
+	data-active={isActive}
+	data-size={size}
+	class={cn(
+		buttonVariants({ size, variant: isActive ? "outline" : "ghost" }),
+		"",
+		className,
+	)}
+	{...restProps}
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</PaginationPrimitive.Page>

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

@@ -0,0 +1,9 @@
+import { Pagination as PaginationPrimitive } from "bits-ui";
+import { type ButtonSize } from "../button/index.js";
+type $$ComponentProps = PaginationPrimitive.PageProps & {
+    size?: ButtonSize;
+    isActive: boolean;
+};
+declare const PaginationLink: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type PaginationLink = ReturnType<typeof PaginationLink>;
+export default PaginationLink;

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

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	import { buttonVariants } from "../button/index.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: PaginationPrimitive.NextButtonProps = $props();
+</script>
+
+{#snippet Fallback()}
+	<span>Next</span>
+	<ChevronRightIcon class={cn("cn-rtl-flip size-4", className)} />
+{/snippet}
+
+<PaginationPrimitive.NextButton
+	bind:ref
+	aria-label="Go to next page"
+	class={cn(buttonVariants({ variant: "ghost" }), "pr-2!", className)}
+	{...restProps}
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</PaginationPrimitive.NextButton>

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

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

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+
+	import { buttonVariants } from "../button/index.js";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PaginationPrimitive.NextButtonProps = $props();
+</script>
+
+<PaginationPrimitive.NextButton
+	bind:ref
+	aria-label="Go to next page"
+	class={cn(
+		buttonVariants({ variant: "ghost", size: "default" }),
+		"pr-2!",
+		className,
+	)}
+	{...restProps}
+>
+	<span class="hidden sm:block">Next</span>
+	<ChevronRightIcon data-icon="inline-end" class="cn-rtl-flip" />
+</PaginationPrimitive.NextButton>

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

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

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

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	import { buttonVariants } from "../button/index.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: PaginationPrimitive.PrevButtonProps = $props();
+</script>
+
+{#snippet Fallback()}
+	<ChevronLeftIcon class={cn("cn-rtl-flip size-4", className)} />
+	<span>Previous</span>
+{/snippet}
+
+<PaginationPrimitive.PrevButton
+	bind:ref
+	aria-label="Go to previous page"
+	class={cn(buttonVariants({ variant: "ghost" }), "pl-2!", className)}
+	{...restProps}
+>
+	{#if children}
+		{@render children?.()}
+	{:else}
+		{@render Fallback()}
+	{/if}
+</PaginationPrimitive.PrevButton>

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

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

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

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import ChevronLeftIcon from "@lucide/svelte/icons/chevron-left";
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+
+	import { buttonVariants } from "../button/index.js";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: PaginationPrimitive.PrevButtonProps = $props();
+</script>
+
+<PaginationPrimitive.PrevButton
+	bind:ref
+	aria-label="Go to previous page"
+	class={cn(
+		buttonVariants({ variant: "ghost", size: "default" }),
+		"pl-2!",
+		className,
+	)}
+	{...restProps}
+>
+	<ChevronLeftIcon data-icon="inline-start" class="cn-rtl-flip" />
+	<span class="hidden sm:block">Previous</span>
+</PaginationPrimitive.PrevButton>

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

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

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

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { Pagination as PaginationPrimitive } from "bits-ui";
+
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		count = 0,
+		perPage = 10,
+		page = $bindable(1),
+		siblingCount = 1,
+		...restProps
+	}: PaginationPrimitive.RootProps = $props();
+</script>
+
+<PaginationPrimitive.Root
+	bind:ref
+	bind:page
+	role="navigation"
+	aria-label="pagination"
+	data-slot="pagination"
+	{count}
+	{perPage}
+	{siblingCount}
+	class={cn("mx-auto flex w-full justify-center", className)}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,9 @@
+import Close from "./popover-close.svelte";
+import Content from "./popover-content.svelte";
+import Description from "./popover-description.svelte";
+import Header from "./popover-header.svelte";
+import Portal from "./popover-portal.svelte";
+import Title from "./popover-title.svelte";
+import Trigger from "./popover-trigger.svelte";
+import Root from "./popover.svelte";
+export { Root, Content, Description, Header, Title, Trigger, Close, Portal, Root as Popover, Content as PopoverContent, Description as PopoverDescription, Header as PopoverHeader, Title as PopoverTitle, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };