@teach-in/react 1.4.0 → 1.6.0

package/dist/index.mjs

@@ -22,27 +22,27 @@ import {
 import {
   SectionLoading
 } from "./chunk-25XG46X6.mjs";
-import "./chunk-JUIVZCH7.mjs";
-import {
-  Flex
-} from "./chunk-M5F723W7.mjs";
-import "./chunk-NVLF7L4R.mjs";
+import "./chunk-BGNMWHME.mjs";
 import {
-  Divider
-} from "./chunk-VWGY6KWP.mjs";
+  ScrollShadow
+} from "./chunk-OZSO3C5Q.mjs";
 import "./chunk-NDQAHQFL.mjs";
 import {
   Grid
 } from "./chunk-W6NKLZ73.mjs";
-import "./chunk-BGNMWHME.mjs";
+import "./chunk-NVLF7L4R.mjs";
+import "./chunk-JUIVZCH7.mjs";
 import {
-  ScrollShadow
-} from "./chunk-OZSO3C5Q.mjs";
+  Flex
+} from "./chunk-M5F723W7.mjs";
 import "./chunk-N7GOJBLM.mjs";
 import {
   Accordion,
   AccordionItem
 } from "./chunk-QUMDPADZ.mjs";
+import {
+  Divider
+} from "./chunk-VWGY6KWP.mjs";
 import "./chunk-EVQFKHCM.mjs";
 import "./chunk-XAW35UDV.mjs";
 import {
@@ -51,52 +51,10 @@ import {
 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,
-  NavbarBrand,
-  NavbarContent,
-  NavbarItem,
-  NavbarMenu,
-  NavbarMenuItem,
-  NavbarMenuToggle
-} from "./chunk-SAYYLTIE.mjs";
-import "./chunk-MJTSZFLC.mjs";
-import {
-  Tabs
-} from "./chunk-ZSYIKEXW.mjs";
-import "./chunk-25ISU6R3.mjs";
-import {
-  Link
-} from "./chunk-7T3JFARO.mjs";
-import {
-  BreadcrumbItem,
-  Breadcrumbs
-} from "./chunk-TSD6GU35.mjs";
-import "./chunk-3N5UZODS.mjs";
-import {
-  UIProvider
-} from "./chunk-FQUYFYMS.mjs";
-import "./chunk-Q6XJI7Q2.mjs";
-import {
-  cn
-} from "./chunk-LOMRTWX5.mjs";
 import "./chunk-JWMPI5AZ.mjs";
 import "./chunk-BBUPZCY6.mjs";
-import "./chunk-EJQH6CYW.mjs";
 import "./chunk-YZB4VBX7.mjs";
+import "./chunk-EJQH6CYW.mjs";
 import "./chunk-5WDV3PDI.mjs";
 import "./chunk-HOVAPYGJ.mjs";
 import "./chunk-3LOCA2SP.mjs";
@@ -109,6 +67,10 @@ import "./chunk-2OPPNAW2.mjs";
 import "./chunk-OW6U64MG.mjs";
 import "./chunk-VIPLRFPR.mjs";
 import "./chunk-UON5ACST.mjs";
+import "./chunk-UT5RUCAT.mjs";
+import {
+  Popover
+} from "./chunk-PSK7I7V4.mjs";
 import "./chunk-ICRO6HS3.mjs";
 import {
   Dropdown,
@@ -121,10 +83,20 @@ import "./chunk-I5AMV7H7.mjs";
 import {
   Modal
 } from "./chunk-T57H3CGO.mjs";
-import "./chunk-UT5RUCAT.mjs";
+import "./chunk-3N5UZODS.mjs";
 import {
-  Popover
-} from "./chunk-PSK7I7V4.mjs";
+  UIProvider
+} from "./chunk-FQUYFYMS.mjs";
+import "./chunk-UNBE67YJ.mjs";
+import "./chunk-57JRJHSH.mjs";
+import {
+  Card
+} from "./chunk-QFWSQOF6.mjs";
+import "./chunk-PON4ZQKG.mjs";
+import {
+  Bento,
+  bento
+} from "./chunk-WG4IPOHE.mjs";
 import "./chunk-VOG5HJID.mjs";
 import "./chunk-FXXWSYJA.mjs";
 import "./chunk-PTCNYQVY.mjs";
@@ -139,7 +111,7 @@ import {
 } from "./chunk-CUEG2BFV.mjs";
 import {
   SelectField
-} from "./chunk-CKJ5U5Q4.mjs";
+} from "./chunk-DEKPRZIQ.mjs";
 import {
   SwitchField
 } from "./chunk-EC3NSPHR.mjs";
