phx-react 1.3.30 → 1.3.31

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface BannerProps {
+    type?: 'informational' | 'success' | 'warning' | 'danger';
+    title?: string;
+    description?: string;
+    className?: string;
+    onClose?(): void;
+}
+export declare const PHXBanner: ({ type, className, title, description, onClose }: BannerProps) => JSX.Element;

package/dist/cjs/components/Banner/Banner.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+exports.__esModule = true;
+exports.PHXBanner = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+var PHXBanner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose;
+    var classNameType = (0, types_1.classNames)(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
+    var Icon = function () { return (react_1["default"].createElement(react_1["default"].Fragment, null,
+        type === 'informational' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', 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' }))),
+        type === 'success' && (react_1["default"].createElement("svg", { className: 'mr-2 h-3 w-3', fill: 'none', stroke: 'currentColor', strokeWidth: '3', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M4.5 12.75l6 6 9-13.5', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'warning' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'danger' && (react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            react_1["default"].createElement("path", { d: 'M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))))); };
+    return (react_1["default"].createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
+        react_1["default"].createElement("div", { className: "flex items-center justify-between rounded-tl-lg rounded-tr-lg bg-[#29845a] px-3 py-2 font-medium leading-3 ".concat(classNameType) },
+            react_1["default"].createElement("div", { className: 'flex items-center' },
+                react_1["default"].createElement(Icon, null),
+                react_1["default"].createElement("span", null, title)),
+            react_1["default"].createElement("div", null,
+                react_1["default"].createElement("button", { className: 'rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600', type: 'button', onClick: onClose },
+                    react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
+                    react_1["default"].createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
+        react_1["default"].createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description)));
+};
+exports.PHXBanner = PHXBanner;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,kCAAqC;AAU9B,IAAM,SAAS,GAAG,UAAC,EAA+E;QAA7E,YAAsB,EAAtB,IAAI,mBAAG,eAAe,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA;IACxF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,eAAe,IAAI,cAAc,EAC1C,IAAI,KAAK,SAAS,IAAI,yBAAyB,EAC/C,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,yBAAyB,CAC/C,CAAA;IAED,IAAM,IAAI,GAAG,cAAM,OAAA,CACjB;QACG,IAAI,KAAK,eAAe,IAAI,CAC3B,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP;QACA,IAAI,KAAK,SAAS,IAAI,CACrB,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CAAM,CAAC,EAAC,uBAAuB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC3E,CACP;QACA,IAAI,KAAK,SAAS,IAAI,CACrB,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CACE,CAAC,EAAC,kLAAkL,EACpL,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP;QACA,IAAI,KAAK,QAAQ,IAAI,CACpB,0CACE,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,2CACE,CAAC,EAAC,2NAA2N,EAC7N,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CACA,CACJ,EA/DkB,CA+DlB,CAAA;IACD,OAAO,CACL,0CACE,SAAS,EAAE,sGAA+F,SAAS,CAAE;QAErH,0CACE,SAAS,EAAE,qHAA8G,aAAa,CAAE;YAExI,0CAAK,SAAS,EAAC,mBAAmB;gBAChC,iCAAC,IAAI,OAAG;gBACR,+CAAO,KAAK,CAAQ,CAChB;YACN;gBACE,6CAAQ,SAAS,EAAC,yDAAyD,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO;oBACxG,2CAAM,SAAS,EAAC,SAAS,YAAa;oBACtC,0CACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CAAM,CAAC,EAAC,sBAAsB,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,CAC1E,CACC,CACL,CACF;QACN,0CAAK,SAAS,EAAC,gCAAgC,IAAE,WAAW,CAAO,CAC/D,CACP,CAAA;AACH,CAAC,CAAA;AAtGY,QAAA,SAAS,aAsGrB"}

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

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

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

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

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

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

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

@@ -3,7 +3,6 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     className?: string;
     children?: any;
