phx-react 1.3.3 → 1.3.4

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

@@ -5,9 +5,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     helpText?: string;
     register?: UseFormRegisterReturn;
-    textarea?: boolean;
     error?: boolean;
     errorMessage?: string;
-    props?: any;
 }
 export declare const PHXInput: React.FC<InputProps>;

package/dist/cjs/components/Input/Input.js

@@ -3,14 +3,12 @@ exports.__esModule = true;
 exports.PHXInput = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-var Textarea_1 = require("./Textarea");
 var types_1 = require("../types");
 var PHXInput = function (_a) {
-    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, textarea = _a.textarea, props = _a.props, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "textarea", "props"]);
+    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
     return (react_1["default"].createElement("div", { className: className },
         label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
-        textarea ? (react_1["default"].createElement(Textarea_1.Textarea, tslib_1.__assign({ register: register, error: error }, props))) : (react_1["default"].createElement(react_1["default"].Fragment, null,
-            react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })))),
+        react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
         helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
         error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
             react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },

package/dist/cjs/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,uCAAqC;AACrC,kCAAqC;AAa9B,IAAM,QAAQ,GAAyB,UAAC,EAUlC;IATX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBATsC,4FAU9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACxF,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAC,mBAAQ,qBAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAC1D,CAAC,CAAC,CAAC,CACF;YACE,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACD,CACJ;QACA,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AAjDY,QAAA,QAAQ,YAiDpB"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAqC;AAW9B,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,sBAPsC,uEAQ9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA;AAzCY,QAAA,QAAQ,YAyCpB"}

package/dist/cjs/components/{Input → Textarea}/Textarea.d.ts

@@ -1,7 +1,11 @@
 import React, { TextareaHTMLAttributes } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    className?: string;
+    label?: string;
+    helpText?: string;
     register?: UseFormRegisterReturn;
     error?: boolean;
+    errorMessage?: string;
 }
-export declare const Textarea: React.FC<TextAreaProps>;
+export declare const PHXTextarea: React.FC<TextAreaProps>;

