wip: add a bunch more components

Author: 43081j

packages/jsx/src/components/option.ts

@@ -1,31 +1,32 @@
-import { type Option, isCancel } from '@clack/prompts';
+import { type Option as PromptOption, isCancel } from '@clack/prompts';
 import type { JSX } from '../types.js';
 import { resolveChildren } from '../utils.js';
 
-export interface OptionProps {
-	value: unknown;
+export interface OptionProps<T> {
+	value: T;
+	hint?: string;
 	children?: JSX.Element | JSX.Element[] | string;
 }
 
-export async function Option(props: OptionProps): Promise<Option<unknown>> {
-	let label = '';
-	if (props.children) {
-		const children = await resolveChildren(props.children);
+export async function Option<T>(props: OptionProps<T>): Promise<PromptOption<T>> {
+	const { children, ...opts } = props;
+
+	if (children) {
+		const resolvedChildren = await resolveChildren(children);
 		const childStrings: string[] = [];
 
-		for (const child of children) {
+		for (const child of resolvedChildren) {
 			if (isCancel(child)) {
 				continue;
 			}
 			childStrings.push(String(child));
 		}
 
-		label = childStrings.join('\n');
-	} else {
-		label = String(props.value);
+		return {
+			...opts,
+			label: childStrings.join('\n'),
+		} as PromptOption<T>;
 	}
-	return {
-		value: props.value,
-		label,
-	};
+
+	return opts as PromptOption<T>;
 }

packages/jsx/src/components/select.ts

@@ -4,17 +4,11 @@ import type { JSX } from '../types.js';
 import { resolveChildren } from '../utils.js';
 
 export interface SelectProps extends Omit<SelectOptions<unknown>, 'options'> {
-	children: JSX.Element[] | JSX.Element;
+	children: JSX.Element[] | JSX.Element | string;
 }
 
 const isOptionLike = (obj: unknown): obj is Option<unknown> => {
-	return (
-		obj !== null &&
-		typeof obj === 'object' &&
-		Object.hasOwnProperty.call(obj, 'label') &&
-		Object.hasOwnProperty.call(obj, 'value') &&
-		typeof (obj as { label: string }).label === 'string'
-	);
+	return obj !== null && typeof obj === 'object' && Object.hasOwnProperty.call(obj, 'value');
 };
 
 export async function Select(props: SelectProps): ReturnType<typeof select> {

packages/jsx/src/types.ts

@@ -1,5 +1,5 @@
 namespace JSX {
-	export type IntrinsicElements = {};
+	export type IntrinsicElements = never;
 
 	export type Element = Promise<unknown>;
 }