phx-react 1.3.1

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import Section from './Section';
+import WrapSection from './WrapSection';
+import Footer from './Footer';
+import { ComplexAction } from '../types';
+export interface CardProps {
+    title?: string;
+    children?: React.ReactNode;
+    primaryFooterAction?: ComplexAction;
+    primaryHeader?: boolean;
+    secondaryFooterActions?: ComplexAction[];
+}
+export declare const PHXCard: React.FunctionComponent<CardProps> & {
+    Section: typeof Section;
+    WrapSection: typeof WrapSection;
+    Footer: typeof Footer;
+};

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Section from './Section';
+import WrapSection from './WrapSection';
+import Footer from './Footer';
+import { PHXButton } from '../Button';
+export var PHXCard = function Card(_a) {
+    var children = _a.children, title = _a.title, primaryFooterAction = _a.primaryFooterAction, primaryHeader = _a.primaryHeader, secondaryFooterActions = _a.secondaryFooterActions;
+    var footerActionMarkup = primaryFooterAction || secondaryFooterActions ? (React.createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end gap-x-3' },
+        secondaryFooterActions && secondaryFooterActions.length === 1 && secondaryFooterActions[0].content && (React.createElement(PHXButton, { secondary: true, size: 'small', onClick: secondaryFooterActions[0].onClick }, secondaryFooterActions[0].content)),
+        primaryFooterAction && primaryFooterAction.content && (React.createElement(PHXButton, { primary: true, submit: primaryFooterAction.submit ? true : false, size: 'small', onClick: primaryFooterAction.onClick }, primaryFooterAction.content)))) : (React.createElement(React.Fragment, null));
+    var headerActionMarkup = primaryHeader ? (React.createElement("div", { className: 'px-4 py-5 sm:px-6' },
+        React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title))) : (React.createElement(React.Fragment, null));
+    return (React.createElement("div", { className: 'w-full' },
+        React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
+            React.createElement("div", { className: 'divide-y divide-gray-200 overflow-hidden shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200' },
+                headerActionMarkup,
+                React.createElement("div", { className: 'px-4 py-5 sm:p-6' }, children),
+                footerActionMarkup))));
+};
+PHXCard.Section = Section;
+PHXCard.WrapSection = WrapSection;
+PHXCard.Footer = Footer;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAUrC,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAA0F;QAAxF,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,mBAAmB,yBAAA,EAAE,aAAa,mBAAA,EAAE,sBAAsB,4BAAA;IAC7F,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,uDAAuD;QAEnE,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CACzC,6BAAK,SAAS,EAAC,mBAAmB;QAChC,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM,CACxE,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;QACrB,6BAAK,SAAS,EAAC,sCAAsC;YACnD,6BAAK,SAAS,EAAC,4HAA4H;gBACxI,kBAAkB;gBACnB,6BAAK,SAAS,EAAC,kBAAkB,IAAE,QAAQ,CAAO;gBACjD,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;AACzB,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;AACjC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAA"}

package/dist/esm/components/Card/Footer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Footer: ({ children }: any) => JSX.Element;
+export default Footer;

package/dist/esm/components/Card/Footer.js

@@ -0,0 +1,8 @@
+import React from 'react';
+var Footer = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: 'bg-gray-50 px-4 py-4 sm:px-6 flex justify-end' },
+        React.createElement("button", { type: 'button', className: 'rounded-md bg-indigo-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600' }, children)));
+};
+export default Footer;
+//# sourceMappingURL=Footer.js.map

package/dist/esm/components/Card/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../src/components/Card/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,MAAM,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IACxB,OAAO,CACL,6BAAK,SAAS,EAAC,+CAA+C;QAC5D,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qNAAqN,IAE9N,QAAQ,CACF,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/esm/components/Card/Section.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface CardSectionProps {
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const Section: ({ title, subTitle, children }: CardSectionProps) => JSX.Element;
+export default Section;

package/dist/esm/components/Card/Section.js

@@ -0,0 +1,13 @@
+import React from 'react';
+var Section = function (_a) {
+    var title = _a.title, subTitle = _a.subTitle, children = _a.children;
+    var titleMarker = (title || subTitle) && (React.createElement("div", { className: 'mb-5' },
+        title && React.createElement("h3", { className: 'text-base font-semibold leading-6 text-gray-900' }, title),
+        subTitle && title && React.createElement("p", { className: 'mt-1 text-sm text-slate-500' }, subTitle),
+        subTitle && !title && React.createElement("p", { className: 'text-sm text-slate-500' }, subTitle)));
+    return (React.createElement("div", { className: 'py-5' },
+        titleMarker,
+        children));
+};
+export default Section;
+//# sourceMappingURL=Section.js.map

package/dist/esm/components/Card/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/Card/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,IAAM,OAAO,GAAG,UAAC,EAA+C;QAA7C,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC1C,IAAM,WAAW,GAAG,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACzC,6BAAK,SAAS,EAAC,MAAM;QAClB,KAAK,IAAI,4BAAI,SAAS,EAAC,iDAAiD,IAAE,KAAK,CAAM;QAErF,QAAQ,IAAI,KAAK,IAAI,2BAAG,SAAS,EAAC,6BAA6B,IAAE,QAAQ,CAAK;QAE9E,QAAQ,IAAI,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAC,wBAAwB,IAAE,QAAQ,CAAK,CACvE,CACP,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QAClB,WAAW;QACX,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/esm/components/Card/WrapSection.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const WrapSection: ({ children }: any) => JSX.Element;
+export default WrapSection;

package/dist/esm/components/Card/WrapSection.js

@@ -0,0 +1,7 @@
+import React from 'react';
+var WrapSection = function (_a) {
+    var children = _a.children;
+    return React.createElement("div", { className: 'divide-y divide-gray-200' }, children);
+};
+export default WrapSection;
+//# sourceMappingURL=WrapSection.js.map

package/dist/esm/components/Card/WrapSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WrapSection.js","sourceRoot":"","sources":["../../../../src/components/Card/WrapSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,IAAM,WAAW,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IAC7B,OAAO,6BAAK,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAO,CAAA;AACnE,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    children?: any;
+    id?: any;
+    label?: string;
+    title?: string;
+    helpText?: string;
+    expanded?: boolean;
+    register?: UseFormRegisterReturn;
+    onChange?: any;
+}
+export declare const PHXCheckbox: React.FC<CheckboxProps>;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { UseFormRegisterReturn } from 'react-hook-form';
+import React, { ReactNode } from 'react';
+import { FooterBarProps } from '../FormWrap';
+export interface FormStepProps {
+    className?: string;
+    register?: UseFormRegisterReturn;
+    steps?: Array<{
+        step: number;
+        title: string;
+        status?: 'current' | 'complete' | 'upcoming';
+        component: ReactNode;
+    }>;
+    nextLabel: string;
+    backLabel: string;
+    formMode: 'addNew' | 'edit' | 'readOnly';
+    onSubmit: any;
+    size?: FooterBarProps['size'];
+    title: FooterBarProps['title'];
+    triggerStep?: Array<{
+        step: number;
+        onNext?: any;
+        onBack?: any;
+    }>;
+    backRout: any;
+}
+export declare const PHXFormStep: React.FC<FormStepProps>;

package/dist/esm/components/FormStep/FormStep.js

