@fuma-content/studio 0.1.0

package/dist/src/components/json-schema-editor/utils/merge-schema.mjs

@@ -0,0 +1,134 @@
+import { deepEqual } from "../../../lib/utils/deep-equal.mjs";
+
+//#region src/components/json-schema-editor/utils/merge-schema.ts
+/**
+* Merge `allOf` object schema
+*/
+function mergeAllOf(schema) {
+	if (typeof schema === "boolean" || !schema.allOf) return schema;
+	const { allOf, ...rest } = schema;
+	let result = rest;
+	for (const item of allOf) result = intersection(result, item);
+	return result;
+}
+function intersection(a, b) {
+	a = mergeAllOf(a);
+	b = mergeAllOf(b);
+	if (typeof a === "boolean" && typeof b === "boolean") return a && b;
+	if (typeof a === "boolean") return a;
+	if (typeof b === "boolean") return b;
+	const result = { ...a };
+	for (const _k in b) {
+		const key = _k;
+		switch (key) {
+			case "$id":
+			case "$comment":
+			case "description":
+			case "additionalItems":
+			case "examples":
+			case "allOf":
+			case "writeOnly":
+			case "readOnly": break;
+			case "title": {
+				const value = b[key];
+				if (value === void 0) break;
+				if (result[key]) result[key] = `${result[key]} & ${value}`;
+				else result[key] = value;
+				break;
+			}
+			case "minItems":
+			case "minimum":
+			case "exclusiveMinimum":
+			case "minProperties":
+			case "minContains":
+			case "minLength": {
+				const value = b[key];
+				if (value === void 0) break;
+				result[key] = result[key] === void 0 ? value : Math.max(result[key], value);
+				break;
+			}
+			case "maxContains":
+			case "maxItems":
+			case "maxLength":
+			case "maxProperties":
+			case "maximum":
+			case "exclusiveMaximum": {
+				const value = b[key];
+				if (value === void 0) break;
+				result[key] = result[key] === void 0 ? value : Math.min(result[key], value);
+				break;
+			}
+			case "enum":
+			case "anyOf":
+			case "oneOf": {
+				const value = b[key];
+				if (value === void 0) break;
+				result[key] = result[key] === void 0 ? value : intersectArray(result[key], value);
+				break;
+			}
+			case "format":
+			case "const":
+			case "type": {
+				const value = b[key];
+				if (value === void 0) break;
+				result[key] ??= value;
+				if (!deepEqual(result[key], value)) return false;
+				break;
+			}
+			case "required": {
+				const value = b[key];
+				if (value === void 0) break;
+				result[key] = [...result[key] ?? [], ...value];
+				break;
+			}
+			case "properties":
+			case "patternProperties": {
+				const value = b[key];
+				if (value === void 0) break;
+				if (result[key] === void 0) {
+					result[key] = value;
+					break;
+				}
+				const out = {};
+				const allProps = /* @__PURE__ */ new Set();
+				for (const k in result[key]) allProps.add(k);
+				for (const k in value) allProps.add(k);
+				for (const prop of allProps) {
+					const aProp = result[key][prop];
+					const bProp = value[prop];
+					if (aProp === void 0) out[prop] = bProp;
+					else if (bProp === void 0) out[prop] = aProp;
+					else out[prop] = intersection(aProp, bProp);
+				}
+				result[key] = out;
+				break;
+			}
+			case "additionalProperties":
+			case "contains":
+			case "items": {
+				const value = b[key];
+				if (value === void 0) break;
+				result[key] = result[key] === void 0 ? value : intersection(result[key], value);
+				break;
+			}
+			case "not": {
+				const value = b[key];
+				if (value === void 0) break;
+				if (result[key] && value) result.not = { anyOf: [result[key], value] };
+				else if (value) result.not = value;
+				break;
+			}
+			default: result[key] = b[key];
+		}
+	}
+	return result;
+}
+function intersectArray(a, b) {
+	const out = /* @__PURE__ */ new Set();
+	for (const item of a) if (b.includes(item)) out.add(item);
+	for (const item of b) if (a.includes(item)) out.add(item);
+	return Array.from(out);
+}
+
+//#endregion
+export { mergeAllOf };

package/dist/src/components/json-schema-editor/utils/schema-to-string.mjs

