@teach-in/react 0.2.0 → 0.4.0

package/dist/ui/form/rhf/fields/index.js

@@ -36,6 +36,7 @@ __export(fields_exports, {
   DatePickerField: () => DatePickerField,
   EmailField: () => EmailField,
   InputField: () => InputField,
+  RadioField: () => RadioField,
   SelectField: () => SelectField,
   SwitchField: () => SwitchField,
   TextField: () => TextField,
@@ -63,7 +64,7 @@ var import_react2 = __toESM(require("react"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Checkbox = import_react2.default.forwardRef(
   ({ label, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_checkbox.Checkbox, { ref, label, ...props, children: label });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_checkbox.Checkbox, { ref, ...props, children: label });
   }
 );
 Checkbox.displayName = "TeachInUI.Checkbox";
@@ -104,21 +105,33 @@ var import_react6 = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Select = import_react6.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ value, items, onChange, selectionMode, ...props }, ref) => {
+    const isMultiple = selectionMode === "multiple";
+    const selectedKeys = import_react6.default.useMemo(() => {
+      if (value == null) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const handleSelectionChange = import_react6.default.useCallback(
+      (keys) => {
+        var _a;
+        if (keys === "all") return;
+        const selected = Array.from(keys).filter((key) => typeof key === "string");
+        if (isMultiple) {
+          onChange == null ? void 0 : onChange(selected);
+        } else {
+          onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
+        }
+      },
+      [onChange, isMultiple]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }
@@ -136,35 +149,46 @@ var Switch = import_react7.default.forwardRef(({ ...props }, ref) => {
 });
 Switch.displayName = "TeachInUI.Switch";
 
-// src/ui/inputs/text/text.tsx
+// src/ui/inputs/radio/radio-group.tsx
 var import_react8 = __toESM(require("react"));
+var import_radio = require("@heroui/radio");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var Text = import_react8.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Input, { ref, type: "text", ...props });
+var RadioGroup = import_react8.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_radio.RadioGroup, { ref, ...props });
+  }
+);
+RadioGroup.displayName = "TeachInUI.RadioGroup";
+
+// src/ui/inputs/text/text.tsx
+var import_react9 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Text = import_react9.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Input, { ref, type: "text", ...props });
 });
 Text.displayName = "TeachInUI.Text";
 
 // src/ui/inputs/textarea/textarea.tsx
 var import_input5 = require("@heroui/input");
-var import_react9 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Textarea = import_react9.default.forwardRef(
+var import_react10 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Textarea = import_react10.default.forwardRef(
   ({ minRows = 4, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_input5.Textarea, { ref, minRows, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_input5.Textarea, { ref, minRows, ...props });
   }
 );
 Textarea.displayName = "TeachInUI.Textarea";
 
 // src/ui/form/rhf/fields/input-field.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function InputField({ name, ...props }) {
   const { control } = (0, import_react_hook_form.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     import_react_hook_form.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }
@@ -172,15 +196,15 @@ InputField.displayName = "TeachInUI.InputField";
 
 // src/ui/form/rhf/fields/text-field.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function TextField({ name, ...props }) {
   const { control } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react_hook_form2.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }
@@ -188,15 +212,15 @@ TextField.displayName = "TeachInUI.TextField";
 
 // src/ui/form/rhf/fields/email-field.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function EmailField({ name, ...props }) {
   const { control } = (0, import_react_hook_form3.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     import_react_hook_form3.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Email, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
     }
   );
 }