@@ -0,0 +1,98 @@
+import { __assign } from "tslib";
+import { FormProvider, useForm } from 'react-hook-form';
+import React from 'react';
+import { CheckIcon } from '@heroicons/react/24/solid';
+import { PHXCard } from '../Card';
+import { PHXFormWrap } from '../FormWrap';
+export var PHXFormStep = function (_a) {
+    var _b;
+    var className = _a.className, steps = _a.steps, nextLabel = _a.nextLabel, backLabel = _a.backLabel, formMode = _a.formMode, onSubmit = _a.onSubmit, _c = _a.size, size = _c === void 0 ? 'large' : _c, title = _a.title, triggerStep = _a.triggerStep, backRout = _a.backRout;
+    var _d = React.useState(1), currentStep = _d[0], setCurrentStep = _d[1];
+    var _e = React.useState([]), listSteps = _e[0], setListSteps = _e[1];
+    var form = useForm();
+    var nextStep = function (data) {
+        var _a;
+        try {
+            var funcCallNextStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onNext;
+            if (funcCallNextStep)
+                funcCallNextStep();
+            if (currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length)) {
+                onSubmit(data);
+                return;
+            }
+            else {
+                listSteps === null || listSteps === void 0 ? void 0 : listSteps.forEach(function (item) {
+                    if (item.step === currentStep + 1 && item.status !== 'complete')
+                        item.status = 'current';
+                    if (item.step === currentStep)
+                        item.status = 'complete';
+                });
+            }
+            setCurrentStep(function (currentStep) { return currentStep + 1; });
+        }
+        catch (error) {
+            console.error;
+        }
+    };
+    var handleBackStep = function (stepItem) {
+        var _a;
+        var funcCallBackStep = (_a = triggerStep === null || triggerStep === void 0 ? void 0 : triggerStep.find(function (func) { return func.step === currentStep; })) === null || _a === void 0 ? void 0 : _a.onBack;
+        if (funcCallBackStep && formMode !== 'readOnly')
+            funcCallBackStep();
+        if (stepItem && stepItem.step) {
+            setCurrentStep(stepItem.step);
+        }
+        else {
+            setCurrentStep(function (currentStep) { return currentStep - 1; });
+        }
+    };
+    var handleNextStep = function () {
+        setCurrentStep(function (currentStep) { return currentStep + 1; });
+    };
+    React.useEffect(function () {
+        if (steps) {
+            var listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
+                if (index === 0) {
+                    return __assign(__assign({}, item), { status: 'current' });
+                }
+                else {
+                    return __assign(__assign({}, item), { status: 'upcoming' });
+                }
+            });
+            if (formMode !== 'addNew')
+                listNew = steps === null || steps === void 0 ? void 0 : steps.map(function (item) { return (__assign(__assign({}, item), { status: 'complete' })); });
+            setListSteps(listNew);
+        }
+    }, [steps, formMode]);
+    return (React.createElement("div", { className: className },
+        React.createElement(FormProvider, __assign({}, form),
+            React.createElement(PHXFormWrap, { className: 'w-full', size: size, title: title, onSubmit: formMode === 'readOnly' ? form.handleSubmit(handleNextStep) : form.handleSubmit(nextStep), onCancel: backRout, footerAction: false },
+                React.createElement(PHXCard, { primaryFooterAction: {
+                        content: currentStep === (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) ? (formMode !== 'readOnly' ? 'Submit' : '') : nextLabel,
+                        submit: true
+                    }, secondaryFooterActions: [{ content: currentStep !== 1 ? backLabel : '', onClick: handleBackStep }] },
+                    React.createElement("nav", { "aria-label": 'Progress' },
+                        React.createElement("ol", { role: 'list', className: 'divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0' }, listSteps &&
+                            listSteps.map(function (stepItem, stepIdx) { return (React.createElement("li", { key: stepIdx, className: 'relative cursor-pointer md:flex md:flex-1' },
+                                React.createElement("button", { type: "".concat(stepItem.step > currentStep && formMode !== 'readOnly' ? 'submit' : 'button'), onClick: function () {
+                                        return (stepItem.step < currentStep || formMode === 'readOnly') && handleBackStep(stepItem);
+                                    } },
+                                    stepItem.status === 'complete' ? (React.createElement("div", { className: 'group flex w-full items-center' },
+                                        React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-indigo-600 group-hover:bg-indigo-800' },
+                                                React.createElement(CheckIcon, { className: 'h-6 w-6 text-white', "aria-hidden": 'true' })),
+                                            React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-900' }, stepItem.title)))) : stepItem.status === 'current' ? (React.createElement("div", { className: 'flex items-center px-6 py-3 text-sm font-medium', "aria-current": 'step' },
+                                        React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-indigo-600' },
+                                            React.createElement("span", { className: 'text-indigo-600' }, stepItem.step)),
+                                        React.createElement("span", { className: 'ml-4 text-sm font-medium text-indigo-600' }, stepItem.title))) : (React.createElement("div", { className: 'group flex items-center' },
+                                        React.createElement("span", { className: 'flex items-center px-6 py-3 text-sm font-medium' },
+                                            React.createElement("span", { className: 'flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full border-2 border-gray-300 group-hover:border-gray-400' },
+                                                React.createElement("span", { className: 'text-gray-500 group-hover:text-gray-900' }, stepItem.step)),
+                                            React.createElement("span", { className: 'ml-4 text-sm font-medium text-gray-500 group-hover:text-gray-900' }, stepItem.title)))),
+                                    stepIdx !== (listSteps === null || listSteps === void 0 ? void 0 : listSteps.length) - 1 ? (React.createElement(React.Fragment, null,
+                                        React.createElement("div", { className: 'absolute right-0 top-0 hidden h-full w-5 md:block', "aria-hidden": 'true' },
+                                            React.createElement("svg", { className: 'h-full w-full text-gray-300', viewBox: '0 0 22 80', fill: 'none', preserveAspectRatio: 'none' },
+                                                React.createElement("path", { d: 'M0 -2L20 40L0 82', vectorEffect: 'non-scaling-stroke', stroke: 'currentcolor', strokeLinejoin: 'round' }))))) : null))); }))), (_b = listSteps === null || listSteps === void 0 ? void 0 : listSteps.find(function (item) { return item.step === currentStep; })) === null || _b === void 0 ? void 0 :
+                    _b.component)))));
+};
+//# sourceMappingURL=FormStep.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface FooterBarProps {
+    title?: string;
+    method?: string;
+    headerAction?: boolean;
+    footerAction?: boolean;
+    className?: string;
+    children?: any;
+    loading?: boolean;
+    onlyDelete?: boolean;
+    deleted?: boolean;
+    submit?: boolean;
+    deleteText?: string;
+    cancelText?: string;
+    submitText?: string;
+    size?: 'small' | 'medium' | 'large';
+    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;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PHXButton } from '../Button';
+import { classNames } from '../types';
+import { ArrowLeftIcon } from '@heroicons/react/20/solid';
+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 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 },
+            React.createElement("div", { className: sizeClassName },
+                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)))),
+                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')
+                        : 'hidden' },
+                    deleted && (React.createElement(PHXButton, { danger2: true, size: 'small', onClick: onDelete }, deleteText)),
+                    !onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
+                        React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onCancel }, cancelText),
+                        submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, submitText)) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, submitText)))))))));
+};
+//# sourceMappingURL=FormWrap.js.map

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

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

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

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

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

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

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

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

