@expcat/tigercat-react 0.1.0 → 0.1.6

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-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-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/index.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');
 
@@ -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

@@ -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.6",
   "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.6"
   },
   "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 };