@onepercentio/one-ui 0.6.2 → 0.6.3

package/dist/components/FileInput/FileInput.js

@@ -1,75 +1,75 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.stories.d.ts

@@ -1,19 +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>>;
-};
+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

@@ -1,59 +1,59 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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" })));
-}
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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/index.d.ts

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

package/dist/components/FileInput/index.js

@@ -1,9 +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; } });
+"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/FlowController/FlowController.d.ts

@@ -1,23 +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;
+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;

package/dist/components/FlowController/FlowController.js

@@ -1,34 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HeadingImage = void 0;
-const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("../Button"));
-const HeaderCloseBtn_1 = __importDefault(require("../HeaderCloseBtn"));
-const Transition_1 = __importDefault(require("../Transition"));
-const FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
-/**
- * Container for a flow, managing the go back and close controller
- **/
-function FlowController({ children, buttons, step, onClose, onBack, fullPage, firstStep = 0, style, wrapper: Wrapper = "div", }) {
-    function _handleBackPress() {
-        if (isAtFirstStep)
-            onClose && onClose();
-        else if (onBack)
-            onBack();
-    }
-    const isAtFirstStep = step === firstStep;
-    const shouldDisplayHeaderButton = (isAtFirstStep && onClose) || (!isAtFirstStep && onBack);
-    return (react_1.default.createElement(Wrapper, { onClick: (e) => e.stopPropagation(), className: FlowController_module_scss_1.default.container, style: style },
-        react_1.default.createElement("header", null, shouldDisplayHeaderButton && (react_1.default.createElement(HeaderCloseBtn_1.default, { mode: isAtFirstStep ? "close" : "back", hidden: !onBack, onClick: _handleBackPress }))),
-        react_1.default.createElement(Transition_1.default, { step: step, className: FlowController_module_scss_1.default.transition, contentClassName: `${fullPage ? FlowController_module_scss_1.default.fullHeight : ""} ${FlowController_module_scss_1.default.content}` }, children),
-        react_1.default.createElement("footer", { className: buttons.find((b) => b.state === "hidden") ? FlowController_module_scss_1.default.hidden : undefined }, buttons.map((b) => (react_1.default.createElement(Button_1.default, { onClick: b.onClick, disabled: b.state === "hidden" || b.state === "disabled" }, b.label))))));
-}
-exports.default = FlowController;
-function HeadingImage({ src }) {
-    return react_1.default.createElement("img", { src: src, className: FlowController_module_scss_1.default.headingImg });
-}
-exports.HeadingImage = HeadingImage;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeadingImage = void 0;
+const react_1 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("../Button"));
+const HeaderCloseBtn_1 = __importDefault(require("../HeaderCloseBtn"));
+const Transition_1 = __importDefault(require("../Transition"));
+const FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
+/**
+ * Container for a flow, managing the go back and close controller
+ **/
+function FlowController({ children, buttons, step, onClose, onBack, fullPage, firstStep = 0, style, wrapper: Wrapper = "div", }) {
+    function _handleBackPress() {
+        if (isAtFirstStep)
+            onClose && onClose();
+        else if (onBack)
+            onBack();
+    }
+    const isAtFirstStep = step === firstStep;
+    const shouldDisplayHeaderButton = (isAtFirstStep && onClose) || (!isAtFirstStep && onBack);
+    return (react_1.default.createElement(Wrapper, { onClick: (e) => e.stopPropagation(), className: FlowController_module_scss_1.default.container, style: style },
+        react_1.default.createElement("header", null, shouldDisplayHeaderButton && (react_1.default.createElement(HeaderCloseBtn_1.default, { mode: isAtFirstStep ? "close" : "back", hidden: !onBack, onClick: _handleBackPress }))),
+        react_1.default.createElement(Transition_1.default, { step: step, className: FlowController_module_scss_1.default.transition, contentClassName: `${fullPage ? FlowController_module_scss_1.default.fullHeight : ""} ${FlowController_module_scss_1.default.content}` }, children),
+        react_1.default.createElement("footer", { className: buttons.find((b) => b.state === "hidden") ? FlowController_module_scss_1.default.hidden : undefined }, buttons.map((b) => (react_1.default.createElement(Button_1.default, { onClick: b.onClick, disabled: b.state === "hidden" || b.state === "disabled" }, b.label))))));
+}
+exports.default = FlowController;
+function HeadingImage({ src }) {
+    return react_1.default.createElement("img", { src: src, className: FlowController_module_scss_1.default.headingImg });
+}
+exports.HeadingImage = HeadingImage;
 //# sourceMappingURL=FlowController.js.map

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

@@ -1,43 +1,43 @@
-import React from "react";
-import C from "./FlowController";
-declare const _default: {
-    component: typeof C;
-    title: string;
-};
-export default _default;
-export declare const Primary: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        onClose?: (() => void) | undefined;
-        onBack?: (() => void) | undefined;
-        step: number;
-        firstStep?: number | undefined;
-        buttons: {
-            label: string;
-            onClick: () => void;
-            state: import("./FlowController").FlowControlState;
-        }[];
-        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-        fullPage?: boolean | undefined;
-        style?: React.CSSProperties | undefined;
-        wrapper?: React.ElementType<any> | undefined;
-    } & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
-};
-export declare const BugfixMultipleChanges: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        onClose?: (() => void) | undefined;
-        onBack?: (() => void) | undefined;
-        step: number;
-        firstStep?: number | undefined;
-        buttons: {
-            label: string;
-            onClick: () => void;
-            state: import("./FlowController").FlowControlState;
-        }[];
-        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-        fullPage?: boolean | undefined;
-        style?: React.CSSProperties | undefined;
-        wrapper?: React.ElementType<any> | undefined;
-    } & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
-};
+import React from "react";
+import C from "./FlowController";
+declare const _default: {
+    component: typeof C;
+    title: string;
+};
+export default _default;
+export declare const Primary: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        onClose?: (() => void) | undefined;
+        onBack?: (() => void) | undefined;
+        step: number;
+        firstStep?: number | undefined;
+        buttons: {
+            label: string;
+            onClick: () => void;
+            state: import("./FlowController").FlowControlState;
+        }[];
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+        fullPage?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
+        wrapper?: React.ElementType<any> | undefined;
+    } & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
+};
+export declare const BugfixMultipleChanges: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        onClose?: (() => void) | undefined;
+        onBack?: (() => void) | undefined;
+        step: number;
+        firstStep?: number | undefined;
+        buttons: {
+            label: string;
+            onClick: () => void;
+            state: import("./FlowController").FlowControlState;
+        }[];
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+        fullPage?: boolean | undefined;
+        style?: React.CSSProperties | undefined;
+        wrapper?: React.ElementType<any> | undefined;
+    } & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>)>;
+};