@onepercentio/one-ui 0.1.2

package/dist/components/EmailInput/EmailInput.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<Pick<Omit<{
+        error?: string | undefined;
+        hideError?: "onfocus" | undefined;
+        placeholder?: string | undefined;
+        disclaimer?: string | undefined;
+        icon?: ({
+            onClick?: (() => void) | undefined;
+        } & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
+        Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    } & Omit<React.HTMLProps<HTMLInputElement>, "ref"> & React.RefAttributes<any>, "value" | "onChange"> & {
+        onChange: (email: string, isValid: boolean) => void;
+        value: string;
+        messages: {
+            invalidEmail: string;
+        };
+    }, "hidden" | "onClick" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "className" | "open" | "error" | "tabIndex" | "onFocus" | "placeholder" | "height" | "default" | "size" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "Icon" | "messages" | "hideError" | "icon" | "disclaimer"> & React.RefAttributes<{
+        validateEmail: (email: string) => boolean;
+    }>>;
+    title: string;
+};
+export default _default;
+export declare const Primary: (args: any) => JSX.Element;

package/dist/components/EmailInput/EmailInput.stories.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+const react_1 = __importDefault(require("react"));
+const EmailInput_1 = __importDefault(require("./EmailInput"));
+exports.default = {
+    component: EmailInput_1.default,
+    title: "Input de email",
+};
+const Primary = (args) => react_1.default.createElement(EmailInput_1.default, Object.assign({}, args));
+exports.Primary = Primary;
+//# sourceMappingURL=EmailInput.stories.js.map

package/dist/components/EmailInput/EmailInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.stories.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,8DAA6B;AAE7B,kBAAe;IACb,SAAS,EAAE,oBAAC;IACZ,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEK,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,oBAAC,oBAAK,IAAI,EAAI,CAAC;AAAzC,QAAA,OAAO,WAAkC"}

package/dist/components/EmailInput/EmailInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/EmailInput/EmailInput.test.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_2 = require("@testing-library/react");
+const EmailInput_1 = __importDefault(require("./EmailInput"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+function Wrapper(props) {
+    const [s, ss] = (0, react_1.useState)("");
+    function _onChange(v, valid) {
+        ss(v);
+        props.onChange(v, valid);
+    }
+    return react_1.default.createElement(EmailInput_1.default, Object.assign({}, props, { value: s, onChange: _onChange }));
+}
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(Wrapper, Object.assign({}, props)));
+}
+it("Should at least render :)", () => {
+    renderScreen({
+        onChange: jest.fn(),
+        value: "",
+        messages: { invalidEmail: "MOCK_INVALID_EMAIL" },
+    });
+});
+const MOCKED_ERROR_MESSAGE = "MOCK_INVALID_EMAIL";
+it("Should display error when unfocusing and the email is invalid", () => __awaiter(void 0, void 0, void 0, function* () {
+    const w = renderScreen({
+        onChange: jest.fn(),
+        value: "",
+        messages: { invalidEmail: "MOCK_INVALID_EMAIL" },
+    });
+    const input = w.getByRole("textbox");
+    yield user_event_1.default.type(input, "muritavo@gmail", { delay: 50 });
+    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
+    (0, react_2.act)(() => input.blur());
+    expect(w.container.textContent).toContain(MOCKED_ERROR_MESSAGE);
+    yield user_event_1.default.type(input, ".com", { delay: 50 });
+    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
+    (0, react_2.act)(() => input.blur());
+    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
+}));
+//# sourceMappingURL=EmailInput.test.js.map

