@onepercentio/one-ui 0.6.2 → 0.6.3

package/dist/components/Tabs/Tabs.stories.js

@@ -1,57 +1,57 @@
-"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 Tabs_1 = __importDefault(require("./Tabs"));
-exports.default = {
-    title: "Tabs",
-    component: Tabs_1.default,
-};
-const InitialImplementation = (args) => {
-    const [s, ss] = (0, react_1.useState)();
-    return react_1.default.createElement(Tabs_1.default, Object.assign({}, args, { onSelect: ss, selected: s }));
-};
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    options: [
-        {
-            id: "1",
-            label: "Primeira opção",
-        },
-        {
-            id: "2",
-            label: "Segunda opção",
-        },
-        {
-            id: "3",
-            label: "Terceira opção",
-        },
-    ],
-};
+"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 Tabs_1 = __importDefault(require("./Tabs"));
+exports.default = {
+    title: "Tabs",
+    component: Tabs_1.default,
+};
+const InitialImplementation = (args) => {
+    const [s, ss] = (0, react_1.useState)();
+    return react_1.default.createElement(Tabs_1.default, Object.assign({}, args, { onSelect: ss, selected: s }));
+};
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {
+    options: [
+        {
+            id: "1",
+            label: "Primeira opção",
+        },
+        {
+            id: "2",
+            label: "Segunda opção",
+        },
+        {
+            id: "3",
+            label: "Terceira opção",
+        },
+    ],
+};
 //# sourceMappingURL=Tabs.stories.js.map

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

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

package/dist/components/Tabs/Tabs.test.js

@@ -1,39 +1,39 @@
-"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 Tabs_1 = __importDefault(require("./Tabs"));
-const MOCK_OPTIONS = [
-    {
-        id: "A",
-        label: "A small text",
-    },
-    {
-        id: "B",
-        label: "Big Text Here With some more text",
-    },
-    {
-        id: "C",
-        label: "Chiquito",
-    },
-];
-it("Should at least render :)", () => {
-    (0, react_2.render)(react_1.default.createElement(Tabs_1.default, { options: MOCK_OPTIONS, onSelect: (o) => { } }));
-});
-it("Should move guide to the bottom of p tag with same width and position", () => {
-    jest
-        .spyOn(HTMLElement.prototype, "clientWidth", "get")
-        .mockImplementation(function () {
-        return this.textContent.length;
-    });
-    const wrapper = (0, react_2.render)(react_1.default.createElement(Tabs_1.default, { options: MOCK_OPTIONS, selected: "A", onSelect: () => { } }));
-    const options = wrapper.getAllByTestId("tab-option");
-    expect(options).toHaveLength(3);
-    const firstEl = options[0];
-    const guideEl = wrapper.getByTestId("tab-guide");
-    expect(`${firstEl.clientWidth}px`).toEqual(guideEl.style.width);
-});
+"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 Tabs_1 = __importDefault(require("./Tabs"));
+const MOCK_OPTIONS = [
+    {
+        id: "A",
+        label: "A small text",
+    },
+    {
+        id: "B",
+        label: "Big Text Here With some more text",
+    },
+    {
+        id: "C",
+        label: "Chiquito",
+    },
+];
+it("Should at least render :)", () => {
+    (0, react_2.render)(react_1.default.createElement(Tabs_1.default, { options: MOCK_OPTIONS, onSelect: (o) => { } }));
+});
+it("Should move guide to the bottom of p tag with same width and position", () => {
+    jest
+        .spyOn(HTMLElement.prototype, "clientWidth", "get")
+        .mockImplementation(function () {
+        return this.textContent.length;
+    });
+    const wrapper = (0, react_2.render)(react_1.default.createElement(Tabs_1.default, { options: MOCK_OPTIONS, selected: "A", onSelect: () => { } }));
+    const options = wrapper.getAllByTestId("tab-option");
+    expect(options).toHaveLength(3);
+    const firstEl = options[0];
+    const guideEl = wrapper.getByTestId("tab-guide");
+    expect(`${firstEl.clientWidth}px`).toEqual(guideEl.style.width);
+});
 //# sourceMappingURL=Tabs.test.js.map

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

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