package/dist/cjs/components/Textarea/Textarea.js

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXTextarea = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+var PHXTextarea = function (_a) {
+    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
+    return (react_1["default"].createElement("div", { className: className },
+        label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        react_1["default"].createElement("textarea", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
+        helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+            react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+};
+exports.PHXTextarea = PHXTextarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/cjs/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,wDAAqD;AAErD,kCAAqC;AAW9B,IAAM,WAAW,GAA4B,UAAC,EAQrC;IAPd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,sBAP4C,uEAQpD,CADQ;IAEP,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,kEACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,WAAW,eA2CvB"}

package/dist/cjs/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/cjs/components/Textarea/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Textarea"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B"}

package/dist/cjs/index.d.ts

@@ -17,4 +17,5 @@ import { PHXSkeletonLarge } from './components/Skeleton';
 import PHXFuncGetLoggedInfo from './components/Func/getLoginInfo';
 import PHXClientQuery from './components/Func/clientQueryV2';
 import PHXClientMutation from './components/Func/clientMutationV2';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, };
+import { PHXTextarea } from './components/Textarea';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeletonLarge = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
+exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeletonLarge = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
 var tslib_1 = require("tslib");
 var Step_1 = require("./components/Step");
 exports.PHXStep = Step_1.PHXStep;
@@ -40,4 +40,6 @@ var clientQueryV2_1 = tslib_1.__importDefault(require("./components/Func/clientQ
 exports.PHXClientQuery = clientQueryV2_1["default"];
 var clientMutationV2_1 = tslib_1.__importDefault(require("./components/Func/clientMutationV2"));
 exports.PHXClientMutation = clientMutationV2_1["default"];
+var Textarea_1 = require("./components/Textarea");
+exports.PHXTextarea = Textarea_1.PHXTextarea;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAmCzC,kBAnCO,cAAO,CAmCP;AAlCT,iEAAwC;AAoBtC,oBApBK,gBAAS,CAoBL;AAnBX,8CAA+C;AAoB7C,oBApBO,kBAAS,CAoBP;AAnBX,0CAA2C;AAoBzC,kBApBO,cAAO,CAoBP;AAnBT,gDAAiD;AAoB/C,qBApBO,oBAAU,CAoBP;AAnBZ,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,4CAA6C;AAsB3C,mBAtBO,gBAAQ,CAsBP;AArBV,kDAAmD;AAmBjD,sBAnBO,sBAAW,CAmBP;AAlBb,oDAAqD;AAmBnD,uBAnBO,wBAAY,CAmBP;AAlBd,4CAA6C;AAoB3C,mBApBO,gBAAQ,CAoBP;AAnBV,8CAA+C;AAoB7C,oBApBO,kBAAS,CAoBP;AAnBX,4CAA6C;AAoB3C,mBApBO,gBAAQ,CAoBP;AAnBV,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,4DAA6D;AAoB3D,2BApBO,gCAAgB,CAoBP;AAnBlB,kDAAwD;AAqBtD,2BArBO,2BAAgB,CAqBP;AApBlB,wFAAiE;AAqB/D,+BArBK,yBAAoB,CAqBL;AApBtB,0FAA4D;AAqB1D,yBArBK,0BAAc,CAqBL;AApBhB,gGAAkE;AAqBhE,4BArBK,6BAAiB,CAqBL"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AAoCzC,kBApCO,cAAO,CAoCP;AAnCT,iEAAwC;AAqBtC,oBArBK,gBAAS,CAqBL;AApBX,8CAA+C;AAqB7C,oBArBO,kBAAS,CAqBP;AApBX,0CAA2C;AAqBzC,kBArBO,cAAO,CAqBP;AApBT,gDAAiD;AAqB/C,qBArBO,oBAAU,CAqBP;AApBZ,kDAAmD;AAqBjD,sBArBO,sBAAW,CAqBP;AApBb,4CAA6C;AAuB3C,mBAvBO,gBAAQ,CAuBP;AAtBV,kDAAmD;AAoBjD,sBApBO,sBAAW,CAoBP;AAnBb,oDAAqD;AAoBnD,uBApBO,wBAAY,CAoBP;AAnBd,4CAA6C;AAqB3C,mBArBO,gBAAQ,CAqBP;AApBV,8CAA+C;AAqB7C,oBArBO,kBAAS,CAqBP;AApBX,4CAA6C;AAqB3C,mBArBO,gBAAQ,CAqBP;AApBV,kDAAmD;AAqBjD,sBArBO,sBAAW,CAqBP;AApBb,kDAAmD;AAqBjD,sBArBO,sBAAW,CAqBP;AApBb,4DAA6D;AAqB3D,2BArBO,gCAAgB,CAqBP;AApBlB,kDAAwD;AAsBtD,2BAtBO,2BAAgB,CAsBP;AArBlB,wFAAiE;AAsB/D,+BAtBK,yBAAoB,CAsBL;AArBtB,0FAA4D;AAsB1D,yBAtBK,0BAAc,CAsBL;AArBhB,gGAAkE;AAsBhE,4BAtBK,6BAAiB,CAsBL;AArBnB,kDAAmD;AAsBjD,sBAtBO,sBAAW,CAsBP"}

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

@@ -5,9 +5,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     helpText?: string;
     register?: UseFormRegisterReturn;
-    textarea?: boolean;
     error?: boolean;
     errorMessage?: string;
-    props?: any;
 }
 export declare const PHXInput: React.FC<InputProps>;

package/dist/esm/components/Input/Input.js

@@ -1,13 +1,11 @@
 import { __assign, __rest } from "tslib";
 import React from 'react';
-import { Textarea } from './Textarea';
 import { classNames } from '../types';
 export var PHXInput = function (_a) {
-    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, textarea = _a.textarea, props = _a.props, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "textarea", "props"]);
+    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
     return (React.createElement("div", { className: className },
         label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
-        textarea ? (React.createElement(Textarea, __assign({ register: register, error: error }, props))) : (React.createElement(React.Fragment, null,
-            React.createElement("input", __assign({}, rest, register, { className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })))),
+        React.createElement("input", __assign({}, rest, register, { className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
         helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
         error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
             React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAarC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAUlC;IATX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cATsC,4FAU9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACxF,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,aAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAC1D,CAAC,CAAC,CAAC,CACF;YACE,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACD,CACJ;QACA,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAPsC,uEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;CAAA,CAAA"}

package/dist/esm/components/{Input → Textarea}/Textarea.d.ts

@@ -1,7 +1,11 @@
 import React, { TextareaHTMLAttributes } from 'react';
 import { UseFormRegisterReturn } from 'react-hook-form';
 export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    className?: string;
+    label?: string;
+    helpText?: string;
     register?: UseFormRegisterReturn;
     error?: boolean;
+    errorMessage?: string;
 }
-export declare const Textarea: React.FC<TextAreaProps>;
+export declare const PHXTextarea: React.FC<TextAreaProps>;

package/dist/esm/components/Textarea/Textarea.js

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { classNames } from '../types';
+export var PHXTextarea = function (_a) {
+    var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register"]);
+    return (React.createElement("div", { className: className },
+        label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        React.createElement("textarea", __assign({}, rest, register, { className: classNames('font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })),
+        helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
+        error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
+            React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
+            React.createElement("p", { className: 'text-xs text-red-800' }, errorMessage))) : null));
+};
+//# sourceMappingURL=Textarea.js.map

package/dist/esm/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAQrC;IAPd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAP4C,uEAQpD,CADQ;IAEP,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;QACzF,6CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,2OAA2O,EAC3O,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD;QACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,YAAY,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/esm/components/Textarea/index.js

@@ -0,0 +1,2 @@
+export * from './Textarea';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/esm/index.d.ts

@@ -17,4 +17,5 @@ import { PHXSkeletonLarge } from './components/Skeleton';
 import PHXFuncGetLoggedInfo from './components/Func/getLoginInfo';
 import PHXClientQuery from './components/Func/clientQueryV2';
 import PHXClientMutation from './components/Func/clientMutationV2';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, };
+import { PHXTextarea } from './components/Textarea';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, };

package/dist/esm/index.js

@@ -17,5 +17,6 @@ import { PHXSkeletonLarge } from './components/Skeleton';
 import PHXFuncGetLoggedInfo from './components/Func/getLoginInfo';
 import PHXClientQuery from './components/Func/clientQueryV2';
 import PHXClientMutation from './components/Func/clientMutationV2';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, };
+import { PHXTextarea } from './components/Textarea';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeletonLarge, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAElE,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,GACZ,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "description": "My first react typescript package",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

package/dist/cjs/components/Input/Textarea.js

@@ -1,12 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.Textarea = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var types_1 = require("../types");
-var Textarea = function (_a) {
-    var register = _a.register, error = _a.error, rest = tslib_1.__rest(_a, ["register", "error"]);
-    return (react_1["default"].createElement("textarea", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)('mt-1 font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })));
-};
-exports.Textarea = Textarea;
-//# sourceMappingURL=Textarea.js.map

package/dist/cjs/components/Input/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,wDAAqD;AAErD,kCAAqC;AAO9B,IAAM,QAAQ,GAA4B,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,sBAA1B,qBAA4B,CAAF;IAC1E,OAAO,CACL,kEACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,IAAA,kBAAU,EACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACH,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,QAAQ,YAWpB"}

package/dist/esm/components/Input/Textarea.js

@@ -1,8 +0,0 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
-import { classNames } from '../types';
-export var Textarea = function (_a) {
-    var register = _a.register, error = _a.error, rest = __rest(_a, ["register", "error"]);
-    return (React.createElement("textarea", __assign({}, rest, register, { className: classNames('mt-1 font-light block w-full rounded-lg border border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '') })));
-};
-//# sourceMappingURL=Textarea.js.map

package/dist/esm/components/Input/Textarea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Input/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAOrC,MAAM,CAAC,IAAM,QAAQ,GAA4B,UAAC,EAA2C;IAAzC,IAAA,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,IAAI,cAA1B,qBAA4B,CAAF;IAC1E,OAAO,CACL,6CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAE,UAAU,CACnB,gPAAgP,EAChP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,CAC7F,IACD,CACH,CAAA;AACH,CAAC,CAAA"}