@lark-apaas/client-toolkit 1.2.17-alpha.1 → 1.2.17-alpha.2

package/lib/antd-table.d.ts

@@ -1,4 +1,4 @@
 import { Table } from 'antd';
-import type { TableProps } from 'antd';
+import type { TableProps, TableColumnType, TableColumnsType } from 'antd';
 export { Table };
-export type { TableProps };
+export type { TableProps, TableColumnType, TableColumnsType };

package/lib/apis/aily-chat.d.ts

@@ -0,0 +1,2 @@
+export type { ChatPanel, IframeEventMessage, IframeMessage, IframeMessageType, IframeRequestMessage, IframeResponseMessage, WebSDKCommonConfig, WebSDKConfig, WebSDKConversionConfig, WebSDKEditorConfig, WebSDKEvents, WebSDKSkillInfo, } from '@lark-apaas/aily-web-sdk';
+export { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, getIframeBaseURL, IFRAME_BASE_URL, initAilyChat, MESSAGE_TIMEOUT, } from '@lark-apaas/aily-web-sdk';

package/lib/apis/aily-chat.js

@@ -0,0 +1,2 @@
+import { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, IFRAME_BASE_URL, MESSAGE_TIMEOUT, getIframeBaseURL, initAilyChat } from "@lark-apaas/aily-web-sdk";
+export { DEFAULT_ANONYMOUS_CHANNEL_TYPE, DEFAULT_CHANNEL_TYPE, IFRAME_BASE_URL, MESSAGE_TIMEOUT, getIframeBaseURL, initAilyChat };

package/lib/apis/components/ActiveLink.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type NavLinkProps } from 'react-router-dom';
+export interface ActiveLinkProps extends Omit<NavLinkProps, 'to'> {
+    to: string;
+}
+/**
+ * ActiveLink 组件
+ *
+ * 替换 react-router-dom 的 NavLink，扩展支持 hash 路由跳转和激活态功能
+ *
+ * @example
+ * // 普通路由跳转
+ * <ActiveLink to="/dashboard">Dashboard</ActiveLink>
+ *
+ * // hash 路由跳转
+ * <ActiveLink to="#section1">Section 1</ActiveLink>
+ *
+ * // 使用函数式 className 显示激活态
+ * <ActiveLink
+ *   to="#features"
+ *   className={({isActive}) => isActive ? 'active' : ''}
+ * >
+ *   Features
+ * </ActiveLink>
+ */
+export declare const ActiveLink: React.ForwardRefExoticComponent<ActiveLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/lib/apis/components/ActiveLink.js

@@ -0,0 +1,66 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useState } from "react";
+import { NavLink } from "react-router-dom";
+const ActiveLink = /*#__PURE__*/ forwardRef(({ to, onClick, className, style, children, ...rest }, ref)=>{
+    const [currentHash, setCurrentHash] = useState(()=>'undefined' != typeof window ? window.location.hash : '');
+    const isHashRoute = 'string' == typeof to && to.startsWith('#');
+    useEffect(()=>{
+        if (!isHashRoute) return;
+        const handleHashChange = ()=>{
+            setCurrentHash(window.location.hash);
+        };
+        window.addEventListener('hashchange', handleHashChange);
+        return ()=>window.removeEventListener('hashchange', handleHashChange);
+    }, [
+        isHashRoute
+    ]);
+    const isActive = isHashRoute && currentHash === to;
+    if (!isHashRoute) return /*#__PURE__*/ jsx(NavLink, {
+        ref: ref,
+        to: to,
+        onClick: onClick,
+        className: className,
+        style: style,
+        ...rest,
+        children: children
+    });
+    const handleHashClick = (e)=>{
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        e.preventDefault();
+        const targetId = to.slice(1);
+        const targetElement = document.getElementById(targetId);
+        history.pushState(null, '', to);
+        setCurrentHash(to);
+        window.dispatchEvent(new Event('hashchange'));
+        if (targetElement && 'function' == typeof targetElement.scrollIntoView) targetElement.scrollIntoView({
+            behavior: 'smooth'
+        });
+    };
+    const computedClassName = 'function' == typeof className ? className({
+        isActive,
+        isPending: false,
+        isTransitioning: false
+    }) : className;
+    const computedStyle = 'function' == typeof style ? style({
+        isActive,
+        isPending: false,
+        isTransitioning: false
+    }) : style;
+    const computedChildren = 'function' == typeof children ? children({
+        isActive,
+        isPending: false,
+        isTransitioning: false
+    }) : children;
+    return /*#__PURE__*/ jsx("a", {
+        ref: ref,
+        href: to,
+        onClick: handleHashClick,
+        className: computedClassName,
+        style: computedStyle,
+        ...rest,
+        children: computedChildren
+    });
+});
+ActiveLink.displayName = 'ActiveLink';
+export { ActiveLink };