@@ -0,0 +1,53 @@
+import { dereference } from "../schema.mjs";
+
+//#region src/components/json-schema-editor/utils/schema-to-string.ts
+let FormatFlags = /* @__PURE__ */ function(FormatFlags$1) {
+	FormatFlags$1[FormatFlags$1["None"] = 0] = "None";
+	FormatFlags$1[FormatFlags$1["UseAlias"] = 1] = "UseAlias";
+	return FormatFlags$1;
+}({});
+/**
+* generate text representation of a schema, handle recursive refs.
+*/
+function schemaToString(value, ctx, flags = FormatFlags.None) {
+	function union(union$1, sep, flags$1) {
+		const members = /* @__PURE__ */ new Set();
+		let nullable = false;
+		for (const item of union$1) {
+			const result$1 = run(item, flags$1 | FormatFlags.UseAlias);
+			if (result$1 === "null") nullable = true;
+			else if (result$1 !== "unknown") members.add(result$1);
+		}
+		const result = Array.from(members).join(sep);
+		return nullable ? `${result} | null` : result;
+	}
+	function run(schema, flags$1) {
+		if (schema === true) return "any";
+		else if (schema === false) return "never";
+		if ((flags$1 & FormatFlags.UseAlias) === FormatFlags.UseAlias) {
+			if (schema.title) return schema.title;
+			const ref = schema.$ref?.split("/");
+			if (ref && ref.length > 0) return ref[ref.length - 1];
+		} else if (schema.$ref) {
+			const out = dereference(schema, ctx);
+			if (typeof out !== "boolean") schema = out;
+		}
+		if (Array.isArray(schema.type)) return union(schema.type.map((type) => ({
+			...schema,
+			type
+		})), " | ", flags$1);
+		if (schema.type === "array") return `array<${schema.items ? run(schema.items, flags$1 | FormatFlags.UseAlias) : "unknown"}>`;
+		const or = schema.oneOf ?? schema.anyOf;
+		if (schema.oneOf && schema.anyOf) return `(${union(schema.oneOf, " | ", flags$1)}) & (${union(schema.anyOf, " | ", flags$1)})`;
+		else if (or) return union(or, " | ", flags$1);
+		if (schema.allOf) return union(schema.allOf, " & ", flags$1);
+		if (schema.not) return `not ${run(schema.not, flags$1)}`;
+		if (schema.type === "string" && schema.format === "binary") return "file";
+		if (schema.type) return Array.isArray(schema.type) ? schema.type.filter((v) => v !== "null").join(" | ") : schema.type;
+		return "unknown";
+	}
+	return run(value, flags);
+}
+
+//#endregion
+export { FormatFlags, schemaToString };

package/dist/src/components/ui/alert-dialog.mjs

@@ -0,0 +1,90 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "./button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertDialog } from "radix-ui";
+
+//#region src/components/ui/alert-dialog.tsx
+function AlertDialog$1({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, {
+		"data-slot": "alert-dialog",
+		...props
+	});
+}
+function AlertDialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		"data-slot": "alert-dialog-portal",
+		...props
+	});
+}
+function AlertDialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Overlay, {
+		"data-slot": "alert-dialog-overlay",
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/80 duration-100 data-closed:animate-out data-open:animate-in supports-backdrop-filter:backdrop-blur-xs", className),
+		...props
+	});
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx(AlertDialog.Content, {
+		"data-slot": "alert-dialog-content",
+		"data-size": size,
+		className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-4xl bg-background p-6 outline-none ring-1 ring-foreground/5 duration-100 data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-closed:animate-out data-open:animate-in data-[size=default]:sm:max-w-md", className),
+		...props
+	})] });
+}
+function AlertDialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-header",
+		className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className),
+		...props
+	});
+}
+function AlertDialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function AlertDialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		"data-slot": "alert-dialog-title",
+		className: cn("font-medium text-lg sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className),
+		...props
+	});
+}
+function AlertDialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		"data-slot": "alert-dialog-description",
+		className: cn("text-balance text-muted-foreground text-sm md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		...props
+	});
+}
+function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog.Action, {
+			"data-slot": "alert-dialog-action",
+			className: cn(className),
+			...props
+		})
+	});
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(AlertDialog.Cancel, {
+			"data-slot": "alert-dialog-cancel",
+			className: cn(className),
+			...props
+		})
+	});
+}
+
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle };

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

