@adea-ai/ui 0.22.2 → 0.23.0

package/dist/components/ui/tabs.js

@@ -1,29 +1,57 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-import { cva } from 'class-variance-authority';
-import { cn } from '#lib/utils';
-function Tabs({ className, orientation = 'horizontal', ...props }) {
-    return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, className: cn('group/tabs flex gap-2 data-horizontal:flex-col', className), ...props }));
+import { cn } from "../../lib/utils.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { cva } from "class-variance-authority";
+import { Tabs as Tabs$1 } from "@kobalte/core/tabs";
+//#region src/components/ui/tabs.tsx
+function Tabs(props) {
+	const [local, rest] = splitProps(props, ["class", "orientation"]);
+	return createComponent(Tabs$1, mergeProps({
+		"data-slot": "tabs",
+		get orientation() {
+			return local.orientation;
+		},
+		get ["class"]() {
+			return cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", local.class);
+		}
+	}, rest));
 }
-const tabsListVariants = cva('group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none', {
-    variants: {
-        variant: {
-            default: 'bg-muted',
-            line: 'gap-1 bg-transparent',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-    },
+var tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-8 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
 });
-function TabsList({ className, variant = 'default', ...props }) {
-    return (_jsx(TabsPrimitive.List, { "data-slot": "tabs-list", "data-variant": variant, className: cn(tabsListVariants({ variant }), className), ...props }));
+function TabsList(props) {
+	const [local, rest] = splitProps(props, ["class", "variant"]);
+	return createComponent(Tabs$1.List, mergeProps({
+		"data-slot": "tabs-list",
+		get ["data-variant"]() {
+			return local.variant ?? "default";
+		},
+		get ["class"]() {
+			return cn(tabsListVariants({ variant: local.variant }), local.class);
+		}
+	}, rest));
 }
-function TabsTrigger({ className, ...props }) {
-    return (_jsx(TabsPrimitive.Tab, { "data-slot": "tabs-trigger", className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", '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 data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground', 'after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100', className), ...props }));
+function TabsTrigger(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Tabs$1.Trigger, mergeProps({
+		"data-slot": "tabs-trigger",
+		get ["class"]() {
+			return cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-selected:shadow-sm group-data-[variant=line]/tabs-list:data-selected:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-selected:bg-transparent dark:group-data-[variant=line]/tabs-list:data-selected:border-transparent dark:group-data-[variant=line]/tabs-list:data-selected:bg-transparent", "data-selected:bg-background data-selected:text-foreground dark:data-selected:border-input dark:data-selected:bg-input/30 dark:data-selected:text-foreground", "after:absolute after:bg-foreground 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-selected:after:opacity-100", local.class);
+		}
+	}, rest));
 }
-function TabsContent({ className, ...props }) {
-    return (_jsx(TabsPrimitive.Panel, { "data-slot": "tabs-content", className: cn('flex-1 text-sm outline-none', className), ...props }));
+function TabsContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(Tabs$1.Content, mergeProps({
+		"data-slot": "tabs-content",
+		get ["class"]() {
+			return cn("flex-1 text-sm outline-none", local.class);
+		}
+	}, rest));
 }
-export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };

package/dist/components/ui/toggle-group.d.ts

@@ -1,11 +1,13 @@
-import * as React from 'react';
-import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
-import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
+import { ToggleGroup as ToggleGroupPrimitive } from '@kobalte/core/toggle-group';
 import { type VariantProps } from 'class-variance-authority';
+import { type ComponentProps } from 'solid-js';
 import { toggleVariants } from '#components/ui/toggle';
-declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: ToggleGroupPrimitive.Props & VariantProps<typeof toggleVariants> & {
+type ToggleGroupProps = Omit<ComponentProps<typeof ToggleGroupPrimitive>, 'multiple' | 'onChange' | 'value'> & VariantProps<typeof toggleVariants> & {
     spacing?: number;
-    orientation?: 'horizontal' | 'vertical';
-}): React.JSX.Element;
-declare function ToggleGroupItem({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): React.JSX.Element;
-export { ToggleGroup, ToggleGroupItem };
+    value?: string[];
+    onChange?: (value: string[]) => void;
+};
+declare function ToggleGroup(props: ToggleGroupProps): import("solid-js").JSX.Element;
+type ToggleGroupItemProps = ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>;
+declare function ToggleGroupItem(props: ToggleGroupItemProps): import("solid-js").JSX.Element;
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps };

package/dist/components/ui/toggle-group.js

@@ -1,24 +1,95 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
-import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
-import { cn } from '#lib/utils';
-import { toggleVariants } from '#components/ui/toggle';
-const ToggleGroupContext = React.createContext({
-    size: 'default',
-    variant: 'default',
-    spacing: 2,
-    orientation: 'horizontal',
+import { cn } from "../../lib/utils.js";
+import { toggleVariants } from "./toggle.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { createContext, splitProps, useContext } from "solid-js";
+import { ToggleGroup as ToggleGroup$1 } from "@kobalte/core/toggle-group";
+//#region src/components/ui/toggle-group.tsx
+var ToggleGroupContext = createContext({
+	size: "default",
+	variant: "default",
+	spacing: 2
 });
-function ToggleGroup({ className, variant, size, spacing = 2, orientation = 'horizontal', children, ...props }) {
-    return (_jsx(ToggleGroupPrimitive, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, "data-orientation": orientation, style: { '--gap': spacing }, className: cn('group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch', className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing, orientation }, children: children }) }));
+function ToggleGroup(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"variant",
+		"size",
+		"spacing",
+		"orientation",
+		"children",
+		"value",
+		"onChange"
+	]);
+	return createComponent(ToggleGroup$1, mergeProps({
+		"data-slot": "toggle-group",
+		get ["data-variant"]() {
+			return local.variant ?? "default";
+		},
+		get ["data-size"]() {
+			return local.size ?? "default";
+		},
+		get ["data-spacing"]() {
+			return local.spacing ?? 2;
+		},
+		get ["data-orientation"]() {
+			return local.orientation ?? "horizontal";
+		},
+		multiple: true,
+		get value() {
+			return local.value;
+		},
+		get onChange() {
+			return local.onChange;
+		},
+		get style() {
+			return { "--gap": local.spacing ?? 2 };
+		},
+		get ["class"]() {
+			return cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", local.class);
+		}
+	}, rest, { get children() {
+		return createComponent(ToggleGroupContext.Provider, {
+			get value() {
+				return {
+					variant: local.variant,
+					size: local.size,
+					spacing: local.spacing ?? 2
+				};
+			},
+			get children() {
+				return local.children;
+			}
+		});
+	} }));
 }
-function ToggleGroupItem({ className, children, variant = 'default', size = 'default', ...props }) {
-    const context = React.useContext(ToggleGroupContext);
-    return (_jsx(TogglePrimitive, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn('shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t', toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size,
-        }), className), ...props, children: children }));
+function ToggleGroupItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"variant",
+		"size"
+	]);
+	const context = useContext(ToggleGroupContext);
+	return createComponent(ToggleGroup$1.Item, mergeProps({
+		"data-slot": "toggle-group-item",
+		get ["data-variant"]() {
+			return context.variant ?? local.variant;
+		},
+		get ["data-size"]() {
+			return context.size ?? local.size;
+		},
+		get ["data-spacing"]() {
+			return context.spacing;
+		},
+		get ["class"]() {
+			return cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", toggleVariants({
+				variant: context.variant ?? local.variant,
+				size: context.size ?? local.size
+			}), local.class);
+		}
+	}, rest, { get children() {
+		return local.children;
+	} }));
 }