package/lib/apis/hooks/useScrollReveal.d.ts

@@ -0,0 +1 @@
+export * from '../../hooks/useScrollReveal';

package/lib/apis/hooks/useScrollReveal.js

@@ -0,0 +1 @@
+export * from "../../hooks/useScrollReveal.js";

package/lib/apis/utils/getEnv.d.ts

@@ -0,0 +1 @@
+export { getEnv } from '../../utils/getParentOrigin';

package/lib/apis/utils/getEnv.js

@@ -0,0 +1,2 @@
+import { getEnv } from "../../utils/getParentOrigin.js";
+export { getEnv };

package/lib/apis/utils/scopedStorage.d.ts

@@ -0,0 +1 @@
+export { scopedStorage } from '../../utils/scopedStorage';

package/lib/apis/utils/scopedStorage.js

@@ -0,0 +1,2 @@
+import { scopedStorage } from "../../utils/scopedStorage.js";
+export { scopedStorage };

package/lib/auth.d.ts

@@ -0,0 +1 @@
+export { CanRole, AbilityContext, ROLE_SUBJECT } from '@lark-apaas/auth-sdk';

package/lib/auth.js

@@ -0,0 +1,2 @@
+import { AbilityContext, CanRole, ROLE_SUBJECT } from "@lark-apaas/auth-sdk";
+export { AbilityContext, CanRole, ROLE_SUBJECT };

package/lib/components/AppContainer/IframeBridge.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-import './utils/listenHot';
 export default function IframeBridge(): React.JSX.Element;

package/lib/components/AppContainer/IframeBridge.js

@@ -1,11 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { useLocation, useNavigate } from "react-router-dom";
-import { connectToParent } from "penpal";
 import { useUpdatingRef } from "../../hooks/useUpdatingRef.js";
-import { resolveParentOrigin, submitPostMessage } from "../../utils/postMessage.js";
-import { childApi } from "./utils/childApi.js";
-import "./utils/listenHot.js";
+import { submitPostMessage } from "../../utils/postMessage.js";
 var IframeBridge_RouteMessageType = /*#__PURE__*/ function(RouteMessageType) {
     RouteMessageType["RouteChange"] = "RouteChange";
     RouteMessageType["RouteBack"] = "RouteBack";
@@ -15,22 +12,6 @@ var IframeBridge_RouteMessageType = /*#__PURE__*/ function(RouteMessageType) {
 function isRouteMessageType(type) {
     return Object.values(IframeBridge_RouteMessageType).includes(type);
 }
-async function connectParent() {
-    submitPostMessage({
-        type: 'PreviewReady',
-        data: {}
-    });
-    const parentOrigin = resolveParentOrigin();
-    if (!parentOrigin) return;
-    const connection = connectToParent({
-        parentOrigin,
-        methods: {
-            ...childApi
-        }
-    });
-    await connection.promise;
-}
-'production' !== process.env.NODE_ENV && connectParent();
 function IframeBridge() {
     const location = useLocation();
     const navigate = useNavigate();

package/lib/components/AppContainer/api-proxy/core.js

@@ -139,7 +139,8 @@ class ApiProxy {
             ...config,
             headers: {
                 ...this.defaultConfig.headers,
-                ...config.headers
+                ...config.headers,
+                'X-Page-Route': 'undefined' != typeof window ? window.location?.pathname || '/' : '/'
             }
         };
         const requestKey = this.generateRequestKey(mergedConfig);

package/lib/components/AppContainer/index.d.ts

@@ -1,7 +1,14 @@
 import React from 'react';
 import { IBaseThemeProviderProps } from '../theme';
-import '../../index.css';
+import '../../runtime';
+interface IBaseAuthProviderProps {
+    enableAuth?: boolean;
+}
+interface IToasterProps {
+    /** 禁用内建 Toaster 组件，默认 false */
+    disableToaster?: boolean;
+}
 declare const AppContainer: React.FC<{
     children: React.ReactNode;
-} & IBaseThemeProviderProps>;
+} & IBaseThemeProviderProps & IBaseAuthProviderProps & IToasterProps>;
 export default AppContainer;

package/lib/components/AppContainer/index.js

@@ -1,27 +1,19 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useState } from "react";
 import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import zh_CN from "antd/locale/zh_CN";
 import IframeBridge from "./IframeBridge.js";
-import { defaultUIConfig } from "../theme/ui-config.js";
 import { Toaster } from "./sonner.js";
 import { PageHoc } from "./PageHoc.js";
-import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, themeMetaOptions } from "../theme/index.js";
-import { registerDayjsPlugins } from "./dayjsPlugins.js";
-import "../../index.css";
-import { initAxiosConfig } from "../../utils/axiosConfig.js";
 import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
 import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
 import { getAppId } from "../../utils/getAppId.js";
