@teach-in/react 1.5.0 → 1.6.0

package/dist/ui/data/user/user.d.ts

@@ -1,6 +1,28 @@
-import type { UserProps as HeroUIUserProps } from "@heroui/user";
+import type { AvatarProps as HeroUIAvatarProps } from "@heroui/avatar";
+import type { VariantProps } from "tailwind-variants";
 import React from "react";
-export interface UserProps extends HeroUIUserProps {
+import { User as HeroUIUser } from "@heroui/user";
+declare const userVariants: import("tailwind-variants").TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+    };
+}, undefined, "flex items-start gap-2 hyphens-auto", {
+    direction: {
+        row: string;
+        column: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    direction: {
+        row: string;
+        column: string;
+    };
+}, undefined, "flex items-start gap-2 hyphens-auto", unknown, unknown, undefined>>;
+type HeroUIUserProps = React.ComponentProps<typeof HeroUIUser>;
+interface UserProps extends Omit<HeroUIUserProps, "avatarProps" | "className" | "name">, VariantProps<typeof userVariants> {
+    name: string;
+    avatarProps?: Partial<HeroUIAvatarProps>;
+    className?: string;
 }
 declare const User: React.ForwardRefExoticComponent<Omit<UserProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { User };

package/dist/ui/data/user/user.js

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -36,10 +37,59 @@ __export(user_exports, {
 module.exports = __toCommonJS(user_exports);
 var import_react = __toESM(require("react"));
 var import_user = require("@heroui/user");
+var import_image = require("@heroui/image");
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/ui/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/ui/data/user/user.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var User = import_react.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user.User, { ref, ...props });
+function getNameInitials(fullName) {
+  const normalizedFullName = fullName.trim();
+  const parts = normalizedFullName.split(" ").filter((part) => part.length > 0);
+  if (parts.length >= 2) {
+    return parts[0][0].toUpperCase() + parts[1][0].toUpperCase();
+  }
+  return normalizedFullName.slice(0, 2).toUpperCase();
+}
+var userVariants = (0, import_tailwind_variants.tv)({
+  base: "flex items-start gap-2 hyphens-auto",
+  variants: {
+    direction: {
+      row: "flex-row",
+      column: "flex-col items-center"
+    }
+  },
+  defaultVariants: {
+    direction: "row"
+  }
 });
+var User = import_react.default.forwardRef(
+  ({ name, avatarProps, className, direction = "row", ...props }, ref) => {
+    var _a, _b;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_user.User,
+      {
+        ref,
+        avatarProps: {
+          ...avatarProps,
+          className: cn("shrink-0", avatarProps == null ? void 0 : avatarProps.className),
+          name: (_a = avatarProps == null ? void 0 : avatarProps.name) != null ? _a : getNameInitials(name),
+          ImgComponent: import_image.Image,
+          showFallback: (_b = avatarProps == null ? void 0 : avatarProps.showFallback) != null ? _b : true
+        },
+        className: userVariants({ direction, className }),
+        name,
+        ...props
+      }
+    );
+  }
+);
 User.displayName = "TeachInUI.User";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/data/user/user.mjs

@@ -1,7 +1,10 @@
 "use client";
+"use client";
 import {
   User
-} from "../../../chunk-XHCXM5MU.mjs";
+} from "../../../chunk-VDPROXMN.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
 export {
   User
 };

package/dist/ui/feedback/index.mjs

@@ -1,9 +1,16 @@
 "use client";
 import "../../chunk-AR4IYKG5.mjs";
 import "../../chunk-U4FAPNVK.mjs";
+import {
+  CircularProgress
+} from "../../chunk-L6XIUULU.mjs";
 import {
   Progress
 } from "../../chunk-JTPBZJ4S.mjs";
