@vibesdotdev/kit 0.0.0-stage → 1.0.0-rc.4

package/dist/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<div class={cn('absolute start-0 top-full isolate z-50 flex justify-center')}>
+	<NavigationMenuPrimitive.Viewport
+		bind:ref
+		data-slot="navigation-menu-viewport"
+		class={cn(
+			'origin-top-center relative mt-1.5 h-[var(--bits-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--bits-navigation-menu-viewport-width)]',
+			className
+		)}
+		{...restProps}
+	/>
+</div>

package/dist/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte.d.ts

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

package/dist/lib/components/ui/navigation-menu/navigation-menu.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">import { NavigationMenu as NavigationMenuPrimitive } from "bits-ui";
+import { cn } from "../../../utils.js";
+import NavigationMenuViewport from "./navigation-menu-viewport.svelte";
+let { ref = $bindable(null), class: className, viewport = true, children, ...restProps } = $props();
+</script>
+
+<NavigationMenuPrimitive.Root
+	bind:ref
+	data-slot="navigation-menu"
+	data-viewport={viewport}
+	class={cn(
+		'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+
+	{#if viewport}
+		<NavigationMenuViewport />
+	{/if}
+</NavigationMenuPrimitive.Root>

package/dist/lib/components/ui/navigation-menu/navigation-menu.svelte.d.ts

@@ -0,0 +1,7 @@
+import { NavigationMenu as NavigationMenuPrimitive } from 'bits-ui';
+type $$ComponentProps = NavigationMenuPrimitive.RootProps & {
+    viewport?: boolean;
+};
+declare const NavigationMenu: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type NavigationMenu = ReturnType<typeof NavigationMenu>;
+export default NavigationMenu;

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

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

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

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

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

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

package/dist/lib/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/lib/components/ui/pagination/pagination-ellipsis.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">import { Icon } from "../../icon";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, ...restProps } = $props();
+</script>
+
+<span
+	bind:this={ref}
+	aria-hidden="true"
+	data-slot="pagination-ellipsis"
+	class={cn('flex size-9 items-center justify-center', className)}
+	{...restProps}
+>
+	<Icon icon="lucide:ellipsis" class="size-4" />
+	<span class="sr-only">More pages</span>
+</span>

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

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

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

@@ -0,0 +1,7 @@
+<script lang="ts">let { ref = $bindable(null), children, ...restProps } = $props();
+export {};
+</script>
+
+<li bind:this={ref} data-slot="pagination-item" {...restProps}>
+	{@render children?.()}
+</li>

package/dist/lib/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/lib/components/ui/pagination/pagination-link.svelte

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

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

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

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

@@ -0,0 +1,26 @@
+<script lang="ts">import { Pagination as PaginationPrimitive } from "bits-ui";
+import { Icon } from "../../icon";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+{#snippet Fallback()}
+	<span>Next</span>
+	<Icon icon="lucide:chevron-right" class="size-4" />
+{/snippet}
+
+<PaginationPrimitive.NextButton
+	bind:ref
+	aria-label="Go to next page"
+	class={cn(
+		buttonVariants({
+			size: 'default',
+			variant: 'ghost',
+			class: 'gap-1 px-2.5 sm:pe-2.5'
+		}),
+		className
+	)}
+	children={children || Fallback}
+	{...restProps}
+/>

package/dist/lib/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/lib/components/ui/pagination/pagination-prev-button.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">import { Pagination as PaginationPrimitive } from "bits-ui";
+import { Icon } from "../../icon";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+{#snippet Fallback()}
+	<Icon icon="lucide:chevron-left" class="size-4" />
+	<span>Previous</span>
+{/snippet}
+
+<PaginationPrimitive.PrevButton
+	bind:ref
+	aria-label="Go to previous page"
+	class={cn(
+		buttonVariants({
+			size: 'default',
+			variant: 'ghost',
+			class: 'gap-1 px-2.5 sm:ps-2.5'
+		}),
+		className
+	)}
+	children={children || Fallback}
+	{...restProps}
+/>

package/dist/lib/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/lib/components/ui/pagination/pagination.svelte

@@ -0,0 +1,21 @@
+<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, onPageChange, ...restProps } = $props();
+function handlePageChange(nextPage) {
+	onPageChange?.(nextPage);
+}
+</script>
+
+<PaginationPrimitive.Root
+	bind:ref
+	bind:page
+	role="navigation"
+	aria-label="pagination"
+	data-slot="pagination"
+	class={cn('mx-auto flex w-full justify-center', className)}
+	{count}
+	{perPage}
+	{siblingCount}
+	onPageChange={handlePageChange}
+	{...restProps}
+/>

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

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

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

@@ -0,0 +1,19 @@
+import Root from './panel.svelte';
+import Header from './panel-header.svelte';
+import Title from './panel-title.svelte';
+import Actions from './panel-actions.svelte';
+import Content from './panel-content.svelte';
+import Footer from './panel-footer.svelte';
+declare const Panel: import("svelte").Component<import("../../..").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref"> & {
+    Root: import("svelte").Component<import("../../..").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Header: import("svelte").Component<import("../../..").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Title: import("svelte").Component<import("../../..").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Actions: import("svelte").Component<import("../../..").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+    Content: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        ref?: HTMLElement | null | undefined;
+    } & {
+        flush?: boolean;
+    }, {}, "ref">;
+    Footer: import("svelte").Component<import("../../..").WithElementRef<import("svelte/elements").HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+};
+export { Root, Header, Title, Actions, Content, Footer, Panel, Header as PanelHeader, Title as PanelTitle, Actions as PanelActions, Content as PanelContent, Footer as PanelFooter };

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

@@ -0,0 +1,11 @@
+import Root from './panel.svelte';
+import Header from './panel-header.svelte';
+import Title from './panel-title.svelte';
+import Actions from './panel-actions.svelte';
+import Content from './panel-content.svelte';
+import Footer from './panel-footer.svelte';
+// Dual export: <Panel> renders Root, <Panel.Header> accesses the namespace.
+const Panel = Object.assign(Root, { Root, Header, Title, Actions, Content, Footer });
+export { Root, Header, Title, Actions, Content, Footer, Panel, 
+//
+Header as PanelHeader, Title as PanelTitle, Actions as PanelActions, Content as PanelContent, Footer as PanelFooter };

package/dist/lib/components/ui/panel/panel-actions.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="panel-actions"
+	class={cn('ml-auto flex shrink-0 items-center gap-1', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/panel/panel-actions.svelte.d.ts

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

package/dist/lib/components/ui/panel/panel-content.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, flush = false, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="panel-content"
+	data-flush={flush ? '' : undefined}
+	class={cn('min-w-0', flush ? undefined : 'px-4 py-4', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/panel/panel-content.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    /**
+     * Drop the body padding so edge-to-edge content (a row list, a table, a
+     * diff) meets the panel border. Padded bodies keep the same inline step
+     * as the header, which is what keeps a title and the rows under it on one
+     * vertical line.
+     */
+    flush?: boolean;
+};
+declare const PanelContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type PanelContent = ReturnType<typeof PanelContent>;
+export default PanelContent;

package/dist/lib/components/ui/panel/panel-footer.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="panel-footer"
+	class={cn(
+		'flex min-h-11 shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-t bg-muted/40 px-4 py-2',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/panel/panel-footer.svelte.d.ts

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

package/dist/lib/components/ui/panel/panel-header.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="panel-header"
+	class={cn(
+		'flex min-h-11 shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-b bg-muted/40 px-4 py-2',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/panel/panel-header.svelte.d.ts

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

package/dist/lib/components/ui/panel/panel-title.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="panel-title"
+	class={cn('min-w-0 truncate text-sm font-medium text-foreground', className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/lib/components/ui/panel/panel-title.svelte.d.ts

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

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

@@ -0,0 +1,15 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, children, ...restProps } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="panel"
+	class={cn(
+		'flex min-w-0 flex-col overflow-hidden rounded-xl border bg-card text-card-foreground shadow-sm',
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

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

package/dist/lib/components/ui/panel/panel.test-fixture.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">import Panel from "./panel.svelte";
+import PanelHeader from "./panel-header.svelte";
+import PanelTitle from "./panel-title.svelte";
+import PanelActions from "./panel-actions.svelte";
+import PanelContent from "./panel-content.svelte";
+import PanelFooter from "./panel-footer.svelte";
+let { flush = false } = $props();
+</script>
+
+<Panel>
+	<PanelHeader>
+		<PanelTitle>README.md</PanelTitle>
+		<PanelActions>
+			<button type="button">Raw</button>
+		</PanelActions>
+	</PanelHeader>
+	<PanelContent {flush}>
+		<p data-testid="body">Body</p>
+	</PanelContent>
+	<PanelFooter>
+		<span data-testid="footer-text">2 files</span>
+	</PanelFooter>
+</Panel>

package/dist/lib/components/ui/panel/panel.test-fixture.svelte.d.ts

@@ -0,0 +1,7 @@
+import Panel from './panel.svelte';
+type $$ComponentProps = {
+    flush?: boolean;
+};
+declare const Panel: import("svelte").Component<$$ComponentProps, {}, "">;
+type Panel = ReturnType<typeof Panel>;
+export default Panel;

package/dist/lib/components/ui/panel/panel.test-styles.css

@@ -0,0 +1,10 @@
+/*
+ * Kit's styles.css deliberately does not import Tailwind — each consumer owns
+ * that import and Kit only contributes @source globs and @theme tokens. A
+ * browser test that asserts utility-driven geometry therefore has to build the
+ * same cascade a consumer builds. Without the Tailwind import every padding
+ * assertion reads 0px and passes on an unstyled element, which is how a spacing
+ * test ends up proving nothing.
+ */
+@import 'tailwindcss';
+@import '../../../styles.css';

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

@@ -0,0 +1,13 @@
+import Root from './popover.svelte';
+import Close from './popover-close.svelte';
+import Content from './popover-content.svelte';
+import Trigger from './popover-trigger.svelte';
+import Portal from './popover-portal.svelte';
+declare const Popover: typeof Root & {
+    Root: typeof Root;
+    Content: typeof Content;
+    Trigger: typeof Trigger;
+    Close: typeof Close;
+    Portal: typeof Portal;
+};
+export { Root, Content, Trigger, Close, Portal, Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal };

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

@@ -0,0 +1,16 @@
+import Root from './popover.svelte';
+import Close from './popover-close.svelte';
+import Content from './popover-content.svelte';
+import Trigger from './popover-trigger.svelte';
+import Portal from './popover-portal.svelte';
+// Dual export: <Popover> renders Root, <Popover.Content> accesses the namespace.
+const Popover = Object.assign(Root, {
+    Root,
+    Content,
+    Trigger,
+    Close,
+    Portal
+});
+export { Root, Content, Trigger, Close, Portal, Popover, 
+//
+Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal };

package/dist/lib/components/ui/popover/popover-close.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">import { Popover as PopoverPrimitive } from "bits-ui";
+let { ref = $bindable(null), ...restProps } = $props();
+</script>
+
+<PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />

package/dist/lib/components/ui/popover/popover-close.svelte.d.ts

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

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

@@ -0,0 +1,19 @@
+<script lang="ts">import { Popover as PopoverPrimitive } from "bits-ui";
+import PopoverPortal from "./popover-portal.svelte";
+import { cn } from "../../../utils.js";
+let { ref = $bindable(null), class: className, sideOffset = 4, align = "center", portalProps, ...restProps } = $props();
+</script>
+
+<PopoverPortal {...portalProps}>
+	<PopoverPrimitive.Content
+		bind:ref
+		data-slot="popover-content"
+		{sideOffset}
+		{align}
+		class={cn(
+			'z-50 w-72 origin-(--bits-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:!pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95',
+			className
+		)}
+		{...restProps}
+	/>
+</PopoverPortal>

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

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from 'bits-ui';
+import PopoverPortal from './popover-portal.svelte';
+import { type WithoutChildrenOrChild } from '../../../utils.js';
+import type { ComponentProps } from 'svelte';
+type $$ComponentProps = PopoverPrimitive.ContentProps & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
+};
+declare const PopoverContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type PopoverContent = ReturnType<typeof PopoverContent>;
+export default PopoverContent;

package/dist/lib/components/ui/popover/popover-portal.svelte

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

package/dist/lib/components/ui/popover/popover-portal.svelte.d.ts

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

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

@@ -0,0 +1,12 @@
+<script lang="ts">import { cn } from "../../../utils.js";
+import { Popover as PopoverPrimitive } from "bits-ui";
+let { ref = $bindable(null), asChild: _asChild, children, class: className, ...restProps } = $props();
+</script>
+
+<PopoverPrimitive.Trigger
+	bind:ref
+	data-slot="popover-trigger"
+	class={cn('', className)}
+	{children}
+	{...restProps}
+/>

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

@@ -0,0 +1,9 @@
+import { Popover as PopoverPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = PopoverPrimitive.TriggerProps & {
+    asChild?: boolean;
+    children?: Snippet;
+};
+declare const PopoverTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type PopoverTrigger = ReturnType<typeof PopoverTrigger>;
+export default PopoverTrigger;

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

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

package/dist/lib/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;