@@ -0,0 +1,32 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "radix-ui";
+
+//#region src/components/ui/avatar.tsx
+function Avatar$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		"data-slot": "avatar",
+		"data-size": size,
+		className: cn("group/avatar relative flex size-8 shrink-0 select-none rounded-full after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten", className),
+		...props
+	});
+}
+function AvatarImage({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		"data-slot": "avatar-image",
+		className: cn("aspect-square size-full rounded-full object-cover", className),
+		...props
+	});
+}
+function AvatarFallback({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		"data-slot": "avatar-fallback",
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs", className),
+		...props
+	});
+}
+
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage };

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

@@ -0,0 +1,48 @@
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+
+//#region src/components/ui/button.tsx
+const buttonVariants = cva("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 rounded-4xl border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
+			destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5",
+			xs: "h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			icon: "size-9",
+			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot.Root : "button", {
+		"data-slot": "button",
+		"data-variant": variant,
+		"data-size": size,
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+
+//#endregion
+export { Button, buttonVariants };

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

@@ -0,0 +1,108 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { Button, buttonVariants } from "./button.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+
+//#region src/components/ui/calendar.tsx
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		className: cn("p-3 [--cell-radius:var(--radius-4xl)] [--cell-size:--spacing(8)] bg-background group/calendar in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		captionLayout,
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+			...formatters
+		},
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+			month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+			nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+			month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+			dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+			dropdown_root: cn("relative cn-calendar-dropdown-root rounded-(--cell-radius)", defaultClassNames.dropdown_root),
+			dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+			caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "cn-calendar-caption-label rounded-(--cell-radius) flex items-center gap-1 text-sm  [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+			table: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("text-muted-foreground rounded-(--cell-radius) flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+			week: cn("flex w-full mt-2", defaultClassNames.week),
+			week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+			week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+			day: cn("relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none", props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
+			range_start: cn("rounded-l-(--cell-radius) bg-muted elative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate", defaultClassNames.range_start),
+			range_middle: cn("rounded-none", defaultClassNames.range_middle),
+			range_end: cn("rounded-r-(--cell-radius) bg-muted relative after:bg-muted-200 after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate", defaultClassNames.range_end),
+			today: cn("bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none", defaultClassNames.today),
+			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			...classNames
+		},
+		components: {
+			Root: ({ className: className$1, rootRef, ...props$1 }) => {
+				return /* @__PURE__ */ jsx("div", {
+					"data-slot": "calendar",
+					ref: rootRef,
+					className: cn(className$1),
+					...props$1
+				});
+			},
+			Chevron: ({ className: className$1, orientation, ...props$1 }) => {
+				if (orientation === "left") return /* @__PURE__ */ jsx(ChevronLeftIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+				if (orientation === "right") return /* @__PURE__ */ jsx(ChevronRightIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+				return /* @__PURE__ */ jsx(ChevronDownIcon, {
+					className: cn("size-4", className$1),
+					...props$1
+				});
+			},
+			DayButton: CalendarDayButton,
+			WeekNumber: ({ children, ...props$1 }) => {
+				return /* @__PURE__ */ jsx("td", {
+					...props$1,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex size-(--cell-size) items-center justify-center text-center",
+						children
+					})
+				});
+			},
+			...components
+		},
+		...props
+	});
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React$1.useRef(null);
+	React$1.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(),
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		...props
+	});
+}
+
+//#endregion
+export { Calendar };

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

@@ -0,0 +1,23 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { Checkbox } from "radix-ui";
+
+//#region src/components/ui/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[6px] border border-input outline-none transition-shadow after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 group-has-disabled/field:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:bg-input/30 dark:data-checked:bg-primary dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+			children: /* @__PURE__ */ jsx(CheckIcon, {})
+		})
+	});
+}
+
+//#endregion
+export { Checkbox$1 as Checkbox };

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

