@uni-design-system/uni-react 0.0.19 → 1.0.0

package/dist/cjs/core/text/index.js

@@ -1,17 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./text.component"), exports);

package/dist/cjs/core/text/text.component.js

@@ -1,50 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-const react_1 = __importStar(require("react"));
-const uni_core_1 = require("@uni-design-system/uni-core");
-const theme_1 = require("../theme");
-const container_1 = require("../container");
-function Text(props) {
-    const { text, children, align, role = 'body-1-long', colorToken: overridingColorToken } = props;
-    const { colors, typography } = (0, theme_1.useTheme)();
-    const { colorToken: containerColorToken } = (0, react_1.useContext)(container_1.ContainerContext);
-    const colorToken = containerColorToken ? `on-${containerColorToken}` : undefined;
-    const { fontSize, letterSpacing, lineHeight, fontWeight, fontFamily, fontStyle, textTransform } = typography[role];
-    const style = {
-        color: colors[overridingColorToken || colorToken || 'on-surface'],
-        fontSize: fontSize + 'px',
-        letterSpacing,
-        textAlign: align,
-        textTransform,
-        lineHeight: lineHeight + 'px',
-        fontFamily,
-        fontStyle,
-        fontWeight: uni_core_1.FontWeightMap[fontWeight],
-    };
-    return react_1.default.createElement("div", { style: style }, text || children);
-}
-exports.Text = Text;

package/dist/cjs/core/theme/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { Theme } from '@uni-design-system/uni-core';
-export declare const ThemeProvider: import("react").ComponentType<{
-    theme?: Theme | undefined;
-}>, withTheme: <Props extends {
-    theme: Theme;
-}, C>(WrappedComponent: import("react").ComponentType<Props> & C) => import("react").ComponentType<import("@callstack/react-theme-provider").$Without<Props, "theme"> & {
-    theme?: import("@callstack/react-theme-provider").$DeepPartial<Theme> | undefined;
-}> & import("@callstack/react-theme-provider/typings/hoist-non-react-statics").NonReactStatics<import("react").ComponentType<Props> & C, {}>, useTheme: <T = Theme>(overrides?: import("@callstack/react-theme-provider").$DeepPartial<T> | undefined) => T;

package/dist/cjs/core/theme/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.withTheme = exports.ThemeProvider = void 0;
-const react_theme_provider_1 = require("@callstack/react-theme-provider");
-const uni_core_1 = require("@uni-design-system/uni-core");
-_a = (0, react_theme_provider_1.createTheming)(uni_core_1.LightTheme), exports.ThemeProvider = _a.ThemeProvider, exports.withTheme = _a.withTheme, exports.useTheme = _a.useTheme;

package/dist/cjs/core/transition/collapse/collapse.component.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { HTMLMotionProps } from 'framer-motion';
-import { WithTransitionConfig } from '../transition.utils';
-export interface CollapseOptions {
-    /**
-     * If `true`, the opacity of the content will be animated
-     * @default true
-     */
-    animateOpacity?: boolean;
-    /**
-     * The height you want the content in its collapsed state.
-     * @default 0
-     */
-    startingHeight?: number | string;
-    /**
-     * The height you want the content in its expanded state.
-     * @default "auto"
-     */
-    endingHeight?: number | string;
-}
-export type ICollapse = CollapseProps;
-export interface CollapseProps extends WithTransitionConfig<HTMLMotionProps<'div'>>, CollapseOptions {
-}
-export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/core/transition/collapse/collapse.component.js