package/dist/esm/components/Func/getLoginInfo.d.ts

@@ -0,0 +1 @@
+export default function funcGetLoggedInfo(): any;

package/dist/esm/components/Func/getLoginInfo.js

@@ -0,0 +1,7 @@
+import Cookies from 'js-cookie';
+export default function funcGetLoggedInfo() {
+    var loggedInfoString = Cookies.get('isLoggedIn');
+    var parsedLoggedInfo = loggedInfoString && JSON.parse(loggedInfoString);
+    return parsedLoggedInfo;
+}
+//# sourceMappingURL=getLoginInfo.js.map

package/dist/esm/components/Func/getLoginInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getLoginInfo.js","sourceRoot":"","sources":["../../../../src/components/Func/getLoginInfo.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACvC,IAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,YAAY,CAAW,CAAA;IAC5D,IAAM,gBAAgB,GAAG,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;IACzE,OAAO,gBAAgB,CAAA;AACzB,CAAC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface TableProps {
+    className?: string;
+    title?: string;
+    importData?: boolean;
+    exportData?: boolean;
+    addNew?: boolean;
+    downloadText?: string;
+    uploadText?: string;
+    addNewText?: string;
+    onDownload?: () => void;
+    onUpload?: () => void;
+    onAdd?: () => void;
+}
+export declare const PHXHeaderBar: ({ className, title, importData, exportData, addNew, downloadText, uploadText, addNewText, onDownload, onUpload, onAdd, }: TableProps) => JSX.Element;

