@classytic/formkit 1.0.3 → 1.2.2

package/dist/server.mjs

@@ -0,0 +1,418 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/utils.ts
+/**
+* Utility function to merge CSS classes with Tailwind CSS conflict resolution.
+*
+* Combines `clsx` for conditional class handling with `tailwind-merge`
+* for proper Tailwind CSS class conflict resolution.
+*
+* @param inputs - Class values to merge (strings, arrays, objects, or conditionals)
+* @returns Merged and deduplicated class string
+*
+* @example
+* ```tsx
+* // Basic usage
+* cn("px-2 py-1", "px-4") // "py-1 px-4"
+*
+* // Conditional classes
+* cn("base", isActive && "active", { "disabled": isDisabled })
+*
+* // Arrays
+* cn(["flex", "items-center"], "gap-2")
+* ```
+*/
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+//#region src/schema.ts
+/**
+* Resolves a dot-notation path against an object.
+* Handles array indices: "items.0.name" resolves through arrays correctly.
+*/
+function getNestedValue(obj, path) {
+	const parts = path.split(".");
+	let current = obj;
+	for (const part of parts) {
+		if (current == null || typeof current !== "object") return void 0;
+		if (Array.isArray(current)) {
+			const index = Number(part);
+			if (Number.isNaN(index)) return void 0;
+			current = current[index];
+		} else current = current[part];
+	}
+	return current;
+}
+/**
+* Evaluates a single condition rule against form values.
+* Supports both flat dotted keys ("address.city" as literal key) and
+* nested object resolution (values.address.city). Flat key takes priority
+* because DynamicFieldWrapper reconstructs watched values as flat keys.
+*/
+function evaluateRule(rule, formValues) {
+	const watchPath = rule.watch;
+	const obj = formValues;
+	const value = watchPath in obj ? obj[watchPath] : getNestedValue(obj, watchPath);
+	switch (rule.operator) {
+		case "===": return value === rule.value;
+		case "!==": return value !== rule.value;
+		case "in": return Array.isArray(rule.value) && rule.value.includes(value);
+		case "not-in": return Array.isArray(rule.value) && !rule.value.includes(value);
+		case "truthy": return Boolean(value);
+		case "falsy": return !value;
+		default: return false;
+	}
+}
+/**
+* Type guard: checks if a condition is a ConditionConfig (has `rules` array).
+*/
+function isConditionConfig(condition) {
+	return typeof condition === "object" && !Array.isArray(condition) && "rules" in condition;
+}
+/**
+* Extracts the rules array from any non-function condition shape.
+*/
+function toRules(condition) {
+	if (isConditionConfig(condition)) return {
+		rules: condition.rules,
+		logic: condition.logic ?? "and"
+	};
+	return {
+		rules: Array.isArray(condition) ? condition : [condition],
+		logic: "and"
+	};
+}
+/**
+* Evaluates a conditional rule, array of rules, or a ConditionConfig against form values.
+* Supports AND (default) and OR logic via ConditionConfig.
+*
+* @param condition - The condition function, rule(s), or config
+* @param formValues - The form values to evaluate against
+* @returns boolean indicating if condition matches
+*/
+function evaluateCondition(condition, formValues) {
+	if (!condition) return true;
+	if (typeof condition === "function") return condition(formValues);
+	const { rules, logic } = toRules(condition);
+	const evalFn = (rule) => evaluateRule(rule, formValues);
+	return logic === "or" ? rules.some(evalFn) : rules.every(evalFn);
+}
+/**
+* Extracts all watch names from a condition to optimize `useWatch`.
+* Handles single rules, arrays, and ConditionConfig objects.
+*/
+function extractWatchNames(condition) {
+	if (!condition || typeof condition === "function") return [];
+	const { rules } = toRules(condition);
+	return rules.map((r) => r.watch);
+}
+/**
+* Strictly types a comprehensive form schema, granting exact intellisense bounds across conditions and nested watches.
+*/
+function defineSchema(schema) {
+	return schema;
+}
+/**
+* Standard utility to strictly type a standalone field out-of-bounds, useful for externalizing massive schema structures.
+*/
+function defineField(field) {
+	return field;
+}
+/**
+* Standard utility to strictly type a standalone logic section layout block.
+*/
+function defineSection(section) {
+	return section;
+}
+/**
+* Extracts default values from a form schema.
+* Walks all sections and fields, respecting nameSpace prefixes and group nesting.
+*
+* @example
+* ```ts
+* const defaults = extractDefaultValues(schema);
+* const form = useForm({ defaultValues: defaults });
+* ```
+*/
+function extractDefaultValues(schema) {
+	const defaults = {};
+	for (const section of schema.sections) {
+		const prefix = section.nameSpace ? `${section.nameSpace}.` : "";
+		if (!section.fields) continue;
+		for (const field of section.fields) {
+			if (field.defaultValue !== void 0) defaults[`${prefix}${field.name}`] = field.defaultValue;
+			if (field.itemFields && field.type !== "array") {
+				for (const sub of field.itemFields) if (sub.defaultValue !== void 0) defaults[`${prefix}${field.name}.${sub.name}`] = sub.defaultValue;
+			}
+		}
+	}
+	return defaults;
+}
+/**
+* Generates react-hook-form `RegisterOptions`-compatible validation rules
+* from a field's schema props. Maps `required`, `min`, `max`, `minLength`,
+* `maxLength`, `pattern`, and `validate` to RHF rules.
+*
+* @example
+* ```tsx
+* import { buildValidationRules } from '@classytic/formkit';
+*
+* function FormInput({ field, control }: FieldComponentProps) {
+*   const rules = buildValidationRules(field);
+*   return <Controller name={field.name} control={control} rules={rules} render={...} />;
+* }
+* ```
+*/
+function buildValidationRules(field) {
+	const rules = {};
+	if (field.required) rules.required = `${field.label || field.name} is required`;
+	if (field.minLength !== void 0) rules.minLength = {
+		value: field.minLength,
+		message: `At least ${field.minLength} characters`
+	};
+	if (field.maxLength !== void 0) rules.maxLength = {
+		value: field.maxLength,
+		message: `At most ${field.maxLength} characters`
+	};
+	if (field.min !== void 0) rules.min = {
+		value: field.min,
+		message: `Must be at least ${field.min}`
+	};
+	if (field.max !== void 0) rules.max = {
+		value: field.max,
+		message: `Must be at most ${field.max}`
+	};
+	if (field.pattern) rules.pattern = {
+		value: new RegExp(field.pattern),
+		message: "Invalid format"
+	};
+	if (field.validate) rules.validate = field.validate;
+	return rules;
+}
+
+//#endregion
+//#region src/builders.ts
+/**
+* Type-safe field builder helpers for schema-driven forms.
+*
+* Provides shorthand methods for common field types with sensible defaults,
+* reducing boilerplate while maintaining full type safety.
+*
+* @example
+* ```ts
+* import { field, section } from '@classytic/formkit';
+*
+* const schema = {
+*   sections: [
+*     section("personal", "Personal Info", [
+*       field.text("firstName", "First Name", { required: true }),
+*       field.email("email", "Email"),
+*       field.select("role", "Role", [
+*         { label: "Admin", value: "admin" },
+*         { label: "User", value: "user" },
+*       ]),
+*     ], { cols: 2 }),
+*   ],
+* };
+* ```
+*/
+const field = {
+	text: (name, label, props = {}) => ({
+		type: "text",
+		name,
+		label,
+		...props
+	}),
+	email: (name, label, props = {}) => ({
+		type: "email",
+		name,
+		label,
+		placeholder: "example@email.com",
+		...props
+	}),
+	url: (name, label, props = {}) => ({
+		type: "url",
+		name,
+		label,
+		placeholder: "https://example.com",
+		...props
+	}),
+	tel: (name, label, props = {}) => ({
+		type: "tel",
+		name,
+		label,
+		placeholder: "+1 (555) 000-0000",
+		...props
+	}),
+	password: (name, label, props = {}) => ({
+		type: "password",
+		name,
+		label,
+		...props
+	}),
+	number: (name, label, props = {}) => ({
+		type: "number",
+		name,
+		label,
+		min: 0,
+		...props
+	}),
+	textarea: (name, label, props = {}) => ({
+		type: "textarea",
+		name,
+		label,
+		rows: 3,
+		...props
+	}),
+	select: (name, label, options, props = {}) => ({
+		type: "select",
+		name,
+		label,
+		options,
+		...props
+	}),
+	combobox: (name, label, options, props = {}) => ({
+		type: "combobox",
+		name,
+		label,
+		options,
+		...props
+	}),
+	multiselect: (name, label, options, props = {}) => ({
+		type: "multiselect",
+		name,
+		label,
+		options,
+		placeholder: "Select options...",
+		...props
+	}),
+	dependentSelect: (name, label, props = {}) => ({
+		type: "dependentSelect",
+		name,
+		label,
+		...props
+	}),
+	switch: (name, label, props = {}) => ({
+		type: "switch",
+		name,
+		label,
+		...props
+	}),
+	boolean: (name, label, props = {}) => ({
+		type: "switch",
+		name,
+		label,
+		...props
+	}),
+	checkbox: (name, label, props = {}) => ({
+		type: "checkbox",
+		name,
+		label,
+		...props
+	}),
+	radio: (name, label, options, props = {}) => ({
+		type: "radio",
+		name,
+		label,
+		options,
+		...props
+	}),
+	date: (name, label, props = {}) => ({
+		type: "date",
+		name,
+		label,
+		...props
+	}),
+	tags: (name, label, props = {}) => ({
+		type: "tags",
+		name,
+		label,
+		placeholder: "Add tags...",
+		...props
+	}),
+	slug: (name, label, props = {}) => ({
+		type: "slug",
+		name,
+		label,
+		placeholder: "my-page-slug",
+		...props
+	}),
+	file: (name, label, props = {}) => ({
+		type: "file",
+		name,
+		label,
+		...props
+	}),
+	hidden: (name, props = {}) => ({
+		type: "hidden",
+		name,
+		...props
+	}),
+	group: (name, label, itemFields, props = {}) => ({
+		type: "group",
+		name,
+		label,
+		itemFields,
+		...props
+	}),
+	array: (name, label, itemFields, props = {}) => ({
+		type: "array",
+		name,
+		label,
+		itemFields,
+		...props
+	}),
+	custom: (name, label, render, props = {}) => ({
+		type: "custom",
+		name,
+		label,
+		render,
+		...props
+	})
+};
+/**
+* Create a section definition with sensible defaults.
+*
+* @param id - Unique section identifier
+* @param title - Section title
+* @param fields - Array of field definitions
+* @param props - Additional section configuration
+*
+* @example
+* ```ts
+* section("personal", "Personal Info", [
+*   field.text("name", "Name", { required: true }),
+*   field.email("email", "Email"),
+* ], { cols: 2, variant: "card" })
+* ```
+*/
+function section(id, title, fields, props = {}) {
+	const { cols = 2, ...rest } = props;
+	return {
+		id,
+		title,
+		fields,
+		cols,
+		...rest
+	};
+}
+/**
+* Create a section without a title (transparent section).
+* Useful for grouping fields without visual separation.
+*/
+function sectionUntitled(fields, props = {}) {
+	const { cols = 1, ...rest } = props;
+	return {
+		fields,
+		cols,
+		variant: "transparent",
+		...rest
+	};
+}
+
+//#endregion
+export { buildValidationRules, cn, defineField, defineSchema, defineSection, evaluateCondition, extractDefaultValues, extractWatchNames, field, section, sectionUntitled };
+//# sourceMappingURL=server.mjs.map

