@teach-in/react 1.3.0 → 1.4.0

package/dist/ui/index.mjs

@@ -2,14 +2,6 @@
 import {
   Container
 } from "../chunk-773RYGHT.mjs";
-import "../chunk-JUIVZCH7.mjs";
-import {
-  Flex
-} from "../chunk-M5F723W7.mjs";
-import "../chunk-NDQAHQFL.mjs";
-import {
-  Grid
-} from "../chunk-W6NKLZ73.mjs";
 import "../chunk-CRPCWBXA.mjs";
 import {
   Actions,
@@ -30,24 +22,47 @@ import {
 import {
   SectionLoading
 } from "../chunk-25XG46X6.mjs";
-import "../chunk-BGNMWHME.mjs";
+import "../chunk-JUIVZCH7.mjs";
 import {
-  ScrollShadow
-} from "../chunk-OZSO3C5Q.mjs";
+  Flex
+} from "../chunk-M5F723W7.mjs";
 import "../chunk-NVLF7L4R.mjs";
 import {
   Divider
 } from "../chunk-VWGY6KWP.mjs";
+import "../chunk-NDQAHQFL.mjs";
+import {
+  Grid
+} from "../chunk-W6NKLZ73.mjs";
+import "../chunk-BGNMWHME.mjs";
+import {
+  ScrollShadow
+} from "../chunk-OZSO3C5Q.mjs";
 import "../chunk-N7GOJBLM.mjs";
 import {
   Accordion,
   AccordionItem
 } from "../chunk-QUMDPADZ.mjs";
-import "../chunk-3N5UZODS.mjs";
+import "../chunk-EVQFKHCM.mjs";
+import "../chunk-XAW35UDV.mjs";
 import {
-  UIProvider
-} from "../chunk-FQUYFYMS.mjs";
+  breakpoints
+} from "../chunk-NBFOX367.mjs";
+import {
+  theme
+} from "../chunk-RPIOTLYT.mjs";
+import "../chunk-UNBE67YJ.mjs";
+import "../chunk-PON4ZQKG.mjs";
+import {
+  Bento,
+  bento
+} from "../chunk-J3OZNLTZ.mjs";
+import "../chunk-57JRJHSH.mjs";
+import {
+  Card
+} from "../chunk-UFYLYN5Z.mjs";
 import "../chunk-J3GK2CGQ.mjs";
+import "../chunk-FKHR6G3R.mjs";
 import "../chunk-AT6DX4DN.mjs";
 import {
   Navbar,
@@ -58,48 +73,30 @@ import {
   NavbarMenuItem,
   NavbarMenuToggle
 } from "../chunk-SAYYLTIE.mjs";
-import "../chunk-FKHR6G3R.mjs";
-import {
-  BreadcrumbItem,
-  Breadcrumbs
-} from "../chunk-TSD6GU35.mjs";
-import "../chunk-25ISU6R3.mjs";
-import {
-  Link
-} from "../chunk-7T3JFARO.mjs";
 import "../chunk-MJTSZFLC.mjs";
 import {
   Tabs
 } from "../chunk-ZSYIKEXW.mjs";
-import "../chunk-UON5ACST.mjs";
-import "../chunk-UT5RUCAT.mjs";
-import {
-  Popover
-} from "../chunk-PSK7I7V4.mjs";
-import "../chunk-ICRO6HS3.mjs";
-import "../chunk-I5AMV7H7.mjs";
+import "../chunk-25ISU6R3.mjs";
 import {
-  Modal
-} from "../chunk-T57H3CGO.mjs";
+  Link
+} from "../chunk-7T3JFARO.mjs";
 import {
-  Dropdown,
-  DropdownItem,
-  DropdownMenu,
-  DropdownSection,
-  DropdownTrigger
-} from "../chunk-YNCISHAU.mjs";
-import "../chunk-EVQFKHCM.mjs";
-import "../chunk-XAW35UDV.mjs";
+  BreadcrumbItem,
+  Breadcrumbs
+} from "../chunk-TSD6GU35.mjs";
+import "../chunk-3N5UZODS.mjs";
 import {
-  breakpoints
-} from "../chunk-NBFOX367.mjs";
+  UIProvider
+} from "../chunk-FQUYFYMS.mjs";
+import "../chunk-Q6XJI7Q2.mjs";
 import {
-  theme
-} from "../chunk-WFNNN6WU.mjs";
+  cn
+} from "../chunk-LOMRTWX5.mjs";
 import "../chunk-JWMPI5AZ.mjs";
-import "../chunk-544SDU73.mjs";
+import "../chunk-BBUPZCY6.mjs";
 import "../chunk-EJQH6CYW.mjs";
