flowstudio 0.0.14 → 0.0.18

package/dist/components/start.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, TextArea, Flex, Badge, Text, Popover, Box, } from "@radix-ui/themes";
-import InputNode from "./input";
-import { CiMenuKebab } from "react-icons/ci";
-import XNode from "./xnode";
-export default function StartNode({ data }) {
-    return (_jsx(XNode, { id: data.id, type: 'start', data: { message: data.message }, inputs: data.inputs, fns: [
-            { type: 'system', functions: ['Source Finder', 'Session GET'] },
-            { type: 'custom', functions: ['Account Checker'] }
-        ] }));
-    return (_jsxs(Card, { children: [_jsx(Box, { children: _jsxs(Flex, { width: '100%', align: 'center', justify: 'between', children: [_jsx(Text, { children: "Start" }), _jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsx(Button, { size: '1', "aria-label": 'Options', variant: 'outline', children: _jsx(CiMenuKebab, {}) }) }), _jsx(Popover.Content, { maxWidth: '150px' })] })] }) }), _jsx(Box, { children: _jsxs(Flex, { direction: 'column', children: [_jsx(TextArea, { rows: 6, size: '1', className: "nodrag", placeholder: 'Message', defaultValue: data.message }), _jsxs(Flex, { direction: 'column', children: [_jsx(InputNode, { id: 1, y: 50 }), _jsx(InputNode, { id: 2, y: 130 })] }), _jsx(Flex, { wrap: 'wrap', children: _jsx(Badge, { size: '1', color: 'green', children: "fn (1)" }) })] }) })] }));
-}
-//# sourceMappingURL=start.js.map

package/dist/components/start.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"start.js","sourceRoot":"","sources":["../../src/components/start.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAc,OAAO,EAAE,GAAG,GAAI,MAAM,kBAAkB,CAAC;AACzG,OAAO,SAAS,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAO;IAC3C,OAAO,CACP,KAAC,KAAK,IACF,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,EAAC,OAAO,EAAC,IAAI,CAAC,OAAO,EAAC,EAC5B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE;YACD,EAAC,IAAI,EAAC,QAAQ,EAAE,SAAS,EAAC,CAAC,eAAe,EAAE,aAAa,CAAC,EAAC;YAC3D,EAAC,IAAI,EAAC,QAAQ,EAAE,SAAS,EAAC,CAAC,iBAAiB,CAAC,EAAC;SACjD,GACE,CAAC,CAAA;IAER,OAAO,CACH,MAAC,IAAI,eACD,KAAC,GAAG,cACA,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,aACpD,KAAC,IAAI,wBAAa,EAClB,MAAC,OAAO,CAAC,IAAI,eACT,KAAC,OAAO,CAAC,OAAO,cACZ,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,gBAAa,SAAS,EAAC,OAAO,EAAE,SAAS,YAAE,KAAC,WAAW,KAAG,GAAS,GACtE,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,QAAQ,EAAE,OAAO,GAEhB,IACP,IACZ,GACL,EACN,KAAC,GAAG,cACA,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,aACrB,KAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,GAAa,EAChH,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,aACrB,KAAC,SAAS,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAI,EAC3B,KAAC,SAAS,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAI,IACzB,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,YACd,KAAC,KAAK,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,uBAAgB,GAC7C,IACJ,GACL,IACH,CACV,CAAA;AACL,CAAC"}

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

@@ -1 +0,0 @@
-export default function Studio({ apiKey, theme, accent }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/studio/index.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@radix-ui/themes';
-// import ThemeLayout from '../layouts/ThemeLayout'
-import { ReactFlow, useNodesState, useEdgesState, addEdge, MiniMap, Controls, Background, Panel, SmoothStepEdge } from '@xyflow/react';
-import DockPanel from '../../components/dock_panel';
-import StartNode from '../../components/start';
-import EndNode from '../../components/end';
-import NormalNode from '../../components/normal';
-import InputNode from '../../components/input';
-import { useConfigStore } from '../../zustand/store';
-import AppLayout from "../app_layout";
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-export default function Studio({ apiKey, theme, accent }) {
-    const identifier = '987654321';
-    const { appTheme } = useConfigStore();
-    ////////////////// Nodes Management (React Flow) /////////////////////////////
-    const { nodesData, setNodesData, edgesData, setEdgesData } = useConfigStore();
-    const nodeTypes = useMemo(() => ({ startNode: StartNode, normalNode: NormalNode, endNode: EndNode, inputNode: InputNode }), []);
-    const [nodes, setNodes, onNodesChange] = useNodesState(nodesData);
-    const [edges, setEdges, onEdgesChange] = useEdgesState(edgesData);
-    const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
-    const CustomSmoothstepEdge = ({ data, ...props }) => {
-        return _jsx(SmoothStepEdge, { ...props, data: data });
-    };
-    const edgeUpdateSuccessful = useRef(true);
-    const onEdgeUpdateStart = useCallback(() => {
-        edgeUpdateSuccessful.current = false;
-    }, []);
-    const onEdgeUpdate = useCallback((oldEdge, newConnection) => {
-        edgeUpdateSuccessful.current = true;
-        // setEdges((els:any) => updateEdge(oldEdge, newConnection, els));
-    }, []);
-    const onEdgeUpdateEnd = useCallback((_, edge) => {
-        if (!edgeUpdateSuccessful.current) {
-            setEdges((eds) => eds.filter((e) => e.id !== edge.id));
-        }
-        edgeUpdateSuccessful.current = true;
-    }, []);
-    useEffect(() => {
-        if (nodes) {
-            setNodesData(nodes);
-        }
-    }, [onNodesChange]);
-    useEffect(() => {
-        if (edges) {
-            setEdgesData(edges);
-        }
-    }, [onEdgesChange]);
-    // const getNodeId = () => `randomnode_${+new Date()}`;
-    // const onAdd = useCallback(() => {
-    //   const newNode = {
-    //     id: getNodeId(),
-    //     data: { label: 'Added node' },
-    //     position: {
-    //       x: Math.random() * window.innerWidth - 100,
-    //       y: Math.random() * window.innerHeight,
-    //     },
-    //   };
-    //   setNodes((nds) => nds.concat(newNode));
-    // }, [setNodes]);
-    ////////////////// For Context Menu /////////////////////////////
-    const [showContextMenu, setShowContextMenu] = useState(false);
-    const [contextMenuPosition, setContextMenuPosition] = useState({ x: 0, y: 0 });
-    const handleContextMenu = (event) => {
-        event.preventDefault(); // Prevent default context menu
-        const clickX = event.clientX;
-        const clickY = event.clientY;
-        setContextMenuPosition({ x: clickX, y: clickY });
-        setShowContextMenu(true);
-    };
-    // const cardBackground = useColorModeValue('rgba(255,255,255,.8)', 'hsla(0,0%,0%,.80)')
-    return (_jsx(AppLayout, { theme: theme, accent: accent, children: _jsx(Box, { position: 'absolute', top: '0', right: '0', bottom: '0', left: '0', style: {}, children: _jsx(Box, { position: 'relative', style: { width: '100%', height: '100%', contain: 'paint', willChange: 'transform', transform: 'translate(0)', position: 'relative' }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, snapToGrid: true, 
-                    // onEdgeUpdate={onEdgeUpdate}
-                    // onEdgeUpdateStart={onEdgeUpdateStart}
-                    // onEdgeUpdateEnd={onEdgeUpdateEnd}
-                    attributionPosition: "top-right", edgeTypes: { default: CustomSmoothstepEdge }, fitView: true, minZoom: 0.2, maxZoom: 1, colorMode: appTheme, children: [_jsx(Controls, {}), _jsx(MiniMap, {}), _jsx(Background, { gap: 12, size: 1 }), _jsxs(Panel, { position: "top-center", children: [" ", _jsx(DockPanel, { projectIdentifier: identifier })] })] }) }) }) }));
-}
-//# sourceMappingURL=index.js.map

package/dist/components/studio/index.js.map

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

package/dist/components/xnode.d.ts

@@ -1,2 +0,0 @@
-export default function XNode({ id, data, fns, inputs, type }: any): import("react/jsx-runtime").JSX.Element;
-export declare function InputNode({ identifier, id, parentType, type, text, inputType, allowDrag, allowInsert }: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/xnode.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Button, Card, Flex, Badge, Text, Popover, TextField, TextArea, Inset, } from "@radix-ui/themes";
-import { CiMenuKebab } from "react-icons/ci";
-import { Handle, Position } from "@xyflow/react";
-import { BiPlus, BiTrash } from "react-icons/bi";
-import { useConfigStore } from "../zustand/store";
-// Constants
-const color_start = '#009688';
-const color_normal = '#2196f3';
-const color_end = '#ff5c4d';
-export default function XNode({ id = 0, data, fns = [], inputs = [], type = 'normal' }) {
-    const { stateType, setStateType } = useConfigStore();
-    return (_jsx(Card, { style: { overflow: 'unset', contain: 'layout' }, children: _jsx(Inset, { style: { overflow: 'unset' }, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsxs(Flex, { width: '100%', align: 'center', justify: 'between', p: '1', className: "drag-handle", style: { backgroundColor: type == 'start' ? color_start : type == 'normal' ? color_normal : type == 'end' ? color_end : color_normal, borderTopLeftRadius: 7, borderTopRightRadius: 7 }, children: [_jsx(Text, { size: '2', ml: '1', children: type == 'start' ? 'Start' : type == 'normal' ? 'Normal' : type == 'end' ? 'End' : 'Normal' }), _jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsx(Button, { size: '1', variant: 'soft', "aria-label": 'Options', children: _jsx(CiMenuKebab, {}) }) }), _jsx(Popover.Content, { size: '1', align: "end", children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Button, { variant: 'ghost', size: '1', onClick: () => { }, children: "Change Node" }), _jsx(Button, { variant: 'ghost', size: '1', onClick: () => { }, color: 'red', children: "Delete Node" })] }) })] })] }), _jsxs(Flex, { direction: 'column', gap: '3', px: '3', children: [stateType == 'build' ?
-                                _jsx(TextArea, { size: '1', className: "nodrag", placeholder: 'Message', defaultValue: (data === null || data === void 0 ? void 0 : data.message) || '' })
-                                : _jsx(Text, { size: '1', color: 'gray', style: { maxWidth: '180px', textWrap: 'wrap' }, children: data === null || data === void 0 ? void 0 : data.message }), type != 'end' && inputs.length > 0 &&
-                                _jsx(Flex, { direction: 'column', gap: '2', children: inputs.map((val, ind) => (_jsx(InputNode, { identifier: ind, id: val.id, parentType: type, type: val.type, text: val.text, inputType: val.inputType, allowDrag: inputs.length > 1, allowInsert: inputs.length == (ind + 1) }, ind))) })] }), _jsxs(Flex, { width: '100%', align: 'center', px: '2', pb: '2', children: [_jsx(Flex, { flexGrow: '1', children: fns.length > 0 &&
-                                    _jsx(Flex, { wrap: 'wrap', gap: '2', children: fns.map((val, ind) => (_jsxs(Badge, { size: '1', color: val.type == 'system' ? 'green' : 'purple', children: ["fn (", val.functions.length, ")"] }, ind))) }) }), _jsx(Flex, { flexShrink: '0', children: _jsx(Text, { size: '1', children: "1pg (50)" }) })] }), type != 'start' &&
-                        _jsx(Handle, { type: "target", position: Position.Left, id: "g", style: { left: -6, background: type == 'normal' ? color_normal : type == 'end' ? color_end : color_normal, borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, zIndex: 10 } })] }) }) }));
-}
-export function InputNode({ identifier, id = 0, parentType, type = 'choice', text = '', inputType = 'text', allowDrag = false, allowInsert = false }) {
-    const [show, setShow] = useState(false);
-    const handleClick = () => setShow(!show);
-    return (_jsxs(Flex, { position: 'relative', gap: '0', align: 'center', style: { zIndex: 20 }, children: [_jsxs(Flex, { width: '100%', direction: 'column', align: 'end', children: [_jsxs(Flex, { width: '100%', align: 'center', children: [allowDrag && _jsx(Flex, { gap: '1', children: _jsx(Button, { size: '1', variant: 'soft', style: { borderTopRightRadius: 0, borderBottomRightRadius: 0 }, children: id }) }), _jsx(TextField.Root, { type: inputType, defaultValue: text, id: 'text_value', placeholder: type == 'choice' ? 'Option Text' : inputType == 'number' ? '0' : 'User Input', autoComplete: 'off', style: { width: '100%' }, children: identifier != 0 &&
-                                    _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { color: 'red', "aria-label": 'close', size: '1', variant: 'soft', onClick: handleClick, style: { width: 20, padding: 4 }, children: _jsx(BiTrash, { size: 20 }) }) }) })] }), allowInsert &&
-                        _jsx(Button, { "aria-label": 'Add', size: '1', style: { borderTopLeftRadius: 0, borderTopRightRadius: 0, marginRight: 5 }, children: _jsx(BiPlus, {}) })] }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: true, id: id, style: { right: -19, background: parentType == 'start' ? color_start : parentType == 'normal' ? color_normal : parentType == 'end' ? color_end : color_normal, borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, position: 'absolute', top: 16, zIndex: 20 } })] }));
-}
-//# sourceMappingURL=xnode.js.map

package/dist/components/xnode.js.map

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

package/dist/service_providers.json

@@ -1,74 +0,0 @@
-[
-    {
-        "identifier": "1234",
-        "type": "ussd",
-        "name": "Wigal",
-        "ips": ["::1"],
-        "ussd_short_code": "800*008",
-        "ussd_map": {
-            "id": "sessionid",
-            "mode": "mode",
-            "user_input": "userdata",
-            "meta": {
-                "mno": "network",
-                "msisdn": "msisdn",
-                "username": "",
-                "trafficid": "",
-                "other": ""
-            },
-            "response_prefix": "",
-            "response_suffix": "",
-            "nl_char": "^"
-        }
-    },
-    {
-        "identifier": "1235",
-        "type": "sms",
-        "name": "IT Consortium",
-        "ips": ["::2"],
-        "ussd_short_code": "887*4445",
-        "ussd_map": {
-            "id": "sessionid",
-            "mode": "requestType",
-            "user_input": "userdata",
-            "meta": {
-                "mno": "operator",
-                "msisdn": "msisdn",
-                "username": "",
-                "trafficid": "",
-                "other": ""
-            },
-            "response_prefix": "",
-            "response_suffix": "",
-            "nl_char": "^"
-        }
-    },
-    {
-        "identifier": "1236",
-        "type": "payment",
-        "name": "Hubtel",
-        "ips": ["::3"],
-        "ussd_short_code": ""
-    },
-    {
-        "identifier": "1237",
-        "type": "sms",
-        "name": "Twilio",
-        "ips": ["::3"],
-        "ussd_short_code": ""
-    },
-    {
-        "identifier": "1238",
-        "type": "sms",
-        "name": "Africas Talking",
-        "ips": ["::3"],
-        "ussd_short_code": ""
-    },
-    {
-        "identifier": "1237",
-        "type": "sms",
-        "name": "Twilio",
-        "ips": ["::3"],
-        "ussd_short_code": ""
-    }
-]

package/dist/styles/sheet.css

