@tencentcloud/chat-uikit-react 3.0.2 → 3.4.2

package/dist/components/ChatHeader/AudioCallPicker/AudioCallPicker.js

@@ -0,0 +1,135 @@
+import { jsx as a, Fragment as V, jsxs as B } from "react/jsx-runtime";
+import { useState as j, useRef as z, useMemo as n, useCallback as r } from "react";
+import { useUIKit as K, IconCallFilled as X, Dialog as Y } from "@tencentcloud/uikit-base-component-react";
+import { c as Z } from "../../../external_modules/classnames-HRMVOjAa.js";
+import { b as $, a as q, y as H, C as y, s as h, V as J, O as Q } from "../../../index-UBuvRM8r-DTXQB6zV.js";
+import '../../../styles/AudioCallPicker.css';const u = {
+  "audio-call-picker__button": "uikit-audio-call-picker__button",
+  "audio-call-picker__button--disabled": "uikit-audio-call-picker__button--disabled",
+  "audio-call-picker__icon": "uikit-audio-call-picker__icon",
+  "group-call-dialog": "uikit-group-call-dialog"
+}, G = 1, W = 80, v = 8, ee = 1, se = (D) => {
+  const {
+    label: S = "",
+    iconSize: A = 20,
+    disabled: s = !1,
+    className: L,
+    style: P,
+    children: E
+  } = D, { t: p } = K(), { loginUserInfo: i } = $(), { activeConversation: e } = q(), { allMembers: t, getGroupMemberList: _, memberCount: g } = H(), [R, b] = j(!1), d = z(null), k = n(() => i == null ? void 0 : i.userId, [i]), U = n(() => (e == null ? void 0 : e.type) === y.C2C, [e]), x = n(() => (t == null ? void 0 : t.map((o) => ({
+    key: o.userID,
+    label: o.nick || o.userID,
+    avatarUrl: o.avatar
+  }))) ?? [], [t]), N = n(() => !(!e || s), [e, s]), w = r(() => {
+    var l;
+    const o = (l = e == null ? void 0 : e.userProfile) == null ? void 0 : l.userID;
+    if (!o) {
+      console.warn("No peer user ID found for C2C call");
+      return;
+    }
+    try {
+      h({
+        userIDList: [o],
+        type: G
+      });
+    } catch (f) {
+      console.error("Failed to start private audio call:", f);
+    }
+  }, []), C = r(() => {
+    if ((e == null ? void 0 : e.type) !== y.GROUP)
+      return;
+    const o = (t == null ? void 0 : t.length) || 0;
+    o < (g || 0) && _({
+      count: W,
+      offset: o
+    });
+  }, [e, t, g, _]), O = r(() => {
+    C(), b(!0);
+  }, [C]), c = r(() => {
+    b(!1);
+  }, []), I = r(() => {
+    var M;
+    const o = (M = e == null ? void 0 : e.groupProfile) == null ? void 0 : M.groupID;
+    if (!d.current || !o) {
+      console.warn("Missing group information for group call");
+      return;
+    }
+    const l = d.current.getSelectedItems();
+    if (!Array.isArray(l) || l.length === 0) {
+      console.warn("No members selected for group call");
+      return;
+    }
+    const f = l.map((m) => m.key);
+    try {
+      h({
+        userIDList: f,
+        chatGroupID: o,
+        type: G
+      }), c();
+    } catch (m) {
+      console.error("Failed to start group audio call:", m);
+    }
+  }, [c]), F = r(() => {
+    if (!N) {
+      console.warn("Cannot start audio call");
+      return;
+    }
+    U ? w() : O();
+  }, []), T = r(() => {
+    I();
+  }, [I]);
+  return /* @__PURE__ */ a(V, { children: /* @__PURE__ */ B(J, { children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: Z(
+          u["audio-call-picker__button"],
+          {
+            [u["audio-call-picker__button--disabled"]]: s
+          },
+          L
+        ),
+        style: P,
+        onClick: F,
+        disabled: s,
+        "aria-label": S || "Audio Call",
+        children: E || /* @__PURE__ */ a(
+          X,
+          {
+            className: u["audio-call-picker__icon"],
+            size: `${A}px`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ a(
+      Y,
+      {
+        visible: R,
+        title: p("MessageInput.select_call_members"),
+        cancelText: p("MessageInput.cancel"),
+        onCancel: c,
+        onClose: c,
+        confirmText: p("MessageInput.initiate_call"),
+        onConfirm: T,
+        className: u["group-call-dialog"],
+        children: /* @__PURE__ */ a(
+          Q,
+          {
+            ref: d,
+            displayMode: "list",
+            dataSource: x,
+            lockedItems: k ? [{ key: k }] : [],
+            maxCount: v,
+            minCount: ee,
+            onReachEnd: C
+          }
+        )
+      }
+    )
+  ] }) });
+};
+export {
+  se as AudioCallPicker
+};

package/dist/components/ChatHeader/AudioCallPicker/index.d.ts

@@ -0,0 +1 @@
+export { AudioCallPicker } from './AudioCallPicker';

package/dist/components/ChatHeader/AudioCallPicker/index.js

@@ -0,0 +1,4 @@
+import { AudioCallPicker as e } from "./AudioCallPicker.js";
+export {
+  e as AudioCallPicker
+};

package/dist/components/ChatHeader/ChatHeader.d.ts

@@ -7,10 +7,16 @@ interface ChatHeaderProps {
     avatar?: string | undefined;
     /** Whether to show user status */
     enableUserStatus?: boolean | undefined;
+    /** Whether to show call features */
+    enableCall?: boolean | undefined;
     /** Whether to enable chat setting */
     chatHeaderActions?: Array<'videoCall' | 'audioCall' | 'chatSetting' | 'search'> | undefined;
     /** Custom avatar component */
     Avatar?: React.ComponentType<AvatarProps> | undefined;
+    /** Custom left slot */
+    ChatHeaderLeft?: React.ReactNode | undefined;
+    /** Custom right slot */
+    ChatHeaderRight?: React.ReactNode | undefined;
     /** Additional class names */
     className?: string | undefined;
     /** Additional style */

package/dist/components/ChatHeader/ChatHeader.js

@@ -1,51 +1,53 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useEffect as h } from "react";
-import { TUIUserService as v } from "@tencentcloud/chat-uikit-engine";
-import { j as C } from "../../ChatSetting-BtQwjHr0.js";
-import "@tencentcloud/uikit-base-component-react";
-import "@tencentcloud/tui-core";
-import "@tencentcloud/chat";
-import "../../states/UIManagerState.js";
-import { useChatHeaderState as U } from "../../states/ChatHeaderState.js";
-import x from "./ChatHeaderUI/ChatHeaderUI.js";
-const E = (e) => {
+import { jsx as v } from "react/jsx-runtime";
+import { useEffect as H } from "react";
+import { TUIUserService as U } from "@tencentcloud/chat-uikit-engine-lite";
+import { u as x } from "../../index-UBuvRM8r-DTXQB6zV.js";
+import { useChatHeader as y } from "../../hooks/useChatHeader.js";
+import g from "./ChatHeaderUI/ChatHeaderUI.js";
+const w = (t) => {
   const {
-    title: r,
-    avatar: a,
-    enableUserStatus: t = !1,
-    chatHeaderActions: o,
-    Avatar: s,
-    className: i,
-    style: m
-  } = e, {
-    system: c,
-    conversation: n,
+    title: a,
+    avatar: r,
+    enableUserStatus: e = !1,
+    enableCall: s = !1,
+    chatHeaderActions: i,
+    Avatar: o,
+    className: c,
+    style: l,
+    ChatHeaderLeft: n,
+    ChatHeaderRight: m
+  } = t, {
+    system: u,
+    conversation: f,
     isGroup: p,
-    title: l,
-    avatar: f,
-    userStatus: u
-  } = U(), { isPeerTyping: S } = C();
-  return h(() => {
-    v.switchUserStatus({ displayOnlineStatus: t });
-  }, [t]), /* @__PURE__ */ d(
-    x,
+    title: h,
+    avatar: d,
+    userStatus: C
+  } = y(), { isPeerTyping: S } = x();
+  return H(() => {
+    U.switchUserStatus({ displayOnlineStatus: e });
+  }, [e]), /* @__PURE__ */ v(
+    g,
     {
       isGroup: p,
-      title: r || l || "",
-      avatar: a || f,
-      userStatus: u,
-      conversation: n,
+      title: a || h || "",
+      avatar: r || d,
+      userStatus: C,
+      conversation: f,
       isPeerTyping: S,
-      system: c,
-      enableUserStatus: t,
-      chatHeaderActions: o,
-      Avatar: s,
-      style: m,
-      className: i,
-      onSearchClick: e.onSearchClick
+      system: u,
+      enableUserStatus: e,
+      enableCall: s,
+      chatHeaderActions: i,
+      Avatar: o,
+      style: l,
+      className: c,
+      onSearchClick: t.onSearchClick,
+      ChatHeaderLeft: n,
+      ChatHeaderRight: m
     }
   );
 };
 export {
-  E as ChatHeader
+  w as ChatHeader
 };

package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.d.ts

@@ -1,8 +1,7 @@
 import { default as React } from 'react';
-import { IUserStatus } from '../../../types/user';
-import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
-import { AvatarProps } from 'tuikit-atomicx-react';
-interface IChatHeaderUIProps {
+import { UserStatus } from '../../../types/user';
+import { ConversationModel } from 'tuikit-atomicx-react';
+interface ChatHeaderUIProps {
     /** Custom title, if not provided, will use conversation info */
     title: string;
     /** Whether it's a group conversation */
@@ -12,17 +11,23 @@ interface IChatHeaderUIProps {
     /** Whether the peer is typing */
     isPeerTyping?: boolean;
     /** user status */
-    userStatus?: IUserStatus | undefined;
+    userStatus?: UserStatus | undefined;
     /** Whether to show user status */
-    enableUserStatus?: boolean;
+    enableUserStatus?: boolean | undefined;
+    /** Whether to show call features */
+    enableCall?: boolean | undefined;
     /** Whether it's a system conversation */
     system?: boolean | undefined;
     /** IM conversation model */
-    conversation?: IConversationModel | undefined;
+    conversation?: ConversationModel | undefined;
     /** Whether to show call features */
     chatHeaderActions?: Array<'videoCall' | 'audioCall' | 'chatSetting' | 'search'> | undefined;
     /** Custom avatar component */
-    Avatar?: React.ComponentType<AvatarProps> | undefined;
+    Avatar?: React.ComponentType<any> | undefined;
+    /** Custom left slot */
+    ChatHeaderLeft?: React.ReactNode | undefined;
+    /** Custom right slot */
+    ChatHeaderRight?: React.ReactNode | undefined;
     /** Additional class names */
     className?: string | undefined;
     /** Additional style */
@@ -30,5 +35,5 @@ interface IChatHeaderUIProps {
     /** Search click callback */
     onSearchClick?: (() => void) | undefined;
 }
-declare const ChatHeaderUI: (props: IChatHeaderUIProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChatHeaderUI: (props: ChatHeaderUIProps) => import("react/jsx-runtime").JSX.Element;
 export default ChatHeaderUI;

package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.js

@@ -1,87 +1,69 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useUIKit as O, IconChevronLeft as U } from "@tencentcloud/uikit-base-component-react";
-import { i as g, E as I, m as a, V as T } from "../../../ChatSetting-BtQwjHr0.js";
-import "@tencentcloud/chat-uikit-engine";
-import "@tencentcloud/tui-core";
-import "react";
-import "@tencentcloud/chat";
-import { c as n } from "../../../external_modules/classnames-HRMVOjAa.js";
-import { ChatHeaderActions as x } from "../ChatHeaderActions/ChatHeaderActions.js";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useUIKit as C } from "@tencentcloud/uikit-base-component-react";
+import { c as m } from "../../../external_modules/classnames-HRMVOjAa.js";
+import { V as a, A as v } from "../../../index-UBuvRM8r-DTXQB6zV.js";
+import { AudioCallPicker as g } from "../AudioCallPicker/AudioCallPicker.js";
+import { VideoCallPicker as T } from "../VideoCallPicker/VideoCallPicker.js";
 import '../../../styles/ChatHeaderUI.css';const e = {
   "chat-header": "uikit-chat-header",
   "chat-header__container": "uikit-chat-header__container",
   "chat-header__left": "uikit-chat-header__left",
-  "chat-header__back-icon": "uikit-chat-header__back-icon",
   "chat-header__info": "uikit-chat-header__info",
   "chat-header__title": "uikit-chat-header__title",
   "chat-header__typing-indicator": "uikit-chat-header__typing-indicator",
-  "chat-header__live": "uikit-chat-header__live",
-  "icon-button": "uikit-icon-button"
-}, m = {
-  Online: "Online",
-  Offline: "Offline"
-}, L = (f) => {
+  "chat-header__live": "uikit-chat-header__live"
+}, H = (f) => {
   const {
-    title: u,
-    avatar: h,
+    title: h,
+    avatar: s,
     isPeerTyping: p = !1,
-    system: k = !1,
-    userStatus: c,
-    enableUserStatus: C = !0,
-    chatHeaderActions: N,
-    Avatar: s,
-    isGroup: o,
-    className: l,
-    style: _
-  } = f, { t: r } = O(), { setChatSettingOpen: v, setChatSearchOpen: y } = g(), { setActiveConversation: b } = I();
-  if (k)
-    return /* @__PURE__ */ t(
-      a,
-      {
-        className: n(e["chat-header"], l),
-        style: _,
-        children: "System Notice"
-      }
-    );
-  function d() {
-    b(""), v(!1), y(!1);
-  }
-  return /* @__PURE__ */ t(
+    system: u = !1,
+    userStatus: i,
+    enableUserStatus: n = !0,
+    enableCall: N = !1,
+    Avatar: d,
+    isGroup: c,
+    className: _,
+    style: o,
+    ChatHeaderLeft: y = null,
+    ChatHeaderRight: k = null
+  } = f, { t: l } = C();
+  return u ? /* @__PURE__ */ t(
     a,
     {
-      className: n(e["chat-header"], l),
-      style: _,
-      children: /* @__PURE__ */ i(a, { className: e["chat-header__container"], children: [
-        /* @__PURE__ */ i(a, { className: e["chat-header__left"], children: [
-          /* @__PURE__ */ t("button", { className: n(e["icon-button"], e["chat-header__back-icon"]), onClick: d, children: /* @__PURE__ */ t(
-            U,
-            {
-              onClick: d,
-              size: "28px"
-            }
-          ) }),
-          s ? /* @__PURE__ */ t(s, { src: h || "" }) : /* @__PURE__ */ t(T, { src: h || "" }),
-          /* @__PURE__ */ i(a, { className: e["chat-header__info"], children: [
-            /* @__PURE__ */ i(a, { className: e["chat-header__title"], children: [
-              u,
-              !o && p && /* @__PURE__ */ i("span", { className: e["chat-header__typing-indicator"], children: [
+      className: m(e["chat-header"], _),
+      style: o,
+      children: "System Notice"
+    }
+  ) : /* @__PURE__ */ t(
+    a,
+    {
+      className: m(e["chat-header"], _),
+      style: o,
+      children: /* @__PURE__ */ r(a, { className: e["chat-header__container"], children: [
+        /* @__PURE__ */ r(a, { className: e["chat-header__left"], children: [
+          y,
+          d ? /* @__PURE__ */ t(d, { src: s || "", alt: h }) : /* @__PURE__ */ t(v, { src: s || "", alt: h, isShowOnlineStatus: !c && n, isOnline: (i == null ? void 0 : i.statusType) === 1 }),
+          /* @__PURE__ */ r(a, { className: e["chat-header__info"], children: [
+            /* @__PURE__ */ r(a, { className: e["chat-header__title"], children: [
+              h,
+              !c && p && /* @__PURE__ */ r("span", { className: e["chat-header__typing-indicator"], children: [
                 " ",
-                r("TUIChat.Typing")
+                l("TUIChat.Typing")
               ] })
             ] }),
-            !o && C && ((c == null ? void 0 : c.statusType) === 1 ? /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: r(`TUIChat.${m.Online}`) }) : /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: r(`TUIChat.${m.Offline}`) }))
+            !c && n && ((i == null ? void 0 : i.statusType) === 1 ? /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: l("TUIChat.Online") }) : /* @__PURE__ */ t(a, { className: e["chat-header__live"], children: l("TUIChat.Offline") }))
           ] })
         ] }),
-        /* @__PURE__ */ t(
-          x,
-          {
-            chatHeaderActions: N
-          }
-        )
+        N && /* @__PURE__ */ r(a, { className: e["chat-header__call"], flexDir: "row", gap: 8, children: [
+          /* @__PURE__ */ t(g, {}),
+          /* @__PURE__ */ t(T, {})
+        ] }),
+        k
       ] })
     }
   );
 };
 export {
-  L as default
+  H as default
 };

package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+interface VideoCallPickerProps {
+    /**
+     * Label text for the button
+     */
+    label?: string;
+    /**
+     * Icon size in pixels
+     */
+    iconSize?: number;
+    /**
+     * Whether the button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Custom className for the button
+     */
+    className?: string;
+    /**
+     * Custom style for the button
+     */
+    style?: React.CSSProperties;
+    /**
+     * Custom icon slot
+     */
+    children?: React.ReactNode;
+}
+declare const VideoCallPicker: (props: VideoCallPickerProps) => import("react/jsx-runtime").JSX.Element;
+export { VideoCallPicker };
+export type { VideoCallPickerProps };

package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.js

@@ -0,0 +1,135 @@
+import { jsx as s, Fragment as F, jsxs as T } from "react/jsx-runtime";
+import { useState as B, useRef as j, useMemo as n, useCallback as l } from "react";
+import { useUIKit as z, IconVideoFilled as K, Dialog as X } from "@tencentcloud/uikit-base-component-react";
+import { c as Y } from "../../../external_modules/classnames-HRMVOjAa.js";
+import { b as Z, a as $, y as q, C as P, s as S, V as H, O as J } from "../../../index-UBuvRM8r-DTXQB6zV.js";
+import '../../../styles/VideoCallPicker.css';const u = {
+  "video-call-picker__button": "uikit-video-call-picker__button",
+  "video-call-picker__button--disabled": "uikit-video-call-picker__button--disabled",
+  "video-call-picker__icon": "uikit-video-call-picker__icon",
+  "group-call-dialog": "uikit-group-call-dialog"
+}, E = 2, Q = 80, W = 8, ee = 1, ae = (L) => {
+  const {
+    label: R = "",
+    iconSize: V = 20,
+    disabled: a = !1,
+    className: U,
+    style: v,
+    children: x
+  } = L, { t: d } = z(), { loginUserInfo: i } = Z(), { activeConversation: e } = $(), { allMembers: t, getGroupMemberList: _, memberCount: g } = q(), [A, b] = B(!1), p = j(null), k = n(() => i == null ? void 0 : i.userId, [i]), I = n(() => (e == null ? void 0 : e.type) === P.C2C, [e]), N = n(() => (t == null ? void 0 : t.map((o) => ({
+    key: o.userID,
+    label: o.nick || o.userID,
+    avatarUrl: o.avatar
+  }))) ?? [], [t]), M = n(() => !(!e || a), [e, a]), y = l(() => {
+    var r;
+    const o = (r = e == null ? void 0 : e.userProfile) == null ? void 0 : r.userID;
+    if (!o) {
+      console.warn("No peer user ID found for C2C call");
+      return;
+    }
+    try {
+      S({
+        userIDList: [o],
+        type: E
+      });
+    } catch (m) {
+      console.error("Failed to start private video call:", m);
+    }
+  }, [e]), f = l(() => {
+    if ((e == null ? void 0 : e.type) !== P.GROUP)
+      return;
+    const o = (t == null ? void 0 : t.length) || 0;
+    o < (g || 0) && _({
+      count: Q,
+      offset: o
+    });
+  }, [e, t, g, _]), h = l(() => {
+    f(), b(!0);
+  }, [f]), c = l(() => {
+    b(!1);
+  }, []), G = l(() => {
+    var D;
+    const o = (D = e == null ? void 0 : e.groupProfile) == null ? void 0 : D.groupID;
+    if (!p.current || !o) {
+      console.warn("Missing group information for group call");
+      return;
+    }
+    const r = p.current.getSelectedItems();
+    if (!Array.isArray(r) || r.length === 0) {
+      console.warn("No members selected for group call");
+      return;
+    }
+    const m = r.map((C) => C.key);
+    try {
+      S({
+        userIDList: m,
+        chatGroupID: o,
+        type: E
+      }), c();
+    } catch (C) {
+      console.error("Failed to start group video call:", C);
+    }
+  }, [e, c]), w = l(() => {
+    if (!M) {
+      console.warn("Cannot start video call");
+      return;
+    }
+    I ? y() : h();
+  }, [M, I, y, h]), O = l(() => {
+    G();
+  }, [G]);
+  return /* @__PURE__ */ s(F, { children: /* @__PURE__ */ T(H, { children: [
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: Y(
+          u["video-call-picker__button"],
+          {
+            [u["video-call-picker__button--disabled"]]: a
+          },
+          U
+        ),
+        style: v,
+        onClick: w,
+        disabled: a,
+        "aria-label": R || "Video Call",
+        children: x || /* @__PURE__ */ s(
+          K,
+          {
+            className: u["video-call-picker__icon"],
+            size: `${V}px`
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ s(
+      X,
+      {
+        visible: A,
+        title: d("MessageInput.select_call_members"),
+        cancelText: d("MessageInput.cancel"),
+        onCancel: c,
+        onClose: c,
+        confirmText: d("MessageInput.initiate_call"),
+        onConfirm: O,
+        className: u["group-call-dialog"],
+        children: /* @__PURE__ */ s(
+          J,
+          {
+            ref: p,
+            displayMode: "list",
+            dataSource: N,
+            lockedItems: k ? [{ key: k }] : [],
+            maxCount: W,
+            minCount: ee,
+            onReachEnd: f
+          }
+        )
+      }
+    )
+  ] }) });
+};
+export {
+  ae as VideoCallPicker
+};

package/dist/components/ChatHeader/VideoCallPicker/index.d.ts

@@ -0,0 +1 @@
+export { VideoCallPicker } from './VideoCallPicker';

package/dist/components/ChatHeader/VideoCallPicker/index.js

@@ -0,0 +1,4 @@
+import { VideoCallPicker as r } from "./VideoCallPicker.js";
+export {
+  r as VideoCallPicker
+};

package/dist/components/ChatHeader/index.d.ts

@@ -1,2 +1,3 @@
 export * from './ChatHeader';
-export * from './ChatHeaderActions';
+export * from './AudioCallPicker';
+export * from './VideoCallPicker';

package/dist/components/ChatHeader/index.js

@@ -1,6 +1,8 @@
 import { ChatHeader as o } from "./ChatHeader.js";
-import { ChatHeaderActions as a } from "./ChatHeaderActions/ChatHeaderActions.js";
+import { AudioCallPicker as i } from "./AudioCallPicker/AudioCallPicker.js";
+import { VideoCallPicker as t } from "./VideoCallPicker/VideoCallPicker.js";
 export {
+  i as AudioCallPicker,
   o as ChatHeader,
-  a as ChatHeaderActions
+  t as VideoCallPicker
 };

package/dist/components/Checkbox/index.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as c } from "react/jsx-runtime";
 import { useState as k } from "react";
 import { Icon as p } from "../Icon/Icon.js";
 import { IconTypes as l } from "../Icon/type.js";
-import '../../styles/index.css';function g(a) {
+import '../../styles/index2.css';function g(a) {
   const {
     checked: n = !1,
     className: s,

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { jsx as a, Fragment as k } from "react/jsx-runtime";
 import { forwardRef as v, useState as m, useRef as p, useEffect as b } from "react";
 import { c as u } from "../../external_modules/classnames-HRMVOjAa.js";
-import { M as x } from "../../external_modules/mui-BcA3SBHM.js";
+import { M as x } from "../../external_modules/mui-BhvHeL5-.js";
 import { C as A } from "../../external_modules/react-vendors-3raCpd-g.js";
 import '../../styles/Modal.css';const E = "uikit-root", N = "uikit-backdrop", R = "uikit-backdropEnterActive", t = {
   root: E,

package/dist/components/Model/index.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import '../../styles/index2.css';function i(e) {
+import '../../styles/index3.css';function i(e) {
   const {
     className: n,
     onClick: o,