package/dist/server.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.mjs","names":[],"sources":["../src/utils.ts","../src/schema.ts","../src/builders.ts"],"sourcesContent":["import { clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\nimport type { ClassValue } from \"clsx\";\r\n\r\n/**\r\n * Utility function to merge CSS classes with Tailwind CSS conflict resolution.\r\n *\r\n * Combines `clsx` for conditional class handling with `tailwind-merge`\r\n * for proper Tailwind CSS class conflict resolution.\r\n *\r\n * @param inputs - Class values to merge (strings, arrays, objects, or conditionals)\r\n * @returns Merged and deduplicated class string\r\n *\r\n * @example\r\n * ```tsx\r\n * // Basic usage\r\n * cn(\"px-2 py-1\", \"px-4\") // \"py-1 px-4\"\r\n *\r\n * // Conditional classes\r\n * cn(\"base\", isActive && \"active\", { \"disabled\": isDisabled })\r\n *\r\n * // Arrays\r\n * cn([\"flex\", \"items-center\"], \"gap-2\")\r\n * ```\r\n */\r\nexport function cn(...inputs: ClassValue[]): string {\r\n  return twMerge(clsx(inputs));\r\n}\r\n\r\n/**\r\n * Shallow equality check for arrays and primitives.\r\n * Used to stabilize useWatch output without JSON.stringify overhead.\r\n */\r\nexport function shallowEqual(a: unknown, b: unknown): boolean {\r\n  if (Object.is(a, b)) return true;\r\n  if (\r\n    typeof a !== \"object\" ||\r\n    typeof b !== \"object\" ||\r\n    a === null ||\r\n    b === null\r\n  ) {\r\n    return false;\r\n  }\r\n\r\n  if (Array.isArray(a) && Array.isArray(b)) {\r\n    if (a.length !== b.length) return false;\r\n    for (let i = 0; i < a.length; i++) {\r\n      if (!Object.is(a[i], b[i])) return false;\r\n    }\r\n    return true;\r\n  }\r\n\r\n  const keysA = Object.keys(a);\r\n  const keysB = Object.keys(b);\r\n  if (keysA.length !== keysB.length) return false;\r\n\r\n  for (const key of keysA) {\r\n    if (\r\n      !Object.prototype.hasOwnProperty.call(b, key) ||\r\n      !Object.is(\r\n        (a as Record<string, unknown>)[key],\r\n        (b as Record<string, unknown>)[key],\r\n      )\r\n    ) {\r\n      return false;\r\n    }\r\n  }\r\n  return true;\r\n}\r\n\r\n/**\r\n * Re-export ClassValue type for consumers who need it.\r\n */\r\nexport type { ClassValue };\r\n","import type { FieldValues } from \"react-hook-form\";\r\nimport type {\r\n  FormSchema,\r\n  Section,\r\n  BaseField,\r\n  ConditionRule,\r\n  ConditionConfig,\r\n  ValidationRules,\r\n} from \"./types\";\r\n\r\n// ============================================================================\r\n// Condition Types (union used by both evaluateCondition and extractWatchNames)\r\n// ============================================================================\r\n\r\n/**\r\n * All supported condition shapes.\r\n */\r\nexport type Condition<TFieldValues extends FieldValues = FieldValues> =\r\n  | ((formValues: Partial<TFieldValues>) => boolean)\r\n  | ConditionRule<TFieldValues>\r\n  | ConditionRule<TFieldValues>[]\r\n  | ConditionConfig<TFieldValues>\r\n  | undefined;\r\n\r\n// ============================================================================\r\n// Internal Helpers\r\n// ============================================================================\r\n\r\n/**\r\n * Resolves a dot-notation path against an object.\r\n * Handles array indices: \"items.0.name\" resolves through arrays correctly.\r\n */\r\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\r\n  const parts = path.split(\".\");\r\n  let current: unknown = obj;\r\n  for (const part of parts) {\r\n    if (current == null || typeof current !== \"object\") return undefined;\r\n    if (Array.isArray(current)) {\r\n      const index = Number(part);\r\n      if (Number.isNaN(index)) return undefined;\r\n      current = current[index];\r\n    } else {\r\n      current = (current as Record<string, unknown>)[part];\r\n    }\r\n  }\r\n  return current;\r\n}\r\n\r\n/**\r\n * Evaluates a single condition rule against form values.\r\n * Supports both flat dotted keys (\"address.city\" as literal key) and\r\n * nested object resolution (values.address.city). Flat key takes priority\r\n * because DynamicFieldWrapper reconstructs watched values as flat keys.\r\n */\r\nfunction evaluateRule<TFieldValues extends FieldValues>(\r\n  rule: ConditionRule<TFieldValues>,\r\n  formValues: Partial<TFieldValues>,\r\n): boolean {\r\n  const watchPath = rule.watch as string;\r\n  const obj = formValues as Record<string, unknown>;\r\n  // Flat key first (handles DynamicFieldWrapper's { \"address.city\": val }),\r\n  // then nested resolution (handles full form values { address: { city: val } })\r\n  const value = watchPath in obj\r\n    ? obj[watchPath]\r\n    : getNestedValue(obj, watchPath);\r\n\r\n  switch (rule.operator) {\r\n    case \"===\":\r\n      return value === rule.value;\r\n    case \"!==\":\r\n      return value !== rule.value;\r\n    case \"in\":\r\n      return Array.isArray(rule.value) && rule.value.includes(value);\r\n    case \"not-in\":\r\n      return Array.isArray(rule.value) && !rule.value.includes(value);\r\n    case \"truthy\":\r\n      return Boolean(value);\r\n    case \"falsy\":\r\n      return !value;\r\n    default:\r\n      return false;\r\n  }\r\n}\r\n\r\n/**\r\n * Type guard: checks if a condition is a ConditionConfig (has `rules` array).\r\n */\r\nfunction isConditionConfig<TFieldValues extends FieldValues>(\r\n  condition: NonNullable<Condition<TFieldValues>>,\r\n): condition is ConditionConfig<TFieldValues> {\r\n  return (\r\n    typeof condition === \"object\" &&\r\n    !Array.isArray(condition) &&\r\n    \"rules\" in condition\r\n  );\r\n}\r\n\r\n/**\r\n * Extracts the rules array from any non-function condition shape.\r\n */\r\nfunction toRules<TFieldValues extends FieldValues>(\r\n  condition: Exclude<NonNullable<Condition<TFieldValues>>, Function>,\r\n): { rules: ConditionRule<TFieldValues>[]; logic: \"and\" | \"or\" } {\r\n  if (isConditionConfig(condition)) {\r\n    return { rules: condition.rules, logic: condition.logic ?? \"and\" };\r\n  }\r\n  const rules = Array.isArray(condition) ? condition : [condition];\r\n  return { rules, logic: \"and\" };\r\n}\r\n\r\n// ============================================================================\r\n// Public API\r\n// ============================================================================\r\n\r\n/**\r\n * Evaluates a conditional rule, array of rules, or a ConditionConfig against form values.\r\n * Supports AND (default) and OR logic via ConditionConfig.\r\n *\r\n * @param condition - The condition function, rule(s), or config\r\n * @param formValues - The form values to evaluate against\r\n * @returns boolean indicating if condition matches\r\n */\r\nexport function evaluateCondition<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n>(\r\n  condition: Condition<TFieldValues>,\r\n  formValues: Partial<TFieldValues>,\r\n): boolean {\r\n  if (!condition) return true;\r\n\r\n  if (typeof condition === \"function\") {\r\n    return condition(formValues);\r\n  }\r\n\r\n  const { rules, logic } = toRules(condition);\r\n  const evalFn = (rule: ConditionRule<TFieldValues>) =>\r\n    evaluateRule(rule, formValues);\r\n\r\n  return logic === \"or\" ? rules.some(evalFn) : rules.every(evalFn);\r\n}\r\n\r\n/**\r\n * Extracts all watch names from a condition to optimize `useWatch`.\r\n * Handles single rules, arrays, and ConditionConfig objects.\r\n */\r\nexport function extractWatchNames<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n>(condition: Condition<TFieldValues>): string[] {\r\n  if (!condition || typeof condition === \"function\") return [];\r\n\r\n  const { rules } = toRules(condition);\r\n  return rules.map((r) => r.watch as string);\r\n}\r\n\r\n/**\r\n * Strictly types a comprehensive form schema, granting exact intellisense bounds across conditions and nested watches.\r\n */\r\nexport function defineSchema<TFieldValues extends FieldValues = FieldValues>(\r\n  schema: FormSchema<TFieldValues>,\r\n): FormSchema<TFieldValues> {\r\n  return schema;\r\n}\r\n\r\n/**\r\n * Standard utility to strictly type a standalone field out-of-bounds, useful for externalizing massive schema structures.\r\n */\r\nexport function defineField<TFieldValues extends FieldValues = FieldValues>(\r\n  field: BaseField<TFieldValues>,\r\n): BaseField<TFieldValues> {\r\n  return field;\r\n}\r\n\r\n/**\r\n * Standard utility to strictly type a standalone logic section layout block.\r\n */\r\nexport function defineSection<TFieldValues extends FieldValues = FieldValues>(\r\n  section: Section<TFieldValues>,\r\n): Section<TFieldValues> {\r\n  return section;\r\n}\r\n\r\n/**\r\n * Extracts default values from a form schema.\r\n * Walks all sections and fields, respecting nameSpace prefixes and group nesting.\r\n *\r\n * @example\r\n * ```ts\r\n * const defaults = extractDefaultValues(schema);\r\n * const form = useForm({ defaultValues: defaults });\r\n * ```\r\n */\r\nexport function extractDefaultValues<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n>(schema: FormSchema<TFieldValues>): Partial<TFieldValues> {\r\n  const defaults: Record<string, unknown> = {};\r\n\r\n  for (const section of schema.sections) {\r\n    const prefix = section.nameSpace ? `${section.nameSpace}.` : \"\";\r\n    if (!section.fields) continue;\r\n\r\n    for (const field of section.fields) {\r\n      if (field.defaultValue !== undefined) {\r\n        defaults[`${prefix}${field.name as string}`] = field.defaultValue;\r\n      }\r\n      // Handle group itemFields defaults (skip array types — items are dynamic)\r\n      if (field.itemFields && field.type !== \"array\") {\r\n        for (const sub of field.itemFields) {\r\n          if (sub.defaultValue !== undefined) {\r\n            defaults[\r\n              `${prefix}${field.name as string}.${sub.name as string}`\r\n            ] = sub.defaultValue;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  return defaults as Partial<TFieldValues>;\r\n}\r\n\r\n/**\r\n * Generates react-hook-form `RegisterOptions`-compatible validation rules\r\n * from a field's schema props. Maps `required`, `min`, `max`, `minLength`,\r\n * `maxLength`, `pattern`, and `validate` to RHF rules.\r\n *\r\n * @example\r\n * ```tsx\r\n * import { buildValidationRules } from '@classytic/formkit';\r\n *\r\n * function FormInput({ field, control }: FieldComponentProps) {\r\n *   const rules = buildValidationRules(field);\r\n *   return <Controller name={field.name} control={control} rules={rules} render={...} />;\r\n * }\r\n * ```\r\n */\r\nexport function buildValidationRules<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n>(field: BaseField<TFieldValues>): ValidationRules {\r\n  const rules: ValidationRules = {};\r\n\r\n  if (field.required) {\r\n    rules.required = `${field.label || (field.name as string)} is required`;\r\n  }\r\n  if (field.minLength !== undefined) {\r\n    rules.minLength = {\r\n      value: field.minLength,\r\n      message: `At least ${field.minLength} characters`,\r\n    };\r\n  }\r\n  if (field.maxLength !== undefined) {\r\n    rules.maxLength = {\r\n      value: field.maxLength,\r\n      message: `At most ${field.maxLength} characters`,\r\n    };\r\n  }\r\n  if (field.min !== undefined) {\r\n    rules.min = {\r\n      value: field.min,\r\n      message: `Must be at least ${field.min}`,\r\n    };\r\n  }\r\n  if (field.max !== undefined) {\r\n    rules.max = {\r\n      value: field.max,\r\n      message: `Must be at most ${field.max}`,\r\n    };\r\n  }\r\n  if (field.pattern) {\r\n    rules.pattern = {\r\n      value: new RegExp(field.pattern),\r\n      message: \"Invalid format\",\r\n    };\r\n  }\r\n  if (field.validate) {\r\n    rules.validate = field.validate as ValidationRules[\"validate\"];\r\n  }\r\n\r\n  return rules;\r\n}\r\n","import type { ReactNode } from \"react\";\r\nimport type { FieldValues, Control, FieldError } from \"react-hook-form\";\r\nimport type {\r\n  BaseField,\r\n  FieldOption,\r\n  FieldOptionGroup,\r\n  Section,\r\n} from \"./types\";\r\n\r\n// ============================================================================\r\n// Types\r\n// ============================================================================\r\n\r\n/**\r\n * Additional field props for builder helpers.\r\n * Accepts all BaseField properties except `name`, `type`, and `label`\r\n * which are set by the builder method.\r\n */\r\ntype FieldProps<TFieldValues extends FieldValues = FieldValues> = Omit<\r\n  BaseField<TFieldValues>,\r\n  \"name\" | \"type\" | \"label\"\r\n> & {\r\n  /** Grid column class (e.g., \"col-span-2\") */\r\n  gridColumn?: string;\r\n  /** Icon for the left side of input */\r\n  iconLeft?: ReactNode;\r\n  /** Icon for the right side of input */\r\n  iconRight?: ReactNode;\r\n  /** Additional custom props */\r\n  [key: string]: unknown;\r\n};\r\n\r\n/**\r\n * Section configuration props.\r\n */\r\ninterface SectionProps<TFieldValues extends FieldValues = FieldValues>\r\n  extends Omit<Section<TFieldValues>, \"id\" | \"title\" | \"fields\" | \"cols\"> {\r\n  cols?: number;\r\n}\r\n\r\n/**\r\n * Render function for custom field types.\r\n */\r\ntype CustomRenderFn = (props: {\r\n  control: Control<FieldValues>;\r\n  disabled?: boolean;\r\n  error?: FieldError;\r\n}) => ReactNode;\r\n\r\n// ============================================================================\r\n// Field Builder\r\n// ============================================================================\r\n\r\n/**\r\n * Type-safe field builder helpers for schema-driven forms.\r\n *\r\n * Provides shorthand methods for common field types with sensible defaults,\r\n * reducing boilerplate while maintaining full type safety.\r\n *\r\n * @example\r\n * ```ts\r\n * import { field, section } from '@classytic/formkit';\r\n *\r\n * const schema = {\r\n *   sections: [\r\n *     section(\"personal\", \"Personal Info\", [\r\n *       field.text(\"firstName\", \"First Name\", { required: true }),\r\n *       field.email(\"email\", \"Email\"),\r\n *       field.select(\"role\", \"Role\", [\r\n *         { label: \"Admin\", value: \"admin\" },\r\n *         { label: \"User\", value: \"user\" },\r\n *       ]),\r\n *     ], { cols: 2 }),\r\n *   ],\r\n * };\r\n * ```\r\n */\r\nexport const field = {\r\n  /**\r\n   * Text input field.\r\n   */\r\n  text: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"text\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Email input field with default placeholder.\r\n   */\r\n  email: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"email\",\r\n    name,\r\n    label,\r\n    placeholder: \"example@email.com\",\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * URL input field with default placeholder.\r\n   */\r\n  url: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"url\",\r\n    name,\r\n    label,\r\n    placeholder: \"https://example.com\",\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Phone/tel input field with default placeholder.\r\n   */\r\n  tel: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"tel\",\r\n    name,\r\n    label,\r\n    placeholder: \"+1 (555) 000-0000\",\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Password input field.\r\n   */\r\n  password: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"password\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Number input field with min: 0 default.\r\n   */\r\n  number: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"number\",\r\n    name,\r\n    label,\r\n    min: 0,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Textarea field with default 3 rows.\r\n   */\r\n  textarea: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"textarea\",\r\n    name,\r\n    label,\r\n    rows: 3,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Select dropdown field.\r\n   */\r\n  select: (\r\n    name: string,\r\n    label: string,\r\n    options: (FieldOption | FieldOptionGroup)[],\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"select\",\r\n    name,\r\n    label,\r\n    options,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Searchable combobox field.\r\n   */\r\n  combobox: (\r\n    name: string,\r\n    label: string,\r\n    options: (FieldOption | FieldOptionGroup)[],\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"combobox\",\r\n    name,\r\n    label,\r\n    options,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Multi-select field (tag choice).\r\n   */\r\n  multiselect: (\r\n    name: string,\r\n    label: string,\r\n    options: (FieldOption | FieldOptionGroup)[],\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"multiselect\",\r\n    name,\r\n    label,\r\n    options,\r\n    placeholder: \"Select options...\",\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Dependent select field that reacts to parent field changes.\r\n   */\r\n  dependentSelect: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"dependentSelect\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Switch/toggle field.\r\n   */\r\n  switch: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"switch\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Boolean field (alias for switch).\r\n   */\r\n  boolean: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"switch\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Checkbox field.\r\n   */\r\n  checkbox: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"checkbox\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Radio button group field.\r\n   */\r\n  radio: (\r\n    name: string,\r\n    label: string,\r\n    options: FieldOption[],\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"radio\",\r\n    name,\r\n    label,\r\n    options,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Date picker field.\r\n   */\r\n  date: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"date\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Tag input field with default placeholder.\r\n   */\r\n  tags: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"tags\",\r\n    name,\r\n    label,\r\n    placeholder: \"Add tags...\",\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Slug field with auto-generation from source value.\r\n   */\r\n  slug: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"slug\",\r\n    name,\r\n    label,\r\n    placeholder: \"my-page-slug\",\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * File upload field.\r\n   */\r\n  file: (\r\n    name: string,\r\n    label: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"file\",\r\n    name,\r\n    label,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Hidden field (no UI).\r\n   */\r\n  hidden: (\r\n    name: string,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"hidden\",\r\n    name,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Group field for nested objects.\r\n   * Renders itemFields as a sub-grid within the form.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * field.group(\"address\", \"Address\", [\r\n   *   field.text(\"street\", \"Street\"),\r\n   *   field.text(\"city\", \"City\"),\r\n   *   field.text(\"zip\", \"ZIP Code\"),\r\n   * ], { cols: 3 })\r\n   * ```\r\n   */\r\n  group: (\r\n    name: string,\r\n    label: string,\r\n    itemFields: BaseField[],\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"group\",\r\n    name,\r\n    label,\r\n    itemFields,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Array/repeatable field.\r\n   * Renders a dynamic list of sub-forms using react-hook-form's useFieldArray.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * field.array(\"contacts\", \"Contacts\", [\r\n   *   field.text(\"name\", \"Name\"),\r\n   *   field.email(\"email\", \"Email\"),\r\n   * ])\r\n   * ```\r\n   */\r\n  array: (\r\n    name: string,\r\n    label: string,\r\n    itemFields: BaseField[],\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"array\",\r\n    name,\r\n    label,\r\n    itemFields,\r\n    ...props,\r\n  }),\r\n\r\n  /**\r\n   * Custom field with a render function.\r\n   * Bypasses the component registry entirely.\r\n   *\r\n   * @example\r\n   * ```ts\r\n   * field.custom(\"skills\", \"Skills\", ({ control, disabled }) => (\r\n   *   <SkillSelector control={control} disabled={disabled} />\r\n   * ))\r\n   * ```\r\n   */\r\n  custom: (\r\n    name: string,\r\n    label: string,\r\n    render: CustomRenderFn,\r\n    props: FieldProps = {},\r\n  ): BaseField => ({\r\n    type: \"custom\",\r\n    name,\r\n    label,\r\n    render: render as BaseField[\"render\"],\r\n    ...props,\r\n  }),\r\n};\r\n\r\n// ============================================================================\r\n// Section Builder\r\n// ============================================================================\r\n\r\n/**\r\n * Create a section definition with sensible defaults.\r\n *\r\n * @param id - Unique section identifier\r\n * @param title - Section title\r\n * @param fields - Array of field definitions\r\n * @param props - Additional section configuration\r\n *\r\n * @example\r\n * ```ts\r\n * section(\"personal\", \"Personal Info\", [\r\n *   field.text(\"name\", \"Name\", { required: true }),\r\n *   field.email(\"email\", \"Email\"),\r\n * ], { cols: 2, variant: \"card\" })\r\n * ```\r\n */\r\nexport function section<TFieldValues extends FieldValues = FieldValues>(\r\n  id: string,\r\n  title: string,\r\n  fields: BaseField<TFieldValues>[],\r\n  props: SectionProps<TFieldValues> = {},\r\n): Section<TFieldValues> {\r\n  const { cols = 2, ...rest } = props;\r\n  return {\r\n    id,\r\n    title,\r\n    fields,\r\n    cols,\r\n    ...rest,\r\n  };\r\n}\r\n\r\n/**\r\n * Create a section without a title (transparent section).\r\n * Useful for grouping fields without visual separation.\r\n */\r\nexport function sectionUntitled<TFieldValues extends FieldValues = FieldValues>(\r\n  fields: BaseField<TFieldValues>[],\r\n  props: Omit<SectionProps<TFieldValues>, \"variant\"> = {},\r\n): Section<TFieldValues> {\r\n  const { cols = 1, ...rest } = props;\r\n  return {\r\n    fields,\r\n    cols,\r\n    variant: \"transparent\",\r\n    ...rest,\r\n  };\r\n}\r\n"],"mappings":"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,OAAO,IAAI,OAAO,MAAM,QAAQ;EAChC,SAAS;EACV;AAEH,KAAI,MAAM,SACR,OAAM,WAAW,MAAM;AAGzB,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxMT,MAAa,QAAQ;CAInB,OACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,QACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,aAAa;EACb,GAAG;EACJ;CAKD,MACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,aAAa;EACb,GAAG;EACJ;CAKD,MACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,aAAa;EACb,GAAG;EACJ;CAKD,WACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,SACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,KAAK;EACL,GAAG;EACJ;CAKD,WACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,MAAM;EACN,GAAG;EACJ;CAKD,SACE,MACA,OACA,SACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA;EACA,GAAG;EACJ;CAKD,WACE,MACA,OACA,SACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA;EACA,GAAG;EACJ;CAKD,cACE,MACA,OACA,SACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA;EACA,aAAa;EACb,GAAG;EACJ;CAKD,kBACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,SACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,UACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,WACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,QACE,MACA,OACA,SACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA;EACA,GAAG;EACJ;CAKD,OACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,OACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,aAAa;EACb,GAAG;EACJ;CAKD,OACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,aAAa;EACb,GAAG;EACJ;CAKD,OACE,MACA,OACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA,GAAG;EACJ;CAKD,SACE,MACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA,GAAG;EACJ;CAeD,QACE,MACA,OACA,YACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA;EACA,GAAG;EACJ;CAcD,QACE,MACA,OACA,YACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACA;EACA,GAAG;EACJ;CAaD,SACE,MACA,OACA,QACA,QAAoB,EAAE,MACP;EACf,MAAM;EACN;EACA;EACQ;EACR,GAAG;EACJ;CACF;;;;;;;;;;;;;;;;;AAsBD,SAAgB,QACd,IACA,OACA,QACA,QAAoC,EAAE,EACf;CACvB,MAAM,EAAE,OAAO,GAAG,GAAG,SAAS;AAC9B,QAAO;EACL;EACA;EACA;EACA;EACA,GAAG;EACJ;;;;;;AAOH,SAAgB,gBACd,QACA,QAAqD,EAAE,EAChC;CACvB,MAAM,EAAE,OAAO,GAAG,GAAG,SAAS;AAC9B,QAAO;EACL;EACA;EACA,SAAS;EACT,GAAG;EACJ"}