-    id?: any;
     label?: string;
     title?: string;
     helpText?: string;

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -4,7 +4,7 @@ exports.PHXCheckbox = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var PHXCheckbox = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = tslib_1.__rest(_a, ["children", "className", "id", "expanded", "helpText", "label", "title", "register", "onChange"]);
+    var children = _a.children, className = _a.className, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = tslib_1.__rest(_a, ["children", "className", "expanded", "helpText", "label", "title", "register", "onChange"]);
     var _c = (0, react_1.useState)(false), show = _c[0], setShow = _c[1];
     var handleChange = function (e) {
         setShow(e.target.checked);
@@ -14,9 +14,10 @@ var PHXCheckbox = function (_a) {
     };
     return (react_1["default"].createElement("div", { className: className },
         label && react_1["default"].createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
-        react_1["default"].createElement("div", { className: 'py-1 flex items-center' },
-            react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { id: id, className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
-            react_1["default"].createElement("label", { htmlFor: id, className: 'ml-2 leading-5 block text-xs font-normal text-gray-700 hover:cursor-pointer' }, title)),
+        react_1["default"].createElement("div", { className: 'flex items-center py-1' },
+            react_1["default"].createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
+                react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
+                react_1["default"].createElement("span", { className: 'ml-2' }, title))),
         helpText && expanded && show ? react_1["default"].createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
         expanded && show ? react_1["default"].createElement("div", { className: 'ml-7' }, children) : react_1["default"].createElement(react_1["default"].Fragment, null)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAerD,IAAM,WAAW,GAA4B,UAAC,EAWrC;IAVd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,EAAE,QAAA,EACF,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,sBAV4C,iGAWpD,CADQ;IAED,IAAA,KAAkB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,0CAAK,SAAS,EAAC,wBAAwB;YACrC,+DACM,IAAI,EACJ,QAAQ,IACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;YACF,4CAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,6EAA6E,IACxG,KAAK,CACA,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,mEAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,WAAW,eAyCvB"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;AAAA,qDAA4D;AAcrD,IAAM,WAAW,GAA4B,UAAC,EAUrC;IATd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,sBAT4C,2FAUpD,CADQ;IAED,IAAA,KAAkB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,0CAAK,SAAS,EAAC,wBAAwB;YACrC,4CAAO,SAAS,EAAC,0FAA0F;gBACzG,+DACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,2CAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,mEAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB"}

package/dist/cjs/components/ChoiceList/ChoiceList.js

@@ -8,7 +8,7 @@ function PHXChoiceList(_a) {
     var label = _a.label, list = _a.list;
     return (react_1["default"].createElement(react_1["default"].Fragment, null,
         label && react_1["default"].createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
-        list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, helpText: item.helpText, id: item.title, register: item.register, title: item.title }, item.component)); })));
+        list.map(function (item) { return (react_1["default"].createElement(Checkbox_1.PHXCheckbox, { key: item.title, helpText: item.helpText, register: item.register, title: item.title }, item.component)); })));
 }
 exports.PHXChoiceList = PHXChoiceList;
 //# sourceMappingURL=ChoiceList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;AAczB,SAAgB,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,4CAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,iCAAC,sBAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,IAEhB,IAAI,CAAC,SAAS,CACH,CACf,EAVwB,CAUxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAjBD,sCAiBC"}
+{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":";;;;AACA,wCAAyC;AACzC,wDAAyB;AAczB,SAAgB,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,4CAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,iCAAC,sBAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC9F,IAAI,CAAC,SAAS,CACH,CACf,EAJwB,CAIxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC;AAXD,sCAWC"}

package/dist/cjs/index.d.ts

@@ -24,4 +24,5 @@ import { PHXChoiceList } from './components/ChoiceList';
 import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, };
+import { PHXBanner } from './components/Banner';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = 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.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = 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;
@@ -54,4 +54,6 @@ var Badge_1 = require("./components/Badge");
 exports.PHXBadge = Badge_1.PHXBadge;
 var Login_1 = require("./components/Login");
 exports.PHXLogin = Login_1.PHXLogin;