@@ -160,28 +132,55 @@ import {
 } from "./chunk-7GHK5XYK.mjs";
 import {
   EmailField
-} from "./chunk-R46SWVWL.mjs";
-import "./chunk-UQAG7TKJ.mjs";
-import "./chunk-LLP2PTPK.mjs";
+} from "./chunk-ZK6VZMUJ.mjs";
 import {
-  FavoriteSwitch
-} from "./chunk-E5QSNLSR.mjs";
+  Form
+} from "./chunk-A3AAC7PF.mjs";
+import "./chunk-J3GK2CGQ.mjs";
+import "./chunk-AT6DX4DN.mjs";
 import {
-  Switch
-} from "./chunk-N3EAW6UO.mjs";
+  Navbar,
+  NavbarBrand,
+  NavbarContent,
+  NavbarItem,
+  NavbarMenu,
+  NavbarMenuItem,
+  NavbarMenuToggle
+} from "./chunk-SAYYLTIE.mjs";
+import "./chunk-MJTSZFLC.mjs";
+import {
+  Tabs
+} from "./chunk-ZSYIKEXW.mjs";
+import "./chunk-FKHR6G3R.mjs";
+import {
+  BreadcrumbItem,
+  Breadcrumbs
+} from "./chunk-TSD6GU35.mjs";
+import "./chunk-25ISU6R3.mjs";
+import {
+  Link
+} from "./chunk-7T3JFARO.mjs";
+import "./chunk-37MCHF7U.mjs";
 import "./chunk-DUQFM3QS.mjs";
 import {
   Text
 } from "./chunk-KTWHCUYV.mjs";
+import "./chunk-LLP2PTPK.mjs";
+import {
+  FavoriteSwitch
+} from "./chunk-GTE5VEBV.mjs";
+import {
+  Switch
+} from "./chunk-N3EAW6UO.mjs";
 import "./chunk-5HK7HRTR.mjs";
 import {
   Textarea
 } from "./chunk-HJUZTISD.mjs";
-import "./chunk-AQ3ISJKU.mjs";
+import "./chunk-5RNCFTW5.mjs";
 import {
-  Select
-} from "./chunk-VXYV37IM.mjs";
-import "./chunk-2UHA3DYG.mjs";
+  Search
+} from "./chunk-SEJXJZSK.mjs";
+import "./chunk-C2VWADF5.mjs";
 import "./chunk-RRA7GWP2.mjs";
 import {
   RadioGroup
@@ -189,57 +188,51 @@ import {
 import {
   Radio
 } from "./chunk-2SNKT7I4.mjs";
-import "./chunk-UUKS7JYX.mjs";
+import "./chunk-AQ3ISJKU.mjs";
 import {
-  Checkbox
-} from "./chunk-N3QOXWJI.mjs";
+  Select,
+  SelectItem
+} from "./chunk-C5FQB2UN.mjs";
+import "./chunk-6BWSC6ZH.mjs";
 import "./chunk-V2HNFTTX.mjs";
-import {
-  DatePicker
-} from "./chunk-IAJ6G633.mjs";
 import "./chunk-V3KKDSQP.mjs";
 import {
   Email
-} from "./chunk-46SKVFMZ.mjs";
-import "./chunk-5RNCFTW5.mjs";
-import {
-  Search
-} from "./chunk-SEJXJZSK.mjs";
-import "./chunk-C2VWADF5.mjs";
+} from "./chunk-GEPCSZCU.mjs";
 import "./chunk-ZRHEFEFS.mjs";
 import {
   Input
 } from "./chunk-MCQGBAUS.mjs";
 import "./chunk-NSU66J5E.mjs";