package/dist/components/EmailInput/EmailInput.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.test.js","sourceRoot":"","sources":["../../../src/components/EmailInput/EmailInput.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,kDAAqD;AAErD,8DAAqC;AACrC,6EAAoD;AAEpD,SAAS,OAAO,CAAC,KAA6C;IAC5D,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC7B,SAAS,SAAS,CAAC,CAAS,EAAE,KAAc;QAC1C,EAAE,CAAC,CAAC,CAAC,CAAC;QACN,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3B,CAAC;IACD,OAAO,8BAAC,oBAAS,oBAAK,KAAK,IAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,IAAI,CAAC;AACjE,CAAC;AAED,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,OAAO,oBAAK,KAAK,EAAI,CAAC,CAAC;AACxC,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,YAAY,CAAC;QACX,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;QACnB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE,YAAY,EAAE,oBAAoB,EAAE;KACjD,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAElD,EAAE,CAAC,+DAA+D,EAAE,GAAS,EAAE;IAC7E,MAAM,CAAC,GAAG,YAAY,CAAC;QACrB,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE;QACnB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,EAAE,YAAY,EAAE,oBAAoB,EAAE;KACjD,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,CAAC,CAAC,SAAS,CAAC,SAAS,CAAqB,CAAC;IACzD,MAAM,oBAAS,CAAC,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpE,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACxB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAChE,MAAM,oBAAS,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpE,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IACxB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;AACtE,CAAC,CAAA,CAAC,CAAC"}

package/dist/components/EmailInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EmailInput';

package/dist/components/EmailInput/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var EmailInput_1 = require("./EmailInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(EmailInput_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/EmailInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/EmailInput/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAuC;AAA9B,sHAAA,OAAO,OAAA"}