package/package.json

@@ -1,31 +1,27 @@
 {
   "name": "@classytic/formkit",
-  "version": "1.0.3",
-  "description": "Headless, type-safe form generation engine for React. Schema-driven with full TypeScript support.",
+  "version": "1.2.2",
+  "description": "Headless, type-safe form generation engine for React 19. Schema-driven with full TypeScript support.",
   "author": "Classytic",
   "license": "MIT",
   "type": "module",
   "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "default": "./dist/index.js"
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./server": {
+      "types": "./dist/server.d.mts",
+      "import": "./dist/server.mjs",
+      "default": "./dist/server.mjs"
     },
     "./package.json": "./package.json"
   },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/*",
-        "./dist/index.d.ts"
-      ]
-    }
-  },
   "files": [
     "dist",
     "README.md",
@@ -33,15 +29,14 @@
     "CHANGELOG.md"
   ],
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src --ext .ts,.tsx",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:coverage": "vitest run --coverage",
-    "clean": "rimraf dist",
-    "prepublishOnly": "npm run clean && npm run typecheck && npm run build && npm run test",
+    "prepublishOnly": "npm run typecheck && npm run build && npm run test",
     "version:patch": "npm version patch",
     "version:minor": "npm version minor",
     "version:major": "npm version major",
@@ -53,7 +48,6 @@
   "keywords": [
     "react",
     "react-19",
-    "react-18",
     "forms",
     "form-generator",
     "form-builder",
@@ -78,9 +72,9 @@
   },
   "homepage": "https://github.com/classytic/formkit#readme",
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "react-hook-form": "^7.50.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.55.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {
@@ -95,8 +89,8 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.0.0",
     "@types/node": "^22.8.7",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "@vitejs/plugin-react": "^4.3.0",
@@ -104,9 +98,8 @@
     "happy-dom": "^15.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-hook-form": "^7.53.2",
-    "rimraf": "^6.0.0",
-    "tsup": "^8.3.5",
+    "react-hook-form": "^7.55.0",
+    "tsdown": "^0.20.3",
     "typescript": "^5.6.3",
     "vitest": "^2.0.0"
   },
@@ -117,4 +110,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}