@@ -1,79 +0,0 @@
-"use strict";
-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.Collapse = void 0;
-const react_1 = __importDefault(require("react"));
-const framer_motion_1 = require("framer-motion");
-const react_2 = require("react");
-const transition_utils_1 = require("../transition.utils");
-const isNumeric = (value) => value != null && parseInt(value.toString(), 10) > 0;
-const defaultTransitions = {
-    exit: {
-        height: { duration: 0.2, ease: transition_utils_1.TRANSITION_EASINGS.ease },
-        opacity: { duration: 0.3, ease: transition_utils_1.TRANSITION_EASINGS.ease },
-    },
-    enter: {
-        height: { duration: 0.3, ease: transition_utils_1.TRANSITION_EASINGS.ease },
-        opacity: { duration: 0.4, ease: transition_utils_1.TRANSITION_EASINGS.ease },
-    },
-};
-const variants = {
-    exit: ({ animateOpacity, startingHeight, transition, transitionEnd, delay }) => {
-        var _a;
-        return (Object.assign(Object.assign({}, (animateOpacity && { opacity: isNumeric(startingHeight) ? 1 : 0 })), { height: startingHeight, transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.exit, transition: (_a = transition === null || transition === void 0 ? void 0 : transition.exit) !== null && _a !== void 0 ? _a : transition_utils_1.withDelay.exit(defaultTransitions.exit, delay) }));
-    },
-    enter: ({ animateOpacity, endingHeight, transition, transitionEnd, delay }) => {
-        var _a;
-        return (Object.assign(Object.assign({}, (animateOpacity && { opacity: 1 })), { height: endingHeight, transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.enter, transition: (_a = transition === null || transition === void 0 ? void 0 : transition.enter) !== null && _a !== void 0 ? _a : transition_utils_1.withDelay.enter(defaultTransitions.enter, delay) }));
-    },
-};
-exports.Collapse = (0, react_2.forwardRef)((props, ref) => {
-    const { in: isOpen, unmountOnExit, animateOpacity = true, startingHeight = 0, endingHeight = 'auto', style, className, transition, transitionEnd } = props, rest = __rest(props, ["in", "unmountOnExit", "animateOpacity", "startingHeight", "endingHeight", "style", "className", "transition", "transitionEnd"]);
-    const [mounted, setMounted] = (0, react_2.useState)(false);
-    (0, react_2.useEffect)(() => {
-        const timeout = setTimeout(() => {
-            setMounted(true);
-        });
-        return () => clearTimeout(timeout);
-    }, []);
-    /**
-     * Warn 🚨: `startingHeight` and `unmountOnExit` are mutually exclusive
-     *
-     * If you specify a starting height, the collapsed needs to be mounted
-     * for the height to take effect.
-     */
-    (0, transition_utils_1.warn)({
-        condition: Boolean(startingHeight > 0 && unmountOnExit),
-        message: `startingHeight and unmountOnExit are mutually exclusive. You can't use them together`,
-    });
-    const hasStartingHeight = parseFloat(startingHeight.toString()) > 0;
-    const custom = {
-        startingHeight,
-        endingHeight,
-        animateOpacity,
-        transition: !mounted ? { enter: { duration: 0 } } : transition,
-        transitionEnd: {
-            enter: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.enter,
-            exit: unmountOnExit
-                ? transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.exit
-                : Object.assign(Object.assign({}, transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.exit), { display: hasStartingHeight ? 'block' : 'none' }),
-        },
-    };
-    const show = unmountOnExit ? isOpen : true;
-    const animate = isOpen || unmountOnExit ? 'enter' : 'exit';
-    return (react_1.default.createElement(framer_motion_1.AnimatePresence, { initial: false, custom: custom }, show && (react_1.default.createElement(framer_motion_1.motion.div, Object.assign({ ref: ref }, rest, { className: (0, transition_utils_1.cx)('chakra-collapse', className), style: Object.assign({ overflow: 'hidden', display: 'block' }, style), custom: custom, variants: variants, initial: unmountOnExit ? 'exit' : false, animate: animate, exit: "exit" })))));
-});
-exports.Collapse.displayName = 'Collapse';

package/dist/cjs/core/transition/collapse/index.js

@@ -1,17 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./collapse.component"), exports);

package/dist/cjs/core/transition/fade/fade.argTypes.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fadeArgTypes = void 0;
-exports.fadeArgTypes = {
-    transition: {},
-    transitionEnd: {},
-    delay: {},
-};

