negodesign 0.0.71 → 0.0.72

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

@@ -1,56 +0,0 @@
-<script lang="ts" module>
-	export type Side = "top" | "right" | "bottom" | "left";
-</script>
-
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import type { Snippet } from "svelte";
-	import SheetPortal from "./sheet-portal.svelte";
-	import SheetOverlay from "./sheet-overlay.svelte";
-	import { Button } from "../button/index.js";
-	import { HugeiconsIcon } from "@hugeicons/svelte"
-	import { Cancel01Icon } from '@hugeicons/core-free-icons';
-	import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
-	import type { ComponentProps } from "svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		side = "right",
-		showCloseButton = true,
-		portalProps,
-		children,
-		...restProps
-	}: WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SheetPortal>>;
-		side?: Side;
-		showCloseButton?: boolean;
-		children: Snippet;
-	} = $props();
-</script>
-
-<SheetPortal {...portalProps}>
-	<SheetOverlay />
-	<SheetPrimitive.Content
-		bind:ref
-		data-slot="sheet-content"
-		data-side={side}
-		class={cn(
-			"bg-popover text-popover-foreground fixed z-50 flex flex-col bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		{#if showCloseButton}
-			<SheetPrimitive.Close data-slot="sheet-close">
-				{#snippet child({ props })}
-					<Button variant="ghost" class="absolute top-4 right-4" size="icon-sm" {...props}>
-						<HugeiconsIcon icon={Cancel01Icon} strokeWidth={2}  />
-						<span class="sr-only">Close</span>
-					</Button>
-				{/snippet}
-			</SheetPrimitive.Close>
-		{/if}
-	</SheetPrimitive.Content>
-</SheetPortal>

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

@@ -1,15 +0,0 @@
-export type Side = "top" | "right" | "bottom" | "left";
-import { Dialog as SheetPrimitive } from "bits-ui";
-import type { Snippet } from "svelte";
-import SheetPortal from "./sheet-portal.svelte";
-import { type WithoutChildrenOrChild } from "../../../utils.js";
-import type { ComponentProps } from "svelte";
-type $$ComponentProps = WithoutChildrenOrChild<SheetPrimitive.ContentProps> & {
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SheetPortal>>;
-    side?: Side;
-    showCloseButton?: boolean;
-    children: Snippet;
-};
-declare const SheetContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
-type SheetContent = ReturnType<typeof SheetContent>;
-export default SheetContent;

package/dist/components/ui/sheet/sheet-description.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SheetPrimitive.DescriptionProps = $props();
-</script>
-
-<SheetPrimitive.Description
-	bind:ref
-	data-slot="sheet-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
-/>

package/dist/components/ui/sheet/sheet-description.svelte.d.ts

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

package/dist/components/ui/sheet/sheet-footer.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sheet-footer"
-	class={cn("gap-2 p-6 mt-auto flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

package/dist/components/ui/sheet/sheet-footer.svelte.d.ts

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

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

@@ -1,20 +0,0 @@
-<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<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="sheet-header"
-	class={cn("gap-1.5 p-6 flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>

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

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

package/dist/components/ui/sheet/sheet-overlay.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SheetPrimitive.OverlayProps = $props();
-</script>
-
-<SheetPrimitive.Overlay
-	bind:ref
-	data-slot="sheet-overlay"
-	class={cn("bg-black/80 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", className)}
-	{...restProps}
-/>

package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts

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

package/dist/components/ui/sheet/sheet-portal.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-
-	let { ...restProps }: SheetPrimitive.PortalProps = $props();
-</script>
-
-<SheetPrimitive.Portal {...restProps} />

package/dist/components/ui/sheet/sheet-portal.svelte.d.ts

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

package/dist/components/ui/sheet/sheet-title.svelte

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: SheetPrimitive.TitleProps = $props();
-</script>
-
-<SheetPrimitive.Title
-	bind:ref
-	data-slot="sheet-title"
-	class={cn("text-foreground text-base font-medium", className)}
-	{...restProps}
-/>

package/dist/components/ui/sheet/sheet-title.svelte.d.ts

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

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

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Dialog as SheetPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: SheetPrimitive.TriggerProps = $props();
-</script>
-
-<SheetPrimitive.Trigger bind:ref data-slot="sheet-trigger" {...restProps} />

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

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

package/dist/components/ui/sheet/sheet.svelte

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

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

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

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

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

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

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

package/dist/components/ui/spinner/spinner.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-	import { cn } from '../../../utils.js';
-	import Loader2Icon from '@lucide/svelte/icons/loader-2';
-	import type { SVGAttributes } from 'svelte/elements';
-
-	let {
-		class: className,
-		role = 'status',
-		// we add name, color, and stroke for compatibility with different icon libraries props
-		name,
-		color,
-		stroke,
-		'aria-label': ariaLabel = 'Loading',
-		...restProps
-	}: SVGAttributes<SVGSVGElement> = $props();
-</script>
-
-<Loader2Icon
-	{role}
-	name={name === null ? undefined : name}
-	color={color === null ? undefined : color}
-	stroke={stroke === null ? undefined : stroke}
-	aria-label={ariaLabel}
-	class={cn('size-4 animate-spin', className)}
-	{...restProps}
-/>

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

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

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

@@ -1,5 +0,0 @@
-import Root from "./tabs.svelte";
-import Content from "./tabs-content.svelte";
-import List, { tabsListVariants, type TabsListVariant } from "./tabs-list.svelte";
-import Trigger from "./tabs-trigger.svelte";
-export { Root, Content, List, Trigger, tabsListVariants, type TabsListVariant, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };

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

@@ -1,7 +0,0 @@
-import Root from "./tabs.svelte";
-import Content from "./tabs-content.svelte";
-import List, { tabsListVariants } from "./tabs-list.svelte";
-import Trigger from "./tabs-trigger.svelte";
-export { Root, Content, List, Trigger, tabsListVariants, 
-//
-Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };

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

@@ -1,17 +0,0 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: TabsPrimitive.ContentProps = $props();
-</script>
-
-<TabsPrimitive.Content
-	bind:ref
-	data-slot="tabs-content"
-	class={cn("text-sm flex-1 outline-none", className)}
-	{...restProps}
-/>

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

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

package/dist/components/ui/tabs/tabs-list.svelte

@@ -1,40 +0,0 @@
-<script lang="ts" module>
-	import { tv, type VariantProps } from "tailwind-variants";
-
-	export const tabsListVariants = tv({
-		base: "rounded-4xl p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
-		variants: {
-			variant: {
-				default: "cn-tabs-list-variant-default bg-muted",
-				line: "cn-tabs-list-variant-line gap-1 bg-transparent",
-			},
-		},
-		defaultVariants: {
-			variant: "default",
-		},
-	});
-
-	export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
-</script>
-
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		variant = "default",
-		class: className,
-		...restProps
-	}: TabsPrimitive.ListProps & {
-		variant?: TabsListVariant;
-	} = $props();
-</script>
-
-<TabsPrimitive.List
-	bind:ref
-	data-slot="tabs-list"
-	data-variant={variant}
-	class={cn(tabsListVariants({ variant }), className)}
-	{...restProps}
-/>

package/dist/components/ui/tabs/tabs-list.svelte.d.ts

@@ -1,25 +0,0 @@
-import { type VariantProps } from "tailwind-variants";
-export declare const tabsListVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: "cn-tabs-list-variant-default bg-muted";
-        line: "cn-tabs-list-variant-line gap-1 bg-transparent";
-    };
-}, undefined, "rounded-4xl p-[3px] group-data-horizontal/tabs:h-9 group-data-vertical/tabs:rounded-2xl data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col", {
-    variant: {
-        default: "cn-tabs-list-variant-default bg-muted";
-        line: "cn-tabs-list-variant-line gap-1 bg-transparent";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    variant: {
-        default: "cn-tabs-list-variant-default bg-muted";
-        line: "cn-tabs-list-variant-line gap-1 bg-transparent";
-    };
-}, undefined>>;
-export type TabsListVariant = VariantProps<typeof tabsListVariants>["variant"];
-import { Tabs as TabsPrimitive } from "bits-ui";
-type $$ComponentProps = TabsPrimitive.ListProps & {
-    variant?: TabsListVariant;
-};
-declare const TabsList: import("svelte").Component<$$ComponentProps, {}, "ref">;
-type TabsList = ReturnType<typeof TabsList>;
-export default TabsList;

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

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: TabsPrimitive.TriggerProps = $props();
-</script>
-
-<TabsPrimitive.Trigger
-	bind:ref
-	data-slot="tabs-trigger"
-	class={cn(
-		"gap-1.5 rounded-xl border border-transparent px-2 py-1 text-sm font-medium group-data-vertical/tabs:px-2.5 group-data-vertical/tabs:py-1.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-		"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-		"data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground",
-		"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
-		className
-	)}
-	{...restProps}
-/>

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

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

package/dist/components/ui/tabs/tabs.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-	import { Tabs as TabsPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(""),
-		class: className,
-		...restProps
-	}: TabsPrimitive.RootProps = $props();
-</script>
-
-<TabsPrimitive.Root
-	bind:ref
-	bind:value
-	data-slot="tabs"
-	class={cn("gap-2 group/tabs flex data-[orientation=horizontal]:flex-col", className)}
-	{...restProps}
-/>

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

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

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

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

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

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

package/dist/components/ui/textarea/textarea.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import { cn, type WithElementRef, type WithoutChildren } from '../../../utils.js';
-	import type { HTMLTextareaAttributes } from 'svelte/elements';
-
-	let {
-		ref = $bindable(null),
-		value = $bindable(),
-		class: className,
-		'data-slot': dataSlot = 'textarea',
-		...restProps
-	}: WithoutChildren<WithElementRef<HTMLTextareaAttributes>> = $props();
-</script>
-
-<textarea
-	bind:this={ref}
-	data-slot={dataSlot}
-	class={cn(
-		'border-input dark:bg-input/30 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 placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 md:text-sm',
-		className
-	)}
-	bind:value
-	{...restProps}
-></textarea>

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

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

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

@@ -1,6 +0,0 @@
-import Root from "./tooltip.svelte";
-import Trigger from "./tooltip-trigger.svelte";
-import Content from "./tooltip-content.svelte";
-import Provider from "./tooltip-provider.svelte";
-import Portal from "./tooltip-portal.svelte";
-export { Root, Trigger, Content, Provider, Portal, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };

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

@@ -1,8 +0,0 @@
-import Root from "./tooltip.svelte";
-import Trigger from "./tooltip-trigger.svelte";
-import Content from "./tooltip-content.svelte";
-import Provider from "./tooltip-provider.svelte";
-import Portal from "./tooltip-portal.svelte";
-export { Root, Trigger, Content, Provider, Portal, 
-//
-Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };

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

@@ -1,52 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn } from "../../../utils.js";
-	import TooltipPortal from "./tooltip-portal.svelte";
-	import type { ComponentProps } from "svelte";
-	import type { WithoutChildrenOrChild } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		sideOffset = 0,
-		side = "top",
-		children,
-		arrowClasses,
-		portalProps,
-		...restProps
-	}: TooltipPrimitive.ContentProps & {
-		arrowClasses?: string;
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
-	} = $props();
-</script>
-
-<TooltipPortal {...portalProps}>
-	<TooltipPrimitive.Content
-		bind:ref
-		data-slot="tooltip-content"
-		{sideOffset}
-		{side}
-		class={cn(
-			"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-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 inline-flex items-center gap-1.5 rounded-2xl px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-4xl bg-foreground text-background z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin)",
-			className
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-		<TooltipPrimitive.Arrow>
-			{#snippet child({ props })}
-				<div
-					class={cn(
-						"size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] data-[side=left]:translate-x-[-1.5px] data-[side=right]:translate-x-[1.5px] bg-foreground fill-foreground z-50",
-						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]",
-						"data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)]",
-						"data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2",
-						"data-[side=left]:-translate-y-[calc(50%-3px)]",
-						arrowClasses
-					)}
-					{...props}
-				></div>
-			{/snippet}
-		</TooltipPrimitive.Arrow>
-	</TooltipPrimitive.Content>
-</TooltipPortal>

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

@@ -1,11 +0,0 @@
-import { Tooltip as TooltipPrimitive } from "bits-ui";
-import TooltipPortal from "./tooltip-portal.svelte";
-import type { ComponentProps } from "svelte";
-import type { WithoutChildrenOrChild } from "../../../utils.js";
-type $$ComponentProps = TooltipPrimitive.ContentProps & {
-    arrowClasses?: string;
-    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
-};
-declare const TooltipContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
-type TooltipContent = ReturnType<typeof TooltipContent>;
-export default TooltipContent;

package/dist/components/ui/tooltip/tooltip-portal.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ...restProps }: TooltipPrimitive.PortalProps = $props();
-</script>
-
-<TooltipPrimitive.Portal {...restProps} />

package/dist/components/ui/tooltip/tooltip-portal.svelte.d.ts

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

package/dist/components/ui/tooltip/tooltip-provider.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { delayDuration = 0, ...restProps }: TooltipPrimitive.ProviderProps = $props();
-</script>
-
-<TooltipPrimitive.Provider {delayDuration} {...restProps} />

package/dist/components/ui/tooltip/tooltip-provider.svelte.d.ts

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

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

@@ -1,7 +0,0 @@
-<script lang="ts" generics="T = never">
-	import { Tooltip as TooltipPrimitive } from "bits-ui";
-
-	let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps<T> = $props();
-</script>
-
-<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />