phx-react 1.3.81 → 1.3.82

package/dist/cjs/components/Button/Button.js

@@ -21,12 +21,18 @@ var PHXButton = function (_a) {
     var interactiveProps = tslib_1.__assign({}, commonProps);
     var handleClick = (0, use_disable_interaction_1.useDisableClick)(disabled, onClick);
     var binClassNames = (0, types_1.classNames)(primary &&
-        'bg-indigo-800 font-normal text-white shadow-sm hover:bg-indigo-900 hover:text-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900', secondary &&
-        'bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', danger &&
-        'bg-red-600 font-normal text-white shadow-sm hover:bg-red-700 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', danger2 &&
-        'font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', deleted &&
-        'bg-indigo-50 font-normal text-red-800 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', rounded && 'rounded-full', soft &&
-        'bg-indigo-50 font-normal text-indigo-600 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', size === 'micro' && "px-2 py-1 text-xs rounded-lg active:pt-[0.3rem] active:pb-[0.2rem]", size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'medium' && "px-2.5 py-1.5 text-sm rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'large' && "px-3 py-2 text-sm rounded-lg active:pt-[0.55rem] active:pb-[0.45rem]", size === 'extra-large' && "px-3.5 py-2.5 text-sm rounded-lg active:pt-[0.7rem] active:pb-[0.55rem]", icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', className);
+        "bg-indigo-800 font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
+            ? 'hover:bg-indigo-900 hover:text-gray-200 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900'
+            : ''), secondary &&
+        "bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 ".concat(!disabled
+            ? 'hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+            : ''), danger &&
+        "bg-red-600 font-normal text-white shadow-sm ".concat(!disabled ? 'hover:bg-red-700 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]' : ''), danger2 &&
+        "font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 ".concat(!disabled ? 'hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]' : ''), deleted &&
+        "bg-indigo-50 font-normal text-red-800 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), rounded && 'rounded-full', soft &&
+        "bg-indigo-50 font-normal text-indigo-600 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), size === 'micro' && "px-2 py-1 text-xs rounded-lg ".concat(!disabled ? 'active:pt-[0.3rem] active:pb-[0.2rem]' : ''), size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'medium' &&
+        "px-2.5 py-1.5 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'large' && "px-3 py-2 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''), size === 'extra-large' &&
+        "px-3.5 py-2.5 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
     var iconClass = (0, types_1.classNames)(icon && iconPosition === 'before' && '-ml-0.5 h-5 w-5', icon && iconPosition === 'after' && '-mr-0.5 h-5 w-5', iconClassName);
     // Icon markup
     var iconMarkup = Icon && react_1["default"].createElement(Icon, { className: iconClass });

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

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

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

@@ -0,0 +1,14 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface ComboboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    multiple?: boolean;
+    listOptions: Array<{
+        id: number;
+        name: string;
+    }> | any;
+    register?: UseFormRegisterReturn;
+    className?: string;
+    label?: string;
+    defaultValue?: any;
+}
+export declare const PHXCombobox: React.FC<ComboboxProps>;

package/dist/cjs/components/Combobox/Combobox.js