package/dist/cjs/core/transition/fade/fade.component.js

@@ -1,53 +0,0 @@
-"use strict";
-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.Fade = exports.fadeConfig = void 0;
-const react_1 = __importDefault(require("react"));
-const framer_motion_1 = require("framer-motion");
-const react_2 = require("react");
-const transition_utils_1 = require("../transition.utils");
-const variants = {
-    enter: ({ transition, transitionEnd, delay } = {}) => {
-        var _a;
-        return ({
-            opacity: 1,
-            transition: (_a = transition === null || transition === void 0 ? void 0 : transition.enter) !== null && _a !== void 0 ? _a : transition_utils_1.withDelay.enter(transition_utils_1.TRANSITION_DEFAULTS.enter, delay),
-            transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.enter,
-        });
-    },
-    exit: ({ transition, transitionEnd, delay } = {}) => {
-        var _a;
-        return ({
-            opacity: 0,
-            transition: (_a = transition === null || transition === void 0 ? void 0 : transition.exit) !== null && _a !== void 0 ? _a : transition_utils_1.withDelay.exit(transition_utils_1.TRANSITION_DEFAULTS.exit, delay),
-            transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.exit,
-        });
-    },
-};
-exports.fadeConfig = {
-    initial: 'exit',
-    animate: 'enter',
-    exit: 'exit',
-    variants: variants,
-};
-exports.Fade = (0, react_2.forwardRef)(function Fade(props, ref) {
-    const { unmountOnExit, in: isOpen, className, transition, transitionEnd, delay } = props, rest = __rest(props, ["unmountOnExit", "in", "className", "transition", "transitionEnd", "delay"]);
-    const animate = isOpen || unmountOnExit ? 'enter' : 'exit';
-    const show = unmountOnExit ? isOpen && unmountOnExit : true;
-    const custom = { transition, transitionEnd, delay };
-    return (react_1.default.createElement(framer_motion_1.AnimatePresence, { custom: custom }, show && react_1.default.createElement(framer_motion_1.motion.div, Object.assign({ ref: ref, className: 'fade', custom: custom }, exports.fadeConfig, { animate: animate }, rest))));
-});
-exports.Fade.displayName = 'Fade';

package/dist/cjs/core/transition/fade/index.js

@@ -1,17 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./fade.component"), exports);

package/dist/cjs/core/transition/index.js

@@ -1,19 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./collapse"), exports);
-__exportStar(require("./fade"), exports);
-__exportStar(require("./slide"), exports);

package/dist/cjs/core/transition/slide/index.js

@@ -1,17 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./slide.component"), exports);

package/dist/cjs/core/transition/slide/slide.component.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { HTMLMotionProps } from 'framer-motion';
-import { SlideDirection, WithTransitionConfig } from '../transition.utils';
-export type { SlideDirection };
-export interface SlideOptions {
-    /**
-     * The direction to slide from
-     * @default "right"
-     */
-    direction?: SlideDirection;
-}
-export interface SlideProps extends WithTransitionConfig<HTMLMotionProps<'div'>>, SlideOptions {
-    motionProps?: HTMLMotionProps<'div'>;
-}
-export declare const Slide: React.ForwardRefExoticComponent<SlideProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/core/transition/slide/slide.component.js

