@adea-ai/ui 0.22.2 → 0.23.0

package/dist/components/ui/dropdown-menu.js

@@ -1,51 +1,180 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
-import { cn } from '#lib/utils';
-import { ChevronRightIcon, CheckIcon } from 'lucide-react';
-function DropdownMenu({ ...props }) {
-    return _jsx(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+import { cn } from "../../lib/utils.js";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
+import { CheckIcon, ChevronRightIcon } from "lucide-solid";
+import { splitProps } from "solid-js";
+import { DropdownMenu as DropdownMenu$1 } from "@kobalte/core/dropdown-menu";
+//#region src/components/ui/dropdown-menu.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class="pointer-events-none absolute right-2 flex items-center justify-center"data-slot=dropdown-menu-checkbox-item-indicator>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class="pointer-events-none absolute right-2 flex items-center justify-center"data-slot=dropdown-menu-radio-item-indicator>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<span data-slot=dropdown-menu-shortcut>`);
+function DropdownMenu(props) {
+	return createComponent(DropdownMenu$1, mergeProps({ "data-slot": "dropdown-menu" }, props));
 }
-function DropdownMenuPortal({ ...props }) {
-    return _jsx(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+function DropdownMenuPortal(props) {
+	return createComponent(DropdownMenu$1.Portal, mergeProps({ "data-slot": "dropdown-menu-portal" }, props));
 }
-function DropdownMenuTrigger({ ...props }) {
-    return _jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+function DropdownMenuTrigger(props) {
+	return createComponent(DropdownMenu$1.Trigger, mergeProps({ "data-slot": "dropdown-menu-trigger" }, props));
 }
-function DropdownMenuContent({ align = 'start', alignOffset = 0, side = 'bottom', sideOffset = 4, className, ...props }) {
-    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-[140] outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn('z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95', className), ...props }) }) }));
+function DropdownMenuContent(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"side",
+		"align",
+		"sideOffset",
+		"children"
+	]);
+	const placement = () => `${local.side ?? "bottom"}${local.align ? `-${local.align}` : ""}`;
+	return createComponent(DropdownMenu$1.Portal, { get children() {
+		return createComponent(DropdownMenu$1.Content, mergeProps({
+			"data-slot": "dropdown-menu-content",
+			get placement() {
+				return placement();
+			},
+			get gutter() {
+				return local.sideOffset ?? 4;
+			},
+			get ["class"]() {
+				return cn("z-[140] max-h-(--kb-popper-available-height) min-w-32 origin-(--kb-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", local.class);
+			}
+		}, rest, { get children() {
+			return local.children;
+		} }));
+	} });
 }
-function DropdownMenuGroup({ ...props }) {
-    return _jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+function DropdownMenuGroup(props) {
+	return createComponent(DropdownMenu$1.Group, mergeProps({ "data-slot": "dropdown-menu-group" }, props));
 }
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return (_jsx(MenuPrimitive.GroupLabel, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn('px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7', className), ...props }));
+function DropdownMenuLabel(props) {
+	const [local, rest] = splitProps(props, ["class", "inset"]);
+	return createComponent(DropdownMenu$1.GroupLabel, mergeProps({
+		"data-slot": "dropdown-menu-label",
+		get ["data-inset"]() {
+			return local.inset;
+		},
+		get ["class"]() {
+			return cn("px-1.5 py-1 text-xs font-medium text-muted-foreground data-[inset]:pl-7", local.class);
+		}
+	}, rest));
 }
-function DropdownMenuItem({ className, inset, variant = 'default', ...props }) {
-    return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("group/dropdown-menu-item relative flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className), ...props }));
+function DropdownMenuItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"inset",
+		"variant"
+	]);
+	return createComponent(DropdownMenu$1.Item, mergeProps({
+		"data-slot": "dropdown-menu-item",
+		get ["data-inset"]() {
+			return local.inset;
+		},
+		get ["data-variant"]() {
+			return local.variant ?? "default";
+		},
+		get ["class"]() {
+			return cn("group/dropdown-menu-item relative flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[inset]:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-highlighted:bg-accent data-highlighted:text-accent-foreground data-highlighted:not-data-[variant=destructive]:text-accent-foreground data-[variant=destructive]:data-highlighted:bg-destructive/10 data-[variant=destructive]:data-highlighted:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", local.class);
+		}
+	}, rest));
 }
