@retinalabsllc/zairusjs 16.2.0 → 16.2.1

package/dist/index.d.mts

@@ -1071,7 +1071,7 @@ interface UniversalHome2Props {
 }
 declare const UniversalHome2: React.FC<UniversalHome2Props>;
 
-interface UniversalMember2 {
+interface UniversalMember2$1 {
     id: string;
     userId: string;
     fullName: string;
@@ -1082,7 +1082,7 @@ interface UniversalMember2 {
 interface UniversalSettingsProps {
     accountType: 'INDIVIDUAL' | 'ORGANIZATION';
     userRole?: 'ADMIN' | 'MANAGER' | 'MEMBER' | 'GUEST' | string;
-    members?: UniversalMember2[];
+    members?: UniversalMember2$1[];
     isMembersLoading?: boolean;
     membersCurrentPage?: number;
     membersTotalPages?: number;
@@ -1115,4 +1115,30 @@ interface UniversalSettingsProps {
 }
 declare const UniversalSettings: React.FC<UniversalSettingsProps>;
 
-export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalHuddle, UniversalHuddlesPage, type UniversalHuddlesPageProps, type UniversalMember, type UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };
+interface UniversalMember2 {
+    id: string;
+    userId: string;
+    fullName: string;
+    avatarUrl?: string | null;
+    role: string;
+}
+interface UniversalCreateHuddleProps {
+    onBackHref: string;
+    members: UniversalMember2[];
+    isMembersLoading: boolean;
+    membersCurrentPage: number;
+    membersTotalPages: number;
+    onMembersPageChange: (page: number) => void;
+    membersSearchQuery: string;
+    onMembersSearchChange: (query: string) => void;
+    onCreateSubmit: (payload: {
+        title: string;
+        huddleType: 'PUBLIC' | 'PRIVATE';
+        startTime: string;
+        timezone: string;
+        participantIds: string[];
+    }) => Promise<void>;
+}
+declare const UniversalCreateHuddle: React.FC<UniversalCreateHuddleProps>;
+
+export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, UniversalCreateHuddle, type UniversalCreateHuddleProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalHuddle, UniversalHuddlesPage, type UniversalHuddlesPageProps, type UniversalMember, type UniversalMember2$1 as UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.d.ts

@@ -1071,7 +1071,7 @@ interface UniversalHome2Props {
 }
 declare const UniversalHome2: React.FC<UniversalHome2Props>;
 
-interface UniversalMember2 {
+interface UniversalMember2$1 {
     id: string;
     userId: string;
     fullName: string;
@@ -1082,7 +1082,7 @@ interface UniversalMember2 {
 interface UniversalSettingsProps {
     accountType: 'INDIVIDUAL' | 'ORGANIZATION';
     userRole?: 'ADMIN' | 'MANAGER' | 'MEMBER' | 'GUEST' | string;
-    members?: UniversalMember2[];
+    members?: UniversalMember2$1[];
     isMembersLoading?: boolean;
     membersCurrentPage?: number;
     membersTotalPages?: number;
@@ -1115,4 +1115,30 @@ interface UniversalSettingsProps {
 }
 declare const UniversalSettings: React.FC<UniversalSettingsProps>;
 
-export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalHuddle, UniversalHuddlesPage, type UniversalHuddlesPageProps, type UniversalMember, type UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };
+interface UniversalMember2 {
+    id: string;
+    userId: string;
+    fullName: string;
+    avatarUrl?: string | null;
+    role: string;
+}
+interface UniversalCreateHuddleProps {
+    onBackHref: string;
+    members: UniversalMember2[];
+    isMembersLoading: boolean;
+    membersCurrentPage: number;
+    membersTotalPages: number;
+    onMembersPageChange: (page: number) => void;
+    membersSearchQuery: string;
+    onMembersSearchChange: (query: string) => void;
+    onCreateSubmit: (payload: {
+        title: string;
+        huddleType: 'PUBLIC' | 'PRIVATE';
+        startTime: string;
+        timezone: string;
+        participantIds: string[];
+    }) => Promise<void>;
+}
+declare const UniversalCreateHuddle: React.FC<UniversalCreateHuddleProps>;
+
+export { AppBento2, type AppBento2Props, type BannerProps, type BarIconProps, type BentoFeature, type BoardMember, type CardData, CardInfoDialog, type CardInfoDialogProps, type CompanyDetails, type ConsultantProfile, ConsultantShowcase, type ConsultantShowcaseProps, ContentGridBlock, type ContentGridBlockProps, type CryptoOption, type DocumentSectionData, type EmailContact, Faq, type FaqItem, type FaqProps, FeatureScroll, type FeatureScrollProps, type FiatCurrencyOption, Footer, type FooterColumn, type FooterLink, type FooterProps, FundCardDialog, type FundCardDialogProps, GifFeatureCard, type GifFeatureCardProps, Header, type HeaderLink, type HeaderProps, type AppLogo$1 as HeroAppLogo, HeroSection, type HeroSectionProps, type HomeActionBtn, type HomeActionBtn2, type LeaderboardItem, ManagedBoardBlock, type ManagedBoardBlockProps, ManagedContactBlock, type ManagedContactBlockProps, ManagedDocument, type ManagedDocumentProps, ManagedNewsletterSplitBlock, type ManagedNewsletterSplitBlockProps, ManagedNotFoundBlock, type ManagedNotFoundBlockProps, ManagedPricingBlock, type ManagedPricingBlockProps, ManagedProjectsBlock, type ManagedProjectsBlockProps, ManagedToaster, MedicalFeatureStatsBlock, MobileNav, type MobileNavItem, type MobileNavProps, type NavItem, type NetworkOption, type NotificationItem, type NotificationItem2, NumberInput, type NumberInputProps, PageSpinner, type PageSpinnerProps, PinDialerBottomSheet, type PinDialerBottomSheetProps, PipleAuth, type PipleAuthProps, type PlatformFeatureItem, PlatformFeatures, type PlatformFeaturesProps, PortfolioHero, type PortfolioHeroProps, type AppLogo as PricingAppLogo, type PricingFeature, type PricingFeature2, type PricingPlan, type PricingTab, type ProjectItem, type RateCalculationPayload, type ReferralProfile, type RewardItem, type RewardProfile, type ScrollFeature, type SocialContact, type SocialLink, type StatItem, TextInput, type TextInputProps, ThreeDActionButton, type ThreeDActionButtonProps, ThreeDButton, type ThreeDButtonProps, type TierOption, UniversalBuyCryptoPage, type UniversalBuyCryptoPageProps, UniversalCardActionPage, type UniversalCardActionPageProps, UniversalCardPage, type UniversalCardPageProps, UniversalCreateHuddle, type UniversalCreateHuddleProps, UniversalErrorView, type UniversalErrorViewProps, UniversalHome2, type UniversalHome2Props, UniversalHomeView, type UniversalHomeViewProps, type UniversalHuddle, UniversalHuddlesPage, type UniversalHuddlesPageProps, type UniversalMember, type UniversalMember2$1 as UniversalMember2, UniversalMembersPage, type UniversalMembersPageProps, UniversalOrganizationPage, type UniversalOrganizationPageProps, UniversalProfilePage, type UniversalProfilePageProps, UniversalProfileSettings, type UniversalProfileSettingsProps, type UniversalReferralItem, UniversalReferralPage, type UniversalReferralPageProps, UniversalRewardPage, type UniversalRewardPageProps, UniversalSecurityPage, type UniversalSecurityPageProps, UniversalSettings, type UniversalSettingsProps, UniversalSidebar, type UniversalSidebarProps, type UniversalTransaction, UniversalTransactionPage, type UniversalTransactionPageProps, UniversalVerificationPage, type UniversalVerificationPageProps, type UniversalWallet, UniversalWalletPage, type UniversalWalletPageProps, type VerificationStatus, WaitlistDialog, type WaitlistDialogProps };

package/dist/index.js

@@ -64,6 +64,7 @@ __export(index_exports, {
   UniversalBuyCryptoPage: () => UniversalBuyCryptoPage,
   UniversalCardActionPage: () => UniversalCardActionPage,
   UniversalCardPage: () => UniversalCardPage,
+  UniversalCreateHuddle: () => UniversalCreateHuddle,
   UniversalErrorView: () => UniversalErrorView,
   UniversalHome2: () => UniversalHome2,
   UniversalHomeView: () => UniversalHomeView,
@@ -5529,6 +5530,379 @@ var UniversalSettings = ({
     /* @__PURE__ */ import_react85.default.createElement(import_react86.HugeiconsIcon, { icon: import_core_free_icons31.PlusSignIcon, size: 16 })
   )), /* @__PURE__ */ import_react85.default.createElement("div", { className: "mt-4 px-1" }, /* @__PURE__ */ import_react85.default.createElement("p", { className: "text-[11px] text-neutral-500 leading-relaxed max-w-lg" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights. Additional credits are billed dynamically to your primary payment method."))));
 };
+
+// src/components/UniversalCreateHuddle.tsx
+var import_react89 = __toESM(require("react"));
+var import_react_hot_toast16 = __toESM(require("react-hot-toast"));
+var import_react90 = require("@hugeicons/react");
+var import_core_free_icons33 = require("@hugeicons/core-free-icons");
+
+// src/components/CalendarPicker.tsx
+var import_react87 = __toESM(require("react"));
+var import_react88 = require("@hugeicons/react");
+var import_core_free_icons32 = require("@hugeicons/core-free-icons");
+var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+var DAYS_OF_WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var CalendarPicker = ({
+  isOpen,
+  onClose,
+  initialDate,
+  defaultMode,
+  onConfirm
+}) => {
+  const [mode, setMode] = (0, import_react87.useState)(defaultMode);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const maxDate = new Date(today.getFullYear() + 1, 11, 31);
+  maxDate.setHours(23, 59, 59, 999);
+  const [viewMonth, setViewMonth] = (0, import_react87.useState)(initialDate.getMonth());
+  const [viewYear, setViewYear] = (0, import_react87.useState)(initialDate.getFullYear());
+  const [selectedDate, setSelectedDate] = (0, import_react87.useState)(new Date(initialDate.getFullYear(), initialDate.getMonth(), initialDate.getDate()));
+  const [hour, setHour] = (0, import_react87.useState)(initialDate.getHours() % 12 || 12);
+  const [minute, setMinute] = (0, import_react87.useState)(initialDate.getMinutes());
+  const [ampm, setAmpm] = (0, import_react87.useState)(initialDate.getHours() >= 12 ? "PM" : "AM");
+  (0, import_react87.useEffect)(() => {
+    if (isOpen) {
+      setMode(defaultMode);
+      setViewMonth(initialDate.getMonth());
+      setViewYear(initialDate.getFullYear());
+      setSelectedDate(new Date(initialDate.getFullYear(), initialDate.getMonth(), initialDate.getDate()));
+      setHour(initialDate.getHours() % 12 || 12);
+      setMinute(initialDate.getMinutes());
+      setAmpm(initialDate.getHours() >= 12 ? "PM" : "AM");
+    }
+  }, [isOpen, initialDate, defaultMode]);
+  if (!isOpen) return null;
+  const handlePrevMonth = () => {
+    if (viewYear === today.getFullYear() && viewMonth === today.getMonth()) return;
+    if (viewMonth === 0) {
+      setViewMonth(11);
+      setViewYear((y) => y - 1);
+    } else {
+      setViewMonth((m) => m - 1);
+    }
+  };
+  const handleNextMonth = () => {
+    if (viewYear === maxDate.getFullYear() && viewMonth === 11) return;
+    if (viewMonth === 11) {
+      setViewMonth(0);
+      setViewYear((y) => y + 1);
+    } else {
+      setViewMonth((m) => m + 1);
+    }
+  };
+  const isDateDisabled = (year, month, day) => {
+    const d = new Date(year, month, day);
+    return d < today || d > maxDate;
+  };
+  const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+  const firstDayOffset = new Date(viewYear, viewMonth, 1).getDay();
+  const adjustTime = (type, dir) => {
+    if (type === "H") {
+      setHour((h) => {
+        let next = h + dir;
+        if (next > 12) return 1;
+        if (next < 1) return 12;
+        return next;
+      });
+    }
+    if (type === "M") {
+      setMinute((m) => {
+        let next = m + dir;
+        if (next > 59) return 0;
+        if (next < 0) return 59;
+        return next;
+      });
+    }
+    if (type === "A") {
+      setAmpm((a) => a === "AM" ? "PM" : "AM");
+    }
+  };
+  const handleSave = () => {
+    const final = new Date(selectedDate);
+    let h24 = hour;
+    if (ampm === "PM" && hour < 12) h24 += 12;
+    if (ampm === "AM" && hour === 12) h24 = 0;
+    final.setHours(h24, minute, 0, 0);
+    onConfirm(final);
+    onClose();
+  };
+  return /* @__PURE__ */ import_react87.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: onClose }), /* @__PURE__ */ import_react87.default.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "p-4 pb-0  flex flex-col gap-4" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex items-center justify-between shrink-0" }, /* @__PURE__ */ import_react87.default.createElement("h3", { className: "text-[15px] text-black tracking-tight " }, "Select Date & Time"), /* @__PURE__ */ import_react87.default.createElement("button", { onClick: onClose, className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.CancelCircleIcon, size: 18 }))), /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ import_react87.default.createElement(
+    "button",
+    {
+      onClick: () => setMode("DATE"),
+      className: `pb-2 text-[12px] tracking-wide outline-none border-b-2 transition-colors ${mode === "DATE" ? "border-[#068afe] text-[#068afe]" : "border-transparent text-neutral-500 hover:text-black"}`
+    },
+    "Date"
+  ), /* @__PURE__ */ import_react87.default.createElement(
+    "button",
+    {
+      onClick: () => setMode("TIME"),
+      className: `pb-2 text-[12px] tracking-wide outline-none border-b-2 transition-colors ${mode === "TIME" ? "border-[#068afe] text-[#068afe]" : "border-transparent text-neutral-500 hover:text-black"}`
+    },
+    "Time"
+  ))), /* @__PURE__ */ import_react87.default.createElement("div", { className: "p-5" }, mode === "DATE" && /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex flex-col gap-4 animate-in fade-in duration-200" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex items-center justify-between px-2" }, /* @__PURE__ */ import_react87.default.createElement("span", { className: "text-[13px]  text-black" }, MONTHS[viewMonth], " ", viewYear), /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ import_react87.default.createElement(
+    "button",
+    {
+      onClick: handlePrevMonth,
+      disabled: viewYear === today.getFullYear() && viewMonth === today.getMonth(),
+      className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-neutral-100 disabled:opacity-30 disabled:cursor-not-allowed outline-none transition-colors"
+    },
+    /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowLeft01Icon, size: 16, className: "text-black" })
+  ), /* @__PURE__ */ import_react87.default.createElement(
+    "button",
+    {
+      onClick: handleNextMonth,
+      disabled: viewYear === maxDate.getFullYear() && viewMonth === 11,
+      className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-neutral-100 disabled:opacity-30 disabled:cursor-not-allowed outline-none transition-colors"
+    },
+    /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowRight01Icon, size: 16, className: "text-black" })
+  ))), /* @__PURE__ */ import_react87.default.createElement("div", { className: "grid grid-cols-7 gap-1" }, DAYS_OF_WEEK.map((d) => /* @__PURE__ */ import_react87.default.createElement("div", { key: d, className: "text-center text-[10px] text-neutral-400  py-2" }, d)), Array.from({ length: firstDayOffset }).map((_, i) => /* @__PURE__ */ import_react87.default.createElement("div", { key: `empty-${i}` })), Array.from({ length: daysInMonth }).map((_, i) => {
+    const day = i + 1;
+    const isDisabled = isDateDisabled(viewYear, viewMonth, day);
+    const isSelected = selectedDate.getFullYear() === viewYear && selectedDate.getMonth() === viewMonth && selectedDate.getDate() === day;
+    return /* @__PURE__ */ import_react87.default.createElement(
+      "button",
+      {
+        key: day,
+        disabled: isDisabled,
+        onClick: () => setSelectedDate(new Date(viewYear, viewMonth, day)),
+        className: `h-9 w-9 rounded-full flex items-center justify-center text-[12px] transition-colors outline-none
+                                                ${isDisabled ? "text-neutral-300 cursor-not-allowed" : isSelected ? "bg-[#068afe] text-white" : "text-black hover:bg-neutral-100"}`
+      },
+      day
+    );
+  }))), mode === "TIME" && /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex items-center justify-center gap-6 py-6 animate-in fade-in duration-200" }, /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ import_react87.default.createElement("button", { onClick: () => adjustTime("H", 1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowUp01Icon, size: 20, className: "text-neutral-500" })), /* @__PURE__ */ import_react87.default.createElement("span", { className: "text-3xl  text-black w-12 text-center" }, hour.toString().padStart(2, "0")), /* @__PURE__ */ import_react87.default.createElement("button", { onClick: () => adjustTime("H", -1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowDown01Icon, size: 20, className: "text-neutral-500" }))), /* @__PURE__ */ import_react87.default.createElement("span", { className: "text-3xl  text-neutral-300 pb-2" }, ":"), /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ import_react87.default.createElement("button", { onClick: () => adjustTime("M", 1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowUp01Icon, size: 20, className: "text-neutral-500" })), /* @__PURE__ */ import_react87.default.createElement("span", { className: "text-3xl  text-black w-12 text-center" }, minute.toString().padStart(2, "0")), /* @__PURE__ */ import_react87.default.createElement("button", { onClick: () => adjustTime("M", -1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowDown01Icon, size: 20, className: "text-neutral-500" }))), /* @__PURE__ */ import_react87.default.createElement("div", { className: "flex flex-col items-center gap-4 ml-2" }, /* @__PURE__ */ import_react87.default.createElement("button", { onClick: () => adjustTime("A", 1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowUp01Icon, size: 20, className: "text-neutral-500" })), /* @__PURE__ */ import_react87.default.createElement("span", { className: "text-xl  text-[#068afe] w-12 text-center" }, ampm), /* @__PURE__ */ import_react87.default.createElement("button", { onClick: () => adjustTime("A", -1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ import_react87.default.createElement(import_react88.HugeiconsIcon, { icon: import_core_free_icons32.ArrowDown01Icon, size: 20, className: "text-neutral-500" }))))), /* @__PURE__ */ import_react87.default.createElement("div", { className: "p-5 flex justify-end shrink-0" }, /* @__PURE__ */ import_react87.default.createElement(
+    "button",
+    {
+      onClick: handleSave,
+      className: "text-[#068afe] hover:text-[#0573d6] transition-colors outline-none text-[13px]  tracking-wide"
+    },
+    "Done"
+  ))));
+};
+
+// src/components/UniversalCreateHuddle.tsx
+var MemberAvatar3 = ({ src, sizeClass = "w-10 h-10" }) => {
+  const [loaded, setLoaded] = (0, import_react89.useState)(false);
+  const [error, setError] = (0, import_react89.useState)(false);
+  const defaultAvatar = "https://storage.googleapis.com/retina-cloud-v2/assets/images/avatar.avif";
+  return /* @__PURE__ */ import_react89.default.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Loading03Icon, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ import_react89.default.createElement(
+    "img",
+    {
+      src: error || !src ? defaultAvatar : src,
+      alt: "Avatar",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )));
+};
+var STANDARD_TIMEZONES = [
+  "UTC",
+  "America/New_York",
+  "America/Chicago",
+  "America/Denver",
+  "America/Los_Angeles",
+  "Europe/London",
+  "Europe/Paris",
+  "Europe/Berlin",
+  "Africa/Lagos",
+  "Africa/Johannesburg",
+  "Asia/Dubai",
+  "Asia/Kolkata",
+  "Asia/Singapore",
+  "Asia/Tokyo",
+  "Australia/Sydney"
+];
+var UniversalCreateHuddle = ({
+  onBackHref,
+  members,
+  isMembersLoading,
+  membersCurrentPage,
+  membersTotalPages,
+  onMembersPageChange,
+  membersSearchQuery,
+  onMembersSearchChange,
+  onCreateSubmit
+}) => {
+  const [huddleDate, setHuddleDate] = (0, import_react89.useState)(() => {
+    const d = /* @__PURE__ */ new Date();
+    d.setHours(d.getHours() + 1, 0, 0, 0);
+    return d;
+  });
+  const [title, setTitle] = (0, import_react89.useState)("");
+  const [isPrivate, setIsPrivate] = (0, import_react89.useState)(false);
+  const [timezone, setTimezone] = (0, import_react89.useState)("UTC");
+  (0, import_react89.useEffect)(() => {
+    try {
+      setTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone);
+    } catch (e) {
+    }
+  }, []);
+  const [calendarMode, setCalendarMode] = (0, import_react89.useState)(null);
+  const [showTimezoneModal, setShowTimezoneModal] = (0, import_react89.useState)(false);
+  const [showMembersModal, setShowMembersModal] = (0, import_react89.useState)(false);
+  const [selectedParticipants, setSelectedParticipants] = (0, import_react89.useState)(/* @__PURE__ */ new Set());
+  const [isSubmitting, setIsSubmitting] = (0, import_react89.useState)(false);
+  const [localSearchQuery, setLocalSearchQuery] = (0, import_react89.useState)(membersSearchQuery);
+  const [isTyping, setIsTyping] = (0, import_react89.useState)(false);
+  const typingTimer = (0, import_react89.useRef)(null);
+  const handleSearchInput = (e) => {
+    const val = e.target.value;
+    setLocalSearchQuery(val);
+    setIsTyping(true);
+    if (typingTimer.current) clearTimeout(typingTimer.current);
+    typingTimer.current = setTimeout(() => {
+      onMembersSearchChange(val);
+      setTimeout(() => setIsTyping(false), 150);
+    }, 600);
+  };
+  const toggleParticipant = (userId) => {
+    const newSet = new Set(selectedParticipants);
+    if (newSet.has(userId)) newSet.delete(userId);
+    else newSet.add(userId);
+    setSelectedParticipants(newSet);
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const cleanTitle = title.trim();
+    if (cleanTitle.length < 2) return import_react_hot_toast16.default.error("Please enter a valid huddle name.");
+    if (isPrivate && selectedParticipants.size === 0) return import_react_hot_toast16.default.error("Private huddles require at least one participant.");
+    setIsSubmitting(true);
+    try {
+      await onCreateSubmit({
+        title: cleanTitle,
+        huddleType: isPrivate ? "PRIVATE" : "PUBLIC",
+        startTime: huddleDate.toISOString(),
+        timezone,
+        participantIds: isPrivate ? Array.from(selectedParticipants) : []
+      });
+    } catch (error) {
+      import_react_hot_toast16.default.error(error.message || "Failed to schedule huddle.");
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ import_react89.default.createElement(ManagedToaster, null), /* @__PURE__ */ import_react89.default.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ import_react89.default.createElement("a", { href: onBackHref, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[13px] outline-none" }, /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.ArrowLeft01Icon, size: 16 }), " Back")), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ import_react89.default.createElement("h1", { className: "text-black text-xl tracking-tight" }, "Create Huddle"), /* @__PURE__ */ import_react89.default.createElement("p", { className: "text-xs text-neutral-500" }, "Schedule a new workspace huddle and manage participant access.")), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ import_react89.default.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSubmit, autoComplete: "off" }, /* @__PURE__ */ import_react89.default.createElement(
+    TextInput,
+    {
+      label: "Huddle Subject",
+      value: title,
+      onChange: (val) => setTitle(val.substring(0, 80)),
+      disabled: isSubmitting,
+      placeholder: "e.g. Q4 Engineering Sync",
+      maxLength: 80
+    }
+  ), /* @__PURE__ */ import_react89.default.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react89.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ import_react89.default.createElement(
+    "div",
+    {
+      onClick: () => !isSubmitting && setCalendarMode("DATE"),
+      className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 cursor-pointer ${isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black"}`
+    },
+    /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Calendar01Icon, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ import_react89.default.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }))
+  )), /* @__PURE__ */ import_react89.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react89.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Time"), /* @__PURE__ */ import_react89.default.createElement(
+    "div",
+    {
+      onClick: () => !isSubmitting && setCalendarMode("TIME"),
+      className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 cursor-pointer ${isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black"}`
+    },
+    /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Clock01Icon, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ import_react89.default.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }))
+  )), /* @__PURE__ */ import_react89.default.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ import_react89.default.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Timezone"), /* @__PURE__ */ import_react89.default.createElement(
+    "div",
+    {
+      onClick: () => !isSubmitting && setShowTimezoneModal(true),
+      className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 cursor-pointer ${isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black"}`
+    },
+    /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Globe02Icon, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ import_react89.default.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, timezone)
+  ))), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex items-center justify-between py-2 border-t border-b border-neutral-100 mt-2" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[13px] text-black tracking-tight" }, "Private Huddle"), /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[11px] text-neutral-500" }, "Only invited members can join.")), /* @__PURE__ */ import_react89.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setIsPrivate(!isPrivate),
+      disabled: isSubmitting,
+      className: `relative w-11 h-6 rounded-full transition-colors outline-none shrink-0 ${isPrivate ? "bg-[#068afe]" : "bg-neutral-200"}`
+    },
+    /* @__PURE__ */ import_react89.default.createElement("div", { className: `absolute top-1 left-1 bg-white w-4 h-4 rounded-full transition-transform ${isPrivate ? "translate-x-5" : "translate-x-0"}` })
+  )), isPrivate && /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex items-center justify-between animate-in fade-in zoom-in-95 duration-200 bg-neutral-50 p-4 rounded-xl" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[12px] text-black tracking-tight" }, "Participants"), /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[11px] text-[#068afe] " }, selectedParticipants.size === 0 ? "0 added" : selectedParticipants.size >= 1e3 ? `${(selectedParticipants.size / 1e3).toFixed(1)}k+ added` : `${selectedParticipants.size} added`)), /* @__PURE__ */ import_react89.default.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setShowMembersModal(true),
+      disabled: isSubmitting,
+      className: "px-4 py-2 border border-neutral-200 text-black text-[11px] tracking-wide rounded-full hover:bg-white transition-colors outline-none bg-transparent"
+    },
+    "Manage Access"
+  )), /* @__PURE__ */ import_react89.default.createElement("div", { className: "pt-6" }, /* @__PURE__ */ import_react89.default.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: isSubmitting || title.trim().length < 2 || isPrivate && selectedParticipants.size === 0,
+      isLoading: isSubmitting,
+      className: "w-full sm:w-auto min-w-40"
+    },
+    "Schedule Huddle"
+  )))), /* @__PURE__ */ import_react89.default.createElement(
+    CalendarPicker,
+    {
+      isOpen: calendarMode !== null,
+      onClose: () => setCalendarMode(null),
+      initialDate: huddleDate,
+      defaultMode: calendarMode || "DATE",
+      onConfirm: (d) => setHuddleDate(d)
+    }
+  ), /* @__PURE__ */ import_react89.default.createElement(
+    ReusableOptions,
+    {
+      isOpen: showTimezoneModal,
+      onClose: () => setShowTimezoneModal(false),
+      title: "Select Timezone",
+      options: STANDARD_TIMEZONES,
+      selectedOption: timezone,
+      onSelect: (tz) => setTimezone(tz),
+      showSearch: true
+    }
+  ), showMembersModal && /* @__PURE__ */ import_react89.default.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowMembersModal(false) }), /* @__PURE__ */ import_react89.default.createElement("div", { className: "relative w-full max-w-md bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 h-[80vh]" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ import_react89.default.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Select Participants"), /* @__PURE__ */ import_react89.default.createElement("button", { onClick: () => setShowMembersModal(false), className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none text-[13px] " }, "Done")), /* @__PURE__ */ import_react89.default.createElement("div", { className: "p-4 shrink-0 " }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Search01Icon, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ import_react89.default.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Search team...",
+      value: localSearchQuery,
+      onChange: handleSearchInput,
+      className: "w-full pl-10 pr-4 py-2.5 bg-neutral-100 rounded-full text-[13px] text-black placeholder-neutral-400 outline-none focus:bg-neutral-200 transition-colors"
+    }
+  ))), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isMembersLoading || isTyping ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Loading03Icon, size: 28, className: "animate-spin text-black" })) : members.length === 0 ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No members found.") : members.map((member) => {
+    const isChecked = selectedParticipants.has(member.userId);
+    return /* @__PURE__ */ import_react89.default.createElement(
+      "div",
+      {
+        key: member.id,
+        onClick: () => toggleParticipant(member.userId),
+        className: "flex items-center justify-between p-3 rounded-xl cursor-pointer hover:bg-neutral-50 transition-colors select-none"
+      },
+      /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex items-center gap-3 min-w-0 flex-1" }, /* @__PURE__ */ import_react89.default.createElement(MemberAvatar3, { src: member.avatarUrl, sizeClass: "w-9 h-9" }), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[13px] text-black truncate" }, member.fullName), /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[11px] text-neutral-400 capitalize truncate" }, member.role.toLowerCase()))),
+      /* @__PURE__ */ import_react89.default.createElement("div", { className: "shrink-0 pl-3" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: `w-5 h-5 rounded-full flex items-center justify-center transition-colors ${isChecked ? "bg-[#068afe]" : "border border-neutral-300 bg-white"}` }, isChecked && /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.Tick02Icon, size: 14, className: "text-white" })))
+    );
+  })), /* @__PURE__ */ import_react89.default.createElement("div", { className: "p-4 flex items-center justify-between shrink-0  bg-white" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest" }, "Page ", membersCurrentPage, " of ", membersTotalPages === 0 ? 1 : membersTotalPages), /* @__PURE__ */ import_react89.default.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ import_react89.default.createElement(
+    "button",
+    {
+      disabled: membersCurrentPage <= 1 || isMembersLoading,
+      onClick: () => onMembersPageChange(membersCurrentPage - 1),
+      className: "w-7 h-7 flex items-center justify-center rounded-full bg-white border border-neutral-200 text-neutral-600 disabled:opacity-30 outline-none hover:bg-neutral-50 transition-colors"
+    },
+    /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.ArrowLeft01Icon, size: 12 })
+  ), /* @__PURE__ */ import_react89.default.createElement(
+    "button",
+    {
+      disabled: membersCurrentPage >= membersTotalPages || membersTotalPages === 0 || isMembersLoading,
+      onClick: () => onMembersPageChange(membersCurrentPage + 1),
+      className: "w-7 h-7 flex items-center justify-center rounded-full bg-white border border-neutral-200 text-neutral-600 disabled:opacity-30 outline-none hover:bg-neutral-50 transition-colors"
+    },
+    /* @__PURE__ */ import_react89.default.createElement(import_react90.HugeiconsIcon, { icon: import_core_free_icons33.ArrowRight01Icon, size: 12 })
+  ))))));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppBento2,
@@ -5564,6 +5938,7 @@ var UniversalSettings = ({
   UniversalBuyCryptoPage,
   UniversalCardActionPage,
   UniversalCardPage,
+  UniversalCreateHuddle,
   UniversalErrorView,
   UniversalHome2,
   UniversalHomeView,

package/dist/index.mjs

@@ -5571,6 +5571,394 @@ var UniversalSettings = ({
     /* @__PURE__ */ React50.createElement(HugeiconsIcon36, { icon: PlusSignIcon3, size: 16 })
   )), /* @__PURE__ */ React50.createElement("div", { className: "mt-4 px-1" }, /* @__PURE__ */ React50.createElement("p", { className: "text-[11px] text-neutral-500 leading-relaxed max-w-lg" }, "AI credits are consumed when generating intelligent summaries, transcriptions, and automated huddle insights. Additional credits are billed dynamically to your primary payment method."))));
 };