@@ -204,15 +228,15 @@ EmailField.displayName = "TeachInUI.EmailField";
 
 // src/ui/form/rhf/fields/textarea-field.tsx
 var import_react_hook_form4 = require("react-hook-form");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function TextareaField({ name, ...props }) {
   const { control } = (0, import_react_hook_form4.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_react_hook_form4.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Textarea,
         {
           ...props,
@@ -229,17 +253,18 @@ TextareaField.displayName = "TeachInUI.TextareaField";
 
 // src/ui/form/rhf/fields/select-field.tsx
 var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-function SelectField({ name, ...props }) {
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function SelectField({ name, selectionMode, ...props }) {
   const { control } = (0, import_react_hook_form5.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_react_hook_form5.Controller,
     {
       control,
       name,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         Select,
         {
+          selectionMode,
           value: field.value,
           onChange: (value) => field.onChange(value),
           ...props,
@@ -254,15 +279,15 @@ SelectField.displayName = "TeachInUI.SelectField";
 
 // src/ui/form/rhf/fields/autocomplete-field.tsx
 var import_react_hook_form6 = require("react-hook-form");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function AutocompleteField({ name, ...props }) {
   const { control } = (0, import_react_hook_form6.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_react_hook_form6.Controller,
     {
       control,
       name,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
         Autocomplete,
         {
           ...props,
@@ -279,15 +304,15 @@ AutocompleteField.displayName = "TeachInUI.AutocompleteField";
 
 // src/ui/form/rhf/fields/date-picker-field.tsx
 var import_react_hook_form7 = require("react-hook-form");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function DatePickerField({ name, ...props }) {
   const { control } = (0, import_react_hook_form7.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_hook_form7.Controller,
     {
       control,
       name,
-      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         DatePicker,
         {
           ...props,
@@ -304,17 +329,17 @@ DatePickerField.displayName = "TeachInUI.DatePickerField";
 
 // src/ui/form/rhf/fields/checkbox-field.tsx
 var import_react_hook_form8 = require("react-hook-form");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CheckboxField({ name, ...props }) {
   const { control } = (0, import_react_hook_form8.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_react_hook_form8.Controller,
     {
       control,
       name,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Checkbox, { ...props, isSelected: field.value, onValueChange: field.onChange }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-tiny text-danger", children: error.message })
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Checkbox, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-tiny text-danger", children: error.message })
       ] })
     }
   );
@@ -323,22 +348,49 @@ CheckboxField.displayName = "TeachInUI.CheckboxField";
 
 // src/ui/form/rhf/fields/switch-field.tsx
 var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function SwitchField({ name, ...props }) {
   const { control } = (0, import_react_hook_form9.useFormContext)();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     import_react_hook_form9.Controller,
     {
       control,
       name,
-      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Switch, { ...props, isSelected: field.value, onValueChange: field.onChange }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-tiny text-danger", children: error.message })
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Switch, { ...props, isSelected: field.value, onValueChange: field.onChange }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-tiny text-danger", children: error.message })
       ] })
     }
   );
 }
 SwitchField.displayName = "TeachInUI.SwitchField";
+
+// src/ui/form/rhf/fields/radio-field.tsx
+var import_react_hook_form10 = require("react-hook-form");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function RadioField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form10.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_hook_form10.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, value, onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        RadioGroup,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error,
+          value,
+          onValueChange: onChange
+        }
+      )
+    }
+  );
+}
+RadioField.displayName = "TeachInUI.RadioField";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AutocompleteField,
@@ -346,6 +398,7 @@ SwitchField.displayName = "TeachInUI.SwitchField";
   DatePickerField,
   EmailField,
   InputField,
+  RadioField,
   SelectField,
   SwitchField,
   TextField,

package/dist/ui/form/rhf/fields/index.mjs

@@ -1,5 +1,17 @@
 "use client";
-import "../../../../chunk-JJHHWDZT.mjs";
+import "../../../../chunk-Q6JSJOU4.mjs";
+import {
+  InputField
+} from "../../../../chunk-JDFRAN4S.mjs";
+import {
+  RadioField
+} from "../../../../chunk-W2A6C27Y.mjs";
+import {
+  SelectField
+} from "../../../../chunk-NLHQDWUK.mjs";
+import {
+  SwitchField
+} from "../../../../chunk-EC3NSPHR.mjs";
 import {
   TextField
 } from "../../../../chunk-CETCW7DS.mjs";
@@ -11,29 +23,24 @@ import {
 } from "../../../../chunk-S3ET5HKP.mjs";
 import {
   CheckboxField
-} from "../../../../chunk-6UIBJVXP.mjs";
+} from "../../../../chunk-MCZBJUTN.mjs";
 import {
   DatePickerField
 } from "../../../../chunk-7GHK5XYK.mjs";
 import {
   EmailField
 } from "../../../../chunk-R7LDL5CU.mjs";
-import {
-  InputField
-} from "../../../../chunk-JDFRAN4S.mjs";
-import {
-  SelectField
-} from "../../../../chunk-GEJLG5RP.mjs";
-import {
-  SwitchField
-} from "../../../../chunk-EC3NSPHR.mjs";
-import "../../../../chunk-5YMUHF45.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
-import "../../../../chunk-5EWHMXCP.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-CZEO3U25.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-LLP2PTPK.mjs";
+import "../../../../chunk-E5QSNLSR.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
 import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
@@ -41,17 +48,19 @@ import "../../../../chunk-LJIVY6GU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-V2G5QHZZ.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-GQ3LBZ2Q.mjs";
+import "../../../../chunk-3YOW5DEZ.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-WJXIRSSW.mjs";
-import "../../../../chunk-WTXPB253.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
 export {
   AutocompleteField,
   CheckboxField,
   DatePickerField,
   EmailField,
   InputField,
+  RadioField,
   SelectField,
   SwitchField,
   TextField,

package/dist/ui/form/rhf/fields/input-field.mjs

@@ -2,13 +2,17 @@
 import {
   InputField
 } from "../../../../chunk-JDFRAN4S.mjs";
-import "../../../../chunk-5YMUHF45.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
-import "../../../../chunk-5EWHMXCP.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-CZEO3U25.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-LLP2PTPK.mjs";
+import "../../../../chunk-E5QSNLSR.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
 import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
@@ -16,11 +20,12 @@ import "../../../../chunk-LJIVY6GU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-V2G5QHZZ.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-GQ3LBZ2Q.mjs";
+import "../../../../chunk-3YOW5DEZ.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-WJXIRSSW.mjs";
-import "../../../../chunk-WTXPB253.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
 export {
   InputField
 };

package/dist/ui/form/rhf/fields/radio-field.d.ts

@@ -0,0 +1,10 @@
+import type { RadioGroupProps } from "../../../inputs";
+import React from "react";
+interface Props extends Omit<RadioGroupProps, "name" | "value" | "defaultValue" | "onValueChange"> {
+    readonly name: string;
+}
+export declare function RadioField({ name, ...props }: Props): React.JSX.Element;
+export declare namespace RadioField {
+    var displayName: string;
+}
+export {};

package/dist/ui/form/rhf/fields/radio-field.js

@@ -0,0 +1,78 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ui/form/rhf/fields/radio-field.tsx
+var radio_field_exports = {};
+__export(radio_field_exports, {
+  RadioField: () => RadioField
+});
+module.exports = __toCommonJS(radio_field_exports);
+var import_react_hook_form = require("react-hook-form");
+
+// src/ui/inputs/radio/radio-group.tsx
+var import_react = __toESM(require("react"));
+var import_radio = require("@heroui/radio");
+var import_jsx_runtime = require("react/jsx-runtime");
+var RadioGroup = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio.RadioGroup, { ref, ...props });
+  }
+);
+RadioGroup.displayName = "TeachInUI.RadioGroup";
+
+// src/ui/form/rhf/fields/radio-field.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function RadioField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_hook_form.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, value, onChange, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        RadioGroup,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error,
+          value,
+          onValueChange: onChange
+        }
+      )
+    }
+  );
+}
+RadioField.displayName = "TeachInUI.RadioField";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RadioField
+});