-function DropdownMenuSub({ ...props }) {
-    return _jsx(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+function DropdownMenuSub(props) {
+	return createComponent(DropdownMenu$1.Sub, mergeProps({ "data-slot": "dropdown-menu-sub" }, props));
 }
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(MenuPrimitive.SubmenuTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto" })] }));
+function DropdownMenuSubTrigger(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"inset",
+		"children"
+	]);
+	return createComponent(DropdownMenu$1.SubTrigger, mergeProps({
+		"data-slot": "dropdown-menu-sub-trigger",
+		get ["data-inset"]() {
+			return local.inset;
+		},
+		get ["class"]() {
+			return cn("flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[inset]:pl-7 data-expanded:bg-accent data-expanded:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", local.class);
+		}
+	}, rest, { get children() {
+		return [memo(() => local.children), createComponent(ChevronRightIcon, { "class": "ml-auto" })];
+	} }));
 }
-function DropdownMenuSubContent({ align = 'start', alignOffset = -3, side = 'right', sideOffset = 0, className, ...props }) {
-    return (_jsx(DropdownMenuContent, { "data-slot": "dropdown-menu-sub-content", className: cn('w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', className), align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, ...props }));
+function DropdownMenuSubContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenuContent, mergeProps({
+		"data-slot": "dropdown-menu-sub-content",
+		get ["class"]() {
+			return cn("w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", local.class);
+		}
+	}, rest));
 }
-function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
-    return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", "data-inset": inset, className: cn("relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-checkbox-item-indicator", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+function DropdownMenuCheckboxItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"inset"
+	]);
+	return createComponent(DropdownMenu$1.CheckboxItem, mergeProps({
+		"data-slot": "dropdown-menu-checkbox-item",
+		get ["data-inset"]() {
+			return local.inset;
+		},
+		get ["class"]() {
+			return cn("relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[inset]:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", local.class);
+		}
+	}, rest, { get children() {
+		return [(() => {
+			var _el$ = _tmpl$();
+			insert(_el$, createComponent(DropdownMenu$1.ItemIndicator, { get children() {
+				return createComponent(CheckIcon, {});
+			} }));
+			return _el$;
+		})(), memo(() => local.children)];
+	} }));
 }
-function DropdownMenuRadioGroup({ ...props }) {
-    return _jsx(MenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+function DropdownMenuRadioGroup(props) {
+	return createComponent(DropdownMenu$1.RadioGroup, mergeProps({ "data-slot": "dropdown-menu-radio-group" }, props));
 }
-function DropdownMenuRadioItem({ className, children, inset, ...props }) {
-    return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", "data-inset": inset, className: cn("relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-radio-item-indicator", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
+function DropdownMenuRadioItem(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"children",
+		"inset"
+	]);
+	return createComponent(DropdownMenu$1.RadioItem, mergeProps({
+		"data-slot": "dropdown-menu-radio-item",
+		get ["data-inset"]() {
+			return local.inset;
+		},
+		get ["class"]() {
+			return cn("relative flex cursor-pointer items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-[inset]:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", local.class);
+		}
+	}, rest, { get children() {
+		return [(() => {
+			var _el$2 = _tmpl$2();
+			insert(_el$2, createComponent(DropdownMenu$1.ItemIndicator, { get children() {
+				return createComponent(CheckIcon, {});
+			} }));
+			return _el$2;
+		})(), memo(() => local.children)];
+	} }));
 }
-function DropdownMenuSeparator({ className, ...props }) {
-    return (_jsx(MenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn('-mx-1 my-1 h-px bg-border', className), ...props }));
+function DropdownMenuSeparator(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Separator, mergeProps({
+		"data-slot": "dropdown-menu-separator",
+		get ["class"]() {
+			return cn("-mx-1 my-1 h-px bg-border", local.class);
+		}
+	}, rest));
 }
-function DropdownMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn('ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground', className), ...props }));
+function DropdownMenuShortcut(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({ get ["class"]() {
+			return cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", local.class);
+		} }, rest), false, false);
+		return _el$3;
+	})();
 }
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

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

@@ -1,11 +1,12 @@
 import { type VariantProps } from 'class-variance-authority';
