@uni-design-system/uni-react 0.0.3

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Theme } from '@uni-design-system/uni-core';
+interface ThemeProviderProps {
+    themeId: string;
+    themes: Record<string, Theme>;
+    children?: React.ReactChild;
+}
+export declare const ThemeProvider: ({ children, themeId, themes }: ThemeProviderProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,80 @@
+"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 __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 });
+exports.ThemeProvider = void 0;
+const react_1 = __importStar(require("react"));
+const uni_core_1 = require("@uni-design-system/uni-core");
+const theme_context_1 = __importDefault(require("./theme.context"));
+const STORAGE_KEY = 'THEME_ID';
+const ThemeProvider = ({ children, themeId, themes }) => {
+    const [_themeId, setThemeId] = (0, react_1.useState)(themeId);
+    (0, react_1.useEffect)(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const id = localStorage.getItem(STORAGE_KEY);
+            if (id) {
+                setThemeId(id);
+            }
+            else {
+                setThemeId(uni_core_1.DefaultThemeId);
+            }
+        }))();
+    }, []);
+    return (react_1.default.createElement(theme_context_1.default.Provider, { value: { themeId, themes } }, _themeId ? children : null));
+};
+exports.ThemeProvider = ThemeProvider;
+/*export function withTheme(Component: ({children, theme, themes }: (any & ThemeProps)) => JSX.Element) {
+
+  return (props: JSX.IntrinsicAttributes) => {
+    const { themeId, setThemeId } = useContext(ThemeContext);
+
+    const getTheme = (themeId: string) => themes[themeId];
+    const setTheme = (themeId: string) => {
+      localStorage.setItem(STORAGE_KEY, themeId);
+      setThemeId(themeId);
+    };
+
+    return (
+      <Component
+        {...props}
+        themes={Themes}
+        theme={getTheme(themeId)}
+        setTheme={setTheme}
+      />
+    );
+  };
+}*/
+//# sourceMappingURL=theme.provider.js.map

package/dist/cjs/core/theme/theme.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.provider.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,0DAAoE;AACpE,oEAA2C;AAE3C,MAAM,WAAW,GAAG,UAAU,CAAC;AAQxB,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAsB,EAAE,EAAE;IAEjF,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAS,OAAO,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC7C,IAAI,EAAE,EAAE;gBACN,UAAU,CAAC,EAAE,CAAC,CAAC;aAChB;iBAAM;gBACL,UAAU,CAAC,yBAAc,CAAC,CAAC;aAC5B;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,uBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,IAC5C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACL,CACzB,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,aAAa,iBAoBxB;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG"}

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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,80 @@
+"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';
+//# sourceMappingURL=collapse.component.js.map

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

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

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

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

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

@@ -0,0 +1,18 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/transition/collapse/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAqC"}

package/dist/cjs/core/transition/fade/fade.argTypes.d.ts

@@ -0,0 +1,5 @@
+export declare const fadeArgTypes: {
+    transition: {};
+    transitionEnd: {};
+    delay: {};
+};

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fadeArgTypes = void 0;
+exports.fadeArgTypes = {
+    transition: {},
+    transitionEnd: {},
+    delay: {},
+};
+//# sourceMappingURL=fade.argTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fade.argTypes.js","sourceRoot":"","sources":["../../../../../src/core/transition/fade/fade.argTypes.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,EAAE;CACV,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+import { WithTransitionConfig } from '../transition.utils';
+export interface FadeProps extends WithTransitionConfig<HTMLMotionProps<'div'>> {
+}
+export declare const fadeConfig: HTMLMotionProps<'div'>;
+export declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,54 @@
+"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';
+//# sourceMappingURL=fade.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fade.component.js","sourceRoot":"","sources":["../../../../../src/core/transition/fade/fade.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,iDAAgG;AAEhG,iCAAmC;AACnC,0DAAqG;AAIrG,MAAM,QAAQ,GAAa;IACzB,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;;QAAC,OAAA,CAAC;YACrD,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,4BAAS,CAAC,KAAK,CAAC,sCAAmB,CAAC,KAAK,EAAE,KAAK,CAAC;YAClF,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK;SACpC,CAAC,CAAA;KAAA;IACF,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;;QAAC,OAAA,CAAC;YACpD,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,mCAAI,4BAAS,CAAC,IAAI,CAAC,sCAAmB,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/E,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI;SACnC,CAAC,CAAA;KAAA;CACH,CAAC;AAEW,QAAA,UAAU,GAA2B;IAChD,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,QAAqB;CAChC,CAAC;AAEW,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA4B,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IAChF,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA3F,4EAAmF,CAAQ,CAAC;IAElG,MAAM,OAAO,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAC3D,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5D,MAAM,MAAM,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;IAEpD,OAAO,CACL,8BAAC,+BAAe,IAAC,MAAM,EAAE,MAAM,IAC5B,IAAI,IAAI,8BAAC,sBAAM,CAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,kBAAU,IAAE,OAAO,EAAE,OAAO,IAAM,IAAI,EAAI,CAChG,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/core/transition/fade/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/transition/fade/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}

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

@@ -0,0 +1,3 @@
+export * from './collapse';
+export * from './fade';
+export * from './slide';

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

@@ -0,0 +1,20 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/transition/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,yCAAuB;AACvB,0CAAwB"}

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

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

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

@@ -0,0 +1,18 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/transition/slide/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,55 @@
+"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';
+//# sourceMappingURL=slide.component.js.map

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

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

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

@@ -0,0 +1,19 @@
+export declare const transitionArgTypes: {
+    fadeDuration: {
+        control: {
+            type: string;
+            min: number;
+            max: number;
+            step: number;
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+        description: string;
+    };
+};

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

@@ -0,0 +1,14 @@
+"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.',
+    },
+};
+//# sourceMappingURL=transition.argTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transition.argTypes.js","sourceRoot":"","sources":["../../../../src/core/transition/transition.argTypes.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,YAAY,EAAE;QACZ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;QACtD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;SAC/B;QACD,WAAW,EAAE,sEAAsE;KACpF;CACF,CAAC"}