react-restyle-components 0.3.80 → 0.3.81

package/lib/src/core-components/src/components/FormField/components/CssMultilineInput.d.ts

@@ -5,7 +5,10 @@ export interface CssMultilineInputProps {
     error?: string;
     required?: boolean;
     value?: string;
-    onChange?: (value: string) => void;
+    /** onChange handler - supports both standard React event or direct value callback */
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement> | string) => void;
+    /** onBlur handler - supports both standard React event or direct value callback */
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement> | string) => void;
     disabled?: boolean;
     cssProperties?: Array<[string, string[]]>;
     onReset?: (value: string) => void;

package/lib/src/core-components/src/components/FormField/components/CssMultilineInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CssMultilineInput.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/FormField/components/CssMultilineInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAkBzD,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,iHA+N7B,CAAC"}
+{"version":3,"file":"CssMultilineInput.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/FormField/components/CssMultilineInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAkBzD,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IACxE,mFAAmF;IACnF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,iHA8R7B,CAAC"}

package/lib/src/core-components/src/components/FormField/components/CssMultilineInput.js

@@ -15,7 +15,7 @@ const mapToArray = (arr) => {
     });
     return res;
 };
-export const CssMultilineInput = React.forwardRef(({ id, label, error, required, value, onChange, disabled, cssProperties, onReset, onMoreInfo, placeholder = "fontSize: 12,backgroundColor:'#000000'", className, labelProps, ...props }, ref) => {
+export const CssMultilineInput = React.forwardRef(({ id, label, error, required, value, onChange, onBlur, disabled, cssProperties, onReset, onMoreInfo, placeholder = "fontSize: 12,backgroundColor:'#000000'", className, labelProps, ...props }, ref) => {
     const [isCssListOpen, setIsCssListOpen] = useState(false);
     const [cssPropertiesList, setCssPropertiesList] = useState(cssProperties || mapToArray(defaultCssProperties));
     const cssValueRef = useRef(value || '');
@@ -62,8 +62,64 @@ export const CssMultilineInput = React.forwardRef(({ id, label, error, required,
     const handleCssChange = (css) => {
         cssValueRef.current = css;
         handleCssFilter(css);
+    };
+    // Handle onChange - support both event and value patterns
+    const handleChange = (e) => {
+        const css = e.target.value;
+        handleCssChange(css);
+        setIsCssListOpen(true);
         if (onChange) {
-            onChange(css);
+            // Support both patterns:
+            // 1. Standard React: onChange={(e) => { const val = e.target.value; ... }}
+            // 2. Custom: onChange={(value) => { ... value ... }}
+            // Check if onChange expects a string (custom pattern) by examining function signature
+            // If parameter name suggests it expects a value (not 'e' or 'event'), call with value
+            // Otherwise, call with event (standard React pattern)
+            const funcStr = onChange.toString();
+            const paramMatch = funcStr.match(/\(([^)]+)\)/);
+            if (paramMatch) {
+                const param = paramMatch[1].trim();
+                // If parameter is not 'e', 'event', or starts with 'e:', it might expect value
+                if (param &&
+                    param !== 'e' &&
+                    param !== 'event' &&
+                    !param.startsWith('e:')) {
+                    // Custom pattern - call with value
+                    onChange(css);
+                }
+                else {
+                    // Standard React pattern - call with event
+                    onChange(e);
+                }
+            }
+            else {
+                // Default to standard React pattern
+                onChange(e);
+            }
+        }
+    };
+    // Handle onBlur - support both event and value patterns
+    const handleBlur = (e) => {
+        if (onBlur) {
+            const css = e.target.value;
+            // Similar logic for onBlur
+            const funcStr = onBlur.toString();
+            const paramMatch = funcStr.match(/\(([^)]+)\)/);
+            if (paramMatch) {
+                const param = paramMatch[1].trim();
+                if (param &&
+                    param !== 'e' &&
+                    param !== 'event' &&
+                    !param.startsWith('e:')) {
+                    onBlur(css);
+                }
+                else {
+                    onBlur(e);
+                }
+            }
+            else {
+                onBlur(e);
+            }
         }
     };
     const handleReset = () => {
@@ -79,14 +135,12 @@ export const CssMultilineInput = React.forwardRef(({ id, label, error, required,
             onReset(cssValueRef.current);
         }
         if (onChange) {
+            // When resetting, we call onChange with the value directly (custom pattern)
+            // since we don't have an event object
             onChange(cssValueRef.current);
         }
     };
-    return (_jsxs("div", { className: cn(s['flex'], s['flex-col'], s['w-full'], s['relative'], className), ref: cssWrapperRef, children: [_jsxs("div", { className: cn(s['flex'], s['absolute'], s['gap-2'], s['right-2'], s['z-10']), children: [onReset && (_jsx(Icon, { nameIcon: "MdLockReset", propsIcon: { color: '#000000', size: 24 }, onClick: handleReset })), onMoreInfo && (_jsx(Icon, { nameIcon: "MdInfoOutline", propsIcon: { color: '#000000', size: 24 }, onClick: onMoreInfo }))] }), _jsx(Textarea, { ref: ref, id: id, label: label, error: error, required: required, placeholder: placeholder, value: cssValueRef.current, onChange: (e) => {
-                    const css = e.target.value;
-                    handleCssChange(css);
-                    setIsCssListOpen(true);
-                }, onKeyUp: () => setIsCssListOpen(true), disabled: disabled, ...labelProps, ...props }), isCssListOpen && cssPropertiesList.length > 0 && (_jsx("div", { children: _jsx("ul", { className: cn(s['flex'], s['flex-col'], s['bg-black'], s['text-white'], s['overflow-y-scroll'], s['w-full']), style: { maxHeight: 'calc(100vh - 20vh)' }, children: cssPropertiesList?.map((item, index) => (_jsxs("li", { className: cn(s['flex'], s['gap-4'], s['p-2']), children: [_jsx("span", { className: cn(s['underline']), children: item[0] }), item[1]?.map((prop, propIndex) => (_jsxs("li", { className: cn(s['flex'], s['bg-slate-800'], s['rounded-md'], s['items-center'], s['cursor-pointer']), onClick: () => {
+    return (_jsxs("div", { className: cn(s['flex'], s['flex-col'], s['w-full'], s['relative'], className), ref: cssWrapperRef, children: [_jsxs("div", { className: cn(s['flex'], s['absolute'], s['gap-2'], s['right-2'], s['z-10']), children: [onReset && (_jsx(Icon, { nameIcon: "MdLockReset", propsIcon: { color: '#000000', size: 24 }, onClick: handleReset })), onMoreInfo && (_jsx(Icon, { nameIcon: "MdInfoOutline", propsIcon: { color: '#000000', size: 24 }, onClick: onMoreInfo }))] }), _jsx(Textarea, { ref: ref, id: id, label: label, error: error, required: required, placeholder: placeholder, value: cssValueRef.current, onChange: handleChange, onBlur: handleBlur, onKeyUp: () => setIsCssListOpen(true), disabled: disabled, ...labelProps, ...props }), isCssListOpen && cssPropertiesList.length > 0 && (_jsx("div", { children: _jsx("ul", { className: cn(s['flex'], s['flex-col'], s['bg-black'], s['text-white'], s['overflow-y-scroll'], s['w-full']), style: { maxHeight: 'calc(100vh - 20vh)' }, children: cssPropertiesList?.map((item, index) => (_jsxs("li", { className: cn(s['flex'], s['gap-4'], s['p-2']), children: [_jsx("span", { className: cn(s['underline']), children: item[0] }), item[1]?.map((prop, propIndex) => (_jsxs("li", { className: cn(s['flex'], s['bg-slate-800'], s['rounded-md'], s['items-center'], s['cursor-pointer']), onClick: () => {
                                     let existsString = cssValueRef.current?.split(',');
                                     if (cssValueRef.current.includes(',')) {
                                         existsString = existsString.map((item) => {

package/lib/src/core-components/src/core-components/atoms/Input/Input.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onBlur'> {
     error?: string;
     label?: string;
+    /** onChange handler - supports both standard React event or direct value callback */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement> | string) => void;
+    /** onBlur handler - supports both standard React event or direct value callback */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement> | string) => void;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Input.d.ts.map

package/lib/src/core-components/src/core-components/atoms/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/core-components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,KAAK,qFAqEjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/core-components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,QAAQ,CACtB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IACrE,mFAAmF;IACnF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;CACnE;AAED,eAAO,MAAM,KAAK,qFAuIjB,CAAC"}

package/lib/src/core-components/src/core-components/atoms/Input/Input.js

@@ -2,11 +2,68 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import s from '../../../tc.module.css';
 import { cn } from '../../../utils';
-export const Input = React.forwardRef(({ className, error, label, id, ...props }, ref) => {
+export const Input = React.forwardRef(({ className, error, label, id, onChange, onBlur, ...props }, ref) => {
     const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
+    // Handle onChange - support both event and value patterns
+    const handleChange = (e) => {
+        if (onChange) {
+            const value = e.target.value;
+            // Support both patterns:
+            // 1. Standard React: onChange={(e) => { const val = e.target.value; ... }}
+            // 2. Custom: onChange={(value) => { ... value ... }}
+            // Check if onChange expects a string (custom pattern) by examining function signature
+            // If parameter name suggests it expects a value (not 'e' or 'event'), call with value
+            // Otherwise, call with event (standard React pattern)
+            const funcStr = onChange.toString();
+            const paramMatch = funcStr.match(/\(([^)]+)\)/);
+            if (paramMatch) {
+                const param = paramMatch[1].trim();
+                // If parameter is not 'e', 'event', or starts with 'e:', it might expect value
+                if (param &&
+                    param !== 'e' &&
+                    param !== 'event' &&
+                    !param.startsWith('e:')) {
+                    // Custom pattern - call with value
+                    onChange(value);
+                }
+                else {
+                    // Standard React pattern - call with event
+                    onChange(e);
+                }
+            }
+            else {
+                // Default to standard React pattern
+                onChange(e);
+            }
+        }
+    };
+    // Handle onBlur - support both event and value patterns
+    const handleBlur = (e) => {
+        if (onBlur) {
+            const value = e.target.value;
+            // Similar logic for onBlur
+            const funcStr = onBlur.toString();
+            const paramMatch = funcStr.match(/\(([^)]+)\)/);
+            if (paramMatch) {
+                const param = paramMatch[1].trim();
+                if (param &&
+                    param !== 'e' &&
+                    param !== 'event' &&
+                    !param.startsWith('e:')) {
+                    onBlur(value);
+                }
+                else {
+                    onBlur(e);
+                }
+            }
+            else {
+                onBlur(e);
+            }
+        }
+    };
     return (_jsxs("div", { className: cn(s['w-full']), children: [label && (_jsx("label", { className: cn(s['block'], s['text-sm'], s['font-medium'], s['text-gray-700'], s['dark:text-gray-300'], s['mb-1']), children: label })), _jsx("input", { ref: ref, id: inputId, className: cn(s['w-full'], s['px-4'], s['py-2'], s['border'], s['rounded-lg'], s['transition-colors'], s['bg-white'], s['dark:bg-gray-800'], s['border-gray-300'], s['dark:border-gray-600'], s['text-gray-900'], s['dark:text-gray-100'], s['placeholder-gray-500'], s['dark:placeholder-gray-400'], s['focus:outline-none'], s['focus:ring-2'], s['focus:ring-primary'], s['focus:ring-offset-1'], error && s['border-red-500'], error && s['focus:ring-red-500'], className), style: {
                     ...props.style,
                     '--tw-ring-offset-color': '#ffffff',
-                }, ...props }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
+                }, onChange: handleChange, onBlur: handleBlur, ...props }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
 });
 Input.displayName = 'Input';

package/lib/src/core-components/src/core-components/atoms/Textarea/Textarea.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onBlur'> {
     error?: string;
     label?: string;
+    /** onChange handler - supports both standard React event or direct value callback */
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement> | string) => void;
+    /** onBlur handler - supports both standard React event or direct value callback */
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement> | string) => void;
 }
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=Textarea.d.ts.map

package/lib/src/core-components/src/core-components/atoms/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/core-components/atoms/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,2FAiEpB,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/core-components/atoms/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,UAAU,GAAG,QAAQ,CACtB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;IACxE,mFAAmF;IACnF,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,MAAM,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,QAAQ,2FAmIpB,CAAC"}

package/lib/src/core-components/src/core-components/atoms/Textarea/Textarea.js

@@ -2,8 +2,65 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import s from '../../../tc.module.css';
 import { cn } from '../../../utils';
-export const Textarea = React.forwardRef(({ className, error, label, id, ...props }, ref) => {
+export const Textarea = React.forwardRef(({ className, error, label, id, onChange, onBlur, ...props }, ref) => {
     const textareaId = id || `textarea-${Math.random().toString(36).substr(2, 9)}`;
-    return (_jsxs("div", { className: cn(s['w-full']), children: [label && (_jsx("label", { className: cn(s['block'], s['text-sm'], s['font-medium'], s['text-gray-700'], s['dark:text-gray-300'], s['mb-1']), children: label })), _jsx("textarea", { ref: ref, id: textareaId, className: cn(s['w-full'], s['px-4'], s['py-2'], s['border'], s['rounded-lg'], s['transition-colors'], s['resize-vertical'], s['bg-white'], s['dark:bg-gray-800'], s['border-gray-300'], s['dark:border-gray-600'], s['text-gray-900'], s['dark:text-gray-100'], s['placeholder-gray-500'], s['dark:placeholder-gray-400'], s['focus:outline-none'], s['focus:ring-2'], s['focus:ring-primary'], s['focus:ring-offset-1'], error && s['border-red-500'], error && s['focus:ring-red-500'], className), ...props }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
+    // Handle onChange - support both event and value patterns
+    const handleChange = (e) => {
+        if (onChange) {
+            const value = e.target.value;
+            // Support both patterns:
+            // 1. Standard React: onChange={(e) => { const val = e.target.value; ... }}
+            // 2. Custom: onChange={(value) => { ... value ... }}
+            // Check if onChange expects a string (custom pattern) by examining function signature
+            // If parameter name suggests it expects a value (not 'e' or 'event'), call with value
+            // Otherwise, call with event (standard React pattern)
+            const funcStr = onChange.toString();
+            const paramMatch = funcStr.match(/\(([^)]+)\)/);
+            if (paramMatch) {
+                const param = paramMatch[1].trim();
+                // If parameter is not 'e', 'event', or starts with 'e:', it might expect value
+                if (param &&
+                    param !== 'e' &&
+                    param !== 'event' &&
+                    !param.startsWith('e:')) {
+                    // Custom pattern - call with value
+                    onChange(value);
+                }
+                else {
+                    // Standard React pattern - call with event
+                    onChange(e);
+                }
+            }
+            else {
+                // Default to standard React pattern
+                onChange(e);
+            }
+        }
+    };
+    // Handle onBlur - support both event and value patterns
+    const handleBlur = (e) => {
+        if (onBlur) {
+            const value = e.target.value;
+            // Similar logic for onBlur
+            const funcStr = onBlur.toString();
+            const paramMatch = funcStr.match(/\(([^)]+)\)/);
+            if (paramMatch) {
+                const param = paramMatch[1].trim();
+                if (param &&
+                    param !== 'e' &&
+                    param !== 'event' &&
+                    !param.startsWith('e:')) {
+                    onBlur(value);
+                }
+                else {
+                    onBlur(e);
+                }
+            }
+            else {
+                onBlur(e);
+            }
+        }
+    };
+    return (_jsxs("div", { className: cn(s['w-full']), children: [label && (_jsx("label", { className: cn(s['block'], s['text-sm'], s['font-medium'], s['text-gray-700'], s['dark:text-gray-300'], s['mb-1']), children: label })), _jsx("textarea", { ref: ref, id: textareaId, className: cn(s['w-full'], s['px-4'], s['py-2'], s['border'], s['rounded-lg'], s['transition-colors'], s['resize-vertical'], s['bg-white'], s['dark:bg-gray-800'], s['border-gray-300'], s['dark:border-gray-600'], s['text-gray-900'], s['dark:text-gray-100'], s['placeholder-gray-500'], s['dark:placeholder-gray-400'], s['focus:outline-none'], s['focus:ring-2'], s['focus:ring-primary'], s['focus:ring-offset-1'], error && s['border-red-500'], error && s['focus:ring-red-500'], className), onChange: handleChange, onBlur: handleBlur, ...props }), error && (_jsx("p", { className: cn(s['mt-1'], s['text-sm'], s['text-red-600'], s['dark:text-red-400']), children: error }))] }));
 });
 Textarea.displayName = 'Textarea';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.3.80",
+  "version": "0.3.81",
   "private": false,
   "description": "Easy use restyle components",
   "author": {