@expcat/tigercat-react 0.1.0 → 0.1.8

package/dist/chunk-6ZTCBQJ7.mjs

@@ -0,0 +1,117 @@
+import { useState, useRef, useEffect } from 'react';
+import { injectShakeStyle, getInputClasses, classNames, getInputAffixClasses, getInputErrorClasses, getInputWrapperClasses, SHAKE_CLASS } from '@expcat/tigercat-core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Input.tsx
+var Input = ({
+  size = "md",
+  type = "text",
+  status = "default",
+  errorMessage,
+  prefix,
+  suffix,
+  value,
+  defaultValue,
+  placeholder = "",
+  disabled = false,
+  readonly = false,
+  required = false,
+  maxLength,
+  minLength,
+  name,
+  id,
+  autoComplete,
+  autoFocus = false,
+  onInput,
+  onChange,
+  onFocus,
+  onBlur,
+  className,
+  style,
+  ...props
+}) => {
+  injectShakeStyle();
+  const [isShaking, setIsShaking] = useState(false);
+  const inputRef = useRef(null);
+  const [internalValue, setInternalValue] = useState(defaultValue ?? "");
+  useEffect(() => {
+    if (status === "error") {
+      setIsShaking(true);
+    }
+  }, [status]);
+  const handleAnimationEnd = () => {
+    setIsShaking(false);
+  };
+  const isControlled = value !== void 0;
+  const inputValue = isControlled ? value : internalValue;
+  useEffect(() => {
+    if (autoFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [autoFocus]);
+  const getNextValue = (target) => {
+    if (type === "number") {
+      return Number.isNaN(target.valueAsNumber) ? target.value : target.valueAsNumber;
+    }
+    return target.value;
+  };
+  const handleInput = (event) => {
+    if (!isControlled) {
+      setInternalValue(getNextValue(event.currentTarget));
+    }
+    onInput?.(event);
+  };
+  const handleChange = (event) => {
+    if (!isControlled) {
+      setInternalValue(getNextValue(event.currentTarget));
+    }
+    onChange?.(event);
+  };
+  const hasPrefix = !!prefix;
+  const hasSuffix = !!suffix;
+  const activeError = status === "error" && !!errorMessage;
+  const inputClasses = getInputClasses({
+    size,
+    status,
+    hasPrefix,
+    hasSuffix
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(getInputWrapperClasses(), className, isShaking && SHAKE_CLASS),
+      style,
+      onAnimationEnd: handleAnimationEnd,
+      children: [
+        hasPrefix && /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("prefix", size), children: prefix }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ...props,
+            ref: inputRef,
+            className: inputClasses,
+            type,
+            value: inputValue,
+            placeholder,
+            disabled,
+            readOnly: readonly,
+            required,
+            maxLength,
+            minLength,
+            name,
+            id,
+            autoComplete,
+            autoFocus,
+            onInput: handleInput,
+            onChange: handleChange,
+            onFocus,
+            onBlur
+          }
+        ),
+        activeError ? /* @__PURE__ */ jsx("div", { className: getInputErrorClasses(size), children: errorMessage }) : hasSuffix && /* @__PURE__ */ jsx("div", { className: getInputAffixClasses("suffix", size), children: suffix })
+      ]
+    }
+  );
+};
+
+export { Input };

package/dist/{chunk-FAKTU64M.js → chunk-A3DJSVTE.js}