package/dist/components/FadeIn/FadeIn.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    active?: boolean | undefined;
+    onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
+    onHidden?: (() => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/FadeIn/FadeIn.js

@@ -0,0 +1,60 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
+/**
+ * Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
+ **/
+function FadeIn({ onHidden, children, className = "", active, onClick }, divRef) {
+    if (!divRef) {
+        divRef = (0, react_1.createRef)();
+    }
+    const [, trigger] = (0, react_1.useState)(0);
+    const prevChildren = (0, react_1.useRef)();
+    prevChildren.current = children || prevChildren.current;
+    (0, react_1.useEffect)(() => {
+        const el = divRef.current;
+        const isElHidden = active !== undefined ? !active : !children;
+        if (isElHidden) {
+            el.classList.remove(FadeIn_module_scss_1.default.active);
+            const handler = () => {
+                prevChildren.current = null;
+                trigger((a) => a + 1);
+                if (onHidden && !el.classList.contains(FadeIn_module_scss_1.default.active))
+                    onHidden();
+            };
+            el.addEventListener("transitionend", handler);
+            return () => {
+                el.removeEventListener("transitionend", handler);
+            };
+        }
+        else {
+            el.classList.add(FadeIn_module_scss_1.default.active);
+        }
+    }, [children, active]);
+    return (react_1.default.createElement("div", { ref: divRef, "data-testid": "fadein_container", className: `${FadeIn_module_scss_1.default.container} ${className}`, onClick: onClick }, prevChildren.current));
+}
+exports.default = (0, react_1.forwardRef)(FadeIn);
+//# sourceMappingURL=FadeIn.js.map

package/dist/components/FadeIn/FadeIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAUe;AACf,8EAA0C;AAS1C;;IAEI;AACJ,SAAS,MAAM,CACb,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAe,EACpE,MAAoC;IAEpC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,IAAA,iBAAS,GAAE,CAAC;KACtB;IACD,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAA,cAAM,GAAmB,CAAC;IAC/C,YAAY,CAAC,OAAO,GAAG,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC;IAExD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAI,MAAoC,CAAC,OAAQ,CAAC;QAC1D,MAAM,UAAU,GAAG,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE9D,IAAI,UAAU,EAAE;YACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;YACnC,MAAM,OAAO,GAAG,GAAG,EAAE;gBACnB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC5B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACtB,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,4BAAM,CAAC,MAAM,CAAC;oBAAE,QAAQ,EAAE,CAAC;YACpE,CAAC,CAAC;YACF,EAAE,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC9C,OAAO,GAAG,EAAE;gBACV,EAAE,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YACnD,CAAC,CAAC;SACH;aAAM;YACL,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACvB,OAAO,CACL,uCACE,GAAG,EAAE,MAAM,iBACC,kBAAkB,EAC9B,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,OAAO,EAAE,OAAO,IAEf,YAAY,CAAC,OAAO,CACjB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAA8B,MAAM,CAAC,CAAC"}

package/dist/components/FadeIn/FadeIn.module.scss

@@ -0,0 +1,18 @@
+@import "../../assets/styles/index.scss";
+
+.container {
+  opacity: 0;
+  transition: opacity $normal;
+  &.active {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeInInit {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/dist/components/FadeIn/FadeIn.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<{
+        className?: string | undefined;
+        active?: boolean | undefined;
+        onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
+        onHidden?: (() => void) | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLDivElement>>;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        className?: string | undefined;
+        active?: boolean | undefined;
+        onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
+        onHidden?: (() => void) | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/FadeIn/FadeIn.stories.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importDefault(require("react"));
+const FadeIn_1 = __importDefault(require("./FadeIn"));
+exports.default = {
+    component: FadeIn_1.default,
+    title: "Fade In"
+};
+const InitialImplementation = (args) => react_1.default.createElement(FadeIn_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
+//# sourceMappingURL=FadeIn.stories.js.map

package/dist/components/FadeIn/FadeIn.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.stories.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,sDAA8B;AAE9B,kBAAe;IACX,SAAS,EAAE,gBAAM;IACjB,KAAK,EAAE,SAAS;CACnB,CAAA;AAEM,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,8BAAC,gBAAM,oBAAK,IAAI,EAAG,CAAC;AAA3D,QAAA,qBAAqB,yBAAsC;AACxE,6BAAqB,CAAC,IAAI,GAAG,EAAkD,CAAA"}

package/dist/components/FadeIn/FadeIn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/FadeIn/FadeIn.test.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
+const FadeIn_1 = __importDefault(require("./FadeIn"));
+it("Should at least render :)", () => {
+    (0, react_2.render)(react_1.default.createElement(FadeIn_1.default, null));
+});
+it("Should display previous children when it's removed", () => {
+    const wrapper = (0, react_2.render)(react_1.default.createElement(FadeIn_1.default, null, "Previous content"));
+    const container = wrapper.getByTestId("fadein_container");
+    expect(wrapper.container.textContent).toBe("Previous content");
+    expect(container.classList).toContain(FadeIn_module_scss_1.default.active);
+    wrapper.rerender(react_1.default.createElement(FadeIn_1.default, null));
+    expect(wrapper.container.textContent).toBe("Previous content");
+    expect(container.classList).not.toContain(FadeIn_module_scss_1.default.active);
+});
+//# sourceMappingURL=FadeIn.test.js.map

package/dist/components/FadeIn/FadeIn.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FadeIn.test.js","sourceRoot":"","sources":["../../../src/components/FadeIn/FadeIn.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,8EAA0C;AAC1C,sDAAiC;AAEjC,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,IAAA,cAAM,EAAC,8BAAC,gBAAS,OAAG,CAAC,CAAC;AACxB,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;IAC5D,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,8BAAC,gBAAS,2BAA6B,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC1D,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;IACrD,OAAO,CAAC,QAAQ,CAAC,8BAAC,gBAAS,OAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,4BAAM,CAAC,MAAM,CAAC,CAAC;AAC3D,CAAC,CAAC,CAAC"}

package/dist/components/FadeIn/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FadeIn';

package/dist/components/FadeIn/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FadeIn_1 = require("./FadeIn");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FadeIn_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/FadeIn/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FadeIn/index.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAmC;AAA1B,kHAAA,OAAO,OAAA"}

package/dist/components/FileInput/FileInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+/**
+ * A component to provide the upload of a file
+ **/
+export default function FileInput({ reason, uploadAction, removeAction, fileProvided, file, onFile, footer, ...props }: {
+    reason: string;
+    uploadAction: string;
+    removeAction: string;
+    fileProvided: string;
+    file?: File;
+    onFile: (file: File | undefined) => void;
+    footer: string;
+} & React.HTMLProps<HTMLInputElement>): JSX.Element;

package/dist/components/FileInput/FileInput.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const Button_1 = __importDefault(require("../Button"));
+const Spacing_1 = __importDefault(require("../Spacing"));
+const Text_1 = __importDefault(require("../Text"));
+const FileInput_module_scss_1 = __importDefault(require("./FileInput.module.scss"));
+/**
+ * A component to provide the upload of a file
+ **/
+function FileInput(_a) {
+    var { reason, uploadAction, removeAction, fileProvided, file, onFile, footer } = _a, props = __rest(_a, ["reason", "uploadAction", "removeAction", "fileProvided", "file", "onFile", "footer"]);
+    const inputRef = (0, react_1.useRef)(null);
+    const { component: { fileInput: { Icon = () => null }, }, } = (0, OneUIProvider_1.useOneUIContext)();
+    const onFileSelected = (0, react_1.useCallback)(((e) => {
+        const file = e.target.files.item(0);
+        onFile(file || undefined);
+    }), []);
+    return (react_1.default.createElement("div", { className: FileInput_module_scss_1.default.container },
+        react_1.default.createElement(Icon, null),
+        react_1.default.createElement(Spacing_1.default, { size: "small" }),
+        react_1.default.createElement(Text_1.default, { type: "description" }, file ? fileProvided : reason),
+        react_1.default.createElement(Spacing_1.default, { size: "small" }),
+        react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => {
+                if (file) {
+                    inputRef.current.value = "";
+                    onFile(undefined);
+                }
+                else {
+                    inputRef.current.click();
+                }
+            } }, file ? removeAction : uploadAction),
+        react_1.default.createElement("input", Object.assign({}, props, { ref: inputRef, onChange: onFileSelected, type: "file", className: FileInput_module_scss_1.default.hidden })),
+        react_1.default.createElement(Text_1.default, { className: FileInput_module_scss_1.default.footer, type: "caption" }, footer)));
+}
+exports.default = FileInput;
+//# sourceMappingURL=FileInput.js.map

package/dist/components/FileInput/FileInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AACf,+DAA8D;AAC9D,uDAA+B;AAC/B,yDAAiC;AACjC,mDAA2B;AAC3B,oFAA6C;AAE7C;;IAEI;AACJ,SAAwB,SAAS,CAAC,EAiBG;QAjBH,EAChC,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,MAAM,OAU6B,EAThC,KAAK,cARwB,sFASjC,CADS;IAUR,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,EACJ,SAAS,EAAE,EACT,SAAS,EAAE,EAAE,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GACjC,GACF,GAAG,IAAA,+BAAe,GAAE,CAAC;IAEtB,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,CAAC,CAAC,EAAE,EAAE;QACL,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAC5B,CAAC,CAAyC,EAC1C,EAAE,CACH,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,+BAAM,CAAC,SAAS;QAC9B,8BAAC,IAAI,OAAG;QACR,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG;QACxB,8BAAC,cAAI,IAAC,IAAI,EAAC,aAAa,IAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAQ;QAC9D,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG;QACxB,8BAAC,gBAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,IAAI,EAAE;oBACR,QAAQ,CAAC,OAAQ,CAAC,KAAK,GAAG,EAAE,CAAC;oBAC7B,MAAM,CAAC,SAAS,CAAC,CAAC;iBACnB;qBAAM;oBACL,QAAQ,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,IAEA,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAC5B;QACT,yDACM,KAAK,IACT,GAAG,EAAE,QAAQ,EACb,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,+BAAM,CAAC,MAAM,IACxB;QACF,8BAAC,cAAI,IAAC,SAAS,EAAE,+BAAM,CAAC,MAAM,EAAE,IAAI,EAAC,SAAS,IAC3C,MAAM,CACF,CACH,CACP,CAAC;AACJ,CAAC;AAhED,4BAgEC"}

package/dist/components/FileInput/FileInput.module.scss

@@ -0,0 +1,27 @@
+@import "../../assets/styles/index.scss";
+
+.hidden {
+  width: 0px;
+  height: 0px;
+  position: fixed;
+  opacity: 0.01;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background-color: $fileInputBackgroundColor;
+  padding: 72px;
+  border: 1px solid;
+  border-color: $fileInputBorderColor;
+  position: relative;
+  margin-bottom: 28px;
+}
+
+.footer {
+  position: absolute;
+  bottom: -24px;
+  left: 0px;
+}

package/dist/components/FileInput/FileInput.stories.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import FileInput from "./FileInput";
+declare const _default: {
+    component: typeof FileInput;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        reason: string;
+        uploadAction: string;
+        removeAction: string;
+        fileProvided: string;
+        file?: File | undefined;
+        onFile: (file: File | undefined) => void;
+        footer: string;
+    } & React.HTMLProps<HTMLInputElement>>;
+};

package/dist/components/FileInput/FileInput.stories.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InitialImplementation = void 0;
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = __importDefault(require("../../context/OneUIProvider"));
+const FileInput_1 = __importDefault(require("./FileInput"));
+exports.default = {
+    component: FileInput_1.default,
+    title: "File Input",
+};
+const InitialImplementation = (args) => {
+    const [uploadedFile, setUploadedFile] = (0, react_1.useState)();
+    return (react_1.default.createElement(OneUIProvider_1.default, { config: {
+            component: {
+                fileInput: {
+                    Icon: ExampleIcon,
+                },
+            },
+        } },
+        react_1.default.createElement(FileInput_1.default, Object.assign({}, args, { file: uploadedFile, onFile: setUploadedFile, fileProvided: (uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.name) || "" }))));
+};
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {
+    reason: "Upload a file for X",
+    uploadAction: "Upload",
+    removeAction: "Remove file",
+    footer: "Selecione o arquivo no formato JPG ou PNG em até 5MB.",
+};
+function ExampleIcon() {
+    return (react_1.default.createElement("svg", { width: 24, height: 24, viewBox: "0 0 22 28", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("path", { d: "M13.6666 0.666687H2.99992C1.53325 0.666687 0.346586 1.86669 0.346586 3.33335L0.333252 24.6667C0.333252 26.1334 1.51992 27.3334 2.98658 27.3334H18.9999C20.4666 27.3334 21.6666 26.1334 21.6666 24.6667V8.66669L13.6666 0.666687ZM18.9999 24.6667H2.99992V3.33335H12.3333V10H18.9999V24.6667ZM5.66658 18.0134L7.54658 19.8934L9.66658 17.7867V23.3334H12.3333V17.7867L14.4533 19.9067L16.3333 18.0134L11.0133 12.6667L5.66658 18.0134Z", fill: "#626E80" })));
+}
+//# sourceMappingURL=FileInput.stories.js.map

package/dist/components/FileInput/FileInput.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.stories.js","sourceRoot":"","sources":["../../../src/components/FileInput/FileInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,gFAAwD;AACxD,4DAAoC;AAEpC,kBAAe;IACb,SAAS,EAAE,mBAAS;IACpB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAQ,CAAC;IAEzD,OAAO,CACL,8BAAC,uBAAa,IACZ,MAAM,EAAE;YACN,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,IAAI,EAAE,WAAW;iBAClB;aACF;SACF;QAED,8BAAC,mBAAS,oBACJ,IAAI,IACR,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,eAAe,EACvB,YAAY,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,KAAI,EAAE,IACtC,CACY,CACjB,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,qBAAqB,yBAqBhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,MAAM,EAAE,qBAAqB;IAC7B,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,aAAa;IAC3B,MAAM,EAAE,uDAAuD;CACb,CAAC;AAErD,SAAS,WAAW;IAClB,OAAO,CACL,uCACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAElC,wCACE,CAAC,EAAC,uaAAua,EACza,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/FileInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FileInput';

package/dist/components/FileInput/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileInput_1 = require("./FileInput");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileInput_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/FileInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FileInput/index.tsx"],"names":[],"mappings":";;;;;;AAAA,yCAAsC;AAA7B,qHAAA,OAAO,OAAA"}

package/dist/components/FlowController/FlowController.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+export declare type FlowControlState = "disabled" | "enabled" | "hidden";
+/**
+ * Container for a flow, managing the go back and close controller
+ **/
+export default function FlowController<E extends Pick<JSX.IntrinsicElements, "div" | "form">, W extends keyof E>({ children, buttons, step, onClose, onBack, fullPage, firstStep, style, wrapper: Wrapper, }: {
+    onClose?: () => void;
+    onBack?: () => void;
+    step: number;
+    firstStep?: number;
+    buttons: {
+        label: string;
+        onClick: () => void;
+        state: FlowControlState;
+    }[];
+    children: React.ReactElement[];
+    fullPage?: boolean;
+    style?: React.CSSProperties;
+    wrapper?: React.ElementType;
+} & E[W]): JSX.Element;
+export declare function HeadingImage({ src }: {
+    src: string;
+}): JSX.Element;