@teach-in/react 0.2.0 → 0.3.0

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

@@ -2,25 +2,30 @@
 import {
   TextareaField
 } from "../../../../chunk-V4HKGJYK.mjs";
-import "../../../../chunk-5YMUHF45.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
-import "../../../../chunk-5EWHMXCP.mjs";
+import "../../../../chunk-CZEO3U25.mjs";
+import "../../../../chunk-LLP2PTPK.mjs";
+import "../../../../chunk-E5QSNLSR.mjs";
 import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTUGFQWJ.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
+import "../../../../chunk-V3KKDSQP.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-GQ3LBZ2Q.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";
+import "../../../../chunk-LJIVY6GU.mjs";
+import "../../../../chunk-ZRHEFEFS.mjs";
+import "../../../../chunk-V2G5QHZZ.mjs";
 export {
   TextareaField
 };

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

@@ -36,6 +36,7 @@ __export(rhf_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";
@@ -136,35 +137,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 +184,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 +200,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 +216,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,15 +241,15 @@ 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");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function SelectField({ name, ...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,
         {
           value: field.value,
@@ -254,15 +266,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 +291,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 +316,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 +335,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 +385,7 @@ SwitchField.displayName = "TeachInUI.SwitchField";
   DatePickerField,
   EmailField,
   InputField,
+  RadioField,
   SelectField,
   SwitchField,
   TextField,

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

@@ -1,6 +1,18 @@
 "use client";
 import "../../../chunk-FXXWSYJA.mjs";
-import "../../../chunk-JJHHWDZT.mjs";
+import "../../../chunk-Q6JSJOU4.mjs";
+import {
+  InputField
+} from "../../../chunk-JDFRAN4S.mjs";
+import {
+  RadioField
+} from "../../../chunk-W2A6C27Y.mjs";
+import {
+  SelectField
+} from "../../../chunk-GEJLG5RP.mjs";
+import {
+  SwitchField
+} from "../../../chunk-EC3NSPHR.mjs";
 import {
   TextField
 } from "../../../chunk-CETCW7DS.mjs";
@@ -12,47 +24,44 @@ 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-CZEO3U25.mjs";
+import "../../../chunk-LLP2PTPK.mjs";
+import "../../../chunk-E5QSNLSR.mjs";
 import "../../../chunk-N3EAW6UO.mjs";
+import "../../../chunk-RRA7GWP2.mjs";
+import "../../../chunk-NOXFF2KJ.mjs";
+import "../../../chunk-2SNKT7I4.mjs";
 import "../../../chunk-DUQFM3QS.mjs";
 import "../../../chunk-KTUGFQWJ.mjs";
+import "../../../chunk-5HK7HRTR.mjs";
+import "../../../chunk-HJUZTISD.mjs";
+import "../../../chunk-V3KKDSQP.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-GQ3LBZ2Q.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";
+import "../../../chunk-LJIVY6GU.mjs";
+import "../../../chunk-ZRHEFEFS.mjs";
+import "../../../chunk-V2G5QHZZ.mjs";
 export {
   AutocompleteField,
   CheckboxField,
   DatePickerField,
   EmailField,
   InputField,
+  RadioField,
   SelectField,
   SwitchField,
   TextField,

package/dist/ui/format/index.mjs

@@ -1,11 +1,5 @@
 "use client";
 import "../../chunk-5IHVMMCK.mjs";
-import {
-  Number
-} from "../../chunk-NZI5NBXF.mjs";
-import {
-  Percent
-} from "../../chunk-CXAZBWS4.mjs";
 import {
   Plural
 } from "../../chunk-UHLC7GOU.mjs";
@@ -27,6 +21,12 @@ import {
 import {
   Duration
 } from "../../chunk-4QSIBIUI.mjs";
+import {
+  Number
+} from "../../chunk-NZI5NBXF.mjs";
+import {
+  Percent
+} from "../../chunk-CXAZBWS4.mjs";
 export {
   Boolean as FormatBoolean,
   Currency as FormatCurrency,