+var Banner_1 = require("./components/Banner");
+exports.PHXBanner = Banner_1.PHXBanner;
 //# 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;AA0CzC,kBA1CO,cAAO,CA0CP;AAzCT,iEAAwC;AA2BtC,oBA3BK,gBAAS,CA2BL;AA1BX,8CAA+C;AA2B7C,oBA3BO,kBAAS,CA2BP;AA1BX,0CAA2C;AA2BzC,kBA3BO,cAAO,CA2BP;AA1BT,gDAAiD;AA2B/C,qBA3BO,oBAAU,CA2BP;AA1BZ,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,kDAAmD;AA0BjD,sBA1BO,sBAAW,CA0BP;AAzBb,oDAAqD;AA0BnD,uBA1BO,wBAAY,CA0BP;AAzBd,4CAA6C;AA2B3C,mBA3BO,gBAAQ,CA2BP;AA1BV,8CAA+C;AA2B7C,oBA3BO,kBAAS,CA2BP;AA1BX,4CAA6C;AA2B3C,mBA3BO,gBAAQ,CA2BP;AA1BV,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,4DAA6D;AA2B3D,2BA3BO,gCAAgB,CA2BP;AA1BlB,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,wFAAiE;AA4B/D,+BA5BK,yBAAoB,CA4BL;AA3BtB,0FAA4D;AA4B1D,yBA5BK,0BAAc,CA4BL;AA3BhB,gGAAkE;AA4BhE,4BA5BK,6BAAiB,CA4BL;AA3BnB,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,0CAA2C;AA4BzC,kBA5BO,cAAO,CA4BP;AA3BT,sDAAuD;AA4BrD,wBA5BO,0BAAa,CA4BP;AA3Bf,kEAAmE;AA4BjE,8BA5BO,sCAAmB,CA4BP;AA3BrB,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AA2CzC,kBA3CO,cAAO,CA2CP;AA1CT,iEAAwC;AA4BtC,oBA5BK,gBAAS,CA4BL;AA3BX,8CAA+C;AA4B7C,oBA5BO,kBAAS,CA4BP;AA3BX,0CAA2C;AA4BzC,kBA5BO,cAAO,CA4BP;AA3BT,gDAAiD;AA4B/C,qBA5BO,oBAAU,CA4BP;AA3BZ,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,kDAAmD;AA2BjD,sBA3BO,sBAAW,CA2BP;AA1Bb,oDAAqD;AA2BnD,uBA3BO,wBAAY,CA2BP;AA1Bd,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,8CAA+C;AA4B7C,oBA5BO,kBAAS,CA4BP;AA3BX,4CAA6C;AA4B3C,mBA5BO,gBAAQ,CA4BP;AA3BV,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,4DAA6D;AA4B3D,2BA5BO,gCAAgB,CA4BP;AA3BlB,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,wFAAiE;AA6B/D,+BA7BK,yBAAoB,CA6BL;AA5BtB,0FAA4D;AA6B1D,yBA7BK,0BAAc,CA6BL;AA5BhB,gGAAkE;AA6BhE,4BA7BK,6BAAiB,CA6BL;AA5BnB,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,0CAA2C;AA6BzC,kBA7BO,cAAO,CA6BP;AA5BT,sDAAuD;AA6BrD,wBA7BO,0BAAa,CA6BP;AA5Bf,kEAAmE;AA6BjE,8BA7BO,sCAAmB,CA6BP;AA5BrB,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface BannerProps {
+    type?: 'informational' | 'success' | 'warning' | 'danger';
+    title?: string;
+    description?: string;
+    className?: string;
+    onClose?(): void;
+}
+export declare const PHXBanner: ({ type, className, title, description, onClose }: BannerProps) => JSX.Element;

package/dist/esm/components/Banner/Banner.js

