@uni-design-system/uni-react 0.0.3

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

@@ -0,0 +1,2 @@
+export * from './text.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/esm/core/text/text.component.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { ContentColorToken, HorizontalAlign, Size, TextRole } from '@uni-design-system/uni-core';
+export interface TextProps {
+    text?: string;
+    children?: ReactNode;
+    align?: HorizontalAlign;
+    role?: TextRole;
+    scale?: Size;
+    color?: ContentColorToken;
+}
+export declare function Text(props: TextProps): JSX.Element;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { FontWeightMap, } from '@uni-design-system/uni-core';
+import { useTheme } from '../theme';
+export function Text(props) {
+    const { text, children, align, role = 'body-1-long', color } = props;
+    const theme = useTheme();
+    const style = Style(theme, align, role, color);
+    return React.createElement("div", { style: style }, text || children);
+}
+function Style(theme, textAlign, role, color) {
+    const { fontSize, letterSpacing, lineHeight, fontWeight, fontFamily, fontStyle, textTransform } = theme.typography[role];
+    return {
+        color: theme.colors[color],
+        fontSize: fontSize + 'px',
+        letterSpacing,
+        textAlign,
+        textTransform,
+        lineHeight: lineHeight + 'px',
+        fontFamily,
+        fontStyle,
+        fontWeight: FontWeightMap[fontWeight],
+    };
+}
+//# sourceMappingURL=text.component.js.map

package/dist/esm/core/text/text.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.component.js","sourceRoot":"","sources":["../../../../src/core/text/text.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAExD,OAAO,EAIL,aAAa,GAKd,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAWpC,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,OAAO,6BAAK,KAAK,EAAE,KAAK,IAAG,IAAI,IAAI,QAAQ,CAAO,CAAC;AACrD,CAAC;AAED,SAAS,KAAK,CACZ,KAAY,EACZ,SAAsC,EACtC,IAAc,EACd,KAA6B;IAE7B,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,GAC7F,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACzB,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAqC,CAAC;QAC1D,QAAQ,EAAE,QAAQ,GAAG,IAAI;QACzB,aAAa;QACb,SAAS;QACT,aAAa;QACb,UAAU,EAAE,UAAU,GAAG,IAAI;QAC7B,UAAU;QACV,SAAS;QACT,UAAU,EAAE,aAAa,CAAC,UAAwB,CAAC;KACpD,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1 @@
+export * from './theme.hook';

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

@@ -0,0 +1,2 @@
+export * from './theme.hook';
+//# sourceMappingURL=index.js.map

package/dist/esm/core/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/core/theme/theme.context.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ThemeProps } from '@uni-design-system/uni-core';
+declare const ThemeContext: React.Context<ThemeProps>;
+export default ThemeContext;

package/dist/esm/core/theme/theme.context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+const ThemeContext = React.createContext({});
+if (process.env.NODE_ENV !== 'production') {
+    ThemeContext.displayName = 'ThemeContext';
+}
+export default ThemeContext;
+//# sourceMappingURL=theme.context.js.map

package/dist/esm/core/theme/theme.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.context.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAa,EAAE,CAAC,CAAC;AAEzD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;CAC3C;AAED,eAAe,YAAY,CAAC"}

package/dist/esm/core/theme/theme.hook.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@uni-design-system/uni-core';
+export declare function useTheme(): Theme;

package/dist/esm/core/theme/theme.hook.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ThemeContext from './theme.context';
+import { BaseTheme } from '@uni-design-system/uni-core';
+export function useTheme() {
+    const themeProps = React.useContext(ThemeContext);
+    const theme = themeProps && themeProps.themes && themeProps.themeId && themeProps.themes[themeProps.themeId];
+    if (process.env.NODE_ENV !== 'production') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        React.useDebugValue(theme);
+    }
+    // return theme || LightTheme;
+    return theme || BaseTheme;
+}
+//# sourceMappingURL=theme.hook.js.map

package/dist/esm/core/theme/theme.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.hook.js","sourceRoot":"","sources":["../../../../src/core/theme/theme.hook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAS,MAAM,6BAA6B,CAAC;AAE/D,MAAM,UAAU,QAAQ;IAEtB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAElD,MAAM,KAAK,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,IAAI,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAE7G,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;QACzC,sDAAsD;QACtD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KAC5B;IAED,8BAA8B;IAC9B,OAAO,KAAK,IAAI,SAAS,CAAC;AAC5B,CAAC"}

package/dist/esm/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/esm/core/theme/theme.provider.js

