Initial commit

lib/utils.ts

@@ -0,0 +1,27 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+	return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, "children"> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & { ref?: U | null };
+
+/**
+ * Focus the first editable input field in a dialog.
+ * Call this after a dialog opens to provide better keyboard UX.
+ */
+export function focusFirstInput() {
+	setTimeout(() => {
+		const input = document.querySelector<HTMLElement>(
+			'[data-slot="dialog-content"] input:not([disabled]):not([type="hidden"]), ' +
+			'[data-slot="dialog-content"] textarea:not([disabled])'
+		);
+		input?.focus();
+	}, 50);
+}