@@ -1,155 +0,0 @@
-/* SlidingDialog.css */
-/* .dialog-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
-} */
-
-.dialog-content {
-    /* background: white; */
-    position: fixed;
-    /* width: 300px; */
-    height: 100%;
-    overflow: auto;
-    box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
-    outline: none;
-  }
-  
-  .dialog-close {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    background: none;
-    border: none;
-    font-size: 20px;
-    cursor: pointer;
-  }
-  
-  @keyframes slideInFromRight {
-    from {
-      transform: translateX(100%);
-    }
-    to {
-      transform: translateX(0);
-    }
-  }
-  
-  @keyframes slideOutToRight {
-    from {
-      transform: translateX(0);
-    }
-    to {
-      transform: translateX(100%);
-    }
-  }
-  
-  @keyframes slideInFromLeft {
-    from {
-      transform: translateX(-100%);
-    }
-    to {
-      transform: translateX(0);
-    }
-  }
-  
-  @keyframes slideOutToLeft {
-    from {
-      transform: translateX(0);
-    }
-    to {
-      transform: translateX(-100%);
-    }
-  }
-  
-  @keyframes slideInFromTop {
-    from {
-      transform: translateY(-100%);
-    }
-    to {
-      transform: translateY(0);
-    }
-  }
-  
-  @keyframes slideOutToTop {
-    from {
-      transform: translateY(0);
-    }
-    to {
-      transform: translateY(-100%);
-    }
-  }
-  
-  @keyframes slideInFromBottom {
-    from {
-      transform: translateY(100%);
-    }
-    to {
-      transform: translateY(0);
-    }
-  }
-  
-  @keyframes slideOutToBottom {
-    from {
-      transform: translateY(0);
-    }
-    to {
-      transform: translateY(100%);
-    }
-  }
-  
-  .slide-in-right {
-    top: 0;
-    right: 0;
-    animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-right {
-    top: 0;
-    right: 0;
-    animation: slideOutToRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-in-left {
-    top: 0;
-    left: 0;
-    animation: slideInFromLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-left {
-    top: 0;
-    left: 0;
-    animation: slideOutToLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-in-top {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideInFromTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-top {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideOutToTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-in-bottom {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideInFromBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-bottom {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }

package/src/styles/combo_box.css

@@ -1,10 +0,0 @@
-.widget_item {
-    background:transparent;
-    border-radius:3px;
-    user-select: pointer;
-
-}
-
-.widget_item:hover {
-    background:rgba(211, 211, 211, 0.237)
-}

package/src/styles/sheet.css

@@ -1,155 +0,0 @@
-/* SlidingDialog.css */
-/* .dialog-overlay {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
-} */
-
-.dialog-content {
-    /* background: white; */
-    position: fixed;
-    /* width: 300px; */
-    height: 100%;
-    overflow: auto;
-    box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
-    outline: none;
-  }
-  
-  .dialog-close {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    background: none;
-    border: none;
-    font-size: 20px;
-    cursor: pointer;
-  }
-  
-  @keyframes slideInFromRight {
-    from {
-      transform: translateX(100%);
-    }
-    to {
-      transform: translateX(0);
-    }
-  }
-  
-  @keyframes slideOutToRight {
-    from {
-      transform: translateX(0);
-    }
-    to {
-      transform: translateX(100%);
-    }
-  }
-  
-  @keyframes slideInFromLeft {
-    from {
-      transform: translateX(-100%);
-    }
-    to {
-      transform: translateX(0);
-    }
-  }
-  
-  @keyframes slideOutToLeft {
-    from {
-      transform: translateX(0);
-    }
-    to {
-      transform: translateX(-100%);
-    }
-  }
-  
-  @keyframes slideInFromTop {
-    from {
-      transform: translateY(-100%);
-    }
-    to {
-      transform: translateY(0);
-    }
-  }
-  
-  @keyframes slideOutToTop {
-    from {
-      transform: translateY(0);
-    }
-    to {
-      transform: translateY(-100%);
-    }
-  }
-  
-  @keyframes slideInFromBottom {
-    from {
-      transform: translateY(100%);
-    }
-    to {
-      transform: translateY(0);
-    }
-  }
-  
-  @keyframes slideOutToBottom {
-    from {
-      transform: translateY(0);
-    }
-    to {
-      transform: translateY(100%);
-    }
-  }
-  
-  .slide-in-right {
-    top: 0;
-    right: 0;
-    animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-right {
-    top: 0;
-    right: 0;
-    animation: slideOutToRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-in-left {
-    top: 0;
-    left: 0;
-    animation: slideInFromLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-left {
-    top: 0;
-    left: 0;
-    animation: slideOutToLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-in-top {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideInFromTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-top {
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideOutToTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-in-bottom {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideInFromBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }
-  
-  .slide-out-bottom {
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: auto;
-    animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-  }