@expcat/tigercat-react 0.1.6 → 0.1.8

package/dist/{chunk-W7HUFFPJ.mjs → chunk-BIWO5KB4.mjs}

@@ -36,28 +36,28 @@ var Icon = ({ path, className, isLoading = false }) => {
     }
   );
 };
-var MessageItem = ({ message: message2, onClose }) => {
+var MessageItem = ({ message, onClose }) => {
   const [isVisible, setIsVisible] = useState(false);
   useEffect(() => {
     setTimeout(() => setIsVisible(true), 10);
   }, []);
-  const colorScheme = getMessageTypeClasses(message2.type, defaultMessageThemeColors);
+  const colorScheme = getMessageTypeClasses(message.type, defaultMessageThemeColors);
   const messageClasses = classNames(
     messageBaseClasses,
     colorScheme.bg,
     colorScheme.border,
     colorScheme.text,
-    message2.className,
+    message.className,
     isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
   );
-  const iconPath = message2.icon || getMessageIconPath(message2.type);
+  const iconPath = message.icon || getMessageIconPath(message.type);
   const iconClass = classNames(messageIconClasses, colorScheme.icon);
   const handleClose = useCallback(() => {
     setIsVisible(false);
-    setTimeout(() => onClose(message2.id), 300);
-  }, [message2.id, onClose]);
-  const a11yRole = message2.type === "error" ? "alert" : "status";
-  const ariaLive = message2.type === "error" ? "assertive" : "polite";
+    setTimeout(() => onClose(message.id), 300);
+  }, [message.id, onClose]);
+  const a11yRole = message.type === "error" ? "alert" : "status";
+  const ariaLive = message.type === "error" ? "assertive" : "polite";
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -65,14 +65,14 @@ var MessageItem = ({ message: message2, onClose }) => {
       role: a11yRole,
       "aria-live": ariaLive,
       "aria-atomic": "true",
-      "aria-busy": message2.type === "loading" || void 0,
+      "aria-busy": message.type === "loading" || void 0,
       "data-tiger-message": true,
-      "data-tiger-message-type": message2.type,
-      "data-tiger-message-id": String(message2.id),
+      "data-tiger-message-type": message.type,
+      "data-tiger-message-id": String(message.id),
       children: [
-        /* @__PURE__ */ jsx(Icon, { path: iconPath, className: iconClass, isLoading: message2.type === "loading" }),
-        /* @__PURE__ */ jsx("div", { className: messageContentClasses, children: message2.content }),
-        message2.closable && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Icon, { path: iconPath, className: iconClass, isLoading: message.type === "loading" }),
+        /* @__PURE__ */ jsx("div", { className: messageContentClasses, children: message.content }),
+        message.closable && /* @__PURE__ */ jsx(
           "button",
           {
             className: messageCloseButtonClasses,
@@ -121,7 +121,7 @@ var MessageContainer = ({ position = "top" }) => {
       "aria-live": "polite",
       "aria-relevant": "additions",
       "data-tiger-message-container": true,
-      children: messages.map((message2) => /* @__PURE__ */ jsx(MessageItem, { message: message2, onClose: handleRemove }, message2.id))
+      children: messages.map((message) => /* @__PURE__ */ jsx(MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
@@ -215,7 +215,7 @@ function normalizeOptions(options) {
   }
   return options;
 }
-var message = {
+var Message = {
   /**
    * Show an info message
    */
@@ -258,6 +258,6 @@ var message = {
     clearAll();
   }
 };
-var Message_default = message;
+var Message_default = Message;
 
-export { MessageContainer, Message_default, message };
+export { Message, MessageContainer, Message_default };

package/dist/{chunk-EUHWE7MN.js → chunk-KSW5JDIV.js}

@@ -38,28 +38,28 @@ var Icon = ({ path, className, isLoading = false }) => {
     }
   );
 };
-var MessageItem = ({ message: message2, onClose }) => {
+var MessageItem = ({ message, onClose }) => {
   const [isVisible, setIsVisible] = react.useState(false);
   react.useEffect(() => {
     setTimeout(() => setIsVisible(true), 10);
   }, []);
-  const colorScheme = tigercatCore.getMessageTypeClasses(message2.type, tigercatCore.defaultMessageThemeColors);
+  const colorScheme = tigercatCore.getMessageTypeClasses(message.type, tigercatCore.defaultMessageThemeColors);
   const messageClasses = tigercatCore.classNames(
     tigercatCore.messageBaseClasses,
     colorScheme.bg,
     colorScheme.border,
     colorScheme.text,
-    message2.className,
+    message.className,
     isVisible ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2"
   );
-  const iconPath = message2.icon || tigercatCore.getMessageIconPath(message2.type);
+  const iconPath = message.icon || tigercatCore.getMessageIconPath(message.type);
   const iconClass = tigercatCore.classNames(tigercatCore.messageIconClasses, colorScheme.icon);
   const handleClose = react.useCallback(() => {
     setIsVisible(false);
-    setTimeout(() => onClose(message2.id), 300);
-  }, [message2.id, onClose]);
-  const a11yRole = message2.type === "error" ? "alert" : "status";
-  const ariaLive = message2.type === "error" ? "assertive" : "polite";
+    setTimeout(() => onClose(message.id), 300);
+  }, [message.id, onClose]);
+  const a11yRole = message.type === "error" ? "alert" : "status";
+  const ariaLive = message.type === "error" ? "assertive" : "polite";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -67,14 +67,14 @@ var MessageItem = ({ message: message2, onClose }) => {
       role: a11yRole,
       "aria-live": ariaLive,
       "aria-atomic": "true",
-      "aria-busy": message2.type === "loading" || void 0,
+      "aria-busy": message.type === "loading" || void 0,
       "data-tiger-message": true,
-      "data-tiger-message-type": message2.type,
-      "data-tiger-message-id": String(message2.id),
+      "data-tiger-message-type": message.type,
+      "data-tiger-message-id": String(message.id),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: iconPath, className: iconClass, isLoading: message2.type === "loading" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.messageContentClasses, children: message2.content }),
-        message2.closable && /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { path: iconPath, className: iconClass, isLoading: message.type === "loading" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.messageContentClasses, children: message.content }),
+        message.closable && /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             className: tigercatCore.messageCloseButtonClasses,
@@ -123,7 +123,7 @@ var MessageContainer = ({ position = "top" }) => {
       "aria-live": "polite",
       "aria-relevant": "additions",
       "data-tiger-message-container": true,
-      children: messages.map((message2) => /* @__PURE__ */ jsxRuntime.jsx(MessageItem, { message: message2, onClose: handleRemove }, message2.id))
+      children: messages.map((message) => /* @__PURE__ */ jsxRuntime.jsx(MessageItem, { message, onClose: handleRemove }, message.id))
     }
   );
 };