+//#endregion
 export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle.d.ts

@@ -1,8 +1,10 @@
-import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ToggleButton as TogglePrimitive } from '@kobalte/core/toggle-button';
 import { type VariantProps } from 'class-variance-authority';
+import { type ComponentProps } from 'solid-js';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Toggle({ className, variant, size, ...props }: TogglePrimitive.Props & VariantProps<typeof toggleVariants>): import("react").JSX.Element;
+type ToggleProps = ComponentProps<typeof TogglePrimitive> & VariantProps<typeof toggleVariants>;
+declare function Toggle(props: ToggleProps): import("solid-js").JSX.Element;
 export { Toggle, toggleVariants };

package/dist/components/ui/toggle.js

@@ -1,26 +1,41 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
-import { cva } from 'class-variance-authority';
-import { cn } from '#lib/utils';
-const toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: 'bg-transparent',
-            outline: 'border border-input bg-transparent hover:bg-muted',
-        },
-        size: {
-            default: 'h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
-            sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-            lg: 'h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default',
-    },
+import { cn } from "../../lib/utils.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { cva } from "class-variance-authority";
+import { ToggleButton } from "@kobalte/core/toggle-button";
+//#region src/components/ui/toggle.tsx
+var toggleVariants = cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent hover:bg-muted"
+		},
+		size: {
+			default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
 });