@@ -1,54 +0,0 @@
-"use strict";
-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.Slide = void 0;
-const react_1 = __importDefault(require("react"));
-const framer_motion_1 = require("framer-motion");
-const react_2 = require("react");
-const transition_utils_1 = require("../transition.utils");
-const defaultTransition = {
-    exit: {
-        duration: 0.15,
-        ease: transition_utils_1.TRANSITION_EASINGS.easeInOut,
-    },
-    enter: {
-        type: 'spring',
-        damping: 25,
-        stiffness: 180,
-    },
-};
-const variants = {
-    exit: ({ direction, transition, transitionEnd, delay }) => {
-        var _a;
-        const { exit: exitStyles } = (0, transition_utils_1.getSlideTransition)({ direction });
-        return Object.assign(Object.assign({}, exitStyles), { transition: (_a = transition === null || transition === void 0 ? void 0 : transition.exit) !== null && _a !== void 0 ? _a : transition_utils_1.withDelay.exit(defaultTransition.exit, delay), transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.exit });
-    },
-    enter: ({ direction, transitionEnd, transition, delay }) => {
-        var _a;
-        const { enter: enterStyles } = (0, transition_utils_1.getSlideTransition)({ direction });
-        return Object.assign(Object.assign({}, enterStyles), { transition: (_a = transition === null || transition === void 0 ? void 0 : transition.enter) !== null && _a !== void 0 ? _a : transition_utils_1.withDelay.enter(defaultTransition.enter, delay), transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.enter });
-    },
-};
-exports.Slide = (0, react_2.forwardRef)(function Slide(props, ref) {
-    const { direction = 'right', style, unmountOnExit, in: isOpen, className, transition, transitionEnd, delay, motionProps } = props, rest = __rest(props, ["direction", "style", "unmountOnExit", "in", "className", "transition", "transitionEnd", "delay", "motionProps"]);
-    const transitionStyles = (0, transition_utils_1.getSlideTransition)({ direction });
-    const computedStyle = Object.assign({ position: 'fixed' }, transitionStyles.position, style);
-    const show = unmountOnExit ? isOpen && unmountOnExit : true;
-    const animate = isOpen || unmountOnExit ? 'enter' : 'exit';
-    const custom = { transitionEnd, transition, direction, delay };
-    return (react_1.default.createElement(framer_motion_1.AnimatePresence, { custom: custom }, show && (react_1.default.createElement(framer_motion_1.motion.div, Object.assign({}, rest, { ref: ref, initial: "exit", className: (0, transition_utils_1.cx)('chakra-slide', className), animate: animate, exit: "exit", custom: custom, variants: variants, style: computedStyle }, motionProps)))));
-});
-exports.Slide.displayName = 'Slide';