+import "../../chunk-WZDFBWUL.mjs";
+import {
+  Spinner
+} from "../../chunk-ZXCQ73RT.mjs";
 import {
   Toast,
   ToastProvider,
@@ -14,25 +21,18 @@ import {
   isToastClosing,
   useToast
 } from "../../chunk-CA2EAK5M.mjs";
-import "../../chunk-V77JZXH7.mjs";
-import "../../chunk-K3WTHFIG.mjs";
-import {
-  Chip
-} from "../../chunk-EEGPGLDC.mjs";
-import "../../chunk-WZDFBWUL.mjs";
-import {
-  Spinner
-} from "../../chunk-ZXCQ73RT.mjs";
 import "../../chunk-3BST3PYD.mjs";
 import {
   Tooltip
 } from "../../chunk-TJBXXTYS.mjs";
-import {
-  CircularProgress
-} from "../../chunk-L6XIUULU.mjs";
+import "../../chunk-V77JZXH7.mjs";
 import {
   Alert
 } from "../../chunk-TIFF5WZA.mjs";
+import "../../chunk-K3WTHFIG.mjs";
+import {
+  Chip
+} from "../../chunk-EEGPGLDC.mjs";
 import "../../chunk-Q2ILWL7L.mjs";
 import "../../chunk-7BTEKEON.mjs";
 export {

package/dist/ui/feedback/progress/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import "../../../chunk-U4FAPNVK.mjs";
-import {
-  Progress
-} from "../../../chunk-JTPBZJ4S.mjs";
 import {
   CircularProgress
 } from "../../../chunk-L6XIUULU.mjs";
+import {
+  Progress
+} from "../../../chunk-JTPBZJ4S.mjs";
 export {
   CircularProgress,
   Progress

package/dist/ui/form/index.js

@@ -234,11 +234,73 @@ Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/email/email.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var Email = import_react7.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
-});
+var EMAIL_REGEX = /^(?!\.)(?!.*\.\.)[A-Za-zА-Яа-яЁё0-9._+%-]+(?<!\.)@(?:(?:[A-Za-zА-Яа-яЁё0-9](?:[A-Za-zА-Яа-яЁё0-9-]*[A-Za-zА-Яа-яЁё0-9])?)\.)+[A-Za-zА-Яа-яЁё]{2,}$/u;
+var DEFAULT_ERROR_MESSAGE = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 email";
+var defaultValidateEmail = (value) => {
+  if (!value) {
+    return;
+  }
+  return EMAIL_REGEX.test(value) ? true : DEFAULT_ERROR_MESSAGE;
+};
+function getValidationMessage(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+  if (Array.isArray(result)) {
+    return result.join(" ");
+  }
+  return;
+}
+var Email = import_react7.default.forwardRef(
+  ({
+    defaultValue,
+    errorMessage,
+    isInvalid,
+    onValueChange,
+    validate = defaultValidateEmail,
+    value,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = import_react7.default.useState(defaultValue != null ? defaultValue : "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : internalValue;
+    const handleValueChange = import_react7.default.useCallback(
+      (nextValue) => {
+        if (!isControlled) {
+          setInternalValue(nextValue);
+        }
+        onValueChange == null ? void 0 : onValueChange(nextValue);
+      },
+      [isControlled, onValueChange]
+    );
+    const validationMessage = getValidationMessage(validate(currentValue != null ? currentValue : ""));
+    const resolvedErrorMessage = errorMessage != null ? errorMessage : validationMessage;
+    const resolvedIsInvalid = isInvalid != null ? isInvalid : Boolean(validationMessage);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      Input,
+      {
+        ref,
+        autoComplete: "email",
+        errorMessage: resolvedErrorMessage,
+        isInvalid: resolvedIsInvalid,
+        type: "email",
+        validate,
+        value: currentValue,
+        onValueChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
 Email.displayName = "TeachInUI.Email";
 
+// src/ui/style/css.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
 // src/ui/inputs/search/search.tsx
 var import_react9 = __toESM(require("react"));
 var import_lucide_react2 = require("lucide-react");
@@ -338,24 +400,17 @@ function useSelect({
   isClearable = true
 }) {
   const isMultiple = selectionMode === "multiple";
-  const [internalValue, setInternalValue] = (0, import_react10.useState)(
-    isMultiple ? [] : null
-  );
-  const isControlled = value !== void 0;
-  const currentValue = isControlled ? value : internalValue;
+  const currentValue = value != null ? value : isMultiple ? [] : null;
   const hasValue = currentValue != null && (Array.isArray(currentValue) ? currentValue.length > 0 : currentValue !== "");
   const handleChange = (0, import_react10.useCallback)(
     (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
       if (isMultiple) {
         onChange == null ? void 0 : onChange(newValue);
       } else {
         onChange == null ? void 0 : onChange(newValue);
       }
     },
-    [isControlled, onChange, isMultiple]
+    [onChange, isMultiple]
   );
   const handleClear = (0, import_react10.useCallback)(() => {
     onClear == null ? void 0 : onClear();
@@ -400,9 +455,11 @@ var selectWrapperVariants = (0, import_tailwind_variants3.tv)({
 var Select = import_react11.default.forwardRef(
   ({
     value,
-    defaultSelectedKeys,
     items,
+    children,
+    selectedKeys: selectedKeysProp,
     onChange,
+    onSelectionChange,
     selectionMode,
     onClear,
     variant,
@@ -411,6 +468,8 @@ var Select = import_react11.default.forwardRef(
     isClearable,
     ...props
   }, ref) => {
+    const usesExternalSelectionControl = selectedKeysProp !== void 0 || onSelectionChange !== void 0;
+    const selectChildren = children != null ? children : (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.SelectItem, { children: item.label }, item.key);
     const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
       value,
       onChange,
@@ -424,21 +483,20 @@ var Select = import_react11.default.forwardRef(
         ref,
         classNames: {
           ...classNames,
-          trigger: selectWrapperVariants({ variant }),
+          trigger: cn(selectWrapperVariants({ variant }), classNames == null ? void 0 : classNames.trigger),
           innerWrapper: "group"
         },
-        defaultSelectedKeys,
         endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1", children: [
           endContent,
           showClearButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ClearButton, { onClear: handleClear })
         ] }),
         items,
-        selectedKeys,
+        selectedKeys: usesExternalSelectionControl ? selectedKeysProp : selectedKeys,
         selectionMode,
         variant,
-        onSelectionChange: handleSelectionChange,
+        onSelectionChange: usesExternalSelectionControl ? onSelectionChange : handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_select.SelectItem, { children: item.label }, item.key)
+        children: selectChildren
       }
     );
   }

package/dist/ui/form/index.mjs

@@ -13,7 +13,7 @@ import {
 } from "../../chunk-CUEG2BFV.mjs";
 import {
   SelectField
-} from "../../chunk-CKJ5U5Q4.mjs";
+} from "../../chunk-DEKPRZIQ.mjs";
 import {
   SwitchField
 } from "../../chunk-EC3NSPHR.mjs";
@@ -34,40 +34,45 @@ import {
 } from "../../chunk-7GHK5XYK.mjs";
 import {
   EmailField
-} from "../../chunk-R46SWVWL.mjs";
-import "../../chunk-UQAG7TKJ.mjs";
+} from "../../chunk-ZK6VZMUJ.mjs";
+import {
+  Form
+} from "../../chunk-A3AAC7PF.mjs";
+import "../../chunk-37MCHF7U.mjs";
 import "../../chunk-DUQFM3QS.mjs";
 import "../../chunk-KTWHCUYV.mjs";
-import "../../chunk-5HK7HRTR.mjs";
-import "../../chunk-HJUZTISD.mjs";
 import "../../chunk-LLP2PTPK.mjs";
-import "../../chunk-N3EAW6UO.mjs";
 import "../../chunk-GTE5VEBV.mjs";
+import "../../chunk-N3EAW6UO.mjs";
+import "../../chunk-5HK7HRTR.mjs";
+import "../../chunk-HJUZTISD.mjs";
 import "../../chunk-5RNCFTW5.mjs";
 import "../../chunk-SEJXJZSK.mjs";
 import "../../chunk-C2VWADF5.mjs";
+import "../../chunk-RRA7GWP2.mjs";
+import "../../chunk-NOXFF2KJ.mjs";
+import "../../chunk-2SNKT7I4.mjs";
 import "../../chunk-AQ3ISJKU.mjs";
-import "../../chunk-VXYV37IM.mjs";
-import "../../chunk-2UHA3DYG.mjs";
-import "../../chunk-UUKS7JYX.mjs";
-import "../../chunk-N3QOXWJI.mjs";
+import "../../chunk-C5FQB2UN.mjs";
+import "../../chunk-6BWSC6ZH.mjs";
 import "../../chunk-V2HNFTTX.mjs";
-import "../../chunk-IAJ6G633.mjs";
 import "../../chunk-V3KKDSQP.mjs";
-import "../../chunk-46SKVFMZ.mjs";
+import "../../chunk-GEPCSZCU.mjs";
 import "../../chunk-ZRHEFEFS.mjs";
 import "../../chunk-MCQGBAUS.mjs";
 import "../../chunk-NSU66J5E.mjs";
-import "../../chunk-RRA7GWP2.mjs";
-import "../../chunk-2SNKT7I4.mjs";
-import "../../chunk-NOXFF2KJ.mjs";
+import "../../chunk-UUKS7JYX.mjs";
+import "../../chunk-C4PCTOGM.mjs";
+import "../../chunk-N3QOXWJI.mjs";
+import "../../chunk-ALGSVEUS.mjs";
+import "../../chunk-BHOCYKBI.mjs";
+import "../../chunk-7WIZONLU.mjs";
+import "../../chunk-IAJ6G633.mjs";
 import "../../chunk-WYJW5NNA.mjs";
 import "../../chunk-C3MURCMZ.mjs";
-import "../../chunk-C4PCTOGM.mjs";
 import "../../chunk-TUIN5YJW.mjs";
-import {
-  Form
-} from "../../chunk-A3AAC7PF.mjs";
+import "../../chunk-Q6XJI7Q2.mjs";
+import "../../chunk-LOMRTWX5.mjs";
 export {
   AutocompleteField,
   CheckboxField,

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

@@ -2,36 +2,41 @@
 import {
   AutocompleteField
 } from "../../../../chunk-S3ET5HKP.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
+import "../../../../chunk-37MCHF7U.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTWHCUYV.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-LLP2PTPK.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
 import "../../../../chunk-GTE5VEBV.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-5RNCFTW5.mjs";
 import "../../../../chunk-SEJXJZSK.mjs";
 import "../../../../chunk-C2VWADF5.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-VXYV37IM.mjs";
-import "../../../../chunk-2UHA3DYG.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-C5FQB2UN.mjs";
+import "../../../../chunk-6BWSC6ZH.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
+import "../../../../chunk-GEPCSZCU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-MCQGBAUS.mjs";
 import "../../../../chunk-NSU66J5E.mjs";
-import "../../../../chunk-RRA7GWP2.mjs";
-import "../../../../chunk-2SNKT7I4.mjs";
-import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-ALGSVEUS.mjs";
+import "../../../../chunk-BHOCYKBI.mjs";
+import "../../../../chunk-7WIZONLU.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-TUIN5YJW.mjs";
+import "../../../../chunk-Q6XJI7Q2.mjs";
+import "../../../../chunk-LOMRTWX5.mjs";
 export {
   AutocompleteField
 };

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

@@ -2,36 +2,41 @@
 import {
   CheckboxField
 } from "../../../../chunk-MCZBJUTN.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
+import "../../../../chunk-37MCHF7U.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTWHCUYV.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-LLP2PTPK.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
 import "../../../../chunk-GTE5VEBV.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-5RNCFTW5.mjs";
 import "../../../../chunk-SEJXJZSK.mjs";
 import "../../../../chunk-C2VWADF5.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-VXYV37IM.mjs";
-import "../../../../chunk-2UHA3DYG.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-C5FQB2UN.mjs";
+import "../../../../chunk-6BWSC6ZH.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
+import "../../../../chunk-GEPCSZCU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-MCQGBAUS.mjs";
 import "../../../../chunk-NSU66J5E.mjs";
-import "../../../../chunk-RRA7GWP2.mjs";
-import "../../../../chunk-2SNKT7I4.mjs";
-import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-ALGSVEUS.mjs";
+import "../../../../chunk-BHOCYKBI.mjs";
+import "../../../../chunk-7WIZONLU.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-TUIN5YJW.mjs";
+import "../../../../chunk-Q6XJI7Q2.mjs";
+import "../../../../chunk-LOMRTWX5.mjs";
 export {
   CheckboxField
 };

package/dist/ui/form/rhf/fields/date-picker-field.mjs

@@ -2,36 +2,41 @@
 import {
   DatePickerField
 } from "../../../../chunk-7GHK5XYK.mjs";
-import "../../../../chunk-UQAG7TKJ.mjs";
+import "../../../../chunk-37MCHF7U.mjs";
 import "../../../../chunk-DUQFM3QS.mjs";
 import "../../../../chunk-KTWHCUYV.mjs";
-import "../../../../chunk-5HK7HRTR.mjs";
-import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-LLP2PTPK.mjs";
-import "../../../../chunk-N3EAW6UO.mjs";
 import "../../../../chunk-GTE5VEBV.mjs";
+import "../../../../chunk-N3EAW6UO.mjs";
+import "../../../../chunk-5HK7HRTR.mjs";
+import "../../../../chunk-HJUZTISD.mjs";
 import "../../../../chunk-5RNCFTW5.mjs";
 import "../../../../chunk-SEJXJZSK.mjs";
 import "../../../../chunk-C2VWADF5.mjs";
+import "../../../../chunk-RRA7GWP2.mjs";
+import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-2SNKT7I4.mjs";
 import "../../../../chunk-AQ3ISJKU.mjs";
-import "../../../../chunk-VXYV37IM.mjs";
-import "../../../../chunk-2UHA3DYG.mjs";
-import "../../../../chunk-UUKS7JYX.mjs";
-import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-C5FQB2UN.mjs";
+import "../../../../chunk-6BWSC6ZH.mjs";
 import "../../../../chunk-V2HNFTTX.mjs";
-import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-V3KKDSQP.mjs";
-import "../../../../chunk-46SKVFMZ.mjs";
+import "../../../../chunk-GEPCSZCU.mjs";
 import "../../../../chunk-ZRHEFEFS.mjs";
 import "../../../../chunk-MCQGBAUS.mjs";
 import "../../../../chunk-NSU66J5E.mjs";
-import "../../../../chunk-RRA7GWP2.mjs";
-import "../../../../chunk-2SNKT7I4.mjs";
-import "../../../../chunk-NOXFF2KJ.mjs";
+import "../../../../chunk-UUKS7JYX.mjs";
+import "../../../../chunk-C4PCTOGM.mjs";
+import "../../../../chunk-N3QOXWJI.mjs";
+import "../../../../chunk-ALGSVEUS.mjs";
+import "../../../../chunk-BHOCYKBI.mjs";
+import "../../../../chunk-7WIZONLU.mjs";
+import "../../../../chunk-IAJ6G633.mjs";
 import "../../../../chunk-WYJW5NNA.mjs";
 import "../../../../chunk-C3MURCMZ.mjs";
-import "../../../../chunk-C4PCTOGM.mjs";
 import "../../../../chunk-TUIN5YJW.mjs";
+import "../../../../chunk-Q6XJI7Q2.mjs";
+import "../../../../chunk-LOMRTWX5.mjs";
 export {
   DatePickerField
 };

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

@@ -187,9 +187,64 @@ Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/email/email.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Email = import_react4.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
-});
+var EMAIL_REGEX = /^(?!\.)(?!.*\.\.)[A-Za-zА-Яа-яЁё0-9._+%-]+(?<!\.)@(?:(?:[A-Za-zА-Яа-яЁё0-9](?:[A-Za-zА-Яа-яЁё0-9-]*[A-Za-zА-Яа-яЁё0-9])?)\.)+[A-Za-zА-Яа-яЁё]{2,}$/u;
+var DEFAULT_ERROR_MESSAGE = "\u041D\u0435\u0432\u0435\u0440\u043D\u044B\u0439 \u0444\u043E\u0440\u043C\u0430\u0442 email";
+var defaultValidateEmail = (value) => {
+  if (!value) {
+    return;
+  }
+  return EMAIL_REGEX.test(value) ? true : DEFAULT_ERROR_MESSAGE;
+};
+function getValidationMessage(result) {
+  if (typeof result === "string") {
+    return result;
+  }
+  if (Array.isArray(result)) {
+    return result.join(" ");
+  }
+  return;
+}
+var Email = import_react4.default.forwardRef(
+  ({
+    defaultValue,
+    errorMessage,
+    isInvalid,
+    onValueChange,
+    validate = defaultValidateEmail,
+    value,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = import_react4.default.useState(defaultValue != null ? defaultValue : "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : internalValue;
+    const handleValueChange = import_react4.default.useCallback(
+      (nextValue) => {
+        if (!isControlled) {
+          setInternalValue(nextValue);
+        }
+        onValueChange == null ? void 0 : onValueChange(nextValue);
+      },
+      [isControlled, onValueChange]
+    );
+    const validationMessage = getValidationMessage(validate(currentValue != null ? currentValue : ""));
+    const resolvedErrorMessage = errorMessage != null ? errorMessage : validationMessage;
+    const resolvedIsInvalid = isInvalid != null ? isInvalid : Boolean(validationMessage);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Input,
+      {
+        ref,
+        autoComplete: "email",
+        errorMessage: resolvedErrorMessage,
+        isInvalid: resolvedIsInvalid,
+        type: "email",
+        validate,
+        value: currentValue,
+        onValueChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
 Email.displayName = "TeachInUI.Email";
 
 // src/ui/form/rhf/fields/email-field.tsx