-function Toggle({ className, variant = 'default', size = 'default', ...props }) {
-    return (_jsx(TogglePrimitive, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
+function Toggle(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"variant",
+		"size"
+	]);
+	return createComponent(ToggleButton, mergeProps({
+		"data-slot": "toggle",
+		get ["class"]() {
+			return cn(toggleVariants({
+				variant: local.variant,
+				size: local.size
+			}), local.class);
+		}
+	}, rest));
 }
+//#endregion
 export { Toggle, toggleVariants };

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

@@ -1,8 +1,15 @@
-import * as React from 'react';
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { Tooltip as TooltipPrimitive } from '@kobalte/core/tooltip';
+import { type ComponentProps, type ParentProps } from 'solid-js';
 declare const TOOLTIP_DELAY = 200;
-declare function TooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): React.JSX.Element;
-declare function Tooltip({ ...props }: TooltipPrimitive.Root.Props): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: TooltipPrimitive.Trigger.Props): React.JSX.Element;
-declare function TooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): React.JSX.Element;
+declare function TooltipProvider(props: ParentProps<{
+    delay?: number;
+}>): import("solid-js").JSX.Element;
+declare function Tooltip(props: ComponentProps<typeof TooltipPrimitive>): import("solid-js").JSX.Element;
+declare function TooltipTrigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>): import("solid-js").JSX.Element;
+type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content> & {
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+    align?: 'start' | 'center' | 'end';
+};
+declare function TooltipContent(props: TooltipContentProps): import("solid-js").JSX.Element;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TOOLTIP_DELAY };

package/dist/components/ui/tooltip.js

@@ -1,18 +1,55 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
-import { cn } from '#lib/utils';
-const TOOLTIP_DELAY = 200;
-function TooltipProvider({ delay = TOOLTIP_DELAY, ...props }) {
-    return _jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delay: delay, ...props });
+import { cn } from "../../lib/utils.js";
+import { createComponent, mergeProps } from "solid-js/web";
+import { createContext, splitProps, useContext } from "solid-js";
+import { Tooltip as Tooltip$1 } from "@kobalte/core/tooltip";
+//#region src/components/ui/tooltip.tsx
+var TOOLTIP_DELAY = 200;
+var TooltipDelayContext = createContext(200);
+function TooltipProvider(props) {
+	return createComponent(TooltipDelayContext.Provider, {
+		get value() {
+			return props.delay ?? 200;
+		},
+		get children() {
+			return props.children;
+		}
+	});
 }
-function Tooltip({ ...props }) {
-    return _jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+function Tooltip(props) {
+	const delay = useContext(TooltipDelayContext);
+	return createComponent(Tooltip$1, mergeProps({
+		openDelay: delay,
+		"data-slot": "tooltip"
+	}, props));
 }
-function TooltipTrigger({ ...props }) {
-    return _jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+function TooltipTrigger(props) {
+	return createComponent(Tooltip$1.Trigger, mergeProps({ "data-slot": "tooltip-trigger" }, props));
 }
-function TooltipContent({ className, side = 'top', sideOffset = 4, align, alignOffset, children, ...props }) {
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Positioner, { className: "isolate z-[160] outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(TooltipPrimitive.Popup, { "data-slot": "tooltip-content", className: cn('max-w-72 rounded-md bg-popover px-2.5 py-1.5 text-sm leading-5 text-popover-foreground shadow-md ring-1 ring-foreground/10', className), ...props, children: children }) }) }));
+function TooltipContent(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"side",
+		"sideOffset",
+		"align",
+		"children"
+	]);
+	const placement = () => `${local.side ?? "top"}${local.align ? `-${local.align}` : ""}`;
+	return createComponent(Tooltip$1.Portal, { get children() {
+		return createComponent(Tooltip$1.Content, mergeProps({
+			"data-slot": "tooltip-content",
+			get placement() {
+				return placement();
+			},
+			get gutter() {
+				return local.sideOffset ?? 4;
+			},
+			get ["class"]() {
+				return cn("z-[160] max-w-72 rounded-md bg-popover px-2.5 py-1.5 text-sm leading-5 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-expanded:animate-in data-expanded:fade-in-0", local.class);
+			}
+		}, rest, { get children() {
+			return local.children;
+		} }));
+	} });
 }
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TOOLTIP_DELAY };
+//#endregion
+export { TOOLTIP_DELAY, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/version-dialog.d.ts

@@ -17,9 +17,9 @@ export type VersionDialogAdapter = Readonly<{
     install(expectedVersion: string): Promise<SharedDesktopUpdate>;
     isDesktopRuntime(): boolean;
 }>;
-export declare function VersionDialog({ adapter, fallbackVersion, onOpenChange, open: controlledOpen, }: Readonly<{
+export declare function VersionDialog(props: {
     adapter: VersionDialogAdapter;
     fallbackVersion?: string;
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
-}>): import("react").JSX.Element;
+}): import("solid-js").JSX.Element;