package/dist/esm/components/HeaderBar/HeaderBar.js

@@ -0,0 +1,39 @@
+import React, { Fragment } from 'react';
+import { PHXButton } from '../Button';
+import { Menu, Transition } from '@headlessui/react';
+import { classNames } from '../types';
+import { EllipsisHorizontalIcon } from '@heroicons/react/20/solid';
+export var PHXHeaderBar = function (_a) {
+    var className = _a.className, title = _a.title, importData = _a.importData, exportData = _a.exportData, _b = _a.addNew, addNew = _b === void 0 ? true : _b, downloadText = _a.downloadText, uploadText = _a.uploadText, addNewText = _a.addNewText, onDownload = _a.onDownload, onUpload = _a.onUpload, onAdd = _a.onAdd;
+    var handleDownload = function (e) {
+        e.preventDefault();
+        onDownload;
+    };
+    var handleUpload = function (e) {
+        e.preventDefault();
+        onUpload;
+    };
+    return (React.createElement("div", { className: "mb-5 flex items-center justify-between sm:flex-auto ".concat(className) },
+        React.createElement("div", null,
+            React.createElement("h1", { className: 'text-base font-semibold leading-6 text-gray-900' }, title)),
+        React.createElement("div", { className: 'flex flex-shrink-0 justify-end gap-x-2 items-center' },
+            React.createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
+                React.createElement(PHXButton, { onClick: onDownload, className: exportData ? '' : 'hidden', secondary: true, size: 'small' }, downloadText),
+                React.createElement(PHXButton, { onClick: onUpload, className: importData ? '' : 'hidden', secondary: true, size: 'small' }, uploadText)),
+            React.createElement(Menu, { as: 'div', className: importData || exportData ? 'md:hidden relative' : 'hidden' },
+                React.createElement(Menu.Button, { className: 'flex items-center p-1.5 bg-gray-200 hover:bg-gray-300 px-2 py-1 text-sm rounded-lg' },
+                    React.createElement("span", { className: 'sr-only' }, "Open menu"),
+                    React.createElement(EllipsisHorizontalIcon, { "aria-hidden": 'true', className: 'h-5 w-5 rounded text-gray-400' })),
+                React.createElement(Transition, { as: Fragment, enter: 'transition ease-out duration-100', enterFrom: 'transform opacity-0 scale-95', enterTo: 'transform opacity-100 scale-100', leave: 'transition ease-in duration-75', leaveFrom: 'transform opacity-100 scale-100', leaveTo: 'transform opacity-0 scale-95' },
+                    React.createElement(Menu.Items, { className: 'absolute right-0 z-10 mt-2.5 w-32 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none' },
+                        exportData && (React.createElement(Menu.Item, null, function (_a) {
+                            var active = _a.active;
+                            return (React.createElement("a", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), href: '', onClick: handleDownload }, downloadText));
+                        })),
+                        importData && (React.createElement(Menu.Item, null, function (_a) {
+                            var active = _a.active;
+                            return (React.createElement("a", { className: classNames(active ? 'bg-gray-50' : '', 'block px-3 py-1 text-xs leading-6 text-gray-900'), href: '', onClick: handleUpload }, uploadText));
+                        }))))),
+            React.createElement(PHXButton, { className: addNew ? '' : 'hidden', onClick: onAdd, primary: true, size: 'small' }, addNewText))));
+};
+//# sourceMappingURL=HeaderBar.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React, { InputHTMLAttributes } from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    className?: string;
+    label?: string;
+    helpText?: string;
+    register?: UseFormRegisterReturn;
+    textarea?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+}
+export declare const PHXInput: React.FC<InputProps>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/Loading/Spinner.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface LoadingProps {
+    color?: 'indigo' | 'gray';
+    className?: string;
+}
+export declare const PHXSpinner: ({ color, className }: LoadingProps) => JSX.Element;