@@ -0,0 +1,76 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXCombobox = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_2 = require("@headlessui/react");
+var solid_1 = require("@heroicons/react/20/solid");
+// import { PHXSpinner } from '../Loading'
+var types_1 = require("../types");
+var EmptySearchResult_1 = tslib_1.__importDefault(require("../Table/EmptySearchResult"));
+var PHXCombobox = function (_a) {
+    var _b = _a.multiple, multiple = _b === void 0 ? false : _b, register = _a.register, listOptions = _a.listOptions, className = _a.className, label = _a.label, defaultValue = _a.defaultValue, rest = tslib_1.__rest(_a, ["multiple", "register", "listOptions", "className", "label", "defaultValue"]);
+    var _c = (0, react_1.useState)([]), selectedPeople = _c[0], setSelectedPeople = _c[1];
+    var _d = (0, react_1.useState)(''), query = _d[0], setQuery = _d[1];
+    // const [loading, setLoading] = useState(false)
+    // const [open, setOpen] = useState(false)
+    (0, react_1.useEffect)(function () {
+        if (defaultValue) {
+            if (defaultValue instanceof Array) {
+                var defaultName = defaultValue.map(function (item) {
+                    var data = listOptions.find(function (option) { return option.name === item; });
+                    return data;
+                });
+                !multiple && defaultName.length === 1 ? setSelectedPeople(defaultName[0]) : setSelectedPeople(defaultName);
+            }
+            else {
+                var defaultName = listOptions.find(function (option) { return option.name === defaultValue; });
+                setSelectedPeople(defaultName);
+            }
+        }
+        else {
+            return;
+        }
+    }, [defaultValue]);
+    var filteredPeople = query === ''
+        ? listOptions
+        : listOptions.filter(function (person) {
+            return person.name.toLowerCase().replace(/\s+/g, '').includes(query.toLowerCase().replace(/\s+/g, ''));
+        });
+    var searchLoading = function (e) {
+        // setLoading(true)
+        setQuery(e.target.value);
+        // setTimeout(() => {
+        //   setLoading(false)
+        // }, 300)
+    };
+    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(react_2.Combobox
+        // @ts-ignore
+        , tslib_1.__assign({ 
+            // @ts-ignore
+            multiple: multiple }, register, { value: selectedPeople, onChange: setSelectedPeople }),
+            react_1["default"].createElement("div", { className: 'relative mt-1' },
+                react_1["default"].createElement("div", { className: 'relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm' },
+                    react_1["default"].createElement(react_2.Combobox.Input, tslib_1.__assign({ className: 'block min-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', displayValue: function (people) {
+                            return selectedPeople instanceof Array ? people.map(function (person) { return person === null || person === void 0 ? void 0 : person.name; }).join(', ') : people === null || people === void 0 ? void 0 : people.name;
+                        }, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
+                    react_1["default"].createElement(react_2.Combobox.Button, { className: 'absolute inset-y-0 right-0 flex items-center pr-2' },
+                        react_1["default"].createElement(solid_1.ChevronUpDownIcon, { className: 'h-5 w-5 text-gray-400', "aria-hidden": 'true' }))),
+                react_1["default"].createElement(react_2.Transition, { as: react_1.Fragment, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', afterLeave: function () { return setQuery(''); } },
+                    react_1["default"].createElement(react_2.Combobox.Options, { className: (0, types_1.classNames)('absolute z-10 mt-1 px-2 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm') }, filteredPeople.length === 0 && query !== '' ? (
+                    // <div className='relative cursor-default select-none py-2 px-4 text-gray-700'>Nothing found.</div>
+                    react_1["default"].createElement(EmptySearchResult_1["default"], { className: '!m-0' })) : (filteredPeople.map(function (person) { return (react_1["default"].createElement(react_2.Combobox.Option, tslib_1.__assign({}, register, { key: person.id, className: function (_a) {
+                            var active = _a.active, selected = _a.selected;
+                            return "relative cursor-default text-xs select-none py-2 pl-3 my-1 rounded-lg pr-4 ".concat(active ? 'bg-gray-200 cursor-pointer' : 'text-gray-700', " ").concat(selected ? 'bg-gray-200' : '');
+                        }, value: person }), function (_a) {
+                        var selected = _a.selected;
+                        return (react_1["default"].createElement(react_1["default"].Fragment, null,
+                            react_1["default"].createElement("span", { className: "block truncate" }, person.name),
+                            selected ? (react_1["default"].createElement("span", { className: "absolute inset-y-0 right-0 flex items-center pr-4" },
+                                react_1["default"].createElement(solid_1.CheckIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : null));
+                    })); }))))))));
+};
+exports.PHXCombobox = PHXCombobox;
+//# sourceMappingURL=Combobox.js.map

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

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

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

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

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

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

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

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

package/dist/cjs/components/Table/EmptySearchResult.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export default function EmptySearchResult(): JSX.Element;
+interface Props {
+    className?: string;
+}
+export default function EmptySearchResult({ className }: Props): JSX.Element;
+export {};

package/dist/cjs/components/Table/EmptySearchResult.js

@@ -2,8 +2,9 @@
 exports.__esModule = true;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-function EmptySearchResult() {
-    return (react_1["default"].createElement("div", { className: '-mx-4 -my-2 sm:-mx-6 lg:-mx-8' },
+function EmptySearchResult(_a) {
+    var className = _a.className;
+    return (react_1["default"].createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
         react_1["default"].createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
             react_1["default"].createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
                 react_1["default"].createElement("div", { className: 'text-center' },

package/dist/cjs/components/Table/EmptySearchResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAEzB,SAAwB,iBAAiB;IACvC,OAAO,CACL,0CAAK,SAAS,EAAC,+BAA+B;QAC5C,0CAAK,SAAS,EAAC,sDAAsD;YACnE,0CAAK,SAAS,EAAC,2BAA2B;gBACxC,0CAAK,SAAS,EAAC,aAAa;oBAC1B,0CACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,yCAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,wCAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AA3BD,uCA2BC"}
+{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,0CAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,0CAAK,SAAS,EAAC,sDAAsD;YACnE,0CAAK,SAAS,EAAC,2BAA2B;gBACxC,0CAAK,SAAS,EAAC,aAAa;oBAC1B,0CACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,yCAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,wCAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AA3BD,uCA2BC"}

package/dist/cjs/index.d.ts

@@ -26,4 +26,5 @@ import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
 import { PHXBanner } from './components/Banner';
 import { PHXButtonGroup } from './components/ButtonGroup';
-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, PHXButtonGroup, };
+import { PHXCombobox } from './components/Combobox';
+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, PHXButtonGroup, PHXCombobox, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXButtonGroup = 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;
+exports.PHXCombobox = exports.PHXButtonGroup = 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;
@@ -58,4 +58,6 @@ var Banner_1 = require("./components/Banner");
 exports.PHXBanner = Banner_1.PHXBanner;
 var ButtonGroup_1 = require("./components/ButtonGroup");
 exports.PHXButtonGroup = ButtonGroup_1.PHXButtonGroup;
+var Combobox_1 = require("./components/Combobox");
+exports.PHXCombobox = Combobox_1.PHXCombobox;
 //# 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;AA4CzC,kBA5CO,cAAO,CA4CP;AA3CT,iEAAwC;AA6BtC,oBA7BK,gBAAS,CA6BL;AA5BX,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP;AA5BX,0CAA2C;AA6BzC,kBA7BO,cAAO,CA6BP;AA5BT,gDAAiD;AA6B/C,qBA7BO,oBAAU,CA6BP;AA5BZ,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,kDAAmD;AA4BjD,sBA5BO,sBAAW,CA4BP;AA3Bb,oDAAqD;AA4BnD,uBA5BO,wBAAY,CA4BP;AA3Bd,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,8CAA+C;AA6B7C,oBA7BO,kBAAS,CA6BP;AA5BX,4CAA6C;AA6B3C,mBA7BO,gBAAQ,CA6BP;AA5BV,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,4DAA6D;AA6B3D,2BA7BO,gCAAgB,CA6BP;AA5BlB,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,wFAAiE;AA8B/D,+BA9BK,yBAAoB,CA8BL;AA7BtB,0FAA4D;AA8B1D,yBA9BK,0BAAc,CA8BL;AA7BhB,gGAAkE;AA8BhE,4BA9BK,6BAAiB,CA8BL;AA7BnB,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,0CAA2C;AA8BzC,kBA9BO,cAAO,CA8BP;AA7BT,sDAAuD;AA8BrD,wBA9BO,0BAAa,CA8BP;AA7Bf,kEAAmE;AA8BjE,8BA9BO,sCAAmB,CA8BP;AA7BrB,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,8CAA+C;AA8B7C,oBA9BO,kBAAS,CA8BP;AA7BX,wDAAyD;AA8BvD,yBA9BO,4BAAc,CA8BP"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,0CAA2C;AA6CzC,kBA7CO,cAAO,CA6CP;AA5CT,iEAAwC;AA8BtC,oBA9BK,gBAAS,CA8BL;AA7BX,8CAA+C;AA8B7C,oBA9BO,kBAAS,CA8BP;AA7BX,0CAA2C;AA8BzC,kBA9BO,cAAO,CA8BP;AA7BT,gDAAiD;AA8B/C,qBA9BO,oBAAU,CA8BP;AA7BZ,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,4CAA6C;AAgC3C,mBAhCO,gBAAQ,CAgCP;AA/BV,kDAAmD;AA6BjD,sBA7BO,sBAAW,CA6BP;AA5Bb,oDAAqD;AA6BnD,uBA7BO,wBAAY,CA6BP;AA5Bd,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,8CAA+C;AA8B7C,oBA9BO,kBAAS,CA8BP;AA7BX,4CAA6C;AA8B3C,mBA9BO,gBAAQ,CA8BP;AA7BV,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,kDAAmD;AA8BjD,sBA9BO,sBAAW,CA8BP;AA7Bb,4DAA6D;AA8B3D,2BA9BO,gCAAgB,CA8BP;AA7BlB,kDAAmD;AA+BjD,sBA/BO,sBAAW,CA+BP;AA9Bb,wFAAiE;AA+B/D,+BA/BK,yBAAoB,CA+BL;AA9BtB,0FAA4D;AA+B1D,yBA/BK,0BAAc,CA+BL;AA9BhB,gGAAkE;AA+BhE,4BA/BK,6BAAiB,CA+BL;AA9BnB,kDAAmD;AA+BjD,sBA/BO,sBAAW,CA+BP;AA9Bb,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,0CAA2C;AA+BzC,kBA/BO,cAAO,CA+BP;AA9BT,sDAAuD;AA+BrD,wBA/BO,0BAAa,CA+BP;AA9Bf,kEAAmE;AA+BjE,8BA/BO,sCAAmB,CA+BP;AA9BrB,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,4CAA6C;AA+B3C,mBA/BO,gBAAQ,CA+BP;AA9BV,8CAA+C;AA+B7C,oBA/BO,kBAAS,CA+BP;AA9BX,wDAAyD;AA+BvD,yBA/BO,4BAAc,CA+BP;AA9BhB,kDAAmD;AA+BjD,sBA/BO,sBAAW,CA+BP"}

package/dist/esm/components/Button/Button.js

@@ -18,12 +18,18 @@ export var PHXButton = function (_a) {
     var interactiveProps = __assign({}, commonProps);
     var handleClick = useDisableClick(disabled, onClick);
     var binClassNames = classNames(primary &&
-        'bg-indigo-800 font-normal text-white shadow-sm hover:bg-indigo-900 hover:text-gray-200 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900', secondary &&
-        'bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', danger &&
-        'bg-red-600 font-normal text-white shadow-sm hover:bg-red-700 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', danger2 &&
-        'font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]', deleted &&
-        'bg-indigo-50 font-normal text-red-800 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', rounded && 'rounded-full', soft &&
-        'bg-indigo-50 font-normal text-indigo-600 shadow-sm hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', size === 'micro' && "px-2 py-1 text-xs rounded-lg active:pt-[0.3rem] active:pb-[0.2rem]", size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'medium' && "px-2.5 py-1.5 text-sm rounded-lg active:pt-[0.45rem] active:pb-[0.3rem]", size === 'large' && "px-3 py-2 text-sm rounded-lg active:pt-[0.55rem] active:pb-[0.45rem]", size === 'extra-large' && "px-3.5 py-2.5 text-sm rounded-lg active:pt-[0.7rem] active:pb-[0.55rem]", icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', className);
+        "bg-indigo-800 font-normal text-white shadow-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 ".concat(!disabled
+            ? 'hover:bg-indigo-900 hover:text-gray-200 active:text-gray-400 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] active:bg-indigo-900'
+            : ''), secondary &&
+        "bg-white font-normal text-gray-900 shadow-sm border border-gray-300 border-b-gray-400 ".concat(!disabled
+            ? 'hover:border-b-gray-300 hover:bg-gray-50 active:bg-gray-200 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]'
+            : ''), danger &&
+        "bg-red-600 font-normal text-white shadow-sm ".concat(!disabled ? 'hover:bg-red-700 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]' : ''), danger2 &&
+        "font-normal text-red-600 shadow-sm ring-1 ring-inset ring-red-600 ".concat(!disabled ? 'hover:bg-red-100 active:bg-red-200 active:shadow-[0rem_0.125rem_0rem_0rem_#e73737_inset]' : ''), deleted &&
+        "bg-indigo-50 font-normal text-red-800 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), rounded && 'rounded-full', soft &&
+        "bg-indigo-50 font-normal text-indigo-600 shadow-sm ".concat(!disabled ? 'hover:bg-indigo-100 active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]' : ''), size === 'micro' && "px-2 py-1 text-xs rounded-lg ".concat(!disabled ? 'active:pt-[0.3rem] active:pb-[0.2rem]' : ''), size === 'small' && "px-2.5 py-1.5 text-xs rounded-lg ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'medium' &&
+        "px-2.5 py-1.5 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.45rem] active:pb-[0.3rem]' : ''), size === 'large' && "px-3 py-2 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.55rem] active:pb-[0.45rem]' : ''), size === 'extra-large' &&
+        "px-3.5 py-2.5 text-sm rounded-lg ".concat(!disabled ? 'active:pt-[0.7rem] active:pb-[0.55rem]' : ''), icon && (size === 'medium' || size === 'large') && 'inline-flex items-center gap-x-1.5', icon && size === 'extra-large' && 'inline-flex items-center gap-x-2', loading && 'opacity-30', 'relative', disabled && 'opacity-30 cursor-default', className);
     var iconClass = classNames(icon && iconPosition === 'before' && '-ml-0.5 h-5 w-5', icon && iconPosition === 'after' && '-mr-0.5 h-5 w-5', iconClassName);
     // Icon markup
     var iconMarkup = Icon && React.createElement(Icon, { className: iconClass });

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

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

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

@@ -0,0 +1,14 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface ComboboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    multiple?: boolean;
+    listOptions: Array<{
+        id: number;
+        name: string;
+    }> | any;
+    register?: UseFormRegisterReturn;
+    className?: string;
+    label?: string;
+    defaultValue?: any;
+}
+export declare const PHXCombobox: React.FC<ComboboxProps>;

package/dist/esm/components/Combobox/Combobox.js

@@ -0,0 +1,72 @@
+import { __assign, __rest } from "tslib";
+import React, { Fragment, useEffect, useState } from 'react';
+import { Combobox, Transition } from '@headlessui/react';
+import { CheckIcon, ChevronUpDownIcon } from '@heroicons/react/20/solid';
+// import { PHXSpinner } from '../Loading'
+import { classNames } from '../types';
+import EmptySearchResult from '../Table/EmptySearchResult';
+export var PHXCombobox = function (_a) {
+    var _b = _a.multiple, multiple = _b === void 0 ? false : _b, register = _a.register, listOptions = _a.listOptions, className = _a.className, label = _a.label, defaultValue = _a.defaultValue, rest = __rest(_a, ["multiple", "register", "listOptions", "className", "label", "defaultValue"]);
+    var _c = useState([]), selectedPeople = _c[0], setSelectedPeople = _c[1];
+    var _d = useState(''), query = _d[0], setQuery = _d[1];
+    // const [loading, setLoading] = useState(false)
+    // const [open, setOpen] = useState(false)
+    useEffect(function () {
+        if (defaultValue) {
+            if (defaultValue instanceof Array) {
+                var defaultName = defaultValue.map(function (item) {
+                    var data = listOptions.find(function (option) { return option.name === item; });
+                    return data;
+                });
+                !multiple && defaultName.length === 1 ? setSelectedPeople(defaultName[0]) : setSelectedPeople(defaultName);
+            }
+            else {
+                var defaultName = listOptions.find(function (option) { return option.name === defaultValue; });
+                setSelectedPeople(defaultName);
+            }
+        }
+        else {
+            return;
+        }
+    }, [defaultValue]);
+    var filteredPeople = query === ''
+        ? listOptions
+        : listOptions.filter(function (person) {
+            return person.name.toLowerCase().replace(/\s+/g, '').includes(query.toLowerCase().replace(/\s+/g, ''));
+        });
+    var searchLoading = function (e) {
+        // setLoading(true)
+        setQuery(e.target.value);
+        // setTimeout(() => {
+        //   setLoading(false)
+        // }, 300)
+    };
+    return (React.createElement("div", { className: className },
+        label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
+        React.createElement(Combobox
+        // @ts-ignore
+        , __assign({ 
+            // @ts-ignore
+            multiple: multiple }, register, { value: selectedPeople, onChange: setSelectedPeople }),
+            React.createElement("div", { className: 'relative mt-1' },
+                React.createElement("div", { className: 'relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300 sm:text-sm' },
+                    React.createElement(Combobox.Input, __assign({ className: 'block min-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', displayValue: function (people) {
+                            return selectedPeople instanceof Array ? people.map(function (person) { return person === null || person === void 0 ? void 0 : person.name; }).join(', ') : people === null || people === void 0 ? void 0 : people.name;
+                        }, onChange: searchLoading, placeholder: 'L\u1EF1a ch\u1ECDn' }, register, rest)),
+                    React.createElement(Combobox.Button, { className: 'absolute inset-y-0 right-0 flex items-center pr-2' },
+                        React.createElement(ChevronUpDownIcon, { className: 'h-5 w-5 text-gray-400', "aria-hidden": 'true' }))),
+                React.createElement(Transition, { as: Fragment, leave: 'transition ease-in duration-100', leaveFrom: 'opacity-100', leaveTo: 'opacity-0', afterLeave: function () { return setQuery(''); } },
+                    React.createElement(Combobox.Options, { className: classNames('absolute z-10 mt-1 px-2 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm') }, filteredPeople.length === 0 && query !== '' ? (
+                    // <div className='relative cursor-default select-none py-2 px-4 text-gray-700'>Nothing found.</div>
+                    React.createElement(EmptySearchResult, { className: '!m-0' })) : (filteredPeople.map(function (person) { return (React.createElement(Combobox.Option, __assign({}, register, { key: person.id, className: function (_a) {
+                            var active = _a.active, selected = _a.selected;
+                            return "relative cursor-default text-xs select-none py-2 pl-3 my-1 rounded-lg pr-4 ".concat(active ? 'bg-gray-200 cursor-pointer' : 'text-gray-700', " ").concat(selected ? 'bg-gray-200' : '');
+                        }, value: person }), function (_a) {
+                        var selected = _a.selected;
+                        return (React.createElement(React.Fragment, null,
+                            React.createElement("span", { className: "block truncate" }, person.name),
+                            selected ? (React.createElement("span", { className: "absolute inset-y-0 right-0 flex items-center pr-4" },
+                                React.createElement(CheckIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : null));
+                    })); }))))))));
+};
+//# sourceMappingURL=Combobox.js.map

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

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

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

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

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

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

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

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

package/dist/esm/components/Table/EmptySearchResult.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="react" />
-export default function EmptySearchResult(): JSX.Element;
+interface Props {
+    className?: string;
+}
+export default function EmptySearchResult({ className }: Props): JSX.Element;
+export {};

package/dist/esm/components/Table/EmptySearchResult.js

@@ -1,6 +1,7 @@
 import React from 'react';
-export default function EmptySearchResult() {
-    return (React.createElement("div", { className: '-mx-4 -my-2 sm:-mx-6 lg:-mx-8' },
+export default function EmptySearchResult(_a) {
+    var className = _a.className;
+    return (React.createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
         React.createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
             React.createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
                 React.createElement("div", { className: 'text-center' },

package/dist/esm/components/Table/EmptySearchResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,OAAO,CACL,6BAAK,SAAS,EAAC,+BAA+B;QAC5C,6BAAK,SAAS,EAAC,sDAAsD;YACnE,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,aAAa;oBAC1B,6BACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,8BACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,4BAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,2BAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,6BAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,6BAAK,SAAS,EAAC,sDAAsD;YACnE,6BAAK,SAAS,EAAC,2BAA2B;gBACxC,6BAAK,SAAS,EAAC,aAAa;oBAC1B,6BACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,8BACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,4BAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,2BAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}

package/dist/esm/index.d.ts

@@ -26,4 +26,5 @@ import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
 import { PHXBanner } from './components/Banner';
 import { PHXButtonGroup } from './components/ButtonGroup';
-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, PHXButtonGroup, };
+import { PHXCombobox } from './components/Combobox';
+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, PHXButtonGroup, PHXCombobox, };

package/dist/esm/index.js

@@ -26,5 +26,6 @@ import { PHXBadge } from './components/Badge';
 import { PHXLogin } from './components/Login';
 import { PHXBanner } from './components/Banner';
 import { PHXButtonGroup } from './components/ButtonGroup';
-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, PHXButtonGroup, };
+import { PHXCombobox } from './components/Combobox';
+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, PHXButtonGroup, PHXCombobox, };
 //# 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;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAEzD,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,EACT,cAAc,GACf,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;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,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,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,WAAW,GACZ,CAAA"}

package/package.json

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