@teach-in/react 0.1.0

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

@@ -0,0 +1,353 @@
+"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/index.ts
+var fields_exports = {};
+__export(fields_exports, {
+  AutocompleteField: () => AutocompleteField,
+  CheckboxField: () => CheckboxField,
+  DatePickerField: () => DatePickerField,
+  EmailField: () => EmailField,
+  InputField: () => InputField,
+  SelectField: () => SelectField,
+  SwitchField: () => SwitchField,
+  TextField: () => TextField,
+  TextareaField: () => TextareaField
+});
+module.exports = __toCommonJS(fields_exports);
+
+// src/ui/form/rhf/fields/input-field.tsx
+var import_react_hook_form = require("react-hook-form");
+
+// src/ui/inputs/autocomplete/autocomplete.tsx
+var import_react = __toESM(require("react"));
+var import_autocomplete = require("@heroui/autocomplete");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Autocomplete = import_react.default.forwardRef(
+  ({ items, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_autocomplete.Autocomplete, { ref, items, ...props, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_autocomplete.AutocompleteItem, { children: item.label }, item.key) });
+  }
+);
+Autocomplete.displayName = "TeachInUI.Autocomplete";
+
+// src/ui/inputs/checkbox/checkbox.tsx
+var import_checkbox = require("@heroui/checkbox");
+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 });
+  }
+);
+Checkbox.displayName = "TeachInUI.Checkbox";
+
+// src/ui/inputs/date-picker/date-picker.tsx
+var import_react3 = __toESM(require("react"));
+var import_date_picker = require("@heroui/date-picker");
+var import_i18n = require("@react-aria/i18n");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DatePicker = import_react3.default.forwardRef(
+  ({ locale, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_i18n.I18nProvider, { locale, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_date_picker.DatePicker, { ref, ...props }) });
+  }
+);
+DatePicker.displayName = "TeachInUI.DatePicker";
+
+// src/ui/inputs/email/email.tsx
+var import_react5 = __toESM(require("react"));
+
+// src/ui/inputs/input/input.tsx
+var import_react4 = __toESM(require("react"));
+var import_input = require("@heroui/input");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Input = import_react4.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_input.Input, { ref, ...props });
+});
+Input.displayName = "TeachInUI.Input";
+
+// src/ui/inputs/email/email.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Email = import_react5.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
+});
+Email.displayName = "TeachInUI.Email";
+
+// src/ui/inputs/select/select.tsx
+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;
+    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);
+          }
+        },
+        ...props,
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+      }
+    );
+  }
+);
+Select.displayName = "TeachInUI.Select";
+
+// src/ui/inputs/switch/switch.tsx
+var import_react7 = __toESM(require("react"));
+var import_switch = require("@heroui/switch");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Switch = import_react7.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_switch.Switch, { ref, ...props });
+});
+Switch.displayName = "TeachInUI.Switch";
+
+// src/ui/inputs/text/text.tsx
+var import_react8 = __toESM(require("react"));
+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 });
+});
+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(
+  ({ minRows = 4, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.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");
+function InputField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.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 })
+    }
+  );
+}
+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");
+function TextField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form2.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime11.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 })
+    }
+  );
+}
+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");
+function EmailField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form3.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.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 })
+    }
+  );
+}
+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");
+function TextareaField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form4.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react_hook_form4.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        Textarea,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+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 }) {
+  const { control } = (0, import_react_hook_form5.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_hook_form5.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        Select,
+        {
+          value: field.value,
+          onChange: (value) => field.onChange(value),
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+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");
+function AutocompleteField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form6.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react_hook_form6.Controller,
+    {
+      control,
+      name,
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        Autocomplete,
+        {
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error,
+          selectedKey: field.value,
+          onSelectionChange: field.onChange
+        }
+      )
+    }
+  );
+}
+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");
+function DatePickerField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form7.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_hook_form7.Controller,
+    {
+      control,
+      name,
+      render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        DatePicker,
+        {
+          ...props,
+          ...field,
+          ref,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+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");
+function CheckboxField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form8.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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 })
+      ] })
+    }
+  );
+}
+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");
+function SwitchField({ name, ...props }) {
+  const { control } = (0, import_react_hook_form9.useFormContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime18.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 })
+      ] })
+    }
+  );
+}
+SwitchField.displayName = "TeachInUI.SwitchField";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AutocompleteField,
+  CheckboxField,
+  DatePickerField,
+  EmailField,
+  InputField,
+  SelectField,
+  SwitchField,
+  TextField,
+  TextareaField
+});

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