@@ -0,0 +1,50 @@
+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());
+    });
+};
+import React, { useState, useEffect } from 'react';
+import { DefaultThemeId } from '@uni-design-system/uni-core';
+import ThemeContext from './theme.context';
+const STORAGE_KEY = 'THEME_ID';
+export const ThemeProvider = ({ children, themeId, themes }) => {
+    const [_themeId, setThemeId] = useState(themeId);
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const id = localStorage.getItem(STORAGE_KEY);
+            if (id) {
+                setThemeId(id);
+            }
+            else {
+                setThemeId(DefaultThemeId);
+            }
+        }))();
+    }, []);
+    return (React.createElement(ThemeContext.Provider, { value: { themeId, themes } }, _themeId ? children : null));
+};
+/*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/esm/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,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,WAAW,GAAG,UAAU,CAAC;AAQ/B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAsB,EAAE,EAAE;IAEjF,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAS,OAAO,CAAC,CAAC;IAEzD,SAAS,CAAC,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,cAAc,CAAC,CAAC;aAC5B;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,YAAY,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;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG"}

package/dist/esm/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/esm/core/transition/collapse/collapse.component.js

@@ -0,0 +1,74 @@
+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;
+};
+import React from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { forwardRef, useEffect, useState } from 'react';
+import { TRANSITION_EASINGS, withDelay, cx, warn } from '../transition.utils';
+const isNumeric = (value) => value != null && parseInt(value.toString(), 10) > 0;
+const defaultTransitions = {
+    exit: {
+        height: { duration: 0.2, ease: TRANSITION_EASINGS.ease },
+        opacity: { duration: 0.3, ease: TRANSITION_EASINGS.ease },
+    },
+    enter: {
+        height: { duration: 0.3, ease: TRANSITION_EASINGS.ease },
+        opacity: { duration: 0.4, ease: 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 : 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 : withDelay.enter(defaultTransitions.enter, delay) }));
+    },
+};
+export const Collapse = 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] = useState(false);
+    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.
+     */
+    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.createElement(AnimatePresence, { initial: false, custom: custom }, show && (React.createElement(motion.div, Object.assign({ ref: ref }, rest, { className: cx('chakra-collapse', className), style: Object.assign({ overflow: 'hidden', display: 'block' }, style), custom: custom, variants: variants, initial: unmountOnExit ? 'exit' : false, animate: animate, exit: "exit" })))));
+});
+Collapse.displayName = 'Collapse';
+//# sourceMappingURL=collapse.component.js.map

package/dist/esm/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":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAmB,MAAM,EAAyB,MAAM,eAAe,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAY,SAAS,EAAwB,EAAE,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE9G,MAAM,SAAS,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,KAAK,IAAI,IAAI,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;AAoBnG,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE;QACJ,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAAE;QACxD,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAAE;KAC1D;IACD,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAAE;QACxD,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,kBAAkB,CAAC,IAAI,EAAE;KAC1D;CACF,CAAC;AAEF,MAAM,QAAQ,GAA8B;IAC1C,IAAI,EAAE,CAAC,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;;QAAC,OAAA,iCAC3E,CAAC,cAAc,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,KACrE,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAClC,UAAU,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,mCAAI,SAAS,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,IAC9E,CAAA;KAAA;IACF,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;;QAAC,OAAA,iCAC1E,CAAC,cAAc,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,KACrC,MAAM,EAAE,YAAY,EACpB,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,EACnC,UAAU,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,IACjF,CAAA;KAAA;CACH,CAAC;AAMF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,EACJ,EAAE,EAAE,MAAM,EACV,aAAa,EACb,cAAc,GAAG,IAAI,EACrB,cAAc,GAAG,CAAC,EAClB,YAAY,GAAG,MAAM,EACrB,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,KAEX,KAAK,EADJ,IAAI,UACL,KAAK,EAXH,gIAWL,CAAQ,CAAC;IAEV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;;;OAKG;IACH,IAAI,CAAC;QACH,SAAS,EAAE,OAAO,CAAC,cAAc,GAAG,CAAC,IAAI,aAAa,CAAC;QACvD,OAAO,EAAE,sFAAsF;KAChG,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,UAAU,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC;IAEpE,MAAM,MAAM,GAAG;QACb,cAAc;QACd,YAAY;QACZ,cAAc;QACd,UAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU;QAC9D,aAAa,EAAE;YACb,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK;YAC3B,IAAI,EAAE,aAAa;gBACjB,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI;gBACrB,CAAC,iCACM,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KACtB,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAC9C;SACN;KACF,CAAC;IAEF,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,MAAM,OAAO,GAAG,MAAM,IAAI,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAE3D,OAAO,CACL,oBAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,IAC5C,IAAI,IAAI,CACP,oBAAC,MAAM,CAAC,GAAG,kBACT,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAC3C,KAAK,kBACH,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IACb,KAAK,GAEV,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAqB,EAC/B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACvC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,IACX,CACH,CACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './collapse.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,sBAAsB,CAAC"}

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

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

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