@@ -10,6 +10,7 @@ var Button = ({
   size = "md",
   disabled = false,
   loading = false,
+  loadingIcon,
   block = false,
   onClick,
   children,
@@ -42,7 +43,7 @@ var Button = ({
       type,
       ...props,
       children: [
-        loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2", children: loadingIcon ? loadingIcon : /* @__PURE__ */ jsxRuntime.jsx(
           "svg",
           {
             className: "animate-spin h-4 w-4",

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-7KRBDT2Z.mjs → chunk-BJU5N7WU.mjs}

@@ -1,5 +1,5 @@
 import { Select } from './chunk-YYKJ63LD.mjs';
-import { Button } from './chunk-KMQOLVWP.mjs';
+import { Button } from './chunk-STEIWBMF.mjs';
 import { useState, useMemo } from 'react';
 import { getSpinnerSVG, paginateData, calculatePagination, classNames, getListClasses, listSizeClasses, listGridContainerClasses, getGridColumnClasses, listWrapperClasses, listLoadingOverlayClasses, getListHeaderFooterClasses, listEmptyStateClasses, listPaginationContainerClasses, getLoadingOverlaySpinnerClasses, getListItemClasses, listItemAvatarClasses, listItemTitleClasses, listItemDescriptionClasses, listItemContentClasses, listItemMetaClasses, listItemExtraClasses } from '@expcat/tigercat-core';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/chunk-CIL2AC3F.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Input.tsx
+var Input = ({
+  size = "md",
+  type = "text",
+  status = "default",
+  errorMessage,
+  prefix,
+  suffix,
+  value,
+  defaultValue,
+  placeholder = "",
+  disabled = false,
+  readonly = false,
+  required = false,
+  maxLength,
+  minLength,
+  name,
+  id,
+  autoComplete,
+  autoFocus = false,
+  onInput,
+  onChange,
+  onFocus,
+  onBlur,
+  className,
+  style,
+  ...props
+}) => {
+  tigercatCore.injectShakeStyle();
+  const [isShaking, setIsShaking] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const [internalValue, setInternalValue] = react.useState(defaultValue ?? "");
+  react.useEffect(() => {
+    if (status === "error") {
+      setIsShaking(true);
+    }
+  }, [status]);
+  const handleAnimationEnd = () => {
+    setIsShaking(false);
+  };
+  const isControlled = value !== void 0;
+  const inputValue = isControlled ? value : internalValue;
+  react.useEffect(() => {
+    if (autoFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [autoFocus]);
+  const getNextValue = (target) => {
+    if (type === "number") {
+      return Number.isNaN(target.valueAsNumber) ? target.value : target.valueAsNumber;
+    }
+    return target.value;
+  };
+  const handleInput = (event) => {
+    if (!isControlled) {
+      setInternalValue(getNextValue(event.currentTarget));
+    }
+    onInput?.(event);
+  };
+  const handleChange = (event) => {
+    if (!isControlled) {
+      setInternalValue(getNextValue(event.currentTarget));
+    }
+    onChange?.(event);
+  };
+  const hasPrefix = !!prefix;
+  const hasSuffix = !!suffix;
+  const activeError = status === "error" && !!errorMessage;
+  const inputClasses = tigercatCore.getInputClasses({
+    size,
+    status,
+    hasPrefix,
+    hasSuffix
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: tigercatCore.classNames(tigercatCore.getInputWrapperClasses(), className, isShaking && tigercatCore.SHAKE_CLASS),
+      style,
+      onAnimationEnd: handleAnimationEnd,
+      children: [
+        hasPrefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getInputAffixClasses("prefix", size), children: prefix }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ...props,
+            ref: inputRef,
+            className: inputClasses,
+            type,
+            value: inputValue,
+            placeholder,
+            disabled,
+            readOnly: readonly,
+            required,
+            maxLength,
+            minLength,
+            name,
+            id,
+            autoComplete,
+            autoFocus,
+            onInput: handleInput,
+            onChange: handleChange,
+            onFocus,
+            onBlur
+          }
+        ),
+        activeError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getInputErrorClasses(size), children: errorMessage }) : hasSuffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getInputAffixClasses("suffix", size), children: suffix })
+      ]
+    }
+  );
+};
+
+exports.Input = Input;

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/{chunk-AG6GVQ5O.js → chunk-Q5Q7FG4U.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkFQ6UHRAO_js = require('./chunk-FQ6UHRAO.js');
-var chunkFAKTU64M_js = require('./chunk-FAKTU64M.js');
+var chunkA3DJSVTE_js = require('./chunk-A3DJSVTE.js');
 var react = require('react');
 var tigercatCore = require('@expcat/tigercat-core');
 var jsxRuntime = require('react/jsx-runtime');
@@ -218,7 +218,7 @@ var List = ({
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFAKTU64M_js.Button,
+            chunkA3DJSVTE_js.Button,
             {
               size: "sm",
               variant: "outline",
@@ -238,7 +238,7 @@ var List = ({
             totalPages
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkFAKTU64M_js.Button,
+            chunkA3DJSVTE_js.Button,
             {
               size: "sm",
               variant: "outline",

package/dist/{chunk-KMQOLVWP.mjs → chunk-STEIWBMF.mjs}

@@ -8,6 +8,7 @@ var Button = ({
   size = "md",
   disabled = false,
   loading = false,
+  loadingIcon,
   block = false,
   onClick,
   children,
@@ -40,7 +41,7 @@ var Button = ({
       type,
       ...props,
       children: [
-        loading && /* @__PURE__ */ jsx("span", { className: "mr-2", children: /* @__PURE__ */ jsx(
+        loading && /* @__PURE__ */ jsx("span", { className: "mr-2", children: loadingIcon ? loadingIcon : /* @__PURE__ */ jsx(
           "svg",
           {
             className: "animate-spin h-4 w-4",

package/dist/components/Button.d.mts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ButtonProps as ButtonProps$1 } from '@expcat/tigercat-core';
 
 interface ButtonProps extends ButtonProps$1, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'> {
+    loadingIcon?: React.ReactNode;
 }
 declare const Button: React.FC<ButtonProps>;
 

package/dist/components/Button.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ButtonProps as ButtonProps$1 } from '@expcat/tigercat-core';
 
 interface ButtonProps extends ButtonProps$1, Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'> {
+    loadingIcon?: React.ReactNode;
 }
 declare const Button: React.FC<ButtonProps>;
 

package/dist/components/Button.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkFAKTU64M_js = require('../chunk-FAKTU64M.js');
+var chunkA3DJSVTE_js = require('../chunk-A3DJSVTE.js');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkFAKTU64M_js.Button; }
+  get: function () { return chunkA3DJSVTE_js.Button; }
 });

package/dist/components/Button.mjs

@@ -1 +1 @@
-export { Button } from '../chunk-KMQOLVWP.mjs';
+export { Button } from '../chunk-STEIWBMF.mjs';

package/dist/components/Input.d.mts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { InputProps as InputProps$1 } from '@expcat/tigercat-core';
+import { InputProps as InputProps$1, InputStatus } from '@expcat/tigercat-core';
 
-interface InputProps extends InputProps$1, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'autoComplete' | 'onInput' | 'onChange' | 'onFocus' | 'onBlur' | 'readOnly'> {
+interface InputProps extends InputProps$1, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'autoComplete' | 'onInput' | 'onChange' | 'onFocus' | 'onBlur' | 'readOnly' | 'prefix'> {
     /**
      * Input event handler
      */
@@ -22,6 +22,22 @@ interface InputProps extends InputProps$1, Omit<React.InputHTMLAttributes<HTMLIn
      * Additional CSS classes
      */
     className?: string;
+    /**
+     * Validation status
+     */
+    status?: InputStatus;
+    /**
+     * Error message to display
+     */
+    errorMessage?: string;
+    /**
+     * Prefix content
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Suffix content
+     */
+    suffix?: React.ReactNode;
 }
 declare const Input: React.FC<InputProps>;
 

package/dist/components/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { InputProps as InputProps$1 } from '@expcat/tigercat-core';
+import { InputProps as InputProps$1, InputStatus } from '@expcat/tigercat-core';
 
-interface InputProps extends InputProps$1, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'autoComplete' | 'onInput' | 'onChange' | 'onFocus' | 'onBlur' | 'readOnly'> {
+interface InputProps extends InputProps$1, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'autoComplete' | 'onInput' | 'onChange' | 'onFocus' | 'onBlur' | 'readOnly' | 'prefix'> {
     /**
      * Input event handler
      */
@@ -22,6 +22,22 @@ interface InputProps extends InputProps$1, Omit<React.InputHTMLAttributes<HTMLIn
      * Additional CSS classes
      */
     className?: string;
+    /**
+     * Validation status
+     */
+    status?: InputStatus;
+    /**
+     * Error message to display
+     */
+    errorMessage?: string;
+    /**
+     * Prefix content
+     */
+    prefix?: React.ReactNode;
+    /**
+     * Suffix content
+     */
+    suffix?: React.ReactNode;
 }
 declare const Input: React.FC<InputProps>;
 

package/dist/components/Input.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkQL6OBKEN_js = require('../chunk-QL6OBKEN.js');
+var chunkCIL2AC3F_js = require('../chunk-CIL2AC3F.js');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkQL6OBKEN_js.Input; }
+  get: function () { return chunkCIL2AC3F_js.Input; }
 });

package/dist/components/Input.mjs

@@ -1 +1 @@
-export { Input } from '../chunk-QN7NIX7D.mjs';
+export { Input } from '../chunk-6ZTCBQJ7.mjs';

package/dist/components/List.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkAG6GVQ5O_js = require('../chunk-AG6GVQ5O.js');
+var chunkQ5Q7FG4U_js = require('../chunk-Q5Q7FG4U.js');
 require('../chunk-FQ6UHRAO.js');
-require('../chunk-FAKTU64M.js');
+require('../chunk-A3DJSVTE.js');
 
 
 
 Object.defineProperty(exports, "List", {
   enumerable: true,
-  get: function () { return chunkAG6GVQ5O_js.List; }
+  get: function () { return chunkQ5Q7FG4U_js.List; }
 });

package/dist/components/List.mjs

@@ -1,3 +1,3 @@
-export { List } from '../chunk-7KRBDT2Z.mjs';
+export { List } from '../chunk-BJU5N7WU.mjs';
 import '../chunk-YYKJ63LD.mjs';
-import '../chunk-KMQOLVWP.mjs';
+import '../chunk-STEIWBMF.mjs';

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');
@@ -32,10 +32,10 @@ var chunkENR3RIMM_js = require('./chunk-ENR3RIMM.js');
 var chunkP273E6XE_js = require('./chunk-P273E6XE.js');
 var chunkVJJ76I7U_js = require('./chunk-VJJ76I7U.js');
 var chunkAQ6DHCP6_js = require('./chunk-AQ6DHCP6.js');
-var chunkQL6OBKEN_js = require('./chunk-QL6OBKEN.js');
+var chunkCIL2AC3F_js = require('./chunk-CIL2AC3F.js');
 var chunkR4JSBXGG_js = require('./chunk-R4JSBXGG.js');
 var chunkMKWXJZ3T_js = require('./chunk-MKWXJZ3T.js');
-var chunkAG6GVQ5O_js = require('./chunk-AG6GVQ5O.js');
+var chunkQ5Q7FG4U_js = require('./chunk-Q5Q7FG4U.js');
 var chunkFQ6UHRAO_js = require('./chunk-FQ6UHRAO.js');
 var chunk6MGEGOYJ_js = require('./chunk-6MGEGOYJ.js');
 var chunkUFAXJVMD_js = require('./chunk-UFAXJVMD.js');
@@ -61,7 +61,7 @@ var chunkTZ26HQAW_js = require('./chunk-TZ26HQAW.js');
 var chunk5ZVSFIZD_js = require('./chunk-5ZVSFIZD.js');
 var chunk6PUSRC6S_js = require('./chunk-6PUSRC6S.js');
 var chunk2DOPHSZP_js = require('./chunk-2DOPHSZP.js');
-var chunkFAKTU64M_js = require('./chunk-FAKTU64M.js');
+var chunkA3DJSVTE_js = require('./chunk-A3DJSVTE.js');
 var chunkVO4WDK4K_js = require('./chunk-VO4WDK4K.js');
 var tigercatCore = require('@expcat/tigercat-core');
 
@@ -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,
@@ -225,7 +225,7 @@ Object.defineProperty(exports, "Icon", {
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkQL6OBKEN_js.Input; }
+  get: function () { return chunkCIL2AC3F_js.Input; }
 });
 Object.defineProperty(exports, "Layout", {
   enumerable: true,
@@ -237,7 +237,7 @@ Object.defineProperty(exports, "Link", {
 });
 Object.defineProperty(exports, "List", {
   enumerable: true,
-  get: function () { return chunkAG6GVQ5O_js.List; }
+  get: function () { return chunkQ5Q7FG4U_js.List; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
@@ -349,7 +349,7 @@ Object.defineProperty(exports, "useBreadcrumbContext", {
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkFAKTU64M_js.Button; }
+  get: function () { return chunkA3DJSVTE_js.Button; }
 });
 Object.defineProperty(exports, "Card", {
   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';
@@ -30,10 +30,10 @@ export { Popconfirm } from './chunk-HQXZVTP4.mjs';
 export { FormItem } from './chunk-GIYBVWR4.mjs';
 export { Header } from './chunk-HUMGEP7S.mjs';
 export { Icon } from './chunk-ALP3KYYY.mjs';
-export { Input } from './chunk-QN7NIX7D.mjs';
+export { Input } from './chunk-6ZTCBQJ7.mjs';
 export { Layout } from './chunk-7O2OQKVY.mjs';
 export { Link } from './chunk-WSJO2PIE.mjs';
-export { List } from './chunk-7KRBDT2Z.mjs';
+export { List } from './chunk-BJU5N7WU.mjs';
 export { Select } from './chunk-YYKJ63LD.mjs';
 export { Loading } from './chunk-PUDU34R4.mjs';
 export { Descriptions } from './chunk-6575DOCV.mjs';
@@ -59,7 +59,7 @@ export { Avatar } from './chunk-V2HVHLBY.mjs';
 export { Badge } from './chunk-HQLZL3XQ.mjs';
 export { BreadcrumbItem } from './chunk-WEGU7O4J.mjs';
 export { Breadcrumb, useBreadcrumbContext } from './chunk-7JQ7LURS.mjs';
-export { Button } from './chunk-KMQOLVWP.mjs';
+export { Button } from './chunk-STEIWBMF.mjs';
 export { Card } from './chunk-VD3IK5XT.mjs';
 export * from '@expcat/tigercat-core';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-react",
-  "version": "0.1.0",
+  "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.0"
+    "@expcat/tigercat-core": "0.1.8"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",

package/dist/chunk-QL6OBKEN.js

@@ -1,84 +0,0 @@
-'use strict';
-
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/components/Input.tsx
-var Input = ({
-  size = "md",
-  type = "text",
-  value,
-  defaultValue,
-  placeholder = "",
-  disabled = false,
-  readonly = false,
-  required = false,
-  maxLength,
-  minLength,
-  name,
-  id,
-  autoComplete,
-  autoFocus = false,
-  onInput,
-  onChange,
-  onFocus,
-  onBlur,
-  className,
-  ...props
-}) => {
-  const inputRef = react.useRef(null);
-  const [internalValue, setInternalValue] = react.useState(defaultValue ?? "");
-  const isControlled = value !== void 0;
-  const inputValue = isControlled ? value : internalValue;
-  react.useEffect(() => {
-    if (autoFocus && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [autoFocus]);
-  const getNextValue = (target) => {
-    if (type === "number") {
-      return Number.isNaN(target.valueAsNumber) ? target.value : target.valueAsNumber;
-    }
-    return target.value;
-  };
-  const handleInput = (event) => {
-    if (!isControlled) {
-      setInternalValue(getNextValue(event.currentTarget));
-    }
-    onInput?.(event);
-  };
-  const handleChange = (event) => {
-    if (!isControlled) {
-      setInternalValue(getNextValue(event.currentTarget));
-    }
-    onChange?.(event);
-  };
-  const inputClasses = tigercatCore.classNames(tigercatCore.getInputClasses(size), className);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      ...props,
-      ref: inputRef,
-      className: inputClasses,
-      type,
-      value: inputValue,
-      placeholder,
-      disabled,
-      readOnly: readonly,
-      required,
-      maxLength,
-      minLength,
-      name,
-      id,
-      autoComplete,
-      autoFocus,
-      onInput: handleInput,
-      onChange: handleChange,
-      onFocus,
-      onBlur
-    }
-  );
-};
-
-exports.Input = Input;

package/dist/chunk-QN7NIX7D.mjs

@@ -1,82 +0,0 @@
-import { useRef, useState, useEffect } from 'react';
-import { classNames, getInputClasses } from '@expcat/tigercat-core';
-import { jsx } from 'react/jsx-runtime';
-
-// src/components/Input.tsx
-var Input = ({
-  size = "md",
-  type = "text",
-  value,
-  defaultValue,
-  placeholder = "",
-  disabled = false,
-  readonly = false,
-  required = false,
-  maxLength,
-  minLength,
-  name,
-  id,
-  autoComplete,
-  autoFocus = false,
-  onInput,
-  onChange,
-  onFocus,
-  onBlur,
-  className,
-  ...props
-}) => {
-  const inputRef = useRef(null);
-  const [internalValue, setInternalValue] = useState(defaultValue ?? "");
-  const isControlled = value !== void 0;
-  const inputValue = isControlled ? value : internalValue;
-  useEffect(() => {
-    if (autoFocus && inputRef.current) {
-      inputRef.current.focus();
-    }
-  }, [autoFocus]);
-  const getNextValue = (target) => {
-    if (type === "number") {
-      return Number.isNaN(target.valueAsNumber) ? target.value : target.valueAsNumber;
-    }
-    return target.value;
-  };
-  const handleInput = (event) => {
-    if (!isControlled) {
-      setInternalValue(getNextValue(event.currentTarget));
-    }
-    onInput?.(event);
-  };
-  const handleChange = (event) => {
-    if (!isControlled) {
-      setInternalValue(getNextValue(event.currentTarget));
-    }
-    onChange?.(event);
-  };
-  const inputClasses = classNames(getInputClasses(size), className);
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      ...props,
-      ref: inputRef,
-      className: inputClasses,
-      type,
-      value: inputValue,
-      placeholder,
-      disabled,
-      readOnly: readonly,
-      required,
-      maxLength,
-      minLength,
-      name,
-      id,
-      autoComplete,
-      autoFocus,
-      onInput: handleInput,
-      onChange: handleChange,
-      onFocus,
-      onBlur
-    }
-  );
-};
-
-export { Input };