@teach-in/react 1.4.0 → 1.6.0

package/dist/{chunk-2UHA3DYG.mjs → chunk-6BWSC6ZH.mjs}

@@ -1,7 +1,7 @@
 "use client";
 
 // src/ui/inputs/select/use-select.ts
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useMemo } from "react";
 function useSelect({
   value,
   onChange,
@@ -10,24 +10,17 @@ function useSelect({
   isClearable = true
 }) {
   const isMultiple = selectionMode === "multiple";
-  const [internalValue, setInternalValue] = 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 = 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 = useCallback(() => {
     onClear == null ? void 0 : onClear();

package/dist/chunk-7WIZONLU.mjs

@@ -0,0 +1,81 @@
+"use client";
+
+// src/ui/inputs/number/use-number.ts
+import { NumberParser } from "@internationalized/number";
+import { useCallback, useMemo, useRef } from "react";
+function normalizeNumberValue(value) {
+  if (value == null || Number.isNaN(value)) {
+    return null;
+  }
+  return value;
+}
+function useNumber({
+  locale,
+  value,
+  onChange,
+  onValueChange,
+  onClear,
+  isReadOnly,
+  isClearable = true,
+  ref
+}) {
+  const inputRef = useRef(null);
+  const currentValue = normalizeNumberValue(value);
+  const hasValue = currentValue !== null;
+  const currentLocale = locale != null ? locale : Intl.NumberFormat().resolvedOptions().locale;
+  const numberParser = useMemo(() => new NumberParser(currentLocale), [currentLocale]);
+  const emitValueChange = useCallback(
+    (newValue) => {
+      onValueChange == null ? void 0 : onValueChange(newValue);
+      onChange == null ? void 0 : onChange(newValue);
+    },
+    [onChange, onValueChange]
+  );
+  const handleValueChange = useCallback(
+    (incomingValue) => {
+      let newValue = null;
+      if (incomingValue === null) {
+        newValue = null;
+      } else if (typeof incomingValue === "number") {
+        newValue = Number.isNaN(incomingValue) ? null : incomingValue;
+      } else {
+        const rawValue = incomingValue.target.value;
+        newValue = rawValue === "" ? null : numberParser.parse(rawValue);
+        newValue = Number.isNaN(newValue) ? null : newValue;
+      }
+      emitValueChange(newValue);
+    },
+    [emitValueChange, numberParser]
+  );
+  const handleClear = useCallback(() => {
+    var _a;
+    onClear == null ? void 0 : onClear();
+    emitValueChange(null);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [emitValueChange, onClear]);
+  const mergedRef = useCallback(
+    (node) => {
+      inputRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  const showClearButton = hasValue && !isReadOnly && isClearable;
+  return {
+    inputRef,
+    currentValue,
+    hasValue,
+    handleValueChange,
+    handleClear,
+    mergedRef,
+    showClearButton
+  };
+}
+
+export {
+  useNumber
+};

package/dist/chunk-ALGSVEUS.mjs

@@ -0,0 +1 @@
+"use client";

package/dist/chunk-BHOCYKBI.mjs

@@ -0,0 +1,81 @@
+"use client";
+import {
+  useNumber
+} from "./chunk-7WIZONLU.mjs";
+import {
+  ClearButton
+} from "./chunk-TUIN5YJW.mjs";
+import {
+  cn
+} from "./chunk-LOMRTWX5.mjs";
+
+// src/ui/inputs/number/number.tsx
+import React from "react";
+import { NumberInput as HeroUINumberInput } from "@heroui/number-input";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+var inputWrapperVariants = tv({
+  variants: {
+    variant: {
+      flat: "",
+      underlined: "",
+      bordered: "border-1",
+      faded: "border-1"
+    }
+  }
+});
+var Number = React.forwardRef(
+  ({
+    locale,
+    value,
+    onChange,
+    onValueChange,
+    onClear,
+    variant,
+    classNames,
+    endContent,
+    isReadOnly,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { currentValue, handleValueChange, handleClear, mergedRef, showClearButton } = useNumber({
+      locale,
+      value,
+      onChange,
+      onValueChange,
+      onClear,
+      isReadOnly,
+      isClearable,
+      ref
+    });
+    const normalizedValue = currentValue === null ? globalThis.Number.NaN : currentValue;
+    return /* @__PURE__ */ jsx(
+      HeroUINumberInput,
+      {
+        ref: mergedRef,
+        classNames: {
+          ...classNames,
+          inputWrapper: cn(inputWrapperVariants({ variant }), classNames == null ? void 0 : classNames.inputWrapper),
+          innerWrapper: cn("group", classNames == null ? void 0 : classNames.innerWrapper)
+        },
+        endContent: (endContent || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          endContent,
+          showClearButton && /* @__PURE__ */ jsx(ClearButton, { onClear: handleClear })
+        ] }),
+        inputMode: "decimal",
+        isReadOnly,
+        value: normalizedValue,
+        variant,
+        onChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
+Number.displayName = "TeachInUI.Number";
+var NumberInput = Number;
+
+export {
+  Number,
+  NumberInput
+};

package/dist/{chunk-VXYV37IM.mjs → chunk-C5FQB2UN.mjs}

@@ -1,10 +1,13 @@
 "use client";
 import {
   useSelect
-} from "./chunk-2UHA3DYG.mjs";
+} from "./chunk-6BWSC6ZH.mjs";
 import {
   ClearButton
 } from "./chunk-TUIN5YJW.mjs";
+import {
+  cn
+} from "./chunk-LOMRTWX5.mjs";
 
 // src/ui/inputs/select/select.tsx
 import React from "react";
@@ -24,9 +27,11 @@ var selectWrapperVariants = tv({
 var Select = React.forwardRef(
   ({
     value,
-    defaultSelectedKeys,
     items,
+    children,
+    selectedKeys: selectedKeysProp,
     onChange,
+    onSelectionChange,
     selectionMode,
     onClear,
     variant,
@@ -35,6 +40,8 @@ var Select = React.forwardRef(
     isClearable,
     ...props
   }, ref) => {
+    const usesExternalSelectionControl = selectedKeysProp !== void 0 || onSelectionChange !== void 0;
+    const selectChildren = children != null ? children : (item) => /* @__PURE__ */ jsx(HeroUISelectItem, { children: item.label }, item.key);
     const { selectedKeys, handleSelectionChange, handleClear, showClearButton } = useSelect({
       value,
       onChange,
@@ -48,27 +55,28 @@ var Select = React.forwardRef(
         ref,
         classNames: {
           ...classNames,
-          trigger: selectWrapperVariants({ variant }),
+          trigger: cn(selectWrapperVariants({ variant }), classNames == null ? void 0 : classNames.trigger),
           innerWrapper: "group"
         },
-        defaultSelectedKeys,
         endContent: (endContent || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           endContent,
           showClearButton && /* @__PURE__ */ jsx(ClearButton, { onClear: handleClear })
         ] }),
         items,
-        selectedKeys,
+        selectedKeys: usesExternalSelectionControl ? selectedKeysProp : selectedKeys,
         selectionMode,
         variant,
-        onSelectionChange: handleSelectionChange,
+        onSelectionChange: usesExternalSelectionControl ? onSelectionChange : handleSelectionChange,
         ...props,
-        children: (item) => /* @__PURE__ */ jsx(HeroUISelectItem, { children: item.label }, item.key)
+        children: selectChildren
       }
     );
   }
 );
 Select.displayName = "TeachInUI.Select";
+var SelectItem = HeroUISelectItem;
 
 export {
-  Select
+  Select,
+  SelectItem
 };

package/dist/{chunk-CKJ5U5Q4.mjs → chunk-DEKPRZIQ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Select
-} from "./chunk-VXYV37IM.mjs";
+} from "./chunk-C5FQB2UN.mjs";
 
 // src/ui/form/rhf/fields/select-field.tsx
 import { Controller, useFormContext } from "react-hook-form";

package/dist/chunk-GEPCSZCU.mjs

@@ -0,0 +1,71 @@
+"use client";
+import {
+  Input
+} from "./chunk-MCQGBAUS.mjs";
+
+// src/ui/inputs/email/email.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+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 = React.forwardRef(
+  ({
+    defaultValue,
+    errorMessage,
+    isInvalid,
+    onValueChange,
+    validate = defaultValidateEmail,
+    value,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(defaultValue != null ? defaultValue : "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : internalValue;
+    const handleValueChange = React.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__ */ jsx(
+      Input,
+      {
+        ref,
+        autoComplete: "email",
+        errorMessage: resolvedErrorMessage,
+        isInvalid: resolvedIsInvalid,
+        type: "email",
+        validate,
+        value: currentValue,
+        onValueChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
+Email.displayName = "TeachInUI.Email";
+
+export {
+  Email
+};

package/dist/chunk-GTE5VEBV.mjs

@@ -0,0 +1,68 @@
+"use client";
+
+// src/ui/inputs/switch/favorite-switch.tsx
+import { useSwitch } from "@heroui/switch";
+import { BookmarkIcon } from "lucide-react";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+var bookmarkVariants = tv({
+  base: "stroke-default-400 group-hover:fill-primary-100 group-hover:stroke-default-400",
+  variants: {
+    size: {
+      sm: "size-6",
+      md: "size-8",
+      lg: "size-10"
+    },
+    isSelected: {
+      true: "stroke-primary fill-primary-100"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var wrapperVariants = tv({
+  base: "flex cursor-pointer items-center justify-center rounded-sm bg-transparent!",
+  variants: {
+    size: {
+      sm: "h-8 w-8",
+      md: "h-10 w-10",
+      lg: "h-12 w-12"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function FavoriteSwitch({ isSelected, onValueChange, size }) {
+  const { Component, slots, getBaseProps, getInputProps, getWrapperProps } = useSwitch({
+    isSelected,
+    onValueChange
+  });
+  return /* @__PURE__ */ jsxs(Component, { ...getBaseProps(), children: [
+    /* @__PURE__ */ jsx("div", { className: "sr-only", children: /* @__PURE__ */ jsx("input", { ...getInputProps() }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ...getWrapperProps(),
+        className: slots.wrapper({
+          class: wrapperVariants({ size })
+        }),
+        children: /* @__PURE__ */ jsx(
+          BookmarkIcon,
+          {
+            absoluteStrokeWidth: true,
+            className: bookmarkVariants({ isSelected, size }),
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 1.5
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  FavoriteSwitch
+};

package/dist/{chunk-UFYLYN5Z.mjs → chunk-QFWSQOF6.mjs}

@@ -1,4 +1,10 @@
 "use client";
+import {
+  cn
+} from "./chunk-LOMRTWX5.mjs";
+import {
+  extendVariants
+} from "./chunk-7BTEKEON.mjs";
 
 // src/ui/surface/card/card.tsx
 import React from "react";
@@ -9,8 +15,20 @@ import {
   CardFooter as HeroUICardFooter
 } from "@heroui/card";
 import { jsx } from "react/jsx-runtime";
-var Root = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(HeroUICard, { ref, ...props, children });
+var CardBase = extendVariants(HeroUICard, {
+  variants: {
+    radius: {
+      sm: { base: "rounded-lg" },
+      md: { base: "rounded-2xl" },
+      lg: { base: "rounded-3xl" }
+    }
+  },
+  defaultVariants: {
+    shadow: "none"
+  }
+});
+var Root = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(CardBase, { ref, className: cn("bg-default-100", className), ...props, children });
 });
 Root.displayName = "TeachInUI.Card.Root";
 var Header = React.forwardRef(({ children, ...props }, ref) => {

package/dist/chunk-VDPROXMN.mjs

@@ -0,0 +1,57 @@
+"use client";
+import {
+  cn
+} from "./chunk-LOMRTWX5.mjs";
+
+// src/ui/data/user/user.tsx
+import React from "react";
+import { User as HeroUIUser } from "@heroui/user";
+import { Image } from "@heroui/image";
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+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 = tv({
+  base: "flex items-start gap-2 hyphens-auto",
+  variants: {
+    direction: {
+      row: "flex-row",
+      column: "flex-col items-center"
+    }
+  },
+  defaultVariants: {
+    direction: "row"
+  }
+});
+var User = React.forwardRef(
+  ({ name, avatarProps, className, direction = "row", ...props }, ref) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsx(
+      HeroUIUser,
+      {
+        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: Image,
+          showFallback: (_b = avatarProps == null ? void 0 : avatarProps.showFallback) != null ? _b : true
+        },
+        className: userVariants({ direction, className }),
+        name,
+        ...props
+      }
+    );
+  }
+);
+User.displayName = "TeachInUI.User";
+
+export {
+  User
+};

package/dist/{chunk-J3OZNLTZ.mjs → chunk-WG4IPOHE.mjs}

@@ -4,10 +4,10 @@
 import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 var bento = tv({
-  base: "rounded-xl p-6 transition-colors",
+  base: "p-8 transition-colors",
   variants: {
     color: {
-      default: "bg-default-50 text-default-700",
+      default: "bg-content1 text-foreground",
       primary: "bg-primary-50 text-primary-700",
       secondary: "bg-secondary-50 text-secondary-700",
       success: "bg-success-50 text-success-700",
@@ -16,9 +16,9 @@ var bento = tv({
     },
     radius: {
       none: "rounded-none",
-      sm: "rounded-md",
-      md: "rounded-lg",
-      lg: "rounded-xl",
+      sm: "rounded-lg",
+      md: "rounded-2xl",
+      lg: "rounded-3xl",
       full: "rounded-full"
     },
     shadow: {

package/dist/{chunk-R46SWVWL.mjs → chunk-ZK6VZMUJ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Email
-} from "./chunk-46SKVFMZ.mjs";
+} from "./chunk-GEPCSZCU.mjs";
 
 // src/ui/form/rhf/fields/email-field.tsx
 import { Controller, useFormContext } from "react-hook-form";