@@ -0,0 +1,6 @@
+export const fadeArgTypes = {
+    transition: {},
+    transitionEnd: {},
+    delay: {},
+};
+//# sourceMappingURL=fade.argTypes.js.map

package/dist/esm/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,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,EAAE;CACV,CAAC"}

package/dist/esm/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/esm/core/transition/fade/fade.component.js

@@ -0,0 +1,48 @@
+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;
+};
+import React from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { TRANSITION_DEFAULTS, withDelay } from '../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 : withDelay.enter(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 : withDelay.exit(TRANSITION_DEFAULTS.exit, delay),
+            transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.exit,
+        });
+    },
+};
+export const fadeConfig = {
+    initial: 'exit',
+    animate: 'enter',
+    exit: 'exit',
+    variants: variants,
+};
+export const Fade = 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.createElement(AnimatePresence, { custom: custom }, show && React.createElement(motion.div, Object.assign({ ref: ref, className: 'fade', custom: custom }, fadeConfig, { animate: animate }, rest))));
+});
+Fade.displayName = 'Fade';
+//# sourceMappingURL=fade.component.js.map

package/dist/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAmB,MAAM,EAAyB,MAAM,eAAe,CAAC;AAEhG,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,mBAAmB,EAAY,SAAS,EAAwB,MAAM,qBAAqB,CAAC;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,SAAS,CAAC,KAAK,CAAC,mBAAmB,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,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC;YAC/E,aAAa,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI;SACnC,CAAC,CAAA;KAAA;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA2B;IAChD,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,QAAqB;CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,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,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,IAC5B,IAAI,IAAI,oBAAC,MAAM,CAAC,GAAG,kBAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAM,UAAU,IAAE,OAAO,EAAE,OAAO,IAAM,IAAI,EAAI,CAChG,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './fade.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,kBAAkB,CAAC"}

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

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

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

@@ -0,0 +1,4 @@
+export * from './collapse';
+export * from './fade';
+export * from './slide';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/transition/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './slide.component';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,mBAAmB,CAAC"}

package/dist/esm/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/esm/core/transition/slide/slide.component.js

@@ -0,0 +1,49 @@
+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;
+};
+import React from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { getSlideTransition, TRANSITION_EASINGS, withDelay, cx, } from '../transition.utils';
+const defaultTransition = {
+    exit: {
+        duration: 0.15,
+        ease: TRANSITION_EASINGS.easeInOut,
+    },
+    enter: {
+        type: 'spring',
+        damping: 25,
+        stiffness: 180,
+    },
+};
+const variants = {
+    exit: ({ direction, transition, transitionEnd, delay }) => {
+        var _a;
+        const { exit: exitStyles } = getSlideTransition({ direction });
+        return Object.assign(Object.assign({}, exitStyles), { transition: (_a = transition === null || transition === void 0 ? void 0 : transition.exit) !== null && _a !== void 0 ? _a : 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 } = getSlideTransition({ direction });
+        return Object.assign(Object.assign({}, enterStyles), { transition: (_a = transition === null || transition === void 0 ? void 0 : transition.enter) !== null && _a !== void 0 ? _a : withDelay.enter(defaultTransition.enter, delay), transitionEnd: transitionEnd === null || transitionEnd === void 0 ? void 0 : transitionEnd.enter });
+    },
+};
+export const Slide = 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 = 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.createElement(AnimatePresence, { custom: custom }, show && (React.createElement(motion.div, Object.assign({}, rest, { ref: ref, initial: "exit", className: cx('chakra-slide', className), animate: animate, exit: "exit", custom: custom, variants: variants, style: computedStyle }, motionProps)))));
+});
+Slide.displayName = 'Slide';
+//# sourceMappingURL=slide.component.js.map

package/dist/esm/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/esm/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/esm/core/transition/transition.argTypes.js

@@ -0,0 +1,11 @@
+export const 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/esm/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,MAAM,CAAC,MAAM,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"}