+
+// src/components/UniversalCreateHuddle.tsx
+import React52, { useState as useState38, useEffect as useEffect21, useRef as useRef14 } from "react";
+import toast15 from "react-hot-toast";
+import { HugeiconsIcon as HugeiconsIcon38 } from "@hugeicons/react";
+import {
+  ArrowLeft01Icon as ArrowLeft01Icon18,
+  ArrowRight01Icon as ArrowRight01Icon14,
+  Loading03Icon as Loading03Icon24,
+  Search01Icon as Search01Icon6,
+  Calendar01Icon,
+  Clock01Icon,
+  Globe02Icon,
+  Tick02Icon
+} from "@hugeicons/core-free-icons";
+
+// src/components/CalendarPicker.tsx
+import React51, { useState as useState37, useEffect as useEffect20 } from "react";
+import { HugeiconsIcon as HugeiconsIcon37 } from "@hugeicons/react";
+import {
+  CancelCircleIcon as CancelCircleIcon11,
+  ArrowLeft01Icon as ArrowLeft01Icon17,
+  ArrowRight01Icon as ArrowRight01Icon13,
+  ArrowUp01Icon,
+  ArrowDown01Icon
+} from "@hugeicons/core-free-icons";
+var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+var DAYS_OF_WEEK = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var CalendarPicker = ({
+  isOpen,
+  onClose,
+  initialDate,
+  defaultMode,
+  onConfirm
+}) => {
+  const [mode, setMode] = useState37(defaultMode);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const maxDate = new Date(today.getFullYear() + 1, 11, 31);
+  maxDate.setHours(23, 59, 59, 999);
+  const [viewMonth, setViewMonth] = useState37(initialDate.getMonth());
+  const [viewYear, setViewYear] = useState37(initialDate.getFullYear());
+  const [selectedDate, setSelectedDate] = useState37(new Date(initialDate.getFullYear(), initialDate.getMonth(), initialDate.getDate()));
+  const [hour, setHour] = useState37(initialDate.getHours() % 12 || 12);
+  const [minute, setMinute] = useState37(initialDate.getMinutes());
+  const [ampm, setAmpm] = useState37(initialDate.getHours() >= 12 ? "PM" : "AM");
+  useEffect20(() => {
+    if (isOpen) {
+      setMode(defaultMode);
+      setViewMonth(initialDate.getMonth());
+      setViewYear(initialDate.getFullYear());
+      setSelectedDate(new Date(initialDate.getFullYear(), initialDate.getMonth(), initialDate.getDate()));
+      setHour(initialDate.getHours() % 12 || 12);
+      setMinute(initialDate.getMinutes());
+      setAmpm(initialDate.getHours() >= 12 ? "PM" : "AM");
+    }
+  }, [isOpen, initialDate, defaultMode]);
+  if (!isOpen) return null;
+  const handlePrevMonth = () => {
+    if (viewYear === today.getFullYear() && viewMonth === today.getMonth()) return;
+    if (viewMonth === 0) {
+      setViewMonth(11);
+      setViewYear((y) => y - 1);
+    } else {
+      setViewMonth((m) => m - 1);
+    }
+  };
+  const handleNextMonth = () => {
+    if (viewYear === maxDate.getFullYear() && viewMonth === 11) return;
+    if (viewMonth === 11) {
+      setViewMonth(0);
+      setViewYear((y) => y + 1);
+    } else {
+      setViewMonth((m) => m + 1);
+    }
+  };
+  const isDateDisabled = (year, month, day) => {
+    const d = new Date(year, month, day);
+    return d < today || d > maxDate;
+  };
+  const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();
+  const firstDayOffset = new Date(viewYear, viewMonth, 1).getDay();
+  const adjustTime = (type, dir) => {
+    if (type === "H") {
+      setHour((h) => {
+        let next = h + dir;
+        if (next > 12) return 1;
+        if (next < 1) return 12;
+        return next;
+      });
+    }
+    if (type === "M") {
+      setMinute((m) => {
+        let next = m + dir;
+        if (next > 59) return 0;
+        if (next < 0) return 59;
+        return next;
+      });
+    }
+    if (type === "A") {
+      setAmpm((a) => a === "AM" ? "PM" : "AM");
+    }
+  };
+  const handleSave = () => {
+    const final = new Date(selectedDate);
+    let h24 = hour;
+    if (ampm === "PM" && hour < 12) h24 += 12;
+    if (ampm === "AM" && hour === 12) h24 = 0;
+    final.setHours(h24, minute, 0, 0);
+    onConfirm(final);
+    onClose();
+  };
+  return /* @__PURE__ */ React51.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React51.createElement("div", { className: "absolute inset-0 bg-black/40", onClick: onClose }), /* @__PURE__ */ React51.createElement("div", { className: "relative w-full max-w-sm bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200" }, /* @__PURE__ */ React51.createElement("div", { className: "p-4 pb-0  flex flex-col gap-4" }, /* @__PURE__ */ React51.createElement("div", { className: "flex items-center justify-between shrink-0" }, /* @__PURE__ */ React51.createElement("h3", { className: "text-[15px] text-black tracking-tight " }, "Select Date & Time"), /* @__PURE__ */ React51.createElement("button", { onClick: onClose, className: "text-neutral-400 hover:text-black transition-colors outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: CancelCircleIcon11, size: 18 }))), /* @__PURE__ */ React51.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React51.createElement(
+    "button",
+    {
+      onClick: () => setMode("DATE"),
+      className: `pb-2 text-[12px] tracking-wide outline-none border-b-2 transition-colors ${mode === "DATE" ? "border-[#068afe] text-[#068afe]" : "border-transparent text-neutral-500 hover:text-black"}`
+    },
+    "Date"
+  ), /* @__PURE__ */ React51.createElement(
+    "button",
+    {
+      onClick: () => setMode("TIME"),
+      className: `pb-2 text-[12px] tracking-wide outline-none border-b-2 transition-colors ${mode === "TIME" ? "border-[#068afe] text-[#068afe]" : "border-transparent text-neutral-500 hover:text-black"}`
+    },
+    "Time"
+  ))), /* @__PURE__ */ React51.createElement("div", { className: "p-5" }, mode === "DATE" && /* @__PURE__ */ React51.createElement("div", { className: "flex flex-col gap-4 animate-in fade-in duration-200" }, /* @__PURE__ */ React51.createElement("div", { className: "flex items-center justify-between px-2" }, /* @__PURE__ */ React51.createElement("span", { className: "text-[13px]  text-black" }, MONTHS[viewMonth], " ", viewYear), /* @__PURE__ */ React51.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React51.createElement(
+    "button",
+    {
+      onClick: handlePrevMonth,
+      disabled: viewYear === today.getFullYear() && viewMonth === today.getMonth(),
+      className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-neutral-100 disabled:opacity-30 disabled:cursor-not-allowed outline-none transition-colors"
+    },
+    /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowLeft01Icon17, size: 16, className: "text-black" })
+  ), /* @__PURE__ */ React51.createElement(
+    "button",
+    {
+      onClick: handleNextMonth,
+      disabled: viewYear === maxDate.getFullYear() && viewMonth === 11,
+      className: "w-8 h-8 flex items-center justify-center rounded-full hover:bg-neutral-100 disabled:opacity-30 disabled:cursor-not-allowed outline-none transition-colors"
+    },
+    /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowRight01Icon13, size: 16, className: "text-black" })
+  ))), /* @__PURE__ */ React51.createElement("div", { className: "grid grid-cols-7 gap-1" }, DAYS_OF_WEEK.map((d) => /* @__PURE__ */ React51.createElement("div", { key: d, className: "text-center text-[10px] text-neutral-400  py-2" }, d)), Array.from({ length: firstDayOffset }).map((_, i) => /* @__PURE__ */ React51.createElement("div", { key: `empty-${i}` })), Array.from({ length: daysInMonth }).map((_, i) => {
+    const day = i + 1;
+    const isDisabled = isDateDisabled(viewYear, viewMonth, day);
+    const isSelected = selectedDate.getFullYear() === viewYear && selectedDate.getMonth() === viewMonth && selectedDate.getDate() === day;
+    return /* @__PURE__ */ React51.createElement(
+      "button",
+      {
+        key: day,
+        disabled: isDisabled,
+        onClick: () => setSelectedDate(new Date(viewYear, viewMonth, day)),
+        className: `h-9 w-9 rounded-full flex items-center justify-center text-[12px] transition-colors outline-none
+                                                ${isDisabled ? "text-neutral-300 cursor-not-allowed" : isSelected ? "bg-[#068afe] text-white" : "text-black hover:bg-neutral-100"}`
+      },
+      day
+    );
+  }))), mode === "TIME" && /* @__PURE__ */ React51.createElement("div", { className: "flex items-center justify-center gap-6 py-6 animate-in fade-in duration-200" }, /* @__PURE__ */ React51.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React51.createElement("button", { onClick: () => adjustTime("H", 1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowUp01Icon, size: 20, className: "text-neutral-500" })), /* @__PURE__ */ React51.createElement("span", { className: "text-3xl  text-black w-12 text-center" }, hour.toString().padStart(2, "0")), /* @__PURE__ */ React51.createElement("button", { onClick: () => adjustTime("H", -1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowDown01Icon, size: 20, className: "text-neutral-500" }))), /* @__PURE__ */ React51.createElement("span", { className: "text-3xl  text-neutral-300 pb-2" }, ":"), /* @__PURE__ */ React51.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React51.createElement("button", { onClick: () => adjustTime("M", 1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowUp01Icon, size: 20, className: "text-neutral-500" })), /* @__PURE__ */ React51.createElement("span", { className: "text-3xl  text-black w-12 text-center" }, minute.toString().padStart(2, "0")), /* @__PURE__ */ React51.createElement("button", { onClick: () => adjustTime("M", -1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowDown01Icon, size: 20, className: "text-neutral-500" }))), /* @__PURE__ */ React51.createElement("div", { className: "flex flex-col items-center gap-4 ml-2" }, /* @__PURE__ */ React51.createElement("button", { onClick: () => adjustTime("A", 1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowUp01Icon, size: 20, className: "text-neutral-500" })), /* @__PURE__ */ React51.createElement("span", { className: "text-xl  text-[#068afe] w-12 text-center" }, ampm), /* @__PURE__ */ React51.createElement("button", { onClick: () => adjustTime("A", -1), className: "p-2 rounded-full hover:bg-neutral-100 outline-none" }, /* @__PURE__ */ React51.createElement(HugeiconsIcon37, { icon: ArrowDown01Icon, size: 20, className: "text-neutral-500" }))))), /* @__PURE__ */ React51.createElement("div", { className: "p-5 flex justify-end shrink-0" }, /* @__PURE__ */ React51.createElement(
+    "button",
+    {
+      onClick: handleSave,
+      className: "text-[#068afe] hover:text-[#0573d6] transition-colors outline-none text-[13px]  tracking-wide"
+    },
+    "Done"
+  ))));
+};
+
+// src/components/UniversalCreateHuddle.tsx
+var MemberAvatar3 = ({ src, sizeClass = "w-10 h-10" }) => {
+  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__ */ React52.createElement("div", { className: `relative shrink-0 ${sizeClass}` }, /* @__PURE__ */ React52.createElement("div", { className: "w-full h-full rounded-lg bg-neutral-100 flex items-center justify-center overflow-hidden" }, !loaded && !error && /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Loading03Icon24, className: "animate-spin text-neutral-400 absolute", size: 14 }), /* @__PURE__ */ React52.createElement(
+    "img",
+    {
+      src: error || !src ? defaultAvatar : src,
+      alt: "Avatar",
+      className: `w-full h-full object-cover transition-opacity duration-300 ${loaded || error ? "opacity-100" : "opacity-0"}`,
+      onLoad: () => setLoaded(true),
+      onError: () => setError(true)
+    }
+  )));
+};
+var STANDARD_TIMEZONES = [
+  "UTC",
+  "America/New_York",
+  "America/Chicago",
+  "America/Denver",
+  "America/Los_Angeles",
+  "Europe/London",
+  "Europe/Paris",
+  "Europe/Berlin",
+  "Africa/Lagos",
+  "Africa/Johannesburg",
+  "Asia/Dubai",
+  "Asia/Kolkata",
+  "Asia/Singapore",
+  "Asia/Tokyo",
+  "Australia/Sydney"
+];
+var UniversalCreateHuddle = ({
+  onBackHref,
+  members,
+  isMembersLoading,
+  membersCurrentPage,
+  membersTotalPages,
+  onMembersPageChange,
+  membersSearchQuery,
+  onMembersSearchChange,
+  onCreateSubmit
+}) => {
+  const [huddleDate, setHuddleDate] = useState38(() => {
+    const d = /* @__PURE__ */ new Date();
+    d.setHours(d.getHours() + 1, 0, 0, 0);
+    return d;
+  });
+  const [title, setTitle] = useState38("");
+  const [isPrivate, setIsPrivate] = useState38(false);
+  const [timezone, setTimezone] = useState38("UTC");
+  useEffect21(() => {
+    try {
+      setTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone);
+    } catch (e) {
+    }
+  }, []);
+  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 = useRef14(null);
+  const handleSearchInput = (e) => {
+    const val = e.target.value;
+    setLocalSearchQuery(val);
+    setIsTyping(true);
+    if (typingTimer.current) clearTimeout(typingTimer.current);
+    typingTimer.current = setTimeout(() => {
+      onMembersSearchChange(val);
+      setTimeout(() => setIsTyping(false), 150);
+    }, 600);
+  };
+  const toggleParticipant = (userId) => {
+    const newSet = new Set(selectedParticipants);
+    if (newSet.has(userId)) newSet.delete(userId);
+    else newSet.add(userId);
+    setSelectedParticipants(newSet);
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    const cleanTitle = title.trim();
+    if (cleanTitle.length < 2) return toast15.error("Please enter a valid huddle name.");
+    if (isPrivate && selectedParticipants.size === 0) return toast15.error("Private huddles require at least one participant.");
+    setIsSubmitting(true);
+    try {
+      await onCreateSubmit({
+        title: cleanTitle,
+        huddleType: isPrivate ? "PRIVATE" : "PUBLIC",
+        startTime: huddleDate.toISOString(),
+        timezone,
+        participantIds: isPrivate ? Array.from(selectedParticipants) : []
+      });
+    } catch (error) {
+      toast15.error(error.message || "Failed to schedule huddle.");
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ React52.createElement("div", { className: "w-full max-w-3xl mx-auto flex flex-col animate-in fade-in duration-300 relative" }, /* @__PURE__ */ React52.createElement(ManagedToaster, null), /* @__PURE__ */ React52.createElement("div", { className: "mb-6 flex w-full items-center px-1" }, /* @__PURE__ */ React52.createElement("a", { href: onBackHref, className: "flex items-center gap-2 text-[#068afe] hover:text-[#068afe] transition-colors text-[13px] outline-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: ArrowLeft01Icon18, size: 16 }), " Back")), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-1 mb-8 px-1" }, /* @__PURE__ */ React52.createElement("h1", { className: "text-black text-xl tracking-tight" }, "Create Huddle"), /* @__PURE__ */ React52.createElement("p", { className: "text-xs text-neutral-500" }, "Schedule a new workspace huddle and manage participant access.")), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col gap-8 animate-in rounded-2xl p-6 bg-white fade-in duration-300" }, /* @__PURE__ */ React52.createElement("form", { className: "flex flex-col gap-8", onSubmit: handleSubmit, autoComplete: "off" }, /* @__PURE__ */ React52.createElement(
+    TextInput,
+    {
+      label: "Huddle Subject",
+      value: title,
+      onChange: (val) => setTitle(val.substring(0, 80)),
+      disabled: isSubmitting,
+      placeholder: "e.g. Q4 Engineering Sync",
+      maxLength: 80
+    }
+  ), /* @__PURE__ */ React52.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-6" }, /* @__PURE__ */ React52.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React52.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Date"), /* @__PURE__ */ React52.createElement(
+    "div",
+    {
+      onClick: () => !isSubmitting && setCalendarMode("DATE"),
+      className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 cursor-pointer ${isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black"}`
+    },
+    /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Calendar01Icon, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ React52.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" }))
+  )), /* @__PURE__ */ React52.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React52.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Time"), /* @__PURE__ */ React52.createElement(
+    "div",
+    {
+      onClick: () => !isSubmitting && setCalendarMode("TIME"),
+      className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 cursor-pointer ${isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black"}`
+    },
+    /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Clock01Icon, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ React52.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, huddleDate.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }))
+  )), /* @__PURE__ */ React52.createElement("div", { className: "space-y-1.5 w-full" }, /* @__PURE__ */ React52.createElement("label", { className: "text-[11px] text-neutral-400 tracking-[0.2em] block" }, "Timezone"), /* @__PURE__ */ React52.createElement(
+    "div",
+    {
+      onClick: () => !isSubmitting && setShowTimezoneModal(true),
+      className: `flex items-center relative w-full border-b border-neutral-200 transition-all duration-300 pb-3 pt-3 cursor-pointer ${isSubmitting ? "opacity-50 pointer-events-none" : "hover:border-black"}`
+    },
+    /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Globe02Icon, size: 16, className: "text-neutral-400 absolute left-0" }),
+    /* @__PURE__ */ React52.createElement("span", { className: "w-full pl-8 text-sm text-black truncate block" }, timezone)
+  ))), /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between py-2 border-t border-b border-neutral-100 mt-2" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React52.createElement("span", { className: "text-[13px] text-black tracking-tight" }, "Private Huddle"), /* @__PURE__ */ React52.createElement("span", { className: "text-[11px] text-neutral-500" }, "Only invited members can join.")), /* @__PURE__ */ React52.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setIsPrivate(!isPrivate),
+      disabled: isSubmitting,
+      className: `relative w-11 h-6 rounded-full transition-colors outline-none shrink-0 ${isPrivate ? "bg-[#068afe]" : "bg-neutral-200"}`
+    },
+    /* @__PURE__ */ React52.createElement("div", { className: `absolute top-1 left-1 bg-white w-4 h-4 rounded-full transition-transform ${isPrivate ? "translate-x-5" : "translate-x-0"}` })
+  )), isPrivate && /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between animate-in fade-in zoom-in-95 duration-200 bg-neutral-50 p-4 rounded-xl" }, /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React52.createElement("span", { className: "text-[12px] text-black tracking-tight" }, "Participants"), /* @__PURE__ */ React52.createElement("span", { className: "text-[11px] text-[#068afe] " }, selectedParticipants.size === 0 ? "0 added" : selectedParticipants.size >= 1e3 ? `${(selectedParticipants.size / 1e3).toFixed(1)}k+ added` : `${selectedParticipants.size} added`)), /* @__PURE__ */ React52.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setShowMembersModal(true),
+      disabled: isSubmitting,
+      className: "px-4 py-2 border border-neutral-200 text-black text-[11px] tracking-wide rounded-full hover:bg-white transition-colors outline-none bg-transparent"
+    },
+    "Manage Access"
+  )), /* @__PURE__ */ React52.createElement("div", { className: "pt-6" }, /* @__PURE__ */ React52.createElement(
+    ThreeDActionButton,
+    {
+      type: "submit",
+      disabled: isSubmitting || title.trim().length < 2 || isPrivate && selectedParticipants.size === 0,
+      isLoading: isSubmitting,
+      className: "w-full sm:w-auto min-w-40"
+    },
+    "Schedule Huddle"
+  )))), /* @__PURE__ */ React52.createElement(
+    CalendarPicker,
+    {
+      isOpen: calendarMode !== null,
+      onClose: () => setCalendarMode(null),
+      initialDate: huddleDate,
+      defaultMode: calendarMode || "DATE",
+      onConfirm: (d) => setHuddleDate(d)
+    }
+  ), /* @__PURE__ */ React52.createElement(
+    ReusableOptions,
+    {
+      isOpen: showTimezoneModal,
+      onClose: () => setShowTimezoneModal(false),
+      title: "Select Timezone",
+      options: STANDARD_TIMEZONES,
+      selectedOption: timezone,
+      onSelect: (tz) => setTimezone(tz),
+      showSearch: true
+    }
+  ), showMembersModal && /* @__PURE__ */ React52.createElement("div", { className: "fixed inset-0 z-120 flex items-center justify-center p-4 pointer-events-auto" }, /* @__PURE__ */ React52.createElement("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowMembersModal(false) }), /* @__PURE__ */ React52.createElement("div", { className: "relative w-full max-w-md bg-white rounded-2xl flex flex-col overflow-hidden shadow-2xl animate-in zoom-in-95 duration-200 h-[80vh]" }, /* @__PURE__ */ React52.createElement("div", { className: "flex items-center justify-between p-5 shrink-0 " }, /* @__PURE__ */ React52.createElement("h3", { className: "text-[15px] text-black tracking-tight" }, "Select Participants"), /* @__PURE__ */ React52.createElement("button", { onClick: () => setShowMembersModal(false), className: "text-[#068afe] hover:text-[#068afe] transition-colors outline-none text-[13px] " }, "Done")), /* @__PURE__ */ React52.createElement("div", { className: "p-4 shrink-0 " }, /* @__PURE__ */ React52.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React52.createElement("div", { className: "absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Search01Icon6, size: 16, className: "text-neutral-400" })), /* @__PURE__ */ React52.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Search team...",
+      value: localSearchQuery,
+      onChange: handleSearchInput,
+      className: "w-full pl-10 pr-4 py-2.5 bg-neutral-100 rounded-full text-[13px] text-black placeholder-neutral-400 outline-none focus:bg-neutral-200 transition-colors"
+    }
+  ))), /* @__PURE__ */ React52.createElement("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-2 relative" }, isMembersLoading || isTyping ? /* @__PURE__ */ React52.createElement("div", { className: "absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Loading03Icon24, size: 28, className: "animate-spin text-black" })) : members.length === 0 ? /* @__PURE__ */ React52.createElement("div", { className: "p-8 text-center text-xs text-neutral-400" }, "No members found.") : members.map((member) => {
+    const isChecked = selectedParticipants.has(member.userId);
+    return /* @__PURE__ */ React52.createElement(
+      "div",
+      {
+        key: member.id,
+        onClick: () => toggleParticipant(member.userId),
+        className: "flex items-center justify-between p-3 rounded-xl cursor-pointer hover:bg-neutral-50 transition-colors select-none"
+      },
+      /* @__PURE__ */ React52.createElement("div", { className: "flex items-center gap-3 min-w-0 flex-1" }, /* @__PURE__ */ React52.createElement(MemberAvatar3, { src: member.avatarUrl, sizeClass: "w-9 h-9" }), /* @__PURE__ */ React52.createElement("div", { className: "flex flex-col min-w-0 flex-1" }, /* @__PURE__ */ React52.createElement("span", { className: "text-[13px] text-black truncate" }, member.fullName), /* @__PURE__ */ React52.createElement("span", { className: "text-[11px] text-neutral-400 capitalize truncate" }, member.role.toLowerCase()))),
+      /* @__PURE__ */ React52.createElement("div", { className: "shrink-0 pl-3" }, /* @__PURE__ */ React52.createElement("div", { className: `w-5 h-5 rounded-full flex items-center justify-center transition-colors ${isChecked ? "bg-[#068afe]" : "border border-neutral-300 bg-white"}` }, isChecked && /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: Tick02Icon, size: 14, className: "text-white" })))
+    );
+  })), /* @__PURE__ */ React52.createElement("div", { className: "p-4 flex items-center justify-between shrink-0  bg-white" }, /* @__PURE__ */ React52.createElement("span", { className: "text-[10px] text-neutral-400 tracking-widest" }, "Page ", membersCurrentPage, " of ", membersTotalPages === 0 ? 1 : membersTotalPages), /* @__PURE__ */ React52.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React52.createElement(
+    "button",
+    {
+      disabled: membersCurrentPage <= 1 || isMembersLoading,
+      onClick: () => onMembersPageChange(membersCurrentPage - 1),
+      className: "w-7 h-7 flex items-center justify-center rounded-full bg-white border border-neutral-200 text-neutral-600 disabled:opacity-30 outline-none hover:bg-neutral-50 transition-colors"
+    },
+    /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: ArrowLeft01Icon18, size: 12 })
+  ), /* @__PURE__ */ React52.createElement(
+    "button",
+    {
+      disabled: membersCurrentPage >= membersTotalPages || membersTotalPages === 0 || isMembersLoading,
+      onClick: () => onMembersPageChange(membersCurrentPage + 1),
+      className: "w-7 h-7 flex items-center justify-center rounded-full bg-white border border-neutral-200 text-neutral-600 disabled:opacity-30 outline-none hover:bg-neutral-50 transition-colors"
+    },
+    /* @__PURE__ */ React52.createElement(HugeiconsIcon38, { icon: ArrowRight01Icon14, size: 12 })
+  ))))));
+};
 export {
   AppBento2,
   CardInfoDialog,
@@ -5605,6 +5993,7 @@ export {
   UniversalBuyCryptoPage,
   UniversalCardActionPage,
   UniversalCardPage,
+  UniversalCreateHuddle,
   UniversalErrorView,
   UniversalHome2,
   UniversalHomeView,

package/package.json

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