@liujip0/components 0.2.0 → 0.2.2

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

@@ -1,17 +1,19 @@
 type InputProps = {
     value: string | number;
-    onChange?: (event: string) => void;
+    onChange?: (value: string) => void;
     type?: "text" | "password" | "email" | "number" | "search";
     id: string;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     startIcon?: React.ReactNode;
     endIcon?: React.ReactNode;
-    placeholder?: string;
     label?: string;
     error?: boolean;
     helperText?: string;
     disabled?: boolean;
     className?: string;
-};
-export declare function Input({ value, onChange, type, id, onKeyDown, startIcon, endIcon, placeholder, label, error, helperText, disabled, className, }: InputProps): import("react/jsx-runtime").JSX.Element;
+    outlineClassName?: string;
+    labelClassName?: string;
+    helperTextClassName?: string;
+    inputClassName?: string;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+export declare function Input({ value, onChange, type, id, startIcon, endIcon, label, error, helperText, disabled, className, outlineClassName, labelClassName, helperTextClassName, inputClassName, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Input/Input.js

@@ -1,63 +1,65 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { s as e } from "../../Input.module-C7oR_KDs.js";
-function j({
+function g({
   value: m,
   onChange: t,
   type: o = "text",
   id: l,
-  onKeyDown: u,
-  startIcon: p,
-  endIcon: h,
-  placeholder: x,
+  startIcon: u,
+  endIcon: p,
   label: s,
   error: n,
   helperText: a,
   disabled: i,
-  className: N
+  className: h,
+  outlineClassName: x,
+  labelClassName: N,
+  helperTextClassName: d,
+  inputClassName: f,
+  ...v
 }) {
-  return /* @__PURE__ */ c("div", { className: e.container + " " + (N || ""), children: [
+  return /* @__PURE__ */ c("div", { className: e.container + " " + (h || ""), children: [
     s && /* @__PURE__ */ r(
       "label",
       {
         htmlFor: l,
-        className: e.label,
+        className: e.label + " " + (N || ""),
         children: s
       }
     ),
     /* @__PURE__ */ c(
       "div",
       {
-        className: e.outline + " " + (n ? e.errorOutline : ""),
+        className: e.outline + " " + (x || "") + " " + (n ? e.errorOutline : ""),
         children: [
-          p,
+          u,
           /* @__PURE__ */ r(
             "input",
             {
-              className: e.input + " " + (i ? e.inputDisabled : ""),
+              className: e.input + " " + (f || "") + " " + (i ? e.inputDisabled : ""),
               value: m,
-              onChange: (d) => {
-                t && t(d.currentTarget.value);
+              onChange: (j) => {
+                t && t(j.currentTarget.value);
               },
               type: o,
               id: l,
-              onKeyDown: u,
-              placeholder: x,
-              disabled: i
+              disabled: i,
+              ...v
             }
           ),
-          h
+          p
         ]
       }
     ),
     a && /* @__PURE__ */ r(
       "p",
       {
-        className: e.helperText + " " + (n ? e.helperTextError : ""),
+        className: e.helperText + " " + (d || "") + " " + (n ? e.helperTextError : ""),
         children: a
       }
     )
   ] });
 }
 export {
-  j as Input
+  g as Input
 };

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

@@ -1,15 +1,16 @@
 type TextAreaProps = {
     value: string | number;
-    onChange?: (event: string) => void;
+    onChange?: (value: string) => void;
     id: string;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
-    placeholder?: string;
     label?: string;
     error?: boolean;
     helperText?: string;
     disabled?: boolean;
     className?: string;
     outlineClassName?: string;
-};
-export declare function TextArea({ value, onChange, id, onKeyDown, placeholder, label, error, helperText, disabled, className, outlineClassName, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+    labelClassName?: string;
+    helperTextClassName?: string;
+    textAreaClassName?: string;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare function TextArea({ value, onChange, id, label, error, helperText, disabled, className, outlineClassName, labelClassName, helperTextClassName, textAreaClassName, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Input/TextArea.js

@@ -1,43 +1,44 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { s as e } from "../../Input.module-C7oR_KDs.js";
-function f({
+function T({
   value: c,
   onChange: a,
   id: t,
-  onKeyDown: m,
-  placeholder: o,
   label: l,
   error: s,
   helperText: i,
   disabled: n,
-  className: u,
-  outlineClassName: p
+  className: m,
+  outlineClassName: o,
+  labelClassName: u,
+  helperTextClassName: p,
+  textAreaClassName: h,
+  ...x
 }) {
-  return /* @__PURE__ */ x("div", { className: e.container + " " + (u || ""), children: [
+  return /* @__PURE__ */ d("div", { className: e.container + " " + (m || ""), children: [
     l && /* @__PURE__ */ r(
       "label",
       {
         htmlFor: t,
-        className: e.label,
+        className: e.label + " " + (u || ""),
         children: l
       }
     ),
     /* @__PURE__ */ r(
       "div",
       {
-        className: e.outline + " " + (s ? e.errorOutline : "") + " " + (p || ""),
+        className: e.outline + " " + (s ? e.errorOutline : "") + " " + (o || ""),
         children: /* @__PURE__ */ r(
           "textarea",
           {
-            className: e.input + " " + (n ? e.inputDisabled : ""),
+            className: e.input + " " + (h || "") + " " + (n ? e.inputDisabled : ""),
             value: c,
-            onChange: (h) => {
-              a && a(h.currentTarget.value);
+            onChange: (N) => {
+              a && a(N.currentTarget.value);
             },
             id: t,
-            onKeyDown: m,
-            placeholder: o,
-            disabled: n
+            disabled: n,
+            ...x
           }
         )
       }
@@ -45,12 +46,12 @@ function f({
     i && /* @__PURE__ */ r(
       "p",
       {
-        className: e.helperText + " " + (s ? e.helperTextError : ""),
+        className: e.helperText + " " + (p || "") + " " + (s ? e.helperTextError : ""),
         children: i
       }
     )
   ] });
 }
 export {
-  f as TextArea
+  T as TextArea
 };

package/dist/main.d.ts

@@ -1,3 +1,5 @@
+declare const _default: "./main.css";
+export default _default;
 export { Button } from './components/Button/Button.tsx';
 export { IconButton } from './components/Button/IconButton/IconButton.tsx';
 export { ToggleButton } from './components/Button/ToggleButton/ToggleButton.tsx';

package/dist/main.js

@@ -1,46 +1,48 @@
-import { Button as t } from "./components/Button/Button.js";
-import { IconButton as p } from "./components/Button/IconButton/IconButton.js";
-import { ToggleButton as f } from "./components/Button/ToggleButton/ToggleButton.js";
-import { ToggleButtonGroup as a } from "./components/Button/ToggleButton/ToggleButtonGroup.js";
-import { Dialog as i, DialogActions as l, DialogContent as n, DialogTitle as g } from "./components/Dialog/Dialog.js";
-import { Divider as b } from "./components/Divider/Divider.js";
-import { Input as d } from "./components/Input/Input.js";
+import { Button as e } from "./components/Button/Button.js";
+import { IconButton as x } from "./components/Button/IconButton/IconButton.js";
+import { ToggleButton as a } from "./components/Button/ToggleButton/ToggleButton.js";
+import { ToggleButtonGroup as n } from "./components/Button/ToggleButton/ToggleButtonGroup.js";
+import { Dialog as l, DialogActions as T, DialogContent as u, DialogTitle as g } from "./components/Dialog/Dialog.js";
+import { Divider as c } from "./components/Divider/Divider.js";
+import { Input as s } from "./components/Input/Input.js";
 import { TextArea as D } from "./components/Input/TextArea.js";
 import { Checkbox as h } from "./components/Input/Checkbox/Checkbox.js";
-import { Counter as s } from "./components/Input/Counter/Counter.js";
-import { Radio as G } from "./components/Input/Radio/Radio.js";
-import { RadioGroup as R } from "./components/Input/Radio/RadioGroup.js";
-import { Select as v } from "./components/Input/Select/Select.js";
-import { Snackbar as j } from "./components/Snackbar/Snackbar.js";
-import { Table as w, TableHead as y, Td as z, Th as E } from "./components/Table/Table.js";
-import { Tab as J } from "./components/Tabs/Tab.js";
-import { TabBar as L } from "./components/Tabs/TabBar.js";
-import { Tabs as N } from "./components/Tabs/Tabs.js";
-import { Tooltip as P } from "./components/Tooltip/Tooltip.js";
-import './assets/main.css';export {
-  t as Button,
+import { Counter as A } from "./components/Input/Counter/Counter.js";
+import { Radio as I } from "./components/Input/Radio/Radio.js";
+import { RadioGroup as S } from "./components/Input/Radio/RadioGroup.js";
+import { Select as H } from "./components/Input/Select/Select.js";
+import { Snackbar as q } from "./components/Snackbar/Snackbar.js";
+import { Table as y, TableHead as z, Td as E, Th as F } from "./components/Table/Table.js";
+import { Tab as K } from "./components/Tabs/Tab.js";
+import { TabBar as M } from "./components/Tabs/TabBar.js";
+import { Tabs as O } from "./components/Tabs/Tabs.js";
+import { Tooltip as Q } from "./components/Tooltip/Tooltip.js";
+import './assets/main.css';const o = "./main.css";
+export {
+  e as Button,
   h as Checkbox,
-  s as Counter,
-  i as Dialog,
-  l as DialogActions,
-  n as DialogContent,
+  A as Counter,
+  l as Dialog,
+  T as DialogActions,
+  u as DialogContent,
   g as DialogTitle,
-  b as Divider,
-  p as IconButton,
-  d as Input,
-  G as Radio,
-  R as RadioGroup,
-  v as Select,
-  j as Snackbar,
-  J as Tab,
-  L as TabBar,
-  w as Table,
-  y as TableHead,
-  N as Tabs,
-  z as Td,
+  c as Divider,
+  x as IconButton,
+  s as Input,
+  I as Radio,
+  S as RadioGroup,
+  H as Select,
+  q as Snackbar,
+  K as Tab,
+  M as TabBar,
+  y as Table,
+  z as TableHead,
+  O as Tabs,
+  E as Td,
   D as TextArea,
-  E as Th,
-  f as ToggleButton,
-  a as ToggleButtonGroup,
-  P as Tooltip
+  F as Th,
+  a as ToggleButton,
+  n as ToggleButtonGroup,
+  Q as Tooltip,
+  o as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujip0/components",
   "private": false,
-  "version": "0.2.0",
+  "version": "0.2.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",