package/dist/ui/form/rhf/fields/radio-field.mjs

@@ -0,0 +1,31 @@
+"use client";
+import {
+  RadioField
+} from "../../../../chunk-W2A6C27Y.mjs";
+import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-DUQFM3QS.mjs";
+import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
+import "../../../../chunk-LLP2PTPK.mjs";
+import "../../../../chunk-E5QSNLSR.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
+import "../../../../chunk-V2HNFTTX.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
+import "../../../../chunk-V3KKDSQP.mjs";
+import "../../../../chunk-LJIVY6GU.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-3YOW5DEZ.mjs";
+import "../../../../chunk-WYJW5NNA.mjs";
+import "../../../../chunk-C3MURCMZ.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+export {
+  RadioField
+};

package/dist/ui/form/rhf/fields/select-field.d.ts

@@ -1,9 +1,14 @@
 import type { SelectProps } from "../../../inputs";
 import React from "react";
-interface Props extends Omit<SelectProps, "name" | "errorMessage" | "isInvalid" | "value" | "onChange"> {
+type BaseProps = Omit<SelectProps, "name" | "errorMessage" | "isInvalid" | "value" | "onChange">;
+export type SelectFieldProps = (Omit<BaseProps, "selectionMode"> & {
     readonly name: string;
-}
-export declare function SelectField({ name, ...props }: Props): React.JSX.Element;
+    selectionMode?: "single";
+}) | (Omit<BaseProps, "selectionMode"> & {
+    readonly name: string;
+    selectionMode: "multiple";
+});
+export declare function SelectField({ name, selectionMode, ...props }: SelectFieldProps): React.JSX.Element;
 export declare namespace SelectField {
     var displayName: string;
 }

package/dist/ui/form/rhf/fields/select-field.js

@@ -41,21 +41,33 @@ var import_react = __toESM(require("react"));
 var import_select = require("@heroui/select");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Select = import_react.default.forwardRef(
-  ({ value, items, onChange, ...props }, ref) => {
-    const selectedKeys = value != null ? /* @__PURE__ */ new Set([value]) : void 0;
+  ({ value, items, onChange, selectionMode, ...props }, ref) => {
+    const isMultiple = selectionMode === "multiple";
+    const selectedKeys = import_react.default.useMemo(() => {
+      if (value == null) return /* @__PURE__ */ new Set();
+      return new Set(Array.isArray(value) ? value : [value]);
+    }, [value]);
+    const handleSelectionChange = import_react.default.useCallback(
+      (keys) => {
+        var _a;
+        if (keys === "all") return;
+        const selected = Array.from(keys).filter((key) => typeof key === "string");
+        if (isMultiple) {
+          onChange == null ? void 0 : onChange(selected);
+        } else {
+          onChange == null ? void 0 : onChange((_a = selected[0]) != null ? _a : null);
+        }
+      },
+      [onChange, isMultiple]
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_select.Select,
       {
         ref,
         items,
-        placeholder: " ",
         selectedKeys,
-        onSelectionChange: (keys) => {
-          const selected = Array.from(keys)[0];
-          if (typeof selected === "string") {
-            onChange == null ? void 0 : onChange(selected);
-          }
-        },
+        selectionMode,
+        onSelectionChange: handleSelectionChange,
         ...props,
         children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
       }
@@ -66,7 +78,7 @@ Select.displayName = "TeachInUI.Select";
 
 // src/ui/form/rhf/fields/select-field.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function SelectField({ name, ...props }) {
+function SelectField({ name, selectionMode, ...props }) {
   const { control } = (0, import_react_hook_form.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_hook_form.Controller,
@@ -76,6 +88,7 @@ function SelectField({ name, ...props }) {
       render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         Select,
         {
+          selectionMode,
           value: field.value,
           onChange: (value) => field.onChange(value),
           ...props,