@deftui/addons 0.1.1 → 0.1.3

package/dist/form.d.mts

@@ -1,19 +1,8 @@
 import { RHFField } from "./react-hook-form/field.mjs";
 import { RHFForm } from "./react-hook-form/form.mjs";
 export declare const RHF: {
-  /**
-   * Thin wrapper for BaseUI's FormPrimitive.
-   *
-   * - `className` defaults to `"grid gap-4"`.
-   */
+  /** A Base UI form with a default grid layout; submission stays controlled by the caller. */
   Form: typeof RHFForm;
-  /**
-   * `useController` wrapper with label, description, and error.
-   *
-   * - Injects `id`, `aria-invalid`, and `aria-describedby` into a single child element.
-   * - For arrays/fragments, spread the second callback argument onto the control.
-   * - Syncs `data-disabled` with the field's disabled state.
-   * - Custom components must forward these props.
-   */
+  /** Wraps `useController` with label, description, error, and control-prop forwarding. */
   Field: typeof RHFField;
 };

package/dist/form.mjs

@@ -2,20 +2,9 @@ import { RHFField } from "./react-hook-form/field.mjs";
 import { RHFForm } from "./react-hook-form/form.mjs";
 // src/react-hook-form/index.ts
 const RHF = {
-	/**
-	* Thin wrapper for BaseUI's FormPrimitive.
-	*
-	* - `className` defaults to `"grid gap-4"`.
-	*/
+	/** A Base UI form with a default grid layout; submission stays controlled by the caller. */
 	Form: RHFForm,
-	/**
-	* `useController` wrapper with label, description, and error.
-	*
-	* - Injects `id`, `aria-invalid`, and `aria-describedby` into a single child element.
-	* - For arrays/fragments, spread the second callback argument onto the control.
-	* - Syncs `data-disabled` with the field's disabled state.
-	* - Custom components must forward these props.
-	*/
+	/** Wraps `useController` with label, description, error, and control-prop forwarding. */
 	Field: RHFField
 };
 export { RHF };

package/dist/react-hook-form/field.d.mts

@@ -1,19 +1,24 @@
 import React from "react";
-import { Field } from "@deftui/react";
 import { FieldPath, FieldValues, UseControllerProps, UseControllerReturn } from "react-hook-form";
-type FieldStateKeys = "name" | "disabled" | "invalid" | "dirty" | "touched";
-type FieldValidKeys = "validate" | "validationMode" | "validationDebounceTime";
-type FieldRootProps = Omit<React.ComponentProps<typeof Field>, FieldStateKeys | FieldValidKeys | "children">;
 interface ControlProps {
   "id": string;
   "aria-invalid": boolean;
   "aria-describedby": string | undefined;
 }
 interface RHFFieldProps<Values extends FieldValues, Name extends FieldPath<Values> = FieldPath<Values>, Output = Values> extends UseControllerProps<Values, Name, Output> {
+  /** Label associated with the control's ID. */
   label?: React.ReactNode;
+  /** Supporting text referenced by the control's aria-describedby. */
   description?: React.ReactNode;
-  fieldProps?: FieldRootProps;
-  /** A single non-fragment element receives control props automatically; spread them manually for nested controls. */
+  /**
+   * Injects id, aria-invalid, and aria-describedby into a single non-Fragment element returned by children.
+   *
+   * Set to false for wrapper elements or when binding `controlProps` to an inner control manually.
+   *
+   * @default true
+   */
+  injectControlProps?: boolean;
+  /** Callback with `useController` states and `controllerProps` for rendering JSX. */
   children: (state: UseControllerReturn<Values, Name>, controlProps: ControlProps) => React.ReactNode;
 }
 export declare function RHFField<T extends FieldValues, Name extends FieldPath<T>, Output = T>(props: RHFFieldProps<T, Name, Output>): React.JSX.Element;

package/dist/react-hook-form/field.mjs

@@ -1,10 +1,10 @@
-import { Fragment, cloneElement, isValidElement, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@deftui/react";
+import { Fragment, cloneElement, isValidElement, useId } from "react";
 import { useController } from "react-hook-form";
+import { jsx, jsxs } from "react/jsx-runtime";
 // src/react-hook-form/field.tsx
 function RHFField(props) {
-	const { label, description, fieldProps, children, ...controllerProps } = props;
+	const { label, description, injectControlProps = true, children, ...controllerProps } = props;
 	const id = useId();
 	const controller = useController(controllerProps);
 	const hasError = Boolean(controller.fieldState.error?.message);
@@ -14,12 +14,11 @@ function RHFField(props) {
 		"aria-describedby": [description != null && `${id}-description`, hasError && `${id}-error`].filter(Boolean).join(" ") || void 0
 	};
 	const child = children(controller, controlProps);
-	const control = isValidElement(child) && child.type !== Fragment ? child : null;
+	const control = injectControlProps && isValidElement(child) && child.type !== Fragment ? child : null;
 	const controlId = control?.props.id ?? id;
 	const descriptionIds = [control?.props["aria-describedby"], controlProps["aria-describedby"]].join(" ").split(/\s+/).filter(Boolean);
 	const describedBy = [...new Set(descriptionIds)].join(" ") || void 0;
 	return /* @__PURE__ */ jsxs(Field, {
-		...fieldProps,
 		"data-invalid": controller.fieldState.invalid,
 		"data-disabled": controller.field.disabled,
 		children: [

package/dist/react-hook-form/form.d.mts

@@ -1,3 +1,3 @@
-import { ComponentProps } from "react";
 import { Form } from "@deftui/react";
+import { ComponentProps } from "react";
 export declare function RHFForm(props: ComponentProps<typeof Form>): import("react").JSX.Element;

package/dist/react-hook-form/form.mjs

@@ -1,5 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 import { Form, cn } from "@deftui/react";
+import { jsx } from "react/jsx-runtime";
 // src/react-hook-form/form.tsx
 function RHFForm(props) {
 	const { children, className, ...formProps } = props;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/addons",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -14,14 +14,14 @@
     "**/*.css"
   ],
   "exports": {
-    "./modal": {
-      "types": "./dist/modal.d.mts",
-      "import": "./dist/modal.mjs"
-    },
     "./form": {
       "types": "./dist/form.d.mts",
       "import": "./dist/form.mjs"
     },
+    "./modal": {
+      "types": "./dist/modal.d.mts",
+      "import": "./dist/modal.mjs"
+    },
     "./router": {
       "types": "./dist/router.d.mts",
       "import": "./dist/router.mjs"
@@ -40,17 +40,17 @@
     "fix": "vp check --fix"
   },
   "devDependencies": {
-    "@deftui/react": "^0.1.1",
+    "@deftui/react": "^0.1.3",
     "@tanstack/react-router": "^1.170.46",
     "@types/react": "^19.3.0",
     "react-hook-form": "^7.91.0",
     "vite-plus": "catalog:"
   },
   "peerDependencies": {
-    "@deftui/react": "^0.1.1",
-    "@tanstack/react-router": "^1",
-    "react": "^19",
-    "react-hook-form": "^7"
+    "@deftui/react": "^0.1.3",
+    "@tanstack/react-router": "^1.170.0",
+    "react": "^19.0.0",
+    "react-hook-form": "^7.91.0"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-router": {