@@ -217,7 +217,7 @@ function normalizeOptions(options) {
   }
   return options;
 }
-var message = {
+var Message = {
   /**
    * Show an info message
    */
@@ -260,8 +260,8 @@ var message = {
     clearAll();
   }
 };
-var Message_default = message;
+var Message_default = Message;
 
+exports.Message = Message;
 exports.MessageContainer = MessageContainer;
 exports.Message_default = Message_default;
-exports.message = message;

package/dist/components/Message.d.mts

@@ -14,7 +14,7 @@ declare const MessageContainer: React.FC<MessageContainerProps>;
 /**
  * Message API
  */
-declare const message: {
+declare const Message: {
     /**
      * Show an info message
      */
@@ -41,4 +41,4 @@ declare const message: {
     clear(): void;
 };
 
-export { MessageContainer, type MessageContainerProps, message as default, message };
+export { Message, MessageContainer, type MessageContainerProps, Message as default };

package/dist/components/Message.d.ts

@@ -14,7 +14,7 @@ declare const MessageContainer: React.FC<MessageContainerProps>;
 /**
  * Message API
  */
-declare const message: {
+declare const Message: {
     /**
      * Show an info message
      */
@@ -41,4 +41,4 @@ declare const message: {
     clear(): void;
 };
 
-export { MessageContainer, type MessageContainerProps, message as default, message };
+export { Message, MessageContainer, type MessageContainerProps, Message as default };

package/dist/components/Message.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkEUHWE7MN_js = require('../chunk-EUHWE7MN.js');
+var chunkKSW5JDIV_js = require('../chunk-KSW5JDIV.js');
 
 
 
-Object.defineProperty(exports, "MessageContainer", {
+Object.defineProperty(exports, "Message", {
   enumerable: true,
-  get: function () { return chunkEUHWE7MN_js.MessageContainer; }
+  get: function () { return chunkKSW5JDIV_js.Message; }
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "MessageContainer", {
   enumerable: true,
-  get: function () { return chunkEUHWE7MN_js.Message_default; }
+  get: function () { return chunkKSW5JDIV_js.MessageContainer; }
 });
-Object.defineProperty(exports, "message", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkEUHWE7MN_js.message; }
+  get: function () { return chunkKSW5JDIV_js.Message_default; }
 });

package/dist/components/Message.mjs

@@ -1 +1 @@
-export { MessageContainer, Message_default as default, message } from '../chunk-W7HUFFPJ.mjs';
+export { Message, MessageContainer, Message_default as default } from '../chunk-BIWO5KB4.mjs';

package/dist/index.d.mts

@@ -57,7 +57,7 @@ export { DropdownItem, DropdownItemProps } from './components/DropdownItem.mjs';
 export { Drawer, DrawerProps } from './components/Drawer.mjs';
 export { Modal, ModalProps } from './components/Modal.mjs';
 export { Alert, AlertProps } from './components/Alert.mjs';
-export { MessageContainer, MessageContainerProps, default as message } from './components/Message.mjs';
+export { default as Message, MessageContainer, MessageContainerProps } from './components/Message.mjs';
 export { NotificationContainer, NotificationContainerProps, default as notification } from './components/Notification.mjs';
 export { Loading, LoadingProps } from './components/Loading.mjs';
 export { Popconfirm, PopconfirmProps } from './components/Popconfirm.mjs';

package/dist/index.d.ts

@@ -57,7 +57,7 @@ export { DropdownItem, DropdownItemProps } from './components/DropdownItem.js';
 export { Drawer, DrawerProps } from './components/Drawer.js';
 export { Modal, ModalProps } from './components/Modal.js';
 export { Alert, AlertProps } from './components/Alert.js';
-export { MessageContainer, MessageContainerProps, default as message } from './components/Message.js';
+export { default as Message, MessageContainer, MessageContainerProps } from './components/Message.js';
 export { NotificationContainer, NotificationContainerProps, default as notification } from './components/Notification.js';
 export { Loading, LoadingProps } from './components/Loading.js';
 export { Popconfirm, PopconfirmProps } from './components/Popconfirm.js';

package/dist/index.js

@@ -24,7 +24,7 @@ var chunkIY4LEJYF_js = require('./chunk-IY4LEJYF.js');
 var chunkLXA2YBAO_js = require('./chunk-LXA2YBAO.js');
 var chunk3WPKVV4N_js = require('./chunk-3WPKVV4N.js');
 var chunkQFVE7GKD_js = require('./chunk-QFVE7GKD.js');
-var chunkEUHWE7MN_js = require('./chunk-EUHWE7MN.js');
+var chunkKSW5JDIV_js = require('./chunk-KSW5JDIV.js');
 var chunkTBIEWDY5_js = require('./chunk-TBIEWDY5.js');
 var chunkOTRGVENC_js = require('./chunk-OTRGVENC.js');
 var chunkDZJUFU55_js = require('./chunk-DZJUFU55.js');
@@ -183,13 +183,13 @@ Object.defineProperty(exports, "useMenuContext", {
   enumerable: true,
   get: function () { return chunkQFVE7GKD_js.useMenuContext; }
 });
-Object.defineProperty(exports, "MessageContainer", {
+Object.defineProperty(exports, "Message", {
   enumerable: true,
-  get: function () { return chunkEUHWE7MN_js.MessageContainer; }
+  get: function () { return chunkKSW5JDIV_js.Message; }
 });
-Object.defineProperty(exports, "message", {
+Object.defineProperty(exports, "MessageContainer", {
   enumerable: true,
-  get: function () { return chunkEUHWE7MN_js.message; }
+  get: function () { return chunkKSW5JDIV_js.MessageContainer; }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,

package/dist/index.mjs

@@ -22,7 +22,7 @@ export { Skeleton } from './chunk-427CM2U6.mjs';
 export { MenuItemGroup } from './chunk-IWENGARY.mjs';
 export { MenuItem } from './chunk-NSGDRTSQ.mjs';
 export { Menu, useMenuContext } from './chunk-WDAMDVLU.mjs';
-export { MessageContainer, message } from './chunk-W7HUFFPJ.mjs';
+export { Message, MessageContainer } from './chunk-BIWO5KB4.mjs';
 export { Modal } from './chunk-7OLWGHUR.mjs';
 export { NotificationContainer, notification } from './chunk-ADOPAXPG.mjs';
 export { Pagination } from './chunk-CTAMMQBC.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "React components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -38,7 +38,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "0.1.6"
+    "@expcat/tigercat-core": "0.1.8"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",