-import { ServerLogSSEClient } from "../../server-log/index.js";
 import QueryProvider from "../QueryProvider/index.js";
-import { initObservable } from "./utils/observable.js";
-registerDayjsPlugins();
-initAxiosConfig();
-initObservable();
+import { AuthProvider } from "@lark-apaas/auth-sdk";
+import "../../runtime/index.js";
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
 const readCssVarColor = (varName, fallback)=>{
     try {
@@ -32,55 +24,10 @@ const readCssVarColor = (varName, fallback)=>{
         return fallback;
     }
 };
+const appFlags = process.env.APP_FLAGS || {};
 const App = (props)=>{
-    const { themeMeta = {} } = props;
+    const { enableAuth, disableToaster = false } = props;
     useAppInfo();
-    const serverLogClientRef = useRef(null);
-    const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
-        rem: '0.625'
-    };
-    const radiusToken = generateTailwindRadiusToken(Number(rem));
-    const themeToken = {
-        ...defaultUIConfig,
-        common: {
-            ...defaultUIConfig.common,
-            borderRadius: radiusToken
-        }
-    };
-    useEffect(()=>{
-        if ('production' !== process.env.NODE_ENV && window.parent !== window) {
-            try {
-                const backendUrl = window.location.origin;
-                serverLogClientRef.current = new ServerLogSSEClient({
-                    serverUrl: backendUrl,
-                    sseEndpoint: '/dev/logs/server-logs/stream',
-                    debug: true
-                });
-                serverLogClientRef.current.start();
-                console.log('[AppContainer] Server log SSE client started');
-            } catch (error) {
-                console.error('[AppContainer] Failed to start server log SSE client:', error);
-            }
-            const handleVisibilityChange = ()=>{
-                if (!serverLogClientRef.current) return;
-                if (document.hidden) {
-                    serverLogClientRef.current.pause();
-                    console.log('[AppContainer] Tab hidden, SSE paused');
-                } else {
-                    serverLogClientRef.current.resume();
-                    console.log('[AppContainer] Tab visible, SSE resumed');
-                }
-            };
-            document.addEventListener('visibilitychange', handleVisibilityChange);
-            return ()=>{
-                document.removeEventListener('visibilitychange', handleVisibilityChange);
-                if (serverLogClientRef.current) {
-                    serverLogClientRef.current.stop();
-                    console.log('[AppContainer] Server log SSE client stopped');
-                }
-            };
-        }
-    }, []);
     useEffect(()=>{
         if (isMiaodaPreview) fetch(`${location.origin}/ai/api/feida_preview/csrf`).then(()=>{
             setTimeout(()=>{
@@ -99,17 +46,13 @@ const App = (props)=>{
             }
         });
     }, []);
-    return /*#__PURE__*/ jsxs(Fragment, {
+    return /*#__PURE__*/ jsxs(AuthProvider, {
+        config: {
+            enable: enableAuth
+        },
         children: [
-            /*#__PURE__*/ jsx(Toaster, {}),
-            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {
-                theme: {
-                    themeMetaOptions: themeMetaOptions,
-                    themeColorTokenMap: themeColorTokenMap,
-                    themeToken
-                },
-                cwd: process.env.CWD || ''
-            }),
+            !disableToaster && true !== appFlags.customToaster && /*#__PURE__*/ jsx(Toaster, {}),
+            'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(MiaodaInspector, {}),
             'production' !== process.env.NODE_ENV && /*#__PURE__*/ jsx(IframeBridge, {}),
             /*#__PURE__*/ jsx(PageHoc, {
                 children: props.children
@@ -118,7 +61,7 @@ const App = (props)=>{
     });
 };
 const AppContainer_AppContainer = (props)=>{
-    const { children, ...rest } = props;
+    const { children } = props;
     const [cssColors, setCssColors] = useState(()=>({
             background: readCssVarColor('--background'),
             destructive: readCssVarColor('--destructive'),
@@ -246,7 +189,8 @@ const AppContainer_AppContainer = (props)=>{
                         }
                     },
                     children: /*#__PURE__*/ jsx(App, {
-                        themeMeta: props.themeMeta,
+                        enableAuth: props.enableAuth,
+                        disableToaster: props.disableToaster,
                         children: children
                     })
                 })

package/lib/components/AppContainer/utils/childApi.js

@@ -16,6 +16,7 @@ async function getRoutes() {
     return routes;
 }
 async function getSourceMap() {
+    if ('vite' === process.env.BUILD_TOOL) return '';
     let sourceMapContent = '';
     try {
         const basePath = normalizeBasePath(process.env.CLIENT_BASE_PATH);

package/lib/components/AppContainer/utils/tea.js

@@ -16,7 +16,7 @@ async function createTracker() {
     const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
     const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
     window.collectEvent('init', {
-        app_id: 672575,
+        app_id: 788827,
         channel: 'cn',
         disable_auto_pv: false,
         enable_ab_test: false,

package/lib/components/ErrorRender/index.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { logger } from "../../logger/index.js";
-import { createApplyHandle, getModuleHot } from "../../utils/module-hot.js";
+import { getHmrApi } from "../../utils/hmr-api.js";
 import { submitPostMessage } from "../../utils/postMessage.js";
 const RenderError = (props)=>{
     const { error, resetErrorBoundary } = props;
@@ -27,16 +27,10 @@ const RenderError = (props)=>{
     ]);
     useEffect(()=>{
         if (!resetErrorBoundary) return;
-        const hot = getModuleHot();
-        if (hot) {
-            const handler = createApplyHandle((success)=>{
-                if (success) resetErrorBoundary();
-            });
-            hot.addStatusHandler(handler);
-            return ()=>{
-                hot.removeStatusHandler(handler);
-            };
-        }
+        const hmr = getHmrApi();
+        if (hmr) return hmr.onSuccess(()=>{
+            resetErrorBoundary();
+        });
     }, [
         resetErrorBoundary
     ]);

package/lib/components/User/UserSelect.js

@@ -67,20 +67,8 @@ const UserSelect = ({ mode = 'single', defaultValue, value, onChange, placeholde
         if (!normalizedIds.length) return void setUiValue(void 0);
         const fetchProfiles = async ()=>{
             try {
-                const ids = normalizedIds.map((id)=>Number(id)).filter((id)=>Number.isFinite(id));
-                if (!ids.length) {
-                    const profiles = normalizedIds.map((id)=>inputProfilesMap.get(id) ?? {
-                            user_id: id,
-                            name: '',
-                            avatar: '',
-                            email: '',
-                            status: 1
-                        });
-                    setUiValue('single' === mode ? profiles[0] : profiles);
-                    return;
-                }
                 const dataloom = await getDataloom();
-                const response = await dataloom.service.user.getByIds(ids);
+                const response = await dataloom.service.user.getByIds(normalizedIds);
                 const fetchedList = Array.isArray(response?.data) ? response?.data : Array.isArray(response?.data?.user_list) ? response?.data?.user_list : [];
                 const fetchedMap = new Map();
                 fetchedList.forEach((profile)=>{

package/lib/components/theme/index.d.ts

@@ -1,3 +1,2 @@
 export * from './constants';
 export * from './util';
-export * from './ui-config';

package/lib/components/theme/index.js

@@ -1,3 +1,2 @@
 export * from "./constants.js";
 export * from "./util.js";
-export * from "./ui-config.js";

package/lib/components/theme/util.d.ts

@@ -1,5 +1,4 @@
 import { ITheme } from "../../types";
-import { UIComponentConfig } from "./ui-config";
 export interface IBaseThemeProviderProps {
     defaultTheme?: ITheme;
     themeMeta?: Partial<IThemeTokenMeta>;
@@ -18,4 +17,3 @@ export interface IThemeTokenMeta {
      */
     spacing: number;
 }
-export declare const generateTailwindRadiusToken: (radiusRemValue: number) => UIComponentConfig;

package/lib/components/theme/util.js

@@ -1,108 +0,0 @@
-const generateTailwindRadiusToken = (radiusRemValue)=>{
-    try {
-        const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-        const radiusPx = radiusRemValue * rootFontSize;
-        const tempElement = document.createElement('div');
-        tempElement.style.position = 'absolute';
-        tempElement.style.visibility = 'hidden';
-        document.body.appendChild(tempElement);
-        tempElement.style.borderRadius = `${radiusPx}px`;
-        const computed = getComputedStyle(tempElement).borderRadius;
-        document.body.removeChild(tempElement);
-        if (computed && 'auto' !== computed && 'initial' !== computed) return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-        throw new Error('Browser calculation validation failed');
-    } catch (error) {
-        console.warn('Failed to get computed values from browser, falling back to default calculation:', error);
-        const radiusPx = 16 * radiusRemValue;
-        return {
-            type: 'select',
-            options: [
-                {
-                    value: 'rounded-none',
-                    label: 'none（0px）',
-                    rawValue: '0'
-                },
-                {
-                    value: 'rounded-sm',
-                    label: `sm (${Math.max(0, radiusPx - 4)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 4)}`
-                },
-                {
-                    value: 'rounded',
-                    label: 's (4px)',
-                    rawValue: '4'
-                },
-                {
-                    value: 'rounded-md',
-                    label: `m (${Math.max(0, radiusPx - 2)}px)`,
-                    rawValue: `${Math.max(0, radiusPx - 2)}`
-                },
-                {
-                    value: 'rounded-lg',
-                    label: `l (${radiusPx}px)`,
-                    rawValue: `${radiusPx}`
-                },
-                {
-                    value: 'rounded-xl',
-                    label: `xl (${radiusPx + 4}px)`,
-                    rawValue: `${radiusPx + 4}`
-                },
-                {
-                    value: 'rounded-2xl',
-                    label: '2xl (16px)',
-                    rawValue: '16'
-                },
-                {
-                    value: 'rounded-full',
-                    label: 'Full',
-                    rawValue: '9999'
-                }
-            ]
-        };
-    }
-};
-export { generateTailwindRadiusToken };

package/lib/components/ui/toast.d.ts

@@ -0,0 +1,2 @@
+/** 显示 toast 提示（兼容 PC/移动端） */
+export declare function showToast(message: string, duration?: number): Promise<void>;

package/lib/components/ui/toast.js

@@ -0,0 +1,53 @@
+function showToast(message, duration = 3000) {
+    return new Promise((resolve)=>{
+        const toast = document.createElement('div');
+        const iconSvg = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.333a6.667 6.667 0 1 1 0 13.334A6.667 6.667 0 0 1 8 1.333ZM8 10a.667.667 0 1 0 0 1.333A.667.667 0 0 0 8 10Zm0-5.333a.667.667 0 0 0-.667.666v3.334a.667.667 0 0 0 1.334 0V5.333A.667.667 0 0 0 8 4.667Z" fill="#ff811a"/>
+    </svg>`;
+        const iconWrapper = document.createElement('span');
+        iconWrapper.innerHTML = iconSvg;
+        Object.assign(iconWrapper.style, {
+            display: 'flex',
+            alignItems: 'center',
+            marginRight: '8px',
+            flexShrink: '0'
+        });
+        const textWrapper = document.createElement('span');
+        textWrapper.textContent = message;
+        toast.appendChild(iconWrapper);
+        toast.appendChild(textWrapper);
+        Object.assign(toast.style, {
+            position: 'fixed',
+            top: '32px',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            display: 'flex',
+            alignItems: 'center',
+            padding: '12px 16px',
+            backgroundColor: '#fff',
+            color: '#1f2329',
+            border: '1px solid #dee0e3',
+            borderRadius: '6px',
+            fontSize: '14px',
+            lineHeight: '1.5',
+            zIndex: '99999',
+            maxWidth: '80vw',
+            wordBreak: 'break-word',
+            boxShadow: '0 4px 8px rgba(0, 0, 0, 0.03), 0 3px 6px rgba(0, 0, 0, 0.05), 0 6px 18px rgba(0, 0, 0, 0.03)',
+            opacity: '0',
+            transition: 'opacity 0.3s ease'
+        });
+        document.body.appendChild(toast);
+        requestAnimationFrame(()=>{
+            toast.style.opacity = '1';
+        });
+        setTimeout(()=>{
+            toast.style.opacity = '0';
+            setTimeout(()=>{
+                document.body.removeChild(toast);
+                resolve();
+            }, 300);
+        }, duration);
+    });
+}
+export { showToast };

package/lib/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useAppInfo';
 export * from './useCurrentUserProfile';
 export * from './useIsMobile';
 export * from './useLogout';
+export * from './useScrollReveal';

package/lib/hooks/index.js

@@ -2,3 +2,4 @@ export * from "./useAppInfo.js";
 export * from "./useCurrentUserProfile.js";
 export * from "./useIsMobile.js";
 export * from "./useLogout.js";
+export * from "./useScrollReveal.js";