@@ -0,0 +1,28 @@
+'use client';
+import React from 'react';
+import { classNames } from '../types';
+export var PHXBanner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'informational' : _b, className = _a.className, title = _a.title, description = _a.description, onClose = _a.onClose;
+    var classNameType = classNames(type === 'informational' && 'bg-[#91d0ff]', type === 'success' && 'bg-[#29845a] text-white', type === 'warning' && 'bg-[#ffb800]', type === 'danger' && 'bg-[#e51c00] text-white');
+    var Icon = function () { return (React.createElement(React.Fragment, null,
+        type === 'informational' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', 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' }))),
+        type === 'success' && (React.createElement("svg", { className: 'mr-2 h-3 w-3', fill: 'none', stroke: 'currentColor', strokeWidth: '3', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M4.5 12.75l6 6 9-13.5', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'warning' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))),
+        type === 'danger' && (React.createElement("svg", { className: 'mr-2 h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 22 22', xmlns: 'http://www.w3.org/2000/svg' },
+            React.createElement("path", { d: 'M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' }))))); };
+    return (React.createElement("div", { className: "flex w-full flex-col rounded-lg border bg-white text-xs shadow-[0rem_0.1rem_0rem_#00000012] ".concat(className) },
+        React.createElement("div", { className: "flex items-center justify-between rounded-tl-lg rounded-tr-lg bg-[#29845a] px-3 py-2 font-medium leading-3 ".concat(classNameType) },
+            React.createElement("div", { className: 'flex items-center' },
+                React.createElement(Icon, null),
+                React.createElement("span", null, title)),
+            React.createElement("div", null,
+                React.createElement("button", { className: 'rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600', type: 'button', onClick: onClose },
+                    React.createElement("span", { className: 'sr-only' }, "Close"),
+                    React.createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
+                        React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
+        React.createElement("div", { className: 'px-4 pb-4 pt-3.5 text-gray-600' }, description)));
+};
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"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"}

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

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

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

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

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

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

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

@@ -3,7 +3,6 @@ import { UseFormRegisterReturn } from 'react-hook-form';
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     className?: string;
     children?: any;
-    id?: any;
     label?: string;
     title?: string;
     helpText?: string;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React, { useState } from 'react';
 export var PHXCheckbox = function (_a) {
-    var children = _a.children, className = _a.className, id = _a.id, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = __rest(_a, ["children", "className", "id", "expanded", "helpText", "label", "title", "register", "onChange"]);
+    var children = _a.children, className = _a.className, _b = _a.expanded, expanded = _b === void 0 ? true : _b, helpText = _a.helpText, label = _a.label, title = _a.title, register = _a.register, onChange = _a.onChange, rest = __rest(_a, ["children", "className", "expanded", "helpText", "label", "title", "register", "onChange"]);
     var _c = useState(false), show = _c[0], setShow = _c[1];
     var handleChange = function (e) {
         setShow(e.target.checked);
@@ -11,9 +11,10 @@ export var PHXCheckbox = function (_a) {
     };
     return (React.createElement("div", { className: className },
         label && React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
-        React.createElement("div", { className: 'py-1 flex items-center' },
-            React.createElement("input", __assign({}, rest, register, { id: id, className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
-            React.createElement("label", { htmlFor: id, className: 'ml-2 leading-5 block text-xs font-normal text-gray-700 hover:cursor-pointer' }, title)),
+        React.createElement("div", { className: 'flex items-center py-1' },
+            React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
+                React.createElement("input", __assign({}, rest, register, { className: 'block h-4 w-4 rounded border border-gray-500 text-indigo-800 hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent', onChange: handleChange, type: 'checkbox' })),
+                React.createElement("span", { className: 'ml-2' }, title))),
         helpText && expanded && show ? React.createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
         expanded && show ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, null)));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAe5D,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAWrC;IAVd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,EAAE,QAAA,EACF,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAV4C,iGAWpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,0CACM,IAAI,EACJ,QAAQ,IACZ,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;YACF,+BAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,6EAA6E,IACxG,KAAK,CACA,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAc5D,MAAM,CAAC,IAAM,WAAW,GAA4B,UAAC,EAUrC;IATd,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAT4C,2FAUpD,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QACpF,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,IAAI,EACJ,QAAQ,IACZ,SAAS,EAAC,4HAA4H,EACtI,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,IACf;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC7G,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK,CAC9D,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/ChoiceList/ChoiceList.js

@@ -4,6 +4,6 @@ export function PHXChoiceList(_a) {
     var label = _a.label, list = _a.list;
     return (React.createElement(React.Fragment, null,
         label && React.createElement("label", { className: 'block pb-1 text-xs font-medium leading-5 text-gray-700' }, label),
-        list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, helpText: item.helpText, id: item.title, register: item.register, title: item.title }, item.component)); })));
+        list.map(function (item) { return (React.createElement(PHXCheckbox, { key: item.title, helpText: item.helpText, register: item.register, title: item.title }, item.component)); })));
 }
 //# sourceMappingURL=ChoiceList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,KAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,IAEhB,IAAI,CAAC,SAAS,CACH,CACf,EAVwB,CAUxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"ChoiceList.js","sourceRoot":"","sources":["../../../../src/components/ChoiceList/ChoiceList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAczB,MAAM,UAAU,aAAa,CAAC,EAA2B;QAAzB,KAAK,WAAA,EAAE,IAAI,UAAA;IACzC,OAAO,CACL;QACG,KAAK,IAAI,+BAAO,SAAS,EAAC,wDAAwD,IAAE,KAAK,CAAS;QAClG,IAAI,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CACvB,oBAAC,WAAW,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAC9F,IAAI,CAAC,SAAS,CACH,CACf,EAJwB,CAIxB,CAAC,CACD,CACJ,CAAA;AACH,CAAC"}

package/dist/esm/index.d.ts

@@ -24,4 +24,5 @@ import { PHXChoiceList } from './components/ChoiceList';
 import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, };
+import { PHXBanner } from './components/Banner';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };

package/dist/esm/index.js

@@ -24,5 +24,6 @@ import { PHXChoiceList } from './components/ChoiceList';
 import { PHXDescriptionLists } from './components/DescriptionLists';
 import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
-export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, };
+import { PHXBanner } from './components/Banner';
+export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, };
 //# 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,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,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;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,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,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,GACT,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,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,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;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C,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,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.30",
+  "version": "1.3.31",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",