@@ -0,0 +1,53 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import "./button.mjs";
+import "./input-group.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
+import { Combobox } from "@base-ui/react";
+
+//#region src/components/ui/combobox.tsx
+const Combobox$1 = Combobox.Root;
+function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		anchor,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Combobox.Popup, {
+			"data-slot": "combobox-content",
+			"data-chips": !!anchor,
+			className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) overflow-hidden rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[chips=true]:min-w-(--anchor-width) data-closed:animate-out data-open:animate-in *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-9 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none", className),
+			...props
+		})
+	}) });
+}
+function ComboboxList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.List, {
+		"data-slot": "combobox-list",
+		className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", className),
+		...props
+	});
+}
+function ComboboxItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Combobox.Item, {
+		"data-slot": "combobox-item",
+		className: cn("relative flex w-full select-none items-center gap-2.5 rounded-xl py-2 pr-8 pl-3 text-sm outline-hidden data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-50 not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Combobox.ItemIndicator, { render: /* @__PURE__ */ jsx(CheckIcon, { className: "absolute end-2 size-4" }) })]
+	});
+}
+function ComboboxChipsInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Combobox.Input, {
+		"data-slot": "combobox-chip-input",
+		className: cn("min-w-16 flex-1 outline-none", className),
+		...props
+	});
+}
+
+//#endregion
+export { Combobox$1 as Combobox, ComboboxChipsInput, ComboboxContent, ComboboxItem, ComboboxList };

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

@@ -0,0 +1,42 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import "./dialog.mjs";
+import "./input-group.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command } from "cmdk";
+import { CheckIcon, SearchIcon } from "lucide-react";
+
+//#region src/components/ui/command.tsx
+function Command$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command, {
+		"data-slot": "command",
+		className: cn("bg-popover text-popover-foreground rounded-4xl p-1 flex size-full flex-col overflow-hidden", className),
+		...props
+	});
+}
+function CommandList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.List, {
+		"data-slot": "command-list",
+		className: cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+}
+function CommandGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Command.Group, {
+		"data-slot": "command-group",
+		className: cn("text-foreground **:[[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 **:[[cmdk-group-heading]]:px-3 **:[[cmdk-group-heading]]:py-2 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium", className),
+		...props
+	});
+}
+function CommandItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Command.Item, {
+		"data-slot": "command-item",
+		className: cn("data-selected:bg-muted data-selected:text-foreground data-selected:*:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-lg px-3 py-2 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-2xl group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })]
+	});
+}
+
+//#endregion
+export { Command$1 as Command, CommandGroup, CommandItem, CommandList };

package/dist/src/components/ui/context-menu.mjs

@@ -0,0 +1,67 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { ChevronRightIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { ContextMenu } from "@base-ui/react/context-menu";
+
+//#region src/components/ui/context-menu.tsx
+function ContextMenu$1({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Root, { ...props });
+}
+function ContextMenuTrigger(props) {
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, { ...props });
+}
+const menuVariants = cva("min-w-50 origin-(--transform-origin) rounded-md bg-popover p-1 text-popover-foreground shadow-lg border transition-opacity data-ending-style:opacity-0");
+function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, { children: /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: "outline-none z-40",
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(ContextMenu.Popup, {
+			className: cn(menuVariants(), className),
+			...props
+		})
+	}) });
+}
+function ContextMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Group, { ...props });
+}
+const menuItemVariants = cva("flex group/context-menu-item gap-2 items-center font-medium px-3 py-2 text-sm leading-4 rounded-lg outline-none select-none [&_svg]:shrink-0 [&_svg]:size-4", {
+	variants: { variant: {
+		destructive: "text-destructive data-highlighted:bg-destructive/20",
+		default: "data-highlighted:bg-accent data-highlighted:text-accent-foreground"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function ContextMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn(menuItemVariants({ variant }), className),
+		...props
+	});
+}
+function ContextMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, { ...props });
+}
+function ContextMenuSubTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(ContextMenu.SubmenuTrigger, {
+		className: cn(menuItemVariants(), className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ms-auto text-muted-foreground" })]
+	});
+}
+function ContextMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(ContextMenuContent, {
+		className: cn(menuVariants(), className),
+		...props
+	});
+}
+
+//#endregion
+export { ContextMenu$1 as ContextMenu, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

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

@@ -0,0 +1,9 @@
+"use client";
+
+import "../../lib/utils.mjs";
+import "./button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import "radix-ui";
+
+export {  };