@tulip-systems/core 0.8.2 → 0.9.0

package/dist/src/components/ui/dropdown-menu.client.d.mts

@@ -0,0 +1,84 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DropdownMenu } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/dropdown-menu.client.d.ts
+declare function DropdownMenu$1({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Root>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuPortal({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Portal>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuTrigger({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Content>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuGroup({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Group>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.CheckboxItem> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuRadioGroup({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.RadioGroup>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.RadioItem> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Label> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Separator>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: React$1.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSub({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.Sub>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.SubTrigger> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu.SubContent>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/src/components/ui/dropdown-menu.client.mjs

@@ -0,0 +1,130 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DropdownMenu } from "radix-ui";
+
+//#region src/components/ui/dropdown-menu.client.tsx
+function DropdownMenu$1({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Root, {
+		"data-slot": "dropdown-menu",
+		...props
+	});
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...props
+	});
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...props
+	});
+}
+function DropdownMenuContent({ className, align = "start", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsx(DropdownMenu.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset,
+		align,
+		className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=closed]:overflow-hidden", className),
+		...props
+	}) });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Group, {
+		"data-slot": "dropdown-menu-group",
+		...props
+	});
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/dropdown-menu-item relative flex cursor-default select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-7 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive", className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-7 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-checkbox-item-indicator",
+			children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...props
+	});
+}
+function DropdownMenuRadioItem({ className, children, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-7 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute right-2 flex items-center justify-center",
+			"data-slot": "dropdown-menu-radio-item-indicator",
+			children: /* @__PURE__ */ jsx(DropdownMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": inset,
+		className: cn("px-1.5 py-1 font-medium text-muted-foreground text-xs data-inset:pl-7", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-focus/dropdown-menu-item:text-accent-foreground", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...props
+	});
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": inset,
+		className: cn("flex cursor-default select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-7 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenu$1 as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/src/components/ui/empty.d.mts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/empty.d.ts
+declare function Empty({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function EmptyHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+  variant?: "default" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function EmptyMedia({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime0.JSX.Element;
+declare function EmptyTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function EmptyDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+declare function EmptyContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/src/components/ui/empty.mjs

@@ -0,0 +1,61 @@
+import { cn } from "../../lib/utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/ui/empty.tsx
+function Empty({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 text-balance rounded-xl border-dashed p-6 text-center", className),
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("flex max-w-sm flex-col items-center gap-2", className),
+		...props
+	});
+}
+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: "bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-4"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("font-medium text-sm tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-description",
+		className: cn("text-muted-foreground text-sm/relaxed [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("flex w-full min-w-0 max-w-sm flex-col items-center gap-2.5 text-balance text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/src/components/ui/field.client.d.mts

@@ -0,0 +1,64 @@
+import { Label } from "./label.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/field.client.d.ts
+declare function FieldSet({
+  className,
+  ...props
+}: React.ComponentProps<"fieldset">): react_jsx_runtime0.JSX.Element;
+declare function FieldLegend({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"legend"> & {
+  variant?: "legend" | "label";
+}): react_jsx_runtime0.JSX.Element;
+declare function FieldGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare const fieldVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Field({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
+declare function FieldContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FieldLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label>): react_jsx_runtime0.JSX.Element;
+declare function FieldTitle({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FieldDescription({
+  className,
+  ...props
+}: React.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+declare function FieldSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"div"> & {
+  children?: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+declare function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}: React.ComponentProps<"div"> & {
+  errors?: Array<{
+    message?: string;
+  } | undefined>;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/src/components/ui/field.client.mjs

@@ -0,0 +1,113 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Separator } from "./separator.mjs";
+import { Label } from "./label.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useMemo } from "react";
+
+//#region src/components/ui/field.client.tsx
+function FieldSet({ className, ...props }) {
+	return /* @__PURE__ */ jsx("fieldset", {
+		"data-slot": "field-set",
+		className: cn("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+		...props
+	});
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+	return /* @__PURE__ */ jsx("legend", {
+		"data-slot": "field-legend",
+		"data-variant": variant,
+		className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
+		...props
+	});
+}
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className),
+		...props
+	});
+}
+const fieldVariants = cva("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
+	variants: { orientation: {
+		vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function Field({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": orientation,
+		className: cn(fieldVariants({ orientation }), className),
+		...props
+	});
+}
+function FieldContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-content",
+		className: cn("group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className),
+		...props
+	});
+}
+function FieldLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field][data-state=checked]]:border-primary/30 has-[>[data-slot=field][data-state=checked]]:bg-primary/5 *:data-[slot=field]:p-2.5 group-data-[disabled=true]/field:opacity-50 dark:has-[>[data-slot=field][data-state=checked]]:border-primary/20 dark:has-[>[data-slot=field][data-state=checked]]:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
+		...props
+	});
+}
+function FieldTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-label",
+		className: cn("flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50", className),
+		...props
+	});
+}
+function FieldDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		className: cn("text-left font-normal text-muted-foreground text-sm leading-normal group-has-data-[orientation=horizontal]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "nth-last-2:-mt-1 last:mt-0", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function FieldSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "field-separator",
+		"data-content": !!children,
+		className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
+			className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+			"data-slot": "field-separator-content",
+			children
+		})]
+	});
+}
+function FieldError({ className, children, errors, ...props }) {
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+		if (uniqueErrors?.length === 1) return uniqueErrors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
+		});
+	}, [children, errors]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: cn("font-normal text-destructive text-sm", className),
+		...props,
+		children: content
+	});
+}
+
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/src/components/ui/form.client.d.mts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Label, Slot } from "radix-ui";
+import * as React$1 from "react";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+
+//#region src/components/ui/form.client.d.ts
+declare const Form$1: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  visible,
+  ...props
+}: ControllerProps<TFieldValues, TName> & {
+  visible?: boolean;
+}) => react_jsx_runtime0.JSX.Element | null;
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+declare function FormItem({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function FormLabel({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Label.Root>): react_jsx_runtime0.JSX.Element;
+declare function FormControl({
+  ...props
+}: React$1.ComponentProps<typeof Slot.Root>): react_jsx_runtime0.JSX.Element;
+declare function FormDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+declare function FormMessage({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Form$1 as Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/src/components/ui/form.client.mjs

@@ -0,0 +1,92 @@
+"use client";
+
+import { cn } from "../../lib/utils/cn.mjs";
+import { Label as Label$1 } from "./label.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "radix-ui";
+import * as React$1 from "react";
+import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
+
+//#region src/components/ui/form.client.tsx
+const Form$1 = FormProvider;
+const FormFieldContext = React$1.createContext({});
+const FormField = ({ visible = true, ...props }) => {
+	if (!visible) return null;
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ jsx(Controller, { ...props })
+	});
+};
+const useFormField = () => {
+	const fieldContext = React$1.useContext(FormFieldContext);
+	const itemContext = React$1.useContext(FormItemContext);
+	const { getFieldState } = useFormContext();
+	const formState = useFormState({ name: fieldContext.name });
+	const fieldState = getFieldState(fieldContext.name, formState);
+	if (!fieldContext) throw new Error("useFormField should be used within <FormField>");
+	const { id } = itemContext;
+	return {
+		id,
+		name: fieldContext.name,
+		formItemId: `${id}-form-item`,
+		formDescriptionId: `${id}-form-item-description`,
+		formMessageId: `${id}-form-item-message`,
+		...fieldState
+	};
+};
+const FormItemContext = React$1.createContext({});
+function FormItem({ className, ...props }) {
+	const id = React$1.useId();
+	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
+		value: { id },
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "form-item",
+			className: cn("grid gap-2", className),
+			...props
+		})
+	});
+}
+function FormLabel({ className, ...props }) {
+	const { error, formItemId } = useFormField();
+	return /* @__PURE__ */ jsx(Label$1, {
+		"data-slot": "form-label",
+		"data-error": !!error,
+		className: cn("data-[error=true]:text-destructive-foreground", className),
+		htmlFor: formItemId,
+		...props
+	});
+}
+function FormControl({ ...props }) {
+	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+	return /* @__PURE__ */ jsx(Slot.Root, {
+		"data-slot": "form-control",
+		id: formItemId,
+		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+		"aria-invalid": !!error,
+		...props
+	});
+}
+function FormDescription({ className, ...props }) {
+	const { formDescriptionId } = useFormField();
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-description",
+		id: formDescriptionId,
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+function FormMessage({ className, ...props }) {
+	const { error, formMessageId } = useFormField();
+	const body = error ? String(error?.message ?? "") : props.children;
+	if (!body) return null;
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "form-message",
+		id: formMessageId,
+		className: cn("text-destructive-foreground text-sm", className),
+		...props,
+		children: body
+	});
+}
+
+//#endregion
+export { Form$1 as Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/src/components/ui/hover-card.client.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { HoverCard } from "radix-ui";
+import * as React$1 from "react";
+
+//#region src/components/ui/hover-card.client.d.ts
+declare function HoverCard$1({
+  ...props
+}: React$1.ComponentProps<typeof HoverCard.Root>): react_jsx_runtime0.JSX.Element;
+declare function HoverCardTrigger({
+  ...props
+}: React$1.ComponentProps<typeof HoverCard.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function HoverCardContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React$1.ComponentProps<typeof HoverCard.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { HoverCard$1 as HoverCard, HoverCardContent, HoverCardTrigger };