-import "../chunk-AFVGHUW2.mjs";
+import "../chunk-YZB4VBX7.mjs";
 import "../chunk-5WDV3PDI.mjs";
 import "../chunk-HOVAPYGJ.mjs";
 import "../chunk-3LOCA2SP.mjs";
@@ -111,41 +108,44 @@ import "../chunk-XYQVL4EX.mjs";
 import "../chunk-2OPPNAW2.mjs";
 import "../chunk-OW6U64MG.mjs";
 import "../chunk-VIPLRFPR.mjs";
-import "../chunk-UNBE67YJ.mjs";
-import "../chunk-57JRJHSH.mjs";
+import "../chunk-UON5ACST.mjs";
+import "../chunk-ICRO6HS3.mjs";
 import {
-  Card
-} from "../chunk-UFYLYN5Z.mjs";
-import "../chunk-PON4ZQKG.mjs";
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownSection,
+  DropdownTrigger
+} from "../chunk-YNCISHAU.mjs";
+import "../chunk-I5AMV7H7.mjs";
 import {
-  Bento,
-  bento
-} from "../chunk-J3OZNLTZ.mjs";
-import "../chunk-Q6XJI7Q2.mjs";
+  Modal
+} from "../chunk-T57H3CGO.mjs";
+import "../chunk-UT5RUCAT.mjs";
 import {
-  cn
-} from "../chunk-LOMRTWX5.mjs";
+  Popover
+} from "../chunk-PSK7I7V4.mjs";
 import "../chunk-VOG5HJID.mjs";
 import "../chunk-FXXWSYJA.mjs";
-import "../chunk-Q6JSJOU4.mjs";
-import {
-  EmailField
-} from "../chunk-R7LDL5CU.mjs";
+import "../chunk-PTCNYQVY.mjs";
 import {
   InputField
-} from "../chunk-JDFRAN4S.mjs";
+} from "../chunk-5FFWQB7D.mjs";
 import {
   RadioField
 } from "../chunk-W2A6C27Y.mjs";
+import {
+  SearchField
+} from "../chunk-CUEG2BFV.mjs";
 import {
   SelectField
-} from "../chunk-NLHQDWUK.mjs";
+} from "../chunk-CKJ5U5Q4.mjs";
 import {
   SwitchField
 } from "../chunk-EC3NSPHR.mjs";
 import {
   TextField
-} from "../chunk-CETCW7DS.mjs";
+} from "../chunk-IU2JYI7W.mjs";
 import {
   TextareaField
 } from "../chunk-V4HKGJYK.mjs";