@@ -0,0 +1,59 @@
+"use client";
+import "../../../../chunk-JJHHWDZT.mjs";
+import {
+  SelectField
+} from "../../../../chunk-GEJLG5RP.mjs";
+import {
+  SwitchField
+} from "../../../../chunk-EC3NSPHR.mjs";
+import {
+  TextField
+} from "../../../../chunk-CETCW7DS.mjs";
+import {
+  TextareaField
+} from "../../../../chunk-V4HKGJYK.mjs";
+import {
+  AutocompleteField
+} from "../../../../chunk-S3ET5HKP.mjs";
+import {
+  CheckboxField
+} from "../../../../chunk-6UIBJVXP.mjs";
+import {
+  DatePickerField
+} from "../../../../chunk-7GHK5XYK.mjs";
+import {
+  EmailField
+} from "../../../../chunk-R7LDL5CU.mjs";
+import {
+  InputField
+} from "../../../../chunk-JDFRAN4S.mjs";
+import "../../../../chunk-5YMUHF45.mjs";
+import "../../../../chunk-DUQFM3QS.mjs";
+import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-5EWHMXCP.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
+import "../../../../chunk-V3KKDSQP.mjs";
+import "../../../../chunk-LJIVY6GU.mjs";
+import "../../../../chunk-V2HNFTTX.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-GQ3LBZ2Q.mjs";
+import "../../../../chunk-WYJW5NNA.mjs";
+import "../../../../chunk-C3MURCMZ.mjs";
+import "../../../../chunk-WJXIRSSW.mjs";
+import "../../../../chunk-WTXPB253.mjs";
+export {
+  AutocompleteField,
+  CheckboxField,
+  DatePickerField,
+  EmailField,
+  InputField,
+  SelectField,
+  SwitchField,
+  TextField,
+  TextareaField
+};

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

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

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

@@ -0,0 +1,66 @@
+"use client";
+"use strict";
+"use client";
+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/input-field.tsx
+var input_field_exports = {};
+__export(input_field_exports, {
+  InputField: () => InputField
+});
+module.exports = __toCommonJS(input_field_exports);
+var import_react_hook_form = require("react-hook-form");
+
+// src/ui/inputs/input/input.tsx
+var import_react = __toESM(require("react"));
+var import_input = require("@heroui/input");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Input = import_react.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.Input, { ref, ...props });
+});
+Input.displayName = "TeachInUI.Input";
+
+// src/ui/form/rhf/fields/input-field.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function InputField({ 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, ...field }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Input, { ...props, ...field, ref, errorMessage: error == null ? void 0 : error.message, isInvalid: !!error })
+    }
+  );
+}
+InputField.displayName = "TeachInUI.InputField";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputField
+});

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

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+import {
+  InputField
+} from "../../../../chunk-JDFRAN4S.mjs";
+import "../../../../chunk-5YMUHF45.mjs";
+import "../../../../chunk-DUQFM3QS.mjs";
+import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-5EWHMXCP.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
+import "../../../../chunk-V3KKDSQP.mjs";
+import "../../../../chunk-LJIVY6GU.mjs";
+import "../../../../chunk-V2HNFTTX.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-GQ3LBZ2Q.mjs";
+import "../../../../chunk-WYJW5NNA.mjs";
+import "../../../../chunk-C3MURCMZ.mjs";
+import "../../../../chunk-WJXIRSSW.mjs";
+import "../../../../chunk-WTXPB253.mjs";
+export {
+  InputField
+};

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

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

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

@@ -0,0 +1,94 @@
+"use client";
+"use strict";
+"use client";
+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/select-field.tsx
+var select_field_exports = {};
+__export(select_field_exports, {
+  SelectField: () => SelectField
+});
+module.exports = __toCommonJS(select_field_exports);
+var import_react_hook_form = require("react-hook-form");
+
+// src/ui/inputs/select/select.tsx
+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;
+    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);
+          }
+        },
+        ...props,
+        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+      }
+    );
+  }
+);
+Select.displayName = "TeachInUI.Select";
+
+// src/ui/form/rhf/fields/select-field.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function SelectField({ 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, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        Select,
+        {
+          value: field.value,
+          onChange: (value) => field.onChange(value),
+          ...props,
+          errorMessage: error == null ? void 0 : error.message,
+          isInvalid: !!error
+        }
+      )
+    }
+  );
+}
+SelectField.displayName = "TeachInUI.SelectField";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectField
+});

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

@@ -0,0 +1,27 @@
+"use client";
+"use client";
+import {
+  SelectField
+} from "../../../../chunk-GEJLG5RP.mjs";
+import "../../../../chunk-5YMUHF45.mjs";
+import "../../../../chunk-DUQFM3QS.mjs";
+import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-5EWHMXCP.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
+import "../../../../chunk-V3KKDSQP.mjs";
+import "../../../../chunk-LJIVY6GU.mjs";
+import "../../../../chunk-V2HNFTTX.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
+import "../../../../chunk-AQ3ISJKU.mjs";
+import "../../../../chunk-GQ3LBZ2Q.mjs";
+import "../../../../chunk-WYJW5NNA.mjs";
+import "../../../../chunk-C3MURCMZ.mjs";
+import "../../../../chunk-WJXIRSSW.mjs";
+import "../../../../chunk-WTXPB253.mjs";
+export {
+  SelectField
+};

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

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