@deftui/addons 0.2.0 → 0.2.1

package/dist/form.d.mts

@@ -1,8 +1,14 @@
 import { RHFField } from "./react-hook-form/field.mjs";
 import { RHFForm } from "./react-hook-form/form.mjs";
+import { RHFCombobox } from "./react-hook-form/widgets/combobox.mjs";
+import { RHFSelect } from "./react-hook-form/widgets/select.mjs";
 export declare const RHF: {
   /** A Base UI form with a default grid layout; submission stays controlled by the caller. */
   Form: typeof RHFForm;
   /** Wraps `useController` with label, description, error, and control-prop forwarding. */
   Field: typeof RHFField;
+  /** One-liner component for Select, used under {@link RHF.Field}. */
+  Select: typeof RHFSelect;
+  /** One-liner component for Combobox, used under {@link RHF.Field}. */
+  Combobox: typeof RHFCombobox;
 };

package/dist/form.mjs

@@ -1,10 +1,16 @@
 import { RHFField } from "./react-hook-form/field.mjs";
 import { RHFForm } from "./react-hook-form/form.mjs";
+import { RHFCombobox } from "./react-hook-form/widgets/combobox.mjs";
+import { RHFSelect } from "./react-hook-form/widgets/select.mjs";
 // src/react-hook-form/index.ts
 const RHF = {
 	/** A Base UI form with a default grid layout; submission stays controlled by the caller. */
 	Form: RHFForm,
 	/** Wraps `useController` with label, description, error, and control-prop forwarding. */
-	Field: RHFField
+	Field: RHFField,
+	/** One-liner component for Select, used under {@link RHF.Field}. */
+	Select: RHFSelect,
+	/** One-liner component for Combobox, used under {@link RHF.Field}. */
+	Combobox: RHFCombobox
 };
 export { RHF };

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

@@ -0,0 +1,9 @@
+import { Options } from "./types.mjs";
+import { Combobox } from "@deftui/react";
+import { ComponentProps } from "react";
+type Props<V extends string> = {
+  options: Options<V>;
+  emptyLabel?: string;
+} & Omit<ComponentProps<typeof Combobox>, "items" | "children"> & Pick<ComponentProps<typeof Combobox.Input>, "size" | "placeholder" | "showClear" | "className">;
+export declare function RHFCombobox<V extends string>(props: Props<V>): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,21 @@
+import { Combobox } from "@deftui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/react-hook-form/widgets/combobox.tsx
+function RHFCombobox(props) {
+	const { options, size, placeholder, showClear, className, emptyLabel, ...rootProps } = props;
+	return /* @__PURE__ */ jsxs(Combobox, {
+		...rootProps,
+		items: options,
+		children: [/* @__PURE__ */ jsx(Combobox.Input, {
+			size,
+			placeholder,
+			showClear,
+			className
+		}), /* @__PURE__ */ jsxs(Combobox.Content, { children: [/* @__PURE__ */ jsx(Combobox.Empty, { children: emptyLabel }), /* @__PURE__ */ jsx(Combobox.List, { children: options.map((option) => /* @__PURE__ */ jsx(Combobox.Item, {
+			value: option.value,
+			disabled: option.disabled,
+			children: option.label
+		}, option.value)) })] })]
+	});
+}
+export { RHFCombobox };

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

@@ -0,0 +1,8 @@
+import { Options } from "./types.mjs";
+import { Select } from "@deftui/react";
+import { ComponentProps } from "react";
+type Props<V extends string> = {
+  options: Options<V>;
+} & Omit<ComponentProps<typeof Select>, "items" | "children"> & Pick<ComponentProps<typeof Select.Trigger>, "size" | "className"> & Pick<ComponentProps<typeof Select.Value>, "placeholder" | "className">;
+export declare function RHFSelect<V extends string>(props: Props<V>): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { Select } from "@deftui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/react-hook-form/widgets/select.tsx
+function RHFSelect(props) {
+	const { options, size, placeholder, className, ...rootProps } = props;
+	return /* @__PURE__ */ jsxs(Select, {
+		...rootProps,
+		items: options,
+		children: [/* @__PURE__ */ jsx(Select.Trigger, {
+			size,
+			className,
+			children: /* @__PURE__ */ jsx(Select.Value, { placeholder })
+		}), /* @__PURE__ */ jsx(Select.Content, { children: options.map((option) => /* @__PURE__ */ jsx(Select.Item, {
+			value: option.value,
+			disabled: option.disabled,
+			children: option.label
+		}, option.value)) })]
+	});
+}
+export { RHFSelect };

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

@@ -0,0 +1,5 @@
+export type Options<V extends string> = readonly {
+  label: string;
+  value: V;
+  disabled?: boolean;
+}[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deftui/addons",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/KiriRainCat/deftui.git",
@@ -40,7 +40,7 @@
     "fix": "vp check --fix"
   },
   "devDependencies": {
-    "@deftui/react": "^0.2.0",
+    "@deftui/react": "^0.2.1",
     "@tanstack/react-router": "^1.170.46",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
@@ -49,7 +49,7 @@
     "vite-plus": "catalog:"
   },
   "peerDependencies": {
-    "@deftui/react": "^0.2.0",
+    "@deftui/react": "^0.2.1",
     "@tanstack/react-router": "^1.170.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",