@@ -158,11 +158,10 @@ import {
 import {
   DatePickerField
 } from "../chunk-7GHK5XYK.mjs";
-import "../chunk-CZEO3U25.mjs";
-import "../chunk-5HK7HRTR.mjs";
 import {
-  Textarea
-} from "../chunk-HJUZTISD.mjs";
+  EmailField
+} from "../chunk-R46SWVWL.mjs";
+import "../chunk-UQAG7TKJ.mjs";
 import "../chunk-LLP2PTPK.mjs";
 import {
   FavoriteSwitch
@@ -170,6 +169,19 @@ import {
 import {
   Switch
 } from "../chunk-N3EAW6UO.mjs";
+import "../chunk-DUQFM3QS.mjs";
+import {
+  Text
+} from "../chunk-KTWHCUYV.mjs";
+import "../chunk-5HK7HRTR.mjs";
+import {
+  Textarea
+} from "../chunk-HJUZTISD.mjs";
+import "../chunk-AQ3ISJKU.mjs";
+import {
+  Select
+} from "../chunk-VXYV37IM.mjs";
+import "../chunk-2UHA3DYG.mjs";
 import "../chunk-RRA7GWP2.mjs";
 import {
   RadioGroup
@@ -177,37 +189,38 @@ import {
 import {
   Radio
 } from "../chunk-2SNKT7I4.mjs";
-import "../chunk-DUQFM3QS.mjs";
-import {
-  Text
-} from "../chunk-KTUGFQWJ.mjs";
 import "../chunk-UUKS7JYX.mjs";
 import {
   Checkbox
 } from "../chunk-N3QOXWJI.mjs";
+import "../chunk-V2HNFTTX.mjs";
+import {
+  DatePicker
+} from "../chunk-IAJ6G633.mjs";
 import "../chunk-V3KKDSQP.mjs";
 import {
   Email
-} from "../chunk-LJIVY6GU.mjs";
+} from "../chunk-46SKVFMZ.mjs";
+import "../chunk-5RNCFTW5.mjs";
+import {
+  Search
+} from "../chunk-SEJXJZSK.mjs";
+import "../chunk-C2VWADF5.mjs";
 import "../chunk-ZRHEFEFS.mjs";
 import {
   Input
-} from "../chunk-V2G5QHZZ.mjs";
-import "../chunk-AQ3ISJKU.mjs";
-import {
-  Select
-} from "../chunk-3YOW5DEZ.mjs";
+} from "../chunk-MCQGBAUS.mjs";
+import "../chunk-NSU66J5E.mjs";
 import "../chunk-WYJW5NNA.mjs";
 import {
   Autocomplete
 } from "../chunk-C3MURCMZ.mjs";
-import "../chunk-V2HNFTTX.mjs";
-import {
-  DatePicker
-} from "../chunk-IAJ6G633.mjs";
 import {
   CheckboxGroup
 } from "../chunk-C4PCTOGM.mjs";
+import {
+  ClearButton
+} from "../chunk-TUIN5YJW.mjs";
 import "../chunk-5N3SIZHF.mjs";
 import {
   Number
@@ -245,6 +258,14 @@ import {
   Button
 } from "../chunk-4BGIUXAF.mjs";
 import "../chunk-AR4IYKG5.mjs";
+import "../chunk-K3WTHFIG.mjs";
+import "../chunk-U4FAPNVK.mjs";
+import {
+  CircularProgress
+} from "../chunk-L6XIUULU.mjs";
+import {
+  Progress
+} from "../chunk-JTPBZJ4S.mjs";
 import {
   Toast,
   ToastProvider,
@@ -255,32 +276,28 @@ import {
   isToastClosing,
   useToast
 } from "../chunk-CA2EAK5M.mjs";
-import "../chunk-WZDFBWUL.mjs";
-import {
-  Spinner
-} from "../chunk-ZXCQ73RT.mjs";
 import "../chunk-3BST3PYD.mjs";
 import {
   Tooltip
 } from "../chunk-TJBXXTYS.mjs";
+import {
+  Chip
+} from "../chunk-EEGPGLDC.mjs";
 import "../chunk-V77JZXH7.mjs";
 import {
   Alert
 } from "../chunk-TIFF5WZA.mjs";
-import "../chunk-U4FAPNVK.mjs";
-import {
-  CircularProgress
-} from "../chunk-L6XIUULU.mjs";
-import {
-  Progress
-} from "../chunk-JTPBZJ4S.mjs";
-import "../chunk-K3WTHFIG.mjs";
+import "../chunk-WZDFBWUL.mjs";
 import {
-  Chip
-} from "../chunk-EEGPGLDC.mjs";
+  Spinner
+} from "../chunk-ZXCQ73RT.mjs";
 import "../chunk-Q2ILWL7L.mjs";
 import "../chunk-7BTEKEON.mjs";
 import "../chunk-3C4DPNCD.mjs";
+import "../chunk-CTKWGSNJ.mjs";
+import {
+  User
+} from "../chunk-XHCXM5MU.mjs";
 import "../chunk-54FA62HL.mjs";
 import {
   Table,
@@ -303,10 +320,6 @@ import "../chunk-KH4D2C2T.mjs";
 import {
   Pagination
 } from "../chunk-O5T4GUJH.mjs";
-import "../chunk-CTKWGSNJ.mjs";
-import {
-  User
-} from "../chunk-XHCXM5MU.mjs";
 import {
   Form
 } from "../chunk-A3AAC7PF.mjs";
@@ -329,6 +342,7 @@ export {
   CheckboxGroup,
   Chip,
   CircularProgress,
+  ClearButton,
   Container,
   DatePicker,
   DatePickerField,
@@ -377,6 +391,8 @@ export {
   RadioGroup,
   Root,
   ScrollShadow,
+  Search,
+  SearchField,
   Section,
   SectionActions,
   SectionHeader,

package/dist/ui/inputs/clear-button.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface ClearButtonProps {
+    onClear?: () => void;
+}
+export declare const ClearButton: React.ForwardRefExoticComponent<ClearButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/ui/inputs/clear-button.js

@@ -0,0 +1,67 @@
+"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/inputs/clear-button.tsx
+var clear_button_exports = {};
+__export(clear_button_exports, {
+  ClearButton: () => ClearButton
+});
+module.exports = __toCommonJS(clear_button_exports);
+var import_react = __toESM(require("react"));
+var import_button = require("@heroui/button");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ClearButton = import_react.default.forwardRef(
+  ({ onClear }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        ref,
+        isIconOnly: true,
+        "aria-label": "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
+        as: "span",
+        className: "opacity-0 transition-opacity group-hover:opacity-100",
+        color: "default",
+        radius: "full",
+        size: "sm",
+        tabIndex: 0,
+        variant: "light",
+        onPress: onClear,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XIcon, { className: "size-4 text-default-500" })
+      }
+    );
+  }
+);
+ClearButton.displayName = "TeachInUI.ClearButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ClearButton
+});

package/dist/ui/inputs/clear-button.mjs

@@ -0,0 +1,8 @@
+"use client";
+"use client";
+import {
+  ClearButton
+} from "../../chunk-TUIN5YJW.mjs";
+export {
+  ClearButton
+};

package/dist/ui/inputs/email/email.js

@@ -34,21 +34,158 @@ __export(email_exports, {
   Email: () => Email
 });
 module.exports = __toCommonJS(email_exports);
-var import_react2 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 
 // src/ui/inputs/input/input.tsx
-var import_react = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var import_input = require("@heroui/input");
+var import_tailwind_variants = require("tailwind-variants");
+
+// src/ui/inputs/clear-button.tsx
+var import_react = __toESM(require("react"));
+var import_button = require("@heroui/button");
+var import_lucide_react = require("lucide-react");
 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 });