package/dist/cjs/core/transition/transition.argTypes.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transitionArgTypes = void 0;
-exports.transitionArgTypes = {
-    fadeDuration: {
-        control: { type: 'range', min: 0, max: 2, step: 0.01 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'The amount of time (in seconds) for the fade transition to complete.',
-    },
-};

package/dist/cjs/core/transition/transition.utils.d.ts

@@ -1,245 +0,0 @@
-import type { Target, TargetAndTransition, Transition } from 'framer-motion';
-export type TransitionProperties = {
-    /**
-     * Custom `transition` definition for `enter` and `exit`
-     */
-    transition?: TransitionConfig;
-    /**
-     * Custom `transitionEnd` definition for `enter` and `exit`
-     */
-    transitionEnd?: TransitionEndConfig;
-    /**
-     * Custom `delay` definition for `enter` and `exit`
-     */
-    delay?: number | DelayConfig;
-};
-type TargetResolver<P = {}> = (props: P & TransitionProperties) => TargetAndTransition;
-type Variant<P = {}> = TargetAndTransition | TargetResolver<P>;
-export type Variants<P = {}> = {
-    enter: Variant<P>;
-    exit: Variant<P>;
-    initial?: Variant<P>;
-};
-type WithMotionState<P> = Partial<Record<'enter' | 'exit', P>>;
-export type TransitionConfig = WithMotionState<Transition>;
-export type TransitionEndConfig = WithMotionState<Target>;
-export type DelayConfig = WithMotionState<number>;
-export declare const TRANSITION_EASINGS: {
-    readonly ease: readonly [0.25, 0.1, 0.25, 1];
-    readonly easeIn: readonly [0.4, 0, 1, 1];
-    readonly easeOut: readonly [0, 0, 0.2, 1];
-    readonly easeInOut: readonly [0.4, 0, 0.2, 1];
-};
-export declare const TRANSITION_VARIANTS: {
-    scale: {
-        enter: {
-            scale: number;
-        };
-        exit: {
-            scale: number;
-        };
-    };
-    fade: {
-        enter: {
-            opacity: number;
-        };
-        exit: {
-            opacity: number;
-        };
-    };
-    pushLeft: {
-        enter: {
-            x: string;
-        };
-        exit: {
-            x: string;
-        };
-    };
-    pushRight: {
-        enter: {
-            x: string;
-        };
-        exit: {
-            x: string;
-        };
-    };
-    pushUp: {
-        enter: {
-            y: string;
-        };
-        exit: {
-            y: string;
-        };
-    };
-    pushDown: {
-        enter: {
-            y: string;
-        };
-        exit: {
-            y: string;
-        };
-    };
-    slideLeft: {
-        position: {
-            left: number;
-            top: number;
-            bottom: number;
-            width: string;
-        };
-        enter: {
-            x: number;
-            y: number;
-        };
-        exit: {
-            x: string;
-            y: number;
-        };
-    };
-    slideRight: {
-        position: {
-            right: number;
-            top: number;
-            bottom: number;
-            width: string;
-        };
-        enter: {
-            x: number;
-            y: number;
-        };
-        exit: {
-            x: string;
-            y: number;
-        };
-    };
-    slideUp: {
-        position: {
-            top: number;
-            left: number;
-            right: number;
-            maxWidth: string;
-        };
-        enter: {
-            x: number;
-            y: number;
-        };
-        exit: {
-            x: number;
-            y: string;
-        };
-    };
-    slideDown: {
-        position: {
-            bottom: number;
-            left: number;
-            right: number;
-            maxWidth: string;
-        };
-        enter: {
-            x: number;
-            y: number;
-        };
-        exit: {
-            x: number;
-            y: string;
-        };
-    };
-};
-export type SlideDirection = 'top' | 'left' | 'bottom' | 'right';
-export declare function getSlideTransition(options?: {
-    direction?: SlideDirection;
-}): {
-    position: {
-        left: number;
-        top: number;
-        bottom: number;
-        width: string;
-    };
-    enter: {
-        x: number;
-        y: number;
-    };
-    exit: {
-        x: string;
-        y: number;
-    };
-} | {
-    position: {
-        right: number;
-        top: number;
-        bottom: number;
-        width: string;
-    };
-    enter: {
-        x: number;
-        y: number;
-    };
-    exit: {
-        x: string;
-        y: number;
-    };
-} | {
-    position: {
-        top: number;
-        left: number;
-        right: number;
-        maxWidth: string;
-    };
-    enter: {
-        x: number;
-        y: number;
-    };
-    exit: {
-        x: number;
-        y: string;
-    };
-} | {
-    position: {
-        bottom: number;
-        left: number;
-        right: number;
-        maxWidth: string;
-    };
-    enter: {
-        x: number;
-        y: number;
-    };
-    exit: {
-        x: number;
-        y: string;
-    };
-};
-export declare const TRANSITION_DEFAULTS: {
-    readonly enter: {
-        readonly duration: 0.2;
-        readonly ease: readonly [0, 0, 0.2, 1];
-    };
-    readonly exit: {
-        readonly duration: 0.1;
-        readonly ease: readonly [0.4, 0, 1, 1];
-    };
-};
-export type WithTransitionConfig<P extends object> = Omit<P, 'transition'> & TransitionProperties & {
-    /**
-     * If `true`, the element will unmount when `in={false}` and animation is done
-     */
-    unmountOnExit?: boolean;
-    /**
-     * Show the component; triggers when enter or exit states
-     */
-    in?: boolean;
-};
-export declare const withDelay: {
-    enter: (transition: Transition, delay?: number | DelayConfig) => Transition & {
-        delay: number | undefined;
-    };
-    exit: (transition: Transition, delay?: number | DelayConfig) => Transition & {
-        delay: number | undefined;
-    };
-};
-export declare const cx: (...classNames: any[]) => string;
-type MessageOptions = {
-    condition: boolean;
-    message: string;
-};
-export declare const warn: (options: MessageOptions) => void;
-export {};