@liujip0/components 0.2.21 → 0.2.23

package/dist/components/Input/Input.d.ts

@@ -14,5 +14,6 @@ export type InputProps = {
     inputClassName?: string;
     labelClassName?: string;
     helperTextClassName?: string;
+    ref?: React.RefObject<HTMLInputElement>;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "id" | "value" | "onChange" | "type" | "disabled" | "className">;
-export declare function Input({ id, value, onChange, type, label, helperText, startIcon, endIcon, error, disabled, className, outlineClassName, inputClassName, labelClassName, helperTextClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ id, value, onChange, type, label, helperText, startIcon, endIcon, error, disabled, className, outlineClassName, inputClassName, labelClassName, helperTextClassName, ref, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { s as e } from "../../Input.module-lBhDn5k1.js";
-function g({
+function y({
   id: t,
   value: m,
   onChange: l,
@@ -16,7 +16,8 @@ function g({
   inputClassName: N,
   labelClassName: d,
   helperTextClassName: f,
-  ...v
+  ref: v,
+  ...j
 }) {
   return /* @__PURE__ */ c("div", { className: e.container + " " + (h || ""), children: [
     s && /* @__PURE__ */ r(
@@ -38,13 +39,14 @@ function g({
             {
               className: e.input + " " + (N || "") + " " + (i ? e.inputDisabled : ""),
               value: m,
-              onChange: (j) => {
-                l && l(j.currentTarget.value);
+              onChange: (T) => {
+                l && l(T.currentTarget.value);
               },
               type: o,
               id: t,
               disabled: i,
-              ...v
+              ref: v,
+              ...j
             }
           ),
           p
@@ -61,5 +63,5 @@ function g({
   ] });
 }
 export {
-  g as Input
+  y as Input
 };

package/dist/components/Input/TextArea.d.ts

@@ -11,6 +11,7 @@ type TextAreaProps = {
     textAreaClassName?: string;
     labelClassName?: string;
     helperTextClassName?: string;
+    ref?: React.RefObject<HTMLTextAreaElement>;
 } & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "id" | "value" | "onChange" | "disabled" | "className">;
-export declare function TextArea({ id, value, onChange, label, helperText, error, disabled, className, outlineClassName, textAreaClassName, labelClassName, helperTextClassName, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextArea({ id, value, onChange, label, helperText, error, disabled, className, outlineClassName, textAreaClassName, labelClassName, helperTextClassName, ref, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Input/TextArea.js

@@ -1,6 +1,6 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { s as e } from "../../Input.module-lBhDn5k1.js";
-function T({
+function j({
   id: a,
   value: c,
   onChange: t,
@@ -13,9 +13,10 @@ function T({
   textAreaClassName: u,
   labelClassName: p,
   helperTextClassName: h,
-  ...x
+  ref: x,
+  ...N
 }) {
-  return /* @__PURE__ */ d("div", { className: e.container + " " + (m || ""), children: [
+  return /* @__PURE__ */ f("div", { className: e.container + " " + (m || ""), children: [
     l && /* @__PURE__ */ r(
       "label",
       {
@@ -33,12 +34,13 @@ function T({
           {
             className: e.input + " " + (u || "") + " " + (n ? e.inputDisabled : ""),
             value: c,
-            onChange: (N) => {
-              t && t(N.currentTarget.value);
+            onChange: (d) => {
+              t && t(d.currentTarget.value);
             },
             id: a,
             disabled: n,
-            ...x
+            ref: x,
+            ...N
           }
         )
       }
@@ -53,5 +55,5 @@ function T({
   ] });
 }
 export {
-  T as TextArea
+  j as TextArea
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujip0/components",
   "private": false,
-  "version": "0.2.21",
+  "version": "0.2.23",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -9,39 +9,39 @@
     "dist"
   ],
   "peerDependencies": {
-    "@material-symbols/font-400": "^0.39.3",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "@material-symbols/font-400": "^0.40.2",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^2.3.5",
+    "@eslint-react/eslint-plugin": "^2.3.13",
     "@eslint/css": "^0.14.1",
-    "@eslint/js": "^9.39.1",
+    "@eslint/js": "^9.39.2",
     "@eslint/json": "^0.14.0",
     "@eslint/markdown": "^7.5.1",
-    "@material-symbols/font-400": "^0.39.3",
-    "@storybook/addon-docs": "10.0.8",
-    "@storybook/addon-onboarding": "10.0.8",
-    "@storybook/react-vite": "10.0.8",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.6",
+    "@material-symbols/font-400": "^0.40.2",
+    "@storybook/addon-docs": "10.1.8",
+    "@storybook/addon-onboarding": "10.1.8",
+    "@storybook/react-vite": "10.1.8",
+    "@types/node": "^25.0.2",
+    "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.39.1",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "10.0.8",
-    "glob": "^12.0.0",
+    "eslint-plugin-storybook": "10.1.8",
+    "glob": "^13.0.0",
     "globals": "^16.5.0",
     "jiti": "^2.6.1",
-    "prettier": "^3.6.2",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "storybook": "10.0.8",
+    "prettier": "^3.7.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "storybook": "10.1.8",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.47.0",
-    "vite": "^7.2.2",
+    "typescript-eslint": "^8.49.0",
+    "vite": "^7.2.7",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2"
   },