+var ClearButton = import_react.default.forwardRef(
+  ({ onClear }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        ref,
+        isIconOnly: true,
+        "aria-label": "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
+        as: "span",
+        className: "opacity-0 transition-opacity group-hover:opacity-100",
+        color: "default",
+        radius: "full",
+        size: "sm",
+        tabIndex: 0,
+        variant: "light",
+        onPress: onClear,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XIcon, { className: "size-4 text-default-500" })
+      }
+    );
+  }
+);
+ClearButton.displayName = "TeachInUI.ClearButton";
+
+// src/ui/inputs/input/use-input.ts
+var import_react2 = require("react");
+function useInput({
+  value,
+  defaultValue,
+  onValueChange,
+  onClear,
+  isReadOnly,
+  isClearable = true,
+  ref
+}) {
+  const inputRef = (0, import_react2.useRef)(null);
+  const [internalValue, setInternalValue] = (0, import_react2.useState)(defaultValue != null ? defaultValue : "");
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const hasValue = String(currentValue).length > 0;
+  const handleValueChange = (0, import_react2.useCallback)(
+    (newValue) => {
+      if (!isControlled) {
+        setInternalValue(newValue);
+      }
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    },
+    [isControlled, onValueChange]
+  );
+  const handleClear = (0, import_react2.useCallback)(() => {
+    var _a;
+    onClear == null ? void 0 : onClear();
+    handleValueChange("");
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, [onClear, handleValueChange]);
+  const mergedRef = (0, import_react2.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
+  };
+}
+
+// src/ui/inputs/input/input.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var inputWrapperVariants = (0, import_tailwind_variants.tv)({
+  variants: {
+    variant: {
+      flat: "",
+      underlined: "",
+      bordered: "border-1",
+      faded: "border-1"
+    }
+  }
 });
+var Input = import_react3.default.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onClear,
+    onValueChange,
+    variant,
+    classNames,
+    endContent,
+    isReadOnly,
+    isClearable,
+    ...props
+  }, ref) => {
+    const { currentValue, handleValueChange, handleClear, mergedRef, showClearButton } = useInput({
+      value,
+      defaultValue,
+      onValueChange,
+      onClear,
+      isReadOnly,
+      isClearable,
+      ref
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_input.Input,
+      {
+        ref: mergedRef,
+        classNames: {
+          ...classNames,
+          inputWrapper: inputWrapperVariants({ variant }),
+          innerWrapper: "group"
+        },
+        defaultValue,
+        endContent: (endContent || showClearButton) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-1", children: [
+          endContent,
+          showClearButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ClearButton, { onClear: handleClear })
+        ] }),
+        isReadOnly,
+        value: currentValue,
+        variant,
+        onValueChange: handleValueChange,
+        ...props
+      }
+    );
+  }
+);
 Input.displayName = "TeachInUI.Input";
 
 // src/ui/inputs/email/email.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Email = import_react2.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Input, { ref, autoComplete: "email", type: "email", ...props });
+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 });
 });
 Email.displayName = "TeachInUI.Email";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/inputs/email/email.mjs

@@ -1,9 +1,11 @@
 "use client";
 import {
   Email
-} from "../../../chunk-LJIVY6GU.mjs";
+} from "../../../chunk-46SKVFMZ.mjs";
 import "../../../chunk-ZRHEFEFS.mjs";
-import "../../../chunk-V2G5QHZZ.mjs";
+import "../../../chunk-MCQGBAUS.mjs";
+import "../../../chunk-NSU66J5E.mjs";
+import "../../../chunk-TUIN5YJW.mjs";
 export {
   Email
 };