-import "./chunk-WYJW5NNA.mjs";
-import {
-  Autocomplete
-} from "./chunk-C3MURCMZ.mjs";
+import "./chunk-UUKS7JYX.mjs";
 import {
   CheckboxGroup
 } from "./chunk-C4PCTOGM.mjs";
 import {
-  ClearButton
-} from "./chunk-TUIN5YJW.mjs";
-import "./chunk-5N3SIZHF.mjs";
+  Checkbox
+} from "./chunk-N3QOXWJI.mjs";
+import "./chunk-ALGSVEUS.mjs";
 import {
   Number
-} from "./chunk-NZI5NBXF.mjs";
+} from "./chunk-BHOCYKBI.mjs";
+import "./chunk-7WIZONLU.mjs";
 import {
-  Percent
-} from "./chunk-CXAZBWS4.mjs";
+  DatePicker
+} from "./chunk-IAJ6G633.mjs";
+import "./chunk-WYJW5NNA.mjs";
 import {
-  Plural
-} from "./chunk-UHLC7GOU.mjs";
+  Autocomplete
+} from "./chunk-C3MURCMZ.mjs";
+import {
+  ClearButton
+} from "./chunk-TUIN5YJW.mjs";
+import "./chunk-5N3SIZHF.mjs";
 import {
   Time
 } from "./chunk-3ZTXXJSO.mjs";
 import {
   Uuid
 } from "./chunk-M5G6RR4Q.mjs";
-import {
-  Boolean
-} from "./chunk-26RHRVH2.mjs";
 import {
   Currency
 } from "./chunk-LN7WH3OB.mjs";
@@ -252,13 +245,52 @@ import {
 import {
   Duration
 } from "./chunk-4QSIBIUI.mjs";
+import {
+  Number as Number2
+} from "./chunk-NZI5NBXF.mjs";
+import {
+  Percent
+} from "./chunk-CXAZBWS4.mjs";
+import {
+  Plural
+} from "./chunk-UHLC7GOU.mjs";
 import "./chunk-HZ5YAOU6.mjs";
 import "./chunk-5UKTT75Y.mjs";
 import {
   Button
 } from "./chunk-4BGIUXAF.mjs";
+import "./chunk-3C4DPNCD.mjs";
+import "./chunk-DRZAPJZH.mjs";
+import {
+  Image
+} from "./chunk-4N3FFVKQ.mjs";
+import "./chunk-54FA62HL.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableColumn,
+  TableHeader,
+  TableRow,
+  getKeyValue
+} from "./chunk-PKZZEODR.mjs";
+import "./chunk-CTKWGSNJ.mjs";
+import {
+  User
+} from "./chunk-VDPROXMN.mjs";
+import "./chunk-KH4D2C2T.mjs";
+import {
+  Pagination
+} from "./chunk-O5T4GUJH.mjs";
+import "./chunk-UTZUYZZL.mjs";
+import {
+  Avatar
+} from "./chunk-IZEJE6V2.mjs";
+import "./chunk-Q6XJI7Q2.mjs";
+import {
+  cn
+} from "./chunk-LOMRTWX5.mjs";
 import "./chunk-AR4IYKG5.mjs";