-declare function Empty({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+import { type ComponentProps } from 'solid-js';
+declare function Empty(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+declare function EmptyHeader(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
 declare const emptyMediaVariants: (props?: ({
     variant?: "default" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<'p'>): import("react").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+declare function EmptyMedia(props: ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>): import("solid-js").JSX.Element;
+declare function EmptyTitle(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
+declare function EmptyDescription(props: ComponentProps<'p'>): import("solid-js").JSX.Element;
+declare function EmptyContent(props: ComponentProps<'div'>): import("solid-js").JSX.Element;
 export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };

package/dist/components/ui/empty.js

@@ -1,33 +1,85 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
-import { cn } from '#lib/utils';
-function Empty({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty", className: cn('flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance', className), ...props }));
+import { cn } from "../../lib/utils.js";
+import { mergeProps, spread, template } from "solid-js/web";
+import { splitProps } from "solid-js";
+import { cva } from "class-variance-authority";
+//#region src/components/ui/empty.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div data-slot=empty>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div data-slot=empty-header>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div data-slot=empty-icon>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<div data-slot=empty-title>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div data-slot=empty-description>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div data-slot=empty-content>`);
+function Empty(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance", local.class);
+		} }, rest), false, false);
+		return _el$;
+	})();
 }
-function EmptyHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-header", className: cn('flex max-w-sm flex-col items-center gap-2', className), ...props }));
+function EmptyHeader(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$2 = _tmpl$2();
+		spread(_el$2, mergeProps({ get ["class"]() {
+			return cn("flex max-w-sm flex-col items-center gap-2", local.class);
+		} }, rest), false, false);
+		return _el$2;
+	})();
 }
-const emptyMediaVariants = cva('mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0', {
-    variants: {
-        variant: {
-            default: 'bg-transparent',
-            icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4",
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-    },
+var emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { variant: "default" }
 });
-function EmptyMedia({ className, variant = 'default', ...props }) {
-    return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
+function EmptyMedia(props) {
+	const [local, rest] = splitProps(props, ["class", "variant"]);
+	return (() => {
+		var _el$3 = _tmpl$3();
+		spread(_el$3, mergeProps({
+			get ["data-variant"]() {
+				return local.variant ?? "default";
+			},
+			get ["class"]() {
+				return cn(emptyMediaVariants({ variant: local.variant }), local.class);
+			}
+		}, rest), false, false);
+		return _el$3;
+	})();
 }
-function EmptyTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-title", className: cn('text-sm font-medium tracking-tight', className), ...props }));
+function EmptyTitle(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$4 = _tmpl$4();
+		spread(_el$4, mergeProps({ get ["class"]() {
+			return cn("text-sm font-medium tracking-tight", local.class);
+		} }, rest), false, false);
+		return _el$4;
+	})();
 }
-function EmptyDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-description", className: cn('text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary', className), ...props }));
+function EmptyDescription(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$5 = _tmpl$5();
+		spread(_el$5, mergeProps({ get ["class"]() {
+			return cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", local.class);
+		} }, rest), false, false);
+		return _el$5;
+	})();
 }
-function EmptyContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-content", className: cn('flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance', className), ...props }));
+function EmptyContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return (() => {
+		var _el$6 = _tmpl$6();
+		spread(_el$6, mergeProps({ get ["class"]() {
+			return cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance", local.class);
+		} }, rest), false, false);
+		return _el$6;
+	})();
 }
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia };
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

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

@@ -1,24 +1,25 @@
 import { type VariantProps } from 'class-variance-authority';
+import { type ComponentProps, type JSX } from 'solid-js';
 import { Label } from '#components/ui/label';
-declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react").JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<'legend'> & {
+declare function FieldSet(props: ComponentProps<'fieldset'>): JSX.Element;
+declare function FieldLegend(props: ComponentProps<'legend'> & {
     variant?: 'legend' | 'label';
-}): import("react").JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
+}): JSX.Element;
+declare function FieldGroup(props: ComponentProps<'div'>): JSX.Element;
 declare const fieldVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): import("react").JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<'div'> & {
-    children?: React.ReactNode;
-}): import("react").JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<'div'> & {
+declare function Field(props: ComponentProps<'div'> & VariantProps<typeof fieldVariants>): JSX.Element;
+declare function FieldContent(props: ComponentProps<'div'>): JSX.Element;
+declare function FieldLabel(props: ComponentProps<typeof Label>): JSX.Element;
+declare function FieldTitle(props: ComponentProps<'div'>): JSX.Element;
+declare function FieldDescription(props: ComponentProps<'p'>): JSX.Element;
+declare function FieldSeparator(props: ComponentProps<'div'> & {
+    children?: JSX.Element;
+}): JSX.Element;
+declare function FieldError(props: ComponentProps<'div'> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
-}): import("react").JSX.Element | null;
+}): JSX.Element;
 export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };