phx-react 1.3.27 → 1.3.29

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface BadgeProps {
+    type?: 'default' | 'informational' | 'success' | 'attention' | 'warning' | 'danger';
+    text?: string;
+    className?: string;
+}
+export declare function PHXBadge({ text, type, className }: BadgeProps): JSX.Element;

package/dist/cjs/components/Badge/Badge.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXBadge = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+function PHXBadge(_a) {
+    var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className;
+    var typeClassName = (0, types_1.classNames)(type === 'default' && 'bg-gray-200 text-[#616161]', type === 'success' && 'bg-[#cdfee1]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d]', type === 'warning' && 'bg-[#ffd6a4]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
+    return (react_1["default"].createElement("span", { className: "rounded-lg px-2 py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className) }, text));
+}
+exports.PHXBadge = PHXBadge;
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AAQrC,SAAgB,QAAQ,CAAC,EAAiD;QAA/C,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IAC1D,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,SAAS,IAAI,4BAA4B,EAClD,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,WAAW,IAAI,cAAc,EACtC,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IACD,OAAO,CACL,2CAAM,SAAS,EAAE,+DAAwD,aAAa,cAAI,SAAS,CAAE,IAAG,IAAI,CAAQ,CACrH,CAAA;AACH,CAAC;AAZD,4BAYC"}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface ChoiceList {
+    list: {
+        title: string;
+        register?: UseFormRegisterReturn;
+        helpText?: string;
+        component?: any;
+    } | any;
+    label?: string;
+}
+export declare function PHXChoiceList({ label, list }: ChoiceList): JSX.Element;

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

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXChoiceList = void 0;
+var tslib_1 = require("tslib");
+var Checkbox_1 = require("../Checkbox");
+var react_1 = tslib_1.__importDefault(require("react"));
+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)); })));
+}
+exports.PHXChoiceList = PHXChoiceList;
+//# sourceMappingURL=ChoiceList.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface DescriptionListsProps {
+    data?: Array<{
+        title: string;
+        description: string;
+    }>;
+    type?: 'default' | 'border';
+    size?: 'default' | 'small';
+    className?: string;
+}
+export declare function PHXDescriptionLists({ data, size, type, className }: DescriptionListsProps): JSX.Element;

package/dist/cjs/components/DescriptionLists/DescriptionLists.js

@@ -0,0 +1,16 @@
+"use strict";
+exports.__esModule = true;
+exports.PHXDescriptionLists = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var types_1 = require("../types");
+function PHXDescriptionLists(_a) {
+    var data = _a.data, _b = _a.size, size = _b === void 0 ? 'default' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, className = _a.className;
+    return (react_1["default"].createElement("div", { className: className },
+        react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'border' ? 'rounded-lg border border-gray-100' : '') },
+            react_1["default"].createElement("dl", { className: 'divide-y divide-gray-100' }, data === null || data === void 0 ? void 0 : data.map(function (item) { return (react_1["default"].createElement("div", { key: item.title, className: (0, types_1.classNames)('sm:grid sm:grid-cols-3 sm:gap-4', type === 'border' ? 'sm:px-4' : 'sm:px-0', size === 'small' ? 'px-2 py-2' : 'px-4 py-4') },
+                react_1["default"].createElement("dt", { className: 'text-sm font-medium leading-6 text-gray-900' }, item.title),
+                react_1["default"].createElement("dd", { className: 'mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0' }, item.description))); })))));
+}
+exports.PHXDescriptionLists = PHXDescriptionLists;
+//# sourceMappingURL=DescriptionLists.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionLists.js","sourceRoot":"","sources":["../../../../src/components/DescriptionLists/DescriptionLists.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,kCAAqC;AASrC,SAAgB,mBAAmB,CAAC,EAA8E;QAA5E,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IACvF,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtF,yCAAI,SAAS,EAAC,0BAA0B,IACrC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,0CACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAE,IAAA,kBAAU,EACnB,iCAAiC,EACjC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAC7C;gBAED,yCAAI,SAAS,EAAC,6CAA6C,IAAE,IAAI,CAAC,KAAK,CAAM;gBAC7E,yCAAI,SAAS,EAAC,4DAA4D,IAAE,IAAI,CAAC,WAAW,CAAM,CAC9F,CACP,EAZoB,CAYpB,CAAC,CACC,CACD,CACF,CACP,CAAA;AACH,CAAC;AAtBD,kDAsBC"}

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

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

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

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

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

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

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

@@ -13,9 +13,14 @@ export interface FooterBarProps {
     deleteText?: string;
     cancelText?: string;
     submitText?: string;
+    badge?: {
+        badgeText?: string;
+        badgeType?: string;
+    } | any;
     size?: 'small' | 'medium' | 'large';
+    type?: 'default' | 'title-with-badge';
     onDelete?: () => void;
     onCancel?: () => void;
     onSubmit?: () => void;
 }
-export declare const PHXFormWrap: ({ title, method, headerAction, footerAction, className, children, loading, onlyDelete, deleted, submit, size, deleteText, cancelText, submitText, onDelete, onCancel, onSubmit, }: FooterBarProps) => JSX.Element;
+export declare const PHXFormWrap: ({ title, method, headerAction, footerAction, className, children, loading, onlyDelete, deleted, submit, badge, size, type, deleteText, cancelText, submitText, onDelete, onCancel, onSubmit, }: FooterBarProps) => JSX.Element;

package/dist/cjs/components/FormWrap/FormWrap.js

@@ -6,8 +6,9 @@ var react_1 = tslib_1.__importDefault(require("react"));
 var Button_1 = require("../Button");
 var types_1 = require("../types");
 var solid_1 = require("@heroicons/react/20/solid");
+var Badge_1 = require("../Badge");
 var PHXFormWrap = function (_a) {
-    var title = _a.title, method = _a.method, _b = _a.headerAction, headerAction = _b === void 0 ? true : _b, _c = _a.footerAction, footerAction = _c === void 0 ? true : _c, className = _a.className, children = _a.children, loading = _a.loading, onlyDelete = _a.onlyDelete, deleted = _a.deleted, submit = _a.submit, _d = _a.size, size = _d === void 0 ? 'large' : _d, deleteText = _a.deleteText, cancelText = _a.cancelText, submitText = _a.submitText, onDelete = _a.onDelete, onCancel = _a.onCancel, onSubmit = _a.onSubmit;
+    var title = _a.title, method = _a.method, _b = _a.headerAction, headerAction = _b === void 0 ? true : _b, _c = _a.footerAction, footerAction = _c === void 0 ? true : _c, className = _a.className, children = _a.children, loading = _a.loading, onlyDelete = _a.onlyDelete, deleted = _a.deleted, submit = _a.submit, badge = _a.badge, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.type, type = _e === void 0 ? 'default' : _e, deleteText = _a.deleteText, cancelText = _a.cancelText, submitText = _a.submitText, onDelete = _a.onDelete, onCancel = _a.onCancel, onSubmit = _a.onSubmit;
     var sizeClassName = (0, types_1.classNames)(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
     return (react_1["default"].createElement("div", { className: className },
         react_1["default"].createElement("form", { method: method, onSubmit: onSubmit },
@@ -15,8 +16,10 @@ var PHXFormWrap = function (_a) {
                 headerAction && (react_1["default"].createElement("div", { className: 'mb-4 flex items-center' },
                     react_1["default"].createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
                         react_1["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5' })),
-                    react_1["default"].createElement("div", { className: 'ml-2 min-w-0 flex-1' },
-                        react_1["default"].createElement("h2", { className: 'sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight' }, title)))),
+                    react_1["default"].createElement("div", { className: (0, types_1.classNames)('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
+                        react_1["default"].createElement("h2", { className: (0, types_1.classNames)('sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
+                        type === 'title-with-badge' && (react_1["default"].createElement("div", { className: 'flex items-center' },
+                            react_1["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType })))))),
                 children,
                 react_1["default"].createElement("div", { className: footerAction
                         ? (0, types_1.classNames)(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')

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

@@ -1 +1 @@
-{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,oCAAqC;AACrC,kCAAqC;AACrC,mDAAyD;AAsBlD,IAAM,WAAW,GAAG,UAAC,EAkBX;QAjBf,KAAK,WAAA,EACL,MAAM,YAAA,EACN,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,CACjD,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,2CAAM,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACtC,0CAAK,SAAS,EAAE,aAAa;gBAC1B,YAAY,IAAI,CACf,0CAAK,SAAS,EAAC,wBAAwB;oBACrC,6CACE,SAAS,EAAC,iPAAiP,EAC3P,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ;wBAEjB,iCAAC,qBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;oBAET,0CAAK,SAAS,EAAC,qBAAqB;wBAClC,yCAAI,SAAS,EAAC,yFAAyF,IACpG,KAAK,CACH,CACD,CACF,CACP;gBACA,QAAQ;gBACT,0CACE,SAAS,EACP,YAAY;wBACV,CAAC,CAAC,IAAA,kBAAU,EACR,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,EACnD,yDAAyD,CAC1D;wBACH,CAAC,CAAC,QAAQ;oBAGb,OAAO,IAAI,CACV,iCAAC,kBAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACD,CACb;oBACA,CAAC,UAAU,IAAI,CACd,0CAAK,SAAS,EAAC,0BAA0B;wBACvC,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,OAAO,EAAE,QAAQ,IAChD,UAAU,CACD;wBACX,MAAM,CAAC,CAAC,CAAC,CACR,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAC,OAAO,UACrD,UAAU,CACD,CACb,CAAC,CAAC,CAAC,CACF,iCAAC,kBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,UACjE,UAAU,CACD,CACb,CACG,CACP,CACG,CACF,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,WAAW,eAmFvB"}
+{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,10 @@
 /// <reference types="react" />
 export interface TabsProps {
-    dataTabs: Array<{
+    dataTabs?: Array<{
         name: string;
-        href?: any;
-        code: string;
-        current: boolean;
+        component: any;
     }>;
-    type: 'inside-of-card' | 'tabs-in-pills-on-gray';
-    parentCode: string;
-    children?: any;
+    type: 'inside-of-card' | 'default';
+    className?: string;
 }
-export declare function PHXTabs({ dataTabs, parentCode, type, children }: TabsProps): JSX.Element;
+export declare function PHXTabs({ dataTabs, type, className }: TabsProps): JSX.Element;

package/dist/cjs/components/Tabs/Tabs.js

@@ -3,23 +3,26 @@ exports.__esModule = true;
 exports.PHXTabs = void 0;
 var tslib_1 = require("tslib");
 var Card_1 = require("../Card/Card");
-var react_1 = tslib_1.__importDefault(require("react"));
-var link_1 = tslib_1.__importDefault(require("next/link"));
+var react_1 = tslib_1.__importStar(require("react"));
 var types_1 = require("../types");
 function PHXTabs(_a) {
-    var dataTabs = _a.dataTabs, parentCode = _a.parentCode, _b = _a.type, type = _b === void 0 ? 'tabs-in-pills-on-gray' : _b, children = _a.children;
+    var dataTabs = _a.dataTabs, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className;
+    var defaultActive = dataTabs ? dataTabs[0].name : null;
+    var _c = (0, react_1.useState)(defaultActive), current = _c[0], setCurrent = _c[1];
     var Tabs = function () {
-        var _a;
+        var _a, _b;
         return (react_1["default"].createElement("div", { className: 'mb-4' },
             react_1["default"].createElement("div", { className: 'sm:hidden' },
                 react_1["default"].createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
-                react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabs.find(function (tab) { return tab.current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs' }, dataTabs.map(function (tab) { return (react_1["default"].createElement("option", { key: tab.name }, tab.name)); }))),
+                react_1["default"].createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs', onChange: function (e) { return setCurrent(e.target.value); } }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (react_1["default"].createElement("option", { key: tab.name, value: tab.name }, tab.name)); }))),
             react_1["default"].createElement("div", { className: 'hidden sm:block' },
-                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs.map(function (tab) { return (react_1["default"].createElement(link_1["default"], { key: tab.name, "aria-current": tab.code === parentCode ? 'page' : undefined, className: (0, types_1.classNames)(tab.code === parentCode ? 'bg-gray-200 text-gray-800' : 'text-gray-500 text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal'), href: tab.href }, tab.name)); })))));
+                react_1["default"].createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (react_1["default"].createElement("button", { key: tab.name, 
+                    // aria-current={tab.code === parentCode ? 'page' : undefined}
+                    className: (0, types_1.classNames)(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-500 text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return setCurrent(tab.name); }, type: 'button' }, tab.name)); }))),
+            react_1["default"].createElement("div", { className: 'pt-4' }, dataTabs && ((_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.component))));
     };
-    return (react_1["default"].createElement(react_1["default"].Fragment, null, type === 'inside-of-card' ? (react_1["default"].createElement(Card_1.PHXCard, null,
-        react_1["default"].createElement(Tabs, null),
-        children)) : (react_1["default"].createElement(Tabs, null))));
+    return (react_1["default"].createElement("div", { className: className }, type === 'inside-of-card' ? (react_1["default"].createElement(Card_1.PHXCard, null,
+        react_1["default"].createElement(Tabs, null))) : (react_1["default"].createElement(Tabs, null))));
 }
 exports.PHXTabs = PHXTabs;
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,wDAAyB;AACzB,2DAA4B;AAC5B,kCAAqC;AASrC,SAAgB,OAAO,CAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAA8B,EAA9B,IAAI,mBAAG,uBAAuB,KAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,IAAI,GAAG;;QAAM,OAAA,CACjB,0CAAK,SAAS,EAAC,MAAM;YACnB,0CAAK,SAAS,EAAC,WAAW;gBACxB,4CAAO,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,mBAEjC;gBAER,6CACE,SAAS,EAAC,+IAA+I,EACzJ,YAAY,EAAE,MAAA,QAAQ,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,0CAAE,IAAI,EACvD,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,IAEV,QAAQ,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACrB,6CAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,IAAG,GAAG,CAAC,IAAI,CAAU,CAC3C,EAFsB,CAEtB,CAAC,CACK,CACL;YACN,0CAAK,SAAS,EAAC,iBAAiB;gBAC9B,wDAAgB,MAAM,EAAC,SAAS,EAAC,gBAAgB,IAC9C,QAAQ,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACrB,iCAAC,iBAAI,IACH,GAAG,EAAE,GAAG,CAAC,IAAI,kBACC,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1D,SAAS,EAAE,IAAA,kBAAU,EACnB,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,+CAA+C,EACvG,4CAA4C,CAC7C,EACD,IAAI,EAAE,GAAG,CAAC,IAAI,IAEb,GAAG,CAAC,IAAI,CACJ,CACR,EAZsB,CAYtB,CAAC,CACE,CACF,CACF,CACP,CAAA;KAAA,CAAA;IACD,OAAO,CACL,oEACG,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAC3B,iCAAC,cAAO;QACN,iCAAC,IAAI,OAAG;QACP,QAAQ,CACD,CACX,CAAC,CAAC,CAAC,CACF,iCAAC,IAAI,OAAG,CACT,CACA,CACJ,CAAA;AACH,CAAC;AAlDD,0BAkDC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";;;;AAAA,qCAAsC;AACtC,qDAAuC;AACvC,kCAAqC;AAWrC,SAAgB,OAAO,CAAC,EAAoD;QAAlD,QAAQ,cAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IAC7D,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAClD,IAAA,KAAwB,IAAA,gBAAQ,EAAM,aAAa,CAAC,EAAnD,OAAO,QAAA,EAAE,UAAU,QAAgC,CAAA;IAC1D,IAAM,IAAI,GAAG;;QAAM,OAAA,CACjB,0CAAK,SAAS,EAAC,MAAM;YACnB,0CAAK,SAAS,EAAC,WAAW;gBACxB,4CAAO,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,mBAEjC;gBAER,6CACE,SAAS,EAAC,+IAA+I,EACzJ,YAAY,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,KAAK,OAAO,EAApB,CAAoB,CAAC,0CAAE,IAAI,EACjE,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA1B,CAA0B,IAE1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACtB,6CAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,IACnC,GAAG,CAAC,IAAI,CACF,CACV,EAJuB,CAIvB,CAAC,CACK,CACL;YACN,0CAAK,SAAS,EAAC,iBAAiB;gBAC9B,wDAAgB,MAAM,EAAC,SAAS,EAAC,gBAAgB,IAC9C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACtB,6CACE,GAAG,EAAE,GAAG,CAAC,IAAI;oBACb,8DAA8D;oBAC9D,SAAS,EAAE,IAAA,kBAAU,EACnB,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,+CAA+C,EACpG,sDAAsD,CACvD,EACD,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAApB,CAAoB,EACnC,IAAI,EAAC,QAAQ,IAEZ,GAAG,CAAC,IAAI,CACF,CACV,EAbuB,CAavB,CAAC,CACE,CACF;YACN,0CAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,KAAK,OAAO,EAApB,CAAoB,CAAC,0CAAE,SAAS,CAAA,CAAO,CAC9F,CACP,CAAA;KAAA,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS,IACtB,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAC3B,iCAAC,cAAO;QACN,iCAAC,IAAI,OAAG,CACA,CACX,CAAC,CAAC,CAAC,CACF,iCAAC,IAAI,OAAG,CACT,CACG,CACP,CAAA;AACH,CAAC;AAxDD,0BAwDC"}

package/dist/cjs/index.d.ts

@@ -20,5 +20,8 @@ import PHXClientMutation from './components/Func/clientMutationV2';
 import { PHXTextarea } from './components/Textarea';
 import { PHXModal } from './components/Modal';
 import { PHXTabs } from './components/Tabs';
+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, PHXLogin, };
+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, };

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.PHXLogin = 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.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;
@@ -46,6 +46,12 @@ var Modal_1 = require("./components/Modal");
 exports.PHXModal = Modal_1.PHXModal;
 var Tabs_1 = require("./components/Tabs");
 exports.PHXTabs = Tabs_1.PHXTabs;
+var ChoiceList_1 = require("./components/ChoiceList");
+exports.PHXChoiceList = ChoiceList_1.PHXChoiceList;
+var DescriptionLists_1 = require("./components/DescriptionLists");
+exports.PHXDescriptionLists = DescriptionLists_1.PHXDescriptionLists;
+var Badge_1 = require("./components/Badge");
+exports.PHXBadge = Badge_1.PHXBadge;
 var Login_1 = require("./components/Login");
 exports.PHXLogin = Login_1.PHXLogin;
 //# 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;AAuCzC,kBAvCO,cAAO,CAuCP;AAtCT,iEAAwC;AAwBtC,oBAxBK,gBAAS,CAwBL;AAvBX,8CAA+C;AAwB7C,oBAxBO,kBAAS,CAwBP;AAvBX,0CAA2C;AAwBzC,kBAxBO,cAAO,CAwBP;AAvBT,gDAAiD;AAwB/C,qBAxBO,oBAAU,CAwBP;AAvBZ,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,4CAA6C;AA0B3C,mBA1BO,gBAAQ,CA0BP;AAzBV,kDAAmD;AAuBjD,sBAvBO,sBAAW,CAuBP;AAtBb,oDAAqD;AAuBnD,uBAvBO,wBAAY,CAuBP;AAtBd,4CAA6C;AAwB3C,mBAxBO,gBAAQ,CAwBP;AAvBV,8CAA+C;AAwB7C,oBAxBO,kBAAS,CAwBP;AAvBX,4CAA6C;AAwB3C,mBAxBO,gBAAQ,CAwBP;AAvBV,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,kDAAmD;AAwBjD,sBAxBO,sBAAW,CAwBP;AAvBb,4DAA6D;AAwB3D,2BAxBO,gCAAgB,CAwBP;AAvBlB,kDAAmD;AAyBjD,sBAzBO,sBAAW,CAyBP;AAxBb,wFAAiE;AAyB/D,+BAzBK,yBAAoB,CAyBL;AAxBtB,0FAA4D;AAyB1D,yBAzBK,0BAAc,CAyBL;AAxBhB,gGAAkE;AAyBhE,4BAzBK,6BAAiB,CAyBL;AAxBnB,kDAAmD;AAyBjD,sBAzBO,sBAAW,CAyBP;AAxBb,4CAA6C;AAyB3C,mBAzBO,gBAAQ,CAyBP;AAxBV,0CAA2C;AAyBzC,kBAzBO,cAAO,CAyBP;AAxBT,4CAA6C;AAyB3C,mBAzBO,gBAAQ,CAyBP"}
+{"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"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface BadgeProps {
+    type?: 'default' | 'informational' | 'success' | 'attention' | 'warning' | 'danger';
+    text?: string;
+    className?: string;
+}
+export declare function PHXBadge({ text, type, className }: BadgeProps): JSX.Element;

package/dist/esm/components/Badge/Badge.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { classNames } from '../types';
+export function PHXBadge(_a) {
+    var text = _a.text, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className;
+    var typeClassName = classNames(type === 'default' && 'bg-gray-200 text-[#616161]', type === 'success' && 'bg-[#cdfee1]', type === 'informational' && 'bg-[#e0f0ff] text-[#00527c]', type === 'attention' && 'bg-[#ffef9d]', type === 'warning' && 'bg-[#ffd6a4]', type === 'danger' && 'bg-[#fedad9] text-[#8e1f0b]');
+    return (React.createElement("span", { className: "rounded-lg px-2 py-0.5 text-xs font-normal leading-4 ".concat(typeClassName, " ").concat(className) }, text));
+}
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAQrC,MAAM,UAAU,QAAQ,CAAC,EAAiD;QAA/C,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IAC1D,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,SAAS,IAAI,4BAA4B,EAClD,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,WAAW,IAAI,cAAc,EACtC,IAAI,KAAK,SAAS,IAAI,cAAc,EACpC,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IACD,OAAO,CACL,8BAAM,SAAS,EAAE,+DAAwD,aAAa,cAAI,SAAS,CAAE,IAAG,IAAI,CAAQ,CACrH,CAAA;AACH,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface ChoiceList {
+    list: {
+        title: string;
+        register?: UseFormRegisterReturn;
+        helpText?: string;
+        component?: any;
+    } | any;
+    label?: string;
+}
+export declare function PHXChoiceList({ label, list }: ChoiceList): JSX.Element;

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

@@ -0,0 +1,9 @@
+import { PHXCheckbox } from '../Checkbox';
+import React from 'react';
+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)); })));
+}
+//# sourceMappingURL=ChoiceList.js.map

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

@@ -0,0 +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"}

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface DescriptionListsProps {
+    data?: Array<{
+        title: string;
+        description: string;
+    }>;
+    type?: 'default' | 'border';
+    size?: 'default' | 'small';
+    className?: string;
+}
+export declare function PHXDescriptionLists({ data, size, type, className }: DescriptionListsProps): JSX.Element;

package/dist/esm/components/DescriptionLists/DescriptionLists.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { classNames } from '../types';
+export function PHXDescriptionLists(_a) {
+    var data = _a.data, _b = _a.size, size = _b === void 0 ? 'default' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, className = _a.className;
+    return (React.createElement("div", { className: className },
+        React.createElement("div", { className: classNames(type === 'border' ? 'rounded-lg border border-gray-100' : '') },
+            React.createElement("dl", { className: 'divide-y divide-gray-100' }, data === null || data === void 0 ? void 0 : data.map(function (item) { return (React.createElement("div", { key: item.title, className: classNames('sm:grid sm:grid-cols-3 sm:gap-4', type === 'border' ? 'sm:px-4' : 'sm:px-0', size === 'small' ? 'px-2 py-2' : 'px-4 py-4') },
+                React.createElement("dt", { className: 'text-sm font-medium leading-6 text-gray-900' }, item.title),
+                React.createElement("dd", { className: 'mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0' }, item.description))); })))));
+}
+//# sourceMappingURL=DescriptionLists.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionLists.js","sourceRoot":"","sources":["../../../../src/components/DescriptionLists/DescriptionLists.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AASrC,MAAM,UAAU,mBAAmB,CAAC,EAA8E;QAA5E,IAAI,UAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IACvF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtF,4BAAI,SAAS,EAAC,0BAA0B,IACrC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACnB,6BACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,SAAS,EAAE,UAAU,CACnB,iCAAiC,EACjC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACzC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAC7C;gBAED,4BAAI,SAAS,EAAC,6CAA6C,IAAE,IAAI,CAAC,KAAK,CAAM;gBAC7E,4BAAI,SAAS,EAAC,4DAA4D,IAAE,IAAI,CAAC,WAAW,CAAM,CAC9F,CACP,EAZoB,CAYpB,CAAC,CACC,CACD,CACF,CACP,CAAA;AACH,CAAC"}

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

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

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

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

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

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

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

@@ -13,9 +13,14 @@ export interface FooterBarProps {
     deleteText?: string;
     cancelText?: string;
     submitText?: string;
+    badge?: {
+        badgeText?: string;
+        badgeType?: string;
+    } | any;
     size?: 'small' | 'medium' | 'large';
+    type?: 'default' | 'title-with-badge';
     onDelete?: () => void;
     onCancel?: () => void;
     onSubmit?: () => void;
 }
-export declare const PHXFormWrap: ({ title, method, headerAction, footerAction, className, children, loading, onlyDelete, deleted, submit, size, deleteText, cancelText, submitText, onDelete, onCancel, onSubmit, }: FooterBarProps) => JSX.Element;
+export declare const PHXFormWrap: ({ title, method, headerAction, footerAction, className, children, loading, onlyDelete, deleted, submit, badge, size, type, deleteText, cancelText, submitText, onDelete, onCancel, onSubmit, }: FooterBarProps) => JSX.Element;

package/dist/esm/components/FormWrap/FormWrap.js

@@ -2,8 +2,9 @@ import React from 'react';
 import { PHXButton } from '../Button';
 import { classNames } from '../types';
 import { ArrowLeftIcon } from '@heroicons/react/20/solid';
+import { PHXBadge } from '../Badge';
 export var PHXFormWrap = function (_a) {
-    var title = _a.title, method = _a.method, _b = _a.headerAction, headerAction = _b === void 0 ? true : _b, _c = _a.footerAction, footerAction = _c === void 0 ? true : _c, className = _a.className, children = _a.children, loading = _a.loading, onlyDelete = _a.onlyDelete, deleted = _a.deleted, submit = _a.submit, _d = _a.size, size = _d === void 0 ? 'large' : _d, deleteText = _a.deleteText, cancelText = _a.cancelText, submitText = _a.submitText, onDelete = _a.onDelete, onCancel = _a.onCancel, onSubmit = _a.onSubmit;
+    var title = _a.title, method = _a.method, _b = _a.headerAction, headerAction = _b === void 0 ? true : _b, _c = _a.footerAction, footerAction = _c === void 0 ? true : _c, className = _a.className, children = _a.children, loading = _a.loading, onlyDelete = _a.onlyDelete, deleted = _a.deleted, submit = _a.submit, badge = _a.badge, _d = _a.size, size = _d === void 0 ? 'large' : _d, _e = _a.type, type = _e === void 0 ? 'default' : _e, deleteText = _a.deleteText, cancelText = _a.cancelText, submitText = _a.submitText, onDelete = _a.onDelete, onCancel = _a.onCancel, onSubmit = _a.onSubmit;
     var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-4/6 lg:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
     return (React.createElement("div", { className: className },
         React.createElement("form", { method: method, onSubmit: onSubmit },
@@ -11,8 +12,10 @@ export var PHXFormWrap = function (_a) {
                 headerAction && (React.createElement("div", { className: 'mb-4 flex items-center' },
                     React.createElement("button", { className: 'inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pt-[0.3rem] active:pb-[0.2rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', type: 'button', onClick: onCancel },
                         React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' })),
-                    React.createElement("div", { className: 'ml-2 min-w-0 flex-1' },
-                        React.createElement("h2", { className: 'sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight' }, title)))),
+                    React.createElement("div", { className: classNames('ml-2 min-w-0', type === 'default' ? 'flex-1' : 'flex') },
+                        React.createElement("h2", { className: classNames('sm:text-md w-3/5 truncate text-lg font-medium leading-6 text-gray-600 sm:tracking-tight', type === 'default' ? '' : 'flex-1 mr-2') }, title),
+                        type === 'title-with-badge' && (React.createElement("div", { className: 'flex items-center' },
+                            React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType })))))),
                 children,
                 React.createElement("div", { className: footerAction
                         ? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 border-t border-gray-900/10 mt-6 flex items-center')

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

@@ -1 +1 @@
-{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAsBzD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAkBX;QAjBf,KAAK,WAAA,EACL,MAAM,YAAA,EACN,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,CACjD,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,8BAAM,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACtC,6BAAK,SAAS,EAAE,aAAa;gBAC1B,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,wBAAwB;oBACrC,gCACE,SAAS,EAAC,iPAAiP,EAC3P,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ;wBAEjB,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B;oBAET,6BAAK,SAAS,EAAC,qBAAqB;wBAClC,4BAAI,SAAS,EAAC,yFAAyF,IACpG,KAAK,CACH,CACD,CACF,CACP;gBACA,QAAQ;gBACT,6BACE,SAAS,EACP,YAAY;wBACV,CAAC,CAAC,UAAU,CACR,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,EACnD,yDAAyD,CAC1D;wBACH,CAAC,CAAC,QAAQ;oBAGb,OAAO,IAAI,CACV,oBAAC,SAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACD,CACb;oBACA,CAAC,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,0BAA0B;wBACvC,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,OAAO,EAAE,QAAQ,IAChD,UAAU,CACD;wBACX,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAC,OAAO,UACrD,UAAU,CACD,CACb,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,UACjE,UAAU,CACD,CACb,CACG,CACP,CACG,CACF,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,10 @@
 /// <reference types="react" />
 export interface TabsProps {
-    dataTabs: Array<{
+    dataTabs?: Array<{
         name: string;
-        href?: any;
-        code: string;
-        current: boolean;
+        component: any;
     }>;
-    type: 'inside-of-card' | 'tabs-in-pills-on-gray';
-    parentCode: string;
-    children?: any;
+    type: 'inside-of-card' | 'default';
+    className?: string;
 }
-export declare function PHXTabs({ dataTabs, parentCode, type, children }: TabsProps): JSX.Element;
+export declare function PHXTabs({ dataTabs, type, className }: TabsProps): JSX.Element;

package/dist/esm/components/Tabs/Tabs.js

@@ -1,20 +1,23 @@
 import { PHXCard } from '../Card/Card';
-import React from 'react';
-import Link from 'next/link';
+import React, { useState } from 'react';
 import { classNames } from '../types';
 export function PHXTabs(_a) {
-    var dataTabs = _a.dataTabs, parentCode = _a.parentCode, _b = _a.type, type = _b === void 0 ? 'tabs-in-pills-on-gray' : _b, children = _a.children;
+    var dataTabs = _a.dataTabs, _b = _a.type, type = _b === void 0 ? 'default' : _b, className = _a.className;
+    var defaultActive = dataTabs ? dataTabs[0].name : null;
+    var _c = useState(defaultActive), current = _c[0], setCurrent = _c[1];
     var Tabs = function () {
-        var _a;
+        var _a, _b;
         return (React.createElement("div", { className: 'mb-4' },
             React.createElement("div", { className: 'sm:hidden' },
                 React.createElement("label", { className: 'sr-only', htmlFor: 'tabs' }, "Select a tab"),
-                React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabs.find(function (tab) { return tab.current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs' }, dataTabs.map(function (tab) { return (React.createElement("option", { key: tab.name }, tab.name)); }))),
+                React.createElement("select", { className: 'block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm', defaultValue: (_a = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _a === void 0 ? void 0 : _a.name, id: 'tabs', name: 'tabs', onChange: function (e) { return setCurrent(e.target.value); } }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("option", { key: tab.name, value: tab.name }, tab.name)); }))),
             React.createElement("div", { className: 'hidden sm:block' },
-                React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs.map(function (tab) { return (React.createElement(Link, { key: tab.name, "aria-current": tab.code === parentCode ? 'page' : undefined, className: classNames(tab.code === parentCode ? 'bg-gray-200 text-gray-800' : 'text-gray-500 text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal'), href: tab.href }, tab.name)); })))));
+                React.createElement("nav", { "aria-label": 'Tabs', className: 'flex space-x-1' }, dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.map(function (tab) { return (React.createElement("button", { key: tab.name, 
+                    // aria-current={tab.code === parentCode ? 'page' : undefined}
+                    className: classNames(tab.name === current ? 'bg-gray-200 text-gray-800' : 'text-gray-500 text-gray-600 hover:bg-gray-200', 'rounded-lg px-3 py-1.5 text-xs font-normal leading-4'), onClick: function () { return setCurrent(tab.name); }, type: 'button' }, tab.name)); }))),
+            React.createElement("div", { className: 'pt-4' }, dataTabs && ((_b = dataTabs === null || dataTabs === void 0 ? void 0 : dataTabs.find(function (tab) { return tab.name === current; })) === null || _b === void 0 ? void 0 : _b.component))));
     };
-    return (React.createElement(React.Fragment, null, type === 'inside-of-card' ? (React.createElement(PHXCard, null,
-        React.createElement(Tabs, null),
-        children)) : (React.createElement(Tabs, null))));
+    return (React.createElement("div", { className: className }, type === 'inside-of-card' ? (React.createElement(PHXCard, null,
+        React.createElement(Tabs, null))) : (React.createElement(Tabs, null))));
 }
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AASrC,MAAM,UAAU,OAAO,CAAC,EAA6E;QAA3E,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAA8B,EAA9B,IAAI,mBAAG,uBAAuB,KAAA,EAAE,QAAQ,cAAA;IACtF,IAAM,IAAI,GAAG;;QAAM,OAAA,CACjB,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,WAAW;gBACxB,+BAAO,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,mBAEjC;gBAER,gCACE,SAAS,EAAC,+IAA+I,EACzJ,YAAY,EAAE,MAAA,QAAQ,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,0CAAE,IAAI,EACvD,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,IAEV,QAAQ,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACrB,gCAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,IAAG,GAAG,CAAC,IAAI,CAAU,CAC3C,EAFsB,CAEtB,CAAC,CACK,CACL;YACN,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,2CAAgB,MAAM,EAAC,SAAS,EAAC,gBAAgB,IAC9C,QAAQ,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACrB,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,CAAC,IAAI,kBACC,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1D,SAAS,EAAE,UAAU,CACnB,GAAG,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,+CAA+C,EACvG,4CAA4C,CAC7C,EACD,IAAI,EAAE,GAAG,CAAC,IAAI,IAEb,GAAG,CAAC,IAAI,CACJ,CACR,EAZsB,CAYtB,CAAC,CACE,CACF,CACF,CACP,CAAA;KAAA,CAAA;IACD,OAAO,CACL,0CACG,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAC3B,oBAAC,OAAO;QACN,oBAAC,IAAI,OAAG;QACP,QAAQ,CACD,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,OAAG,CACT,CACA,CACJ,CAAA;AACH,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,UAAU,OAAO,CAAC,EAAoD;QAAlD,QAAQ,cAAA,EAAE,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAAE,SAAS,eAAA;IAC7D,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAClD,IAAA,KAAwB,QAAQ,CAAM,aAAa,CAAC,EAAnD,OAAO,QAAA,EAAE,UAAU,QAAgC,CAAA;IAC1D,IAAM,IAAI,GAAG;;QAAM,OAAA,CACjB,6BAAK,SAAS,EAAC,MAAM;YACnB,6BAAK,SAAS,EAAC,WAAW;gBACxB,+BAAO,SAAS,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,mBAEjC;gBAER,gCACE,SAAS,EAAC,+IAA+I,EACzJ,YAAY,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,KAAK,OAAO,EAApB,CAAoB,CAAC,0CAAE,IAAI,EACjE,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA1B,CAA0B,IAE1C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACtB,gCAAQ,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,IACnC,GAAG,CAAC,IAAI,CACF,CACV,EAJuB,CAIvB,CAAC,CACK,CACL;YACN,6BAAK,SAAS,EAAC,iBAAiB;gBAC9B,2CAAgB,MAAM,EAAC,SAAS,EAAC,gBAAgB,IAC9C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,CACtB,gCACE,GAAG,EAAE,GAAG,CAAC,IAAI;oBACb,8DAA8D;oBAC9D,SAAS,EAAE,UAAU,CACnB,GAAG,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,+CAA+C,EACpG,sDAAsD,CACvD,EACD,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAApB,CAAoB,EACnC,IAAI,EAAC,QAAQ,IAEZ,GAAG,CAAC,IAAI,CACF,CACV,EAbuB,CAavB,CAAC,CACE,CACF;YACN,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,IAAI,KAAK,OAAO,EAApB,CAAoB,CAAC,0CAAE,SAAS,CAAA,CAAO,CAC9F,CACP,CAAA;KAAA,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,IACtB,IAAI,KAAK,gBAAgB,CAAC,CAAC,CAAC,CAC3B,oBAAC,OAAO;QACN,oBAAC,IAAI,OAAG,CACA,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,OAAG,CACT,CACG,CACP,CAAA;AACH,CAAC"}

package/dist/esm/index.d.ts

@@ -20,5 +20,8 @@ import PHXClientMutation from './components/Func/clientMutationV2';
 import { PHXTextarea } from './components/Textarea';
 import { PHXModal } from './components/Modal';
 import { PHXTabs } from './components/Tabs';
+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, PHXLogin, };
+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, };

package/dist/esm/index.js

@@ -20,6 +20,9 @@ import PHXClientMutation from './components/Func/clientMutationV2';
 import { PHXTextarea } from './components/Textarea';
 import { PHXModal } from './components/Modal';
 import { PHXTabs } from './components/Tabs';
+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, PHXLogin, };
+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, };
 //# 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,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,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;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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phx-react",
-  "version": "1.3.27",
+  "version": "1.3.29",
   "description": "PHX REACT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -64,7 +64,6 @@
     "jest": "^28.1.1",
     "jest-canvas-mock": "^2.4.0",
     "jest-environment-jsdom": "^28.1.1",
-    "js-cookie": "^3.0.5",
     "next": "^13.4.13",
     "postcss": "^8.4.23",
     "prettier": "^2.6.2",
@@ -75,7 +74,17 @@
     "tailwindcss": "^3.3.3",
     "ts-jest": "^28.0.4",
     "typescript": "^4.7.3",
-    "vite": "^4.3.9"
+    "vite": "^4.3.9",
+    "react-hook-form": "^7.45.2",
+    "@headlessui/react": "^1.7.16",
+    "@heroicons/react": "^2.0.18",
+    "js-cookie": "^3.0.5",
+    "@apollo/client": "3.8.1",
+    "graphql": "^16.7.1",
+    "@apollo/experimental-nextjs-app-support": "0.4.1",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0"
   },
   "eslintConfig": {
     "extends": [
@@ -83,15 +92,5 @@
     ]
   },
   "dependencies": {
-    "react-hook-form": "^7.45.2",
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
-    "@fortawesome/react-fontawesome": "^0.2.0",
-    "js-cookie": "^3.0.5",
-    "@apollo/client": "3.8.1",
-    "@headlessui/react": "^1.7.16",
-    "@heroicons/react": "^2.0.18",
-    "graphql": "^16.7.1",
-    "@apollo/experimental-nextjs-app-support": "0.4.1"
   }
-}
+}