@retinalabsllc/zairusjs 21.0.6 → 21.0.7

package/dist/index.js

@@ -4866,11 +4866,7 @@ var UniversalBuyCryptoPage = ({
 var import_react83 = __toESM(require("react"));
 var import_react84 = require("@hugeicons/react");
 var import_core_free_icons30 = require("@hugeicons/core-free-icons");
-var HuddleAvatar = ({ src, status, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = (0, import_react83.useState)(false);
-  const [error, setError] = (0, import_react83.useState)(false);
-  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/default_a.avif";
-  const finalSrc = error || !src ? defaultAvatar : src;
+var HuddleAvatar = ({ timeString, status, sizeClass = "w-10 h-10" }) => {
   const getStatusColor = () => {
     switch (status?.toUpperCase()) {
       case "SCHEDULED":
@@ -4885,16 +4881,16 @@ var HuddleAvatar = ({ src, status, sizeClass = "w-10 h-10" }) => {
         return "bg-stone-200";
     }
   };
-  return /* @__PURE__ */ import_react83.default.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full h-full rounded-lg bg-stone-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.Loading03Icon, className: "animate-spin text-stone-400 absolute", size: 14 }), /* @__PURE__ */ import_react83.default.createElement(
-    "img",
-    {
-      src: finalSrc,
-      alt: "Huddle Avatar",
-      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
-      onLoad: () => setLoaded(true),
-      onError: () => setError(true)
+  let day = "--";
+  let month = "---";
+  if (timeString) {
+    const parts = timeString.split(" ");
+    if (parts.length >= 2) {
+      day = parts[0];
+      month = parts[1].substring(0, 3).toUpperCase();
     }
-  )), /* @__PURE__ */ import_react83.default.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
+  }
+  return /* @__PURE__ */ import_react83.default.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ import_react83.default.createElement("div", { className: "w-full h-full rounded-lg bg-white  flex flex-col items-center justify-center overflow-hidden" }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-[9px]  tracking-wider leading-tight", style: { color: "#d97757" } }, month), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-sm  text-black leading-tight" }, day)), /* @__PURE__ */ import_react83.default.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
 };
 var PageSpinner6 = () => /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.Loading03Icon, size: 32, className: "animate-spin mb-4 text-black" }));
 var UniversalHuddlesPage = ({
@@ -4922,7 +4918,7 @@ var UniversalHuddlesPage = ({
       onClick: () => onHuddleClick(huddle.id),
       className: "flex flex-row items-center gap-4 py-2 hover:bg-stone-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ import_react83.default.createElement(HuddleAvatar, { src: huddle.imageUrl, status: huddle.status }),
+    /* @__PURE__ */ import_react83.default.createElement(HuddleAvatar, { timeString: huddle.timeString, status: huddle.status }),
     /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ import_react83.default.createElement("p", { className: "text-sm text-black tracking-tight truncate" }, huddle.name), /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-xs text-stone-500 truncate block mt-0.5" }, huddle.timeString)),
     /* @__PURE__ */ import_react83.default.createElement(import_react84.HugeiconsIcon, { icon: import_core_free_icons30.ArrowRight01Icon, size: 14, className: "shrink-0 text-stone-400" })
   ))), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ import_react83.default.createElement("span", { className: "text-xs text-stone-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ import_react83.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react83.default.createElement(

package/dist/index.mjs

@@ -4887,18 +4887,14 @@ var UniversalBuyCryptoPage = ({
 };
 
 // src/components/UniversalHuddlesPage.tsx
-import React49, { useState as useState35 } from "react";
+import React49 from "react";
 import { HugeiconsIcon as HugeiconsIcon35 } from "@hugeicons/react";
 import {
   ArrowLeft01Icon as ArrowLeft01Icon15,
   ArrowRight01Icon as ArrowRight01Icon10,
   Loading03Icon as Loading03Icon22
 } from "@hugeicons/core-free-icons";
-var HuddleAvatar = ({ src, status, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState35(false);
-  const [error, setError] = useState35(false);
-  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/default_a.avif";
-  const finalSrc = error || !src ? defaultAvatar : src;
+var HuddleAvatar = ({ timeString, status, sizeClass = "w-10 h-10" }) => {
   const getStatusColor = () => {
     switch (status?.toUpperCase()) {
       case "SCHEDULED":
@@ -4913,16 +4909,16 @@ var HuddleAvatar = ({ src, status, sizeClass = "w-10 h-10" }) => {
         return "bg-stone-200";
     }
   };
-  return /* @__PURE__ */ React49.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React49.createElement("div", { className: "w-full h-full rounded-lg bg-stone-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: Loading03Icon22, className: "animate-spin text-stone-400 absolute", size: 14 }), /* @__PURE__ */ React49.createElement(
-    "img",
-    {
-      src: finalSrc,
-      alt: "Huddle Avatar",
-      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
-      onLoad: () => setLoaded(true),
-      onError: () => setError(true)
+  let day = "--";
+  let month = "---";
+  if (timeString) {
+    const parts = timeString.split(" ");
+    if (parts.length >= 2) {
+      day = parts[0];
+      month = parts[1].substring(0, 3).toUpperCase();
     }
-  )), /* @__PURE__ */ React49.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
+  }
+  return /* @__PURE__ */ React49.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React49.createElement("div", { className: "w-full h-full rounded-lg bg-white  flex flex-col items-center justify-center overflow-hidden" }, /* @__PURE__ */ React49.createElement("span", { className: "text-[9px]  tracking-wider leading-tight", style: { color: "#d97757" } }, month), /* @__PURE__ */ React49.createElement("span", { className: "text-sm  text-black leading-tight" }, day)), /* @__PURE__ */ React49.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
 };
 var PageSpinner6 = () => /* @__PURE__ */ React49.createElement("div", { className: "flex justify-center items-center py-12" }, /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: Loading03Icon22, size: 32, className: "animate-spin mb-4 text-black" }));
 var UniversalHuddlesPage = ({
@@ -4950,7 +4946,7 @@ var UniversalHuddlesPage = ({
       onClick: () => onHuddleClick(huddle.id),
       className: "flex flex-row items-center gap-4 py-2 hover:bg-stone-50 transition-colors cursor-pointer group min-w-0 px-3 -mx-3 rounded-xl"
     },
-    /* @__PURE__ */ React49.createElement(HuddleAvatar, { src: huddle.imageUrl, status: huddle.status }),
+    /* @__PURE__ */ React49.createElement(HuddleAvatar, { timeString: huddle.timeString, status: huddle.status }),
     /* @__PURE__ */ React49.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React49.createElement("p", { className: "text-sm text-black tracking-tight truncate" }, huddle.name), /* @__PURE__ */ React49.createElement("span", { className: "text-xs text-stone-500 truncate block mt-0.5" }, huddle.timeString)),
     /* @__PURE__ */ React49.createElement(HugeiconsIcon35, { icon: ArrowRight01Icon10, size: 14, className: "shrink-0 text-stone-400" })
   ))), /* @__PURE__ */ React49.createElement("div", { className: "flex items-center justify-between pt-6 mt-2 " }, /* @__PURE__ */ React49.createElement("span", { className: "text-xs text-stone-400 tracking-[0.2em]" }, "Page ", currentPage, " of ", totalPages === 0 ? 1 : totalPages), /* @__PURE__ */ React49.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React49.createElement(
@@ -4973,7 +4969,7 @@ var UniversalHuddlesPage = ({
 };
 
 // src/components/UniversalMembersPage.tsx
-import React50, { useState as useState36, useEffect as useEffect20, useRef as useRef13 } from "react";
+import React50, { useState as useState35, useEffect as useEffect20, useRef as useRef13 } from "react";
 import { HugeiconsIcon as HugeiconsIcon36 } from "@hugeicons/react";
 import toast12 from "react-hot-toast";
 import {
@@ -4985,8 +4981,8 @@ import {
   ListSettingIcon as ListSettingIcon2
 } from "@hugeicons/core-free-icons";
 var MemberAvatar2 = ({ src, status }) => {
-  const [loaded, setLoaded] = useState36(false);
-  const [error, setError] = useState36(false);
+  const [loaded, setLoaded] = useState35(false);
+  const [error, setError] = useState35(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   const finalSrc = error || !src ? defaultAvatar : src;
   const getStatusColor = () => {
@@ -5034,16 +5030,16 @@ var UniversalMembersPage = ({
   onRemoveMember,
   onInviteMember
 }) => {
-  const [expandedId, setExpandedId] = useState36(null);
-  const [memberToRemove, setMemberToRemove] = useState36(null);
-  const [isRemoving, setIsRemoving] = useState36(false);
-  const [isInviteMode, setIsInviteMode] = useState36(false);
-  const [inviteEmail, setInviteEmail] = useState36("");
-  const [isInviting, setIsInviting] = useState36(false);
-  const [localSearchQuery, setLocalSearchQuery] = useState36(searchQuery);
-  const [isTyping, setIsTyping] = useState36(false);
-  const [isStatusModalOpen, setIsStatusModalOpen] = useState36(false);
-  const [isRoleModalOpen, setIsRoleModalOpen] = useState36(false);
+  const [expandedId, setExpandedId] = useState35(null);
+  const [memberToRemove, setMemberToRemove] = useState35(null);
+  const [isRemoving, setIsRemoving] = useState35(false);
+  const [isInviteMode, setIsInviteMode] = useState35(false);
+  const [inviteEmail, setInviteEmail] = useState35("");
+  const [isInviting, setIsInviting] = useState35(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState35(searchQuery);
+  const [isTyping, setIsTyping] = useState35(false);
+  const [isStatusModalOpen, setIsStatusModalOpen] = useState35(false);
+  const [isRoleModalOpen, setIsRoleModalOpen] = useState35(false);
   const statusDropdownRef = useRef13(null);
   const roleDropdownRef = useRef13(null);
   const cleanEmailId = (val) => val.toLowerCase().replace(/[^a-z0-9@._-]/g, "");
@@ -5239,7 +5235,7 @@ var UniversalMembersPage = ({
 };
 
 // src/components/UniversalHome2.tsx
-import React51, { useState as useState37 } from "react";
+import React51, { useState as useState36 } from "react";
 import { useRouter as useRouter3 } from "next/navigation";
 import { HugeiconsIcon as HugeiconsIcon37 } from "@hugeicons/react";
 import toast13 from "react-hot-toast";
@@ -5255,8 +5251,8 @@ import {
   Tick02Icon as Tick02Icon2
 } from "@hugeicons/core-free-icons";
 var OrgAvatar = ({ src, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState37(false);
-  const [error, setError] = useState37(false);
+  const [loaded, setLoaded] = useState36(false);
+  const [error, setError] = useState36(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/office_a.avif";
   const finalSrc = error || !src ? defaultAvatar : src;
   return /* @__PURE__ */ React51.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React51.createElement("div", { className: "w-full h-full rounded-lg bg-stone-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: Loading03Icon24, className: "animate-spin text-stone-400 absolute", size: 14 }), /* @__PURE__ */ React51.createElement(
@@ -5289,13 +5285,13 @@ var UniversalHome2 = ({
   huddlesProps,
   onLogout
 }) => {
-  const [isAvatarLoaded, setIsAvatarLoaded] = useState37(false);
-  const [showNotifDialog, setShowNotifDialog] = useState37(false);
-  const [showOrgSwitcher, setShowOrgSwitcher] = useState37(false);
-  const [selectedNotif, setSelectedNotif] = useState37(null);
-  const [isResolving, setIsResolving] = useState37(false);
-  const [showLogoutConfirm, setShowLogoutConfirm] = useState37(false);
-  const [isLoggingOut, setIsLoggingOut] = useState37(false);
+  const [isAvatarLoaded, setIsAvatarLoaded] = useState36(false);
+  const [showNotifDialog, setShowNotifDialog] = useState36(false);
+  const [showOrgSwitcher, setShowOrgSwitcher] = useState36(false);
+  const [selectedNotif, setSelectedNotif] = useState36(null);
+  const [isResolving, setIsResolving] = useState36(false);
+  const [showLogoutConfirm, setShowLogoutConfirm] = useState36(false);
+  const [isLoggingOut, setIsLoggingOut] = useState36(false);
   const router = useRouter3();
   const fallbackAvatarUrl = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   const finalAvatarSrc = avatarSrc || fallbackAvatarUrl;
@@ -5468,7 +5464,7 @@ var UniversalHome2 = ({
 };
 
 // src/components/UniversalSettings.tsx
-import React52, { useState as useState38, useEffect as useEffect21, useRef as useRef14 } from "react";
+import React52, { useState as useState37, useEffect as useEffect21, useRef as useRef14 } from "react";
 import toast14 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon38 } from "@hugeicons/react";
 import {
@@ -5484,8 +5480,8 @@ import {
   CloudUploadIcon
 } from "@hugeicons/core-free-icons";
 var MemberAvatar3 = ({ src, status, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState38(false);
-  const [error, setError] = useState38(false);
+  const [loaded, setLoaded] = useState37(false);
+  const [error, setError] = useState37(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   const finalSrc = error || !src ? defaultAvatar : src;
   const getStatusColor = () => {
@@ -5505,8 +5501,8 @@ var MemberAvatar3 = ({ src, status, sizeClass = "w-10 h-10" }) => {
   return /* @__PURE__ */ React52.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React52.createElement("div", { className: "w-full h-full rounded-lg bg-stone-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Loading03Icon25, className: "animate-spin text-stone-400 absolute", size: 14 }), /* @__PURE__ */ React52.createElement("img", { src: finalSrc, alt: "Member", className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`, onLoad: () => setLoaded(true), onError: () => setError(true) })), /* @__PURE__ */ React52.createElement("div", { className: `absolute -bottom-1 -right-1 w-3.5 h-3.5 rounded-full border-2 border-white z-10 ${getStatusColor()}` }));
 };
 var OrgAvatar2 = ({ src, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState38(false);
-  const [error, setError] = useState38(false);
+  const [loaded, setLoaded] = useState37(false);
+  const [error, setError] = useState37(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/office_a.avif";
   const finalSrc = error || !src ? defaultAvatar : src;
   return /* @__PURE__ */ React52.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React52.createElement("div", { className: "w-full h-full rounded-lg bg-stone-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Loading03Icon25, className: "animate-spin text-stone-400 absolute", size: 14 }), /* @__PURE__ */ React52.createElement(
@@ -5566,38 +5562,38 @@ var UniversalSettings = ({
   const isOrg = accountType === "ORGANIZATION";
   const safeRole = String(userRole || "").toUpperCase().trim();
   const canManage = ["ADMIN", "MANAGER", "OWNER"].includes(safeRole);
-  const [activeTab, setActiveTab] = useState38(isOrg ? "MEMBERS" : "ACCOUNT");
-  const [expandedId, setExpandedId] = useState38(null);
-  const [memberToRemove, setMemberToRemove] = useState38(null);
-  const [isRemoving, setIsRemoving] = useState38(false);
-  const [isInviteMode, setIsInviteMode] = useState38(false);
-  const [inviteEmail, setInviteEmail] = useState38("");
-  const [isInviting, setIsInviting] = useState38(false);
-  const [localSearchQuery, setLocalSearchQuery] = useState38(membersSearchQuery);
-  const [isTyping, setIsTyping] = useState38(false);
+  const [activeTab, setActiveTab] = useState37(isOrg ? "MEMBERS" : "ACCOUNT");
+  const [expandedId, setExpandedId] = useState37(null);
+  const [memberToRemove, setMemberToRemove] = useState37(null);
+  const [isRemoving, setIsRemoving] = useState37(false);
+  const [isInviteMode, setIsInviteMode] = useState37(false);
+  const [inviteEmail, setInviteEmail] = useState37("");
+  const [isInviting, setIsInviting] = useState37(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState37(membersSearchQuery);
+  const [isTyping, setIsTyping] = useState37(false);
   const isFirstSearchMount = useRef14(true);
-  const [isStatusModalOpen, setIsStatusModalOpen] = useState38(false);
-  const [isRoleModalOpen, setIsRoleModalOpen] = useState38(false);
-  const [roleEditTarget, setRoleEditTarget] = useState38(null);
-  const [isUpdatingRole, setIsUpdatingRole] = useState38(false);
-  const [orgName, setOrgName] = useState38(initialOrgName);
-  const [orgSlug, setOrgSlug] = useState38(initialOrgSlug);
-  const [orgAvatarUrl, setOrgAvatarUrl] = useState38(initialOrgAvatarUrl);
-  const [firstName, setFirstName] = useState38("");
-  const [lastName, setLastName] = useState38("");
-  const [jobTitle, setJobTitle] = useState38(initialJobTitle);
-  const [description, setDescription] = useState38(initialDescription);
-  const [avatarUrl, setAvatarUrl] = useState38(initialAvatarUrl);
-  const [isCheckingSlug, setIsCheckingSlug] = useState38(false);
-  const [slugAvailable, setSlugAvailable] = useState38(null);
-  const [isSavingOrg, setIsSavingOrg] = useState38(false);
-  const [isSavingProfile, setIsSavingProfile] = useState38(false);
+  const [isStatusModalOpen, setIsStatusModalOpen] = useState37(false);
+  const [isRoleModalOpen, setIsRoleModalOpen] = useState37(false);
+  const [roleEditTarget, setRoleEditTarget] = useState37(null);
+  const [isUpdatingRole, setIsUpdatingRole] = useState37(false);
+  const [orgName, setOrgName] = useState37(initialOrgName);
+  const [orgSlug, setOrgSlug] = useState37(initialOrgSlug);
+  const [orgAvatarUrl, setOrgAvatarUrl] = useState37(initialOrgAvatarUrl);
+  const [firstName, setFirstName] = useState37("");
+  const [lastName, setLastName] = useState37("");
+  const [jobTitle, setJobTitle] = useState37(initialJobTitle);
+  const [description, setDescription] = useState37(initialDescription);
+  const [avatarUrl, setAvatarUrl] = useState37(initialAvatarUrl);
+  const [isCheckingSlug, setIsCheckingSlug] = useState37(false);
+  const [slugAvailable, setSlugAvailable] = useState37(null);
+  const [isSavingOrg, setIsSavingOrg] = useState37(false);
+  const [isSavingProfile, setIsSavingProfile] = useState37(false);
   const orgFileInputRef = useRef14(null);
   const userFileInputRef = useRef14(null);
-  const [pendingOrgAvatar, setPendingOrgAvatar] = useState38(null);
-  const [pendingUserAvatar, setPendingUserAvatar] = useState38(null);
-  const [isUploadingOrgAvatar, setIsUploadingOrgAvatar] = useState38(false);
-  const [isUploadingUserAvatar, setIsUploadingUserAvatar] = useState38(false);
+  const [pendingOrgAvatar, setPendingOrgAvatar] = useState37(null);
+  const [pendingUserAvatar, setPendingUserAvatar] = useState37(null);
+  const [isUploadingOrgAvatar, setIsUploadingOrgAvatar] = useState37(false);
+  const [isUploadingUserAvatar, setIsUploadingUserAvatar] = useState37(false);
   useEffect21(() => {
     setOrgName(initialOrgName || "");
     setOrgSlug(initialOrgSlug || "");
@@ -5844,7 +5840,7 @@ var UniversalSettings = ({
 };
 
 // src/components/UniversalCreateHuddle.tsx
-import React53, { useState as useState39, useEffect as useEffect22, useRef as useRef15 } from "react";
+import React53, { useState as useState38, useEffect as useEffect22, useRef as useRef15 } from "react";
 import toast15 from "react-hot-toast";
 import { HugeiconsIcon as HugeiconsIcon39 } from "@hugeicons/react";
 import {
@@ -5859,8 +5855,8 @@ import {
   CircleLock02Icon as CircleLock02Icon4
 } from "@hugeicons/core-free-icons";
 var MemberAvatar4 = ({ src, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState39(false);
-  const [error, setError] = useState39(false);
+  const [loaded, setLoaded] = useState38(false);
+  const [error, setError] = useState38(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
   return /* @__PURE__ */ React53.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React53.createElement("div", { className: "w-full h-full rounded-lg bg-stone-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React53.createElement(HugeiconsIcon39, { icon: Loading03Icon26, className: "animate-spin text-stone-400 absolute", size: 14 }), /* @__PURE__ */ React53.createElement(
     "img",
@@ -5903,27 +5899,27 @@ var UniversalCreateHuddle = ({
   onCreateSubmit
 }) => {
   const canManage = userRole === "ADMIN" || userRole === "MANAGER" || userRole === "OWNER";
-  const [huddleDate, setHuddleDate] = useState39(() => {
+  const [huddleDate, setHuddleDate] = useState38(() => {
     const d = /* @__PURE__ */ new Date();
     d.setHours(d.getHours() + 1, 0, 0, 0);
     return d;
   });
-  const [title, setTitle] = useState39("");
-  const [isPrivate, setIsPrivate] = useState39(false);
-  const [timezone, setTimezone] = useState39("UTC");
+  const [title, setTitle] = useState38("");
+  const [isPrivate, setIsPrivate] = useState38(false);
+  const [timezone, setTimezone] = useState38("UTC");
   useEffect22(() => {
     try {
       setTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone);
     } catch (e) {
     }
   }, []);
-  const [calendarMode, setCalendarMode] = useState39(null);
-  const [showTimezoneModal, setShowTimezoneModal] = useState39(false);
-  const [showMembersModal, setShowMembersModal] = useState39(false);
-  const [selectedParticipants, setSelectedParticipants] = useState39(/* @__PURE__ */ new Set());
-  const [isSubmitting, setIsSubmitting] = useState39(false);
-  const [localSearchQuery, setLocalSearchQuery] = useState39(membersSearchQuery);
-  const [isTyping, setIsTyping] = useState39(false);
+  const [calendarMode, setCalendarMode] = useState38(null);
+  const [showTimezoneModal, setShowTimezoneModal] = useState38(false);
+  const [showMembersModal, setShowMembersModal] = useState38(false);
+  const [selectedParticipants, setSelectedParticipants] = useState38(/* @__PURE__ */ new Set());
+  const [isSubmitting, setIsSubmitting] = useState38(false);
+  const [localSearchQuery, setLocalSearchQuery] = useState38(membersSearchQuery);
+  const [isTyping, setIsTyping] = useState38(false);
   const typingTimer = useRef15(null);
   const handleSearchInput = (e) => {
     const val = e.target.value;
@@ -6084,7 +6080,7 @@ var UniversalCreateHuddle = ({
 };
 
 // src/components/HomeHuddleCalendar.tsx
-import React54, { useState as useState40, useRef as useRef16, useEffect as useEffect23 } from "react";
+import React54, { useState as useState39, useRef as useRef16, useEffect as useEffect23 } from "react";
 import { useRouter as useRouter4 } from "next/navigation";
 import { HugeiconsIcon as HugeiconsIcon40 } from "@hugeicons/react";
 import {
@@ -6097,8 +6093,8 @@ import {
 var MONTHS2 = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 var DAYS_OF_WEEK2 = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 var HuddleAvatar2 = ({ src, status, sizeClass = "w-10 h-10" }) => {
-  const [loaded, setLoaded] = useState40(false);
-  const [error, setError] = useState40(false);
+  const [loaded, setLoaded] = useState39(false);
+  const [error, setError] = useState39(false);
   const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/default_a.avif";
   const finalSrc = error || !src ? defaultAvatar : src;
   const getStatusColor = () => {
@@ -6138,8 +6134,8 @@ var HomeHuddleCalendar = ({
   onStatusFilterChange
 }) => {
   const router = useRouter4();
-  const [localSearch, setLocalSearch] = useState40(searchQuery);
-  const [isStatusModalOpen, setIsStatusModalOpen] = useState40(false);
+  const [localSearch, setLocalSearch] = useState39(searchQuery);
+  const [isStatusModalOpen, setIsStatusModalOpen] = useState39(false);
   const typingTimer = useRef16(null);
   const isSearching = localSearch.trim().length > 0;
   useEffect23(() => {
@@ -6154,9 +6150,9 @@ var HomeHuddleCalendar = ({
     }, 500);
   };
   const today = /* @__PURE__ */ new Date();
-  const [viewMonth, setViewMonth] = useState40(today.getMonth());
-  const [viewYear, setViewYear] = useState40(today.getFullYear());
-  const [selectedDate, setSelectedDate] = useState40(new Date(today.getFullYear(), today.getMonth(), today.getDate()));
+  const [viewMonth, setViewMonth] = useState39(today.getMonth());
+  const [viewYear, setViewYear] = useState39(today.getFullYear());
+  const [selectedDate, setSelectedDate] = useState39(new Date(today.getFullYear(), today.getMonth(), today.getDate()));
   const handlePrevMonth = () => {
     if (viewMonth === 0) {
       setViewMonth(11);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@retinalabsllc/zairusjs",
-  "version": "21.0.6",
+  "version": "21.0.7",
   "description": "A perceptive, Ai data driven Next.js UI component library.",
   "author": "Retina Labs Company",
   "license": "MIT",