package/dist/components/Tabs/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 Tabs_1 = require("./Tabs");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tabs_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 Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tabs_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/Text/Text.d.ts

@@ -1,15 +1,15 @@
-import React from "react";
-/**
- * A component to hold all text variantions
- **/
-export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
-    className?: string;
-    type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
-} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
-declare const _default: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
-} & React.HTMLAttributes<HTMLParagraphElement> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<unknown>>;
-export default _default;
+import React from "react";
+/**
+ * A component to hold all text variantions
+ **/
+export declare function _Text({ type, children, className, ...otherProps }: React.PropsWithChildren<{
+    className?: string;
+    type: "title" | "description" | "error" | "caption" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "link" | "boldTitleBig" | "content";
+} & React.HTMLAttributes<HTMLParagraphElement>>): JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    type: "link" | "caption" | "title" | "content" | "description" | "error" | "highlightTitle" | "highlight" | "subtitle" | "boldTitle" | "boldTitleBig";
+} & React.HTMLAttributes<HTMLParagraphElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export default _default;

package/dist/components/Text/Text.js

@@ -1,54 +1,54 @@
-"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 });
-exports._Text = void 0;
-const react_1 = __importStar(require("react"));
-const OneUIProvider_1 = require("../../context/OneUIProvider");
-const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
-/**
- * A component to hold all text variantions
- **/
-function _Text(_a) {
-    var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
-    const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.text.className", {});
-    return (react_1.default.createElement("p", Object.assign({ ref: arguments[1], className: `${Text_module_scss_1.default.text} ${classNameType[type] || Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
-}
-exports._Text = _Text;
-exports.default = (0, react_1.forwardRef)(_Text);
+"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 });
+exports._Text = void 0;
+const react_1 = __importStar(require("react"));
+const OneUIProvider_1 = require("../../context/OneUIProvider");
+const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
+/**
+ * A component to hold all text variantions
+ **/
+function _Text(_a) {
+    var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
+    const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.text.className", {});
+    return (react_1.default.createElement("p", Object.assign({ ref: arguments[1], className: `${Text_module_scss_1.default.text} ${classNameType[type] || Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
+}
+exports._Text = _Text;
+exports.default = (0, react_1.forwardRef)(_Text);
 //# sourceMappingURL=Text.js.map

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

@@ -1,7 +1,7 @@
-import { _Text as CompType } from "./Text";
-declare const _default: {
-    component: typeof CompType;
-    title: string;
-};
-export default _default;
-export declare const TodasVariacoes: () => JSX.Element[];
+import { _Text as CompType } from "./Text";
+declare const _default: {
+    component: typeof CompType;
+    title: string;
+};
+export default _default;
+export declare const TodasVariacoes: () => JSX.Element[];

package/dist/components/Text/Text.stories.js

@@ -1,43 +1,43 @@
-"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.TodasVariacoes = void 0;
-const react_1 = __importDefault(require("react"));
-const storybookUtils_1 = require("../../storybookUtils");
-const Text_1 = __importStar(require("./Text"));
-exports.default = {
-    component: Text_1._Text,
-    title: "Variantes de texto",
-};
-const TodasVariacoes = () => {
-    const variantes = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1._Text, "type");
-    return variantes.map((a) => (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: a },
-        react_1.default.createElement(Text_1.default, { type: a }, "Texto do exemplo"))));
-};
-exports.TodasVariacoes = TodasVariacoes;
+"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.TodasVariacoes = void 0;
+const react_1 = __importDefault(require("react"));
+const storybookUtils_1 = require("../../storybookUtils");
+const Text_1 = __importStar(require("./Text"));
+exports.default = {
+    component: Text_1._Text,
+    title: "Variantes de texto",
+};
+const TodasVariacoes = () => {
+    const variantes = (0, storybookUtils_1.extractAllPossibilitiesFromEnumProp)(Text_1._Text, "type");
+    return variantes.map((a) => (react_1.default.createElement(storybookUtils_1.SideBySideContainer, { exampleName: a },
+        react_1.default.createElement(Text_1.default, { type: a }, "Texto do exemplo"))));
+};
+exports.TodasVariacoes = TodasVariacoes;
 //# sourceMappingURL=Text.stories.js.map

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

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

package/dist/components/Text/Text.test.js

@@ -1,12 +1,12 @@
-"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 Text_1 = __importDefault(require("./Text"));
-it("Should at least render :)", () => {
-    (0, react_2.render)(react_1.default.createElement(Text_1.default, { type: "boldTitle" }));
-});
+"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 Text_1 = __importDefault(require("./Text"));
+it("Should at least render :)", () => {
+    (0, react_2.render)(react_1.default.createElement(Text_1.default, { type: "boldTitle" }));
+});
 //# sourceMappingURL=Text.test.js.map

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

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

package/dist/components/Text/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 Text_1 = require("./Text");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Text_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 Text_1 = require("./Text");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/Transition/Transition.d.ts

@@ -1,45 +1,45 @@
-import React from "react";
-export declare type TransitionTypeDefinitions = {
-    transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP;
-} | {
-    transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID;
-    elementId: string;
-} | {
-    transitionType?: TransitionAnimationTypes.CUSTOM;
-    config: ReturnType<typeof TransitionClasses>;
-};
-export declare type TransitionProps = {
-    step: number;
-    className?: string;
-    contentStyle?: React.CSSProperties;
-    contentClassName?: string;
-    children: (React.ReactElement | undefined)[];
-    onDiscardStep?: (discardedKey: React.Key) => void;
-    lockTransitionWidth?: boolean;
-} & TransitionTypeDefinitions;
-declare function TransitionClasses(type: NonNullable<Exclude<TransitionProps["transitionType"], TransitionAnimationTypes.CUSTOM>>): {
-    /**
-     * Applied to the element that was not visible and is now entering the screen
-     */
-    backward: {
-        elementEntering: string;
-        elementExiting: string;
-    };
-    /**
-     * Applied to the element that was visible and now is exiting the screen
-     */
-    forward: {
-        elementEntering: string;
-        elementExiting: string;
-    };
-};
-export declare enum TransitionAnimationTypes {
-    SLIDE = 0,
-    POP_FROM_CLICK_ORIGIN = 1,
-    POP_FROM_ELEMENT_ID = 2,
-    FADE = 3,
-    COIN_FLIP = 4,
-    CUSTOM = 5
-}
-declare const _default: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
-export default _default;
+import React from "react";
+export declare type TransitionTypeDefinitions = {
+    transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP;
+} | {
+    transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID;
+    elementId: string;
+} | {
+    transitionType?: TransitionAnimationTypes.CUSTOM;
+    config: ReturnType<typeof TransitionClasses>;
+};
+export declare type TransitionProps = {
+    step: number;
+    className?: string;
+    contentStyle?: React.CSSProperties;
+    contentClassName?: string;
+    children: (React.ReactElement | undefined)[];
+    onDiscardStep?: (discardedKey: React.Key) => void;
+    lockTransitionWidth?: boolean;
+} & TransitionTypeDefinitions;
+declare function TransitionClasses(type: NonNullable<Exclude<TransitionProps["transitionType"], TransitionAnimationTypes.CUSTOM>>): {
+    /**
+     * Applied to the element that was not visible and is now entering the screen
+     */
+    backward: {
+        elementEntering: string;
+        elementExiting: string;
+    };
+    /**
+     * Applied to the element that was visible and now is exiting the screen
+     */
+    forward: {
+        elementEntering: string;
+        elementExiting: string;
+    };
+};
+export declare enum TransitionAnimationTypes {
+    SLIDE = 0,
+    POP_FROM_CLICK_ORIGIN = 1,
+    POP_FROM_ELEMENT_ID = 2,
+    FADE = 3,
+    COIN_FLIP = 4,
+    CUSTOM = 5
+}
+declare const _default: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
+export default _default;