-import "./chunk-K3WTHFIG.mjs";
 import "./chunk-U4FAPNVK.mjs";
 import {
   CircularProgress
@@ -266,6 +298,10 @@ import {
 import {
   Progress
 } from "./chunk-JTPBZJ4S.mjs";
+import "./chunk-WZDFBWUL.mjs";
+import {
+  Spinner
+} from "./chunk-ZXCQ73RT.mjs";
 import {
   Toast,
   ToastProvider,
@@ -280,51 +316,21 @@ 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-WZDFBWUL.mjs";
+import "./chunk-K3WTHFIG.mjs";
 import {
-  Spinner
-} from "./chunk-ZXCQ73RT.mjs";
+  Chip
+} from "./chunk-EEGPGLDC.mjs";
 import "./chunk-Q2ILWL7L.mjs";
 import {
   extendVariants
 } from "./chunk-7BTEKEON.mjs";
-import "./chunk-3C4DPNCD.mjs";
-import "./chunk-CTKWGSNJ.mjs";
-import {
-  User
-} from "./chunk-XHCXM5MU.mjs";
-import "./chunk-54FA62HL.mjs";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow,
-  getKeyValue
-} from "./chunk-PKZZEODR.mjs";
-import "./chunk-UTZUYZZL.mjs";
 import {
-  Avatar
-} from "./chunk-IZEJE6V2.mjs";
-import "./chunk-DRZAPJZH.mjs";
-import {
-  Image
-} from "./chunk-4N3FFVKQ.mjs";
-import "./chunk-KH4D2C2T.mjs";
-import {
-  Pagination
-} from "./chunk-O5T4GUJH.mjs";
-import {
-  Form
-} from "./chunk-A3AAC7PF.mjs";
+  Boolean
+} from "./chunk-26RHRVH2.mjs";
 export {
   Accordion,
   AccordionItem,
@@ -364,7 +370,7 @@ export {
   DateFormat as FormatDate,
   Datetime as FormatDatetime,
   Duration as FormatDuration,
-  Number as FormatNumber,
+  Number2 as FormatNumber,
   Percent as FormatPercent,
   Plural as FormatPlural,
   Time as FormatTime,
@@ -383,6 +389,7 @@ export {
   NavbarMenu,
   NavbarMenuItem,
   NavbarMenuToggle,
+  Number,
   PageContent,
   PageLoading,
   Pagination,
@@ -402,6 +409,7 @@ export {
   SectionTitle,
   Select,
   SelectField,
+  SelectItem,
   Spinner,
   Switch,
   SwitchField,

package/dist/ui/data/index.js

@@ -32,7 +32,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var data_exports = {};
 __export(data_exports, {
   Avatar: () => Avatar,
-  Image: () => Image,
+  Image: () => Image2,
   Pagination: () => Pagination,
   Table: () => Table,
   TableBody: () => TableBody,
@@ -77,20 +77,69 @@ var getKeyValue = import_table.getKeyValue;
 // src/ui/data/user/user.tsx
 var import_react3 = __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_runtime3 = require("react/jsx-runtime");
-var User = import_react3.default.forwardRef((props, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.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_react3.default.forwardRef(
+  ({ name, avatarProps, className, direction = "row", ...props }, ref) => {
+    var _a, _b;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.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";
 
 // src/ui/data/image/image.tsx
 var import_react4 = __toESM(require("react"));
-var import_image = require("@heroui/image");
+var import_image2 = require("@heroui/image");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var Image = import_react4.default.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_image.Image, { ref, ...props });
+var Image2 = import_react4.default.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_image2.Image, { ref, ...props });
 });
-Image.displayName = "TeachInUI.Image";
+Image2.displayName = "TeachInUI.Image";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,

package/dist/ui/data/index.mjs

@@ -1,9 +1,9 @@
 "use client";
 import "../../chunk-3C4DPNCD.mjs";
-import "../../chunk-CTKWGSNJ.mjs";
+import "../../chunk-DRZAPJZH.mjs";
 import {
-  User
-} from "../../chunk-XHCXM5MU.mjs";
+  Image
+} from "../../chunk-4N3FFVKQ.mjs";
 import "../../chunk-54FA62HL.mjs";
 import {
   Table,
@@ -14,18 +14,20 @@ import {
   TableRow,
   getKeyValue
 } from "../../chunk-PKZZEODR.mjs";
-import "../../chunk-UTZUYZZL.mjs";
-import {
-  Avatar
-} from "../../chunk-IZEJE6V2.mjs";
-import "../../chunk-DRZAPJZH.mjs";
+import "../../chunk-CTKWGSNJ.mjs";
 import {
-  Image
-} from "../../chunk-4N3FFVKQ.mjs";
+  User
+} from "../../chunk-VDPROXMN.mjs";
 import "../../chunk-KH4D2C2T.mjs";
 import {
   Pagination
 } from "../../chunk-O5T4GUJH.mjs";
+import "../../chunk-UTZUYZZL.mjs";
+import {
+  Avatar
+} from "../../chunk-IZEJE6V2.mjs";
+import "../../chunk-Q6XJI7Q2.mjs";
+import "../../chunk-LOMRTWX5.mjs";
 export {
   Avatar,
   Image,

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

@@ -38,10 +38,59 @@ module.exports = __toCommonJS(user_exports);
 // src/ui/data/user/user.tsx
 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/index.mjs

@@ -2,7 +2,9 @@
 import "../../../chunk-CTKWGSNJ.mjs";
 import {
   User
-} from "../../../chunk-XHCXM5MU.mjs";
+} from "../../../chunk-VDPROXMN.mjs";
+import "../../../chunk-Q6XJI7Q2.mjs";
+import "../../../chunk-LOMRTWX5.mjs";
 export {
   User
 };

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 };