@arcblock/ux 2.10.36 → 2.10.37

package/lib/Address/compact-text.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 紧凑文本组件 (显示首尾, 中间截断显示省略号), 仅考虑等宽字体的情况
+ */
+declare function CompactText({ startChars, endChars, children, showCopyButtonInTooltip }: {
+    startChars: any;
+    endChars: any;
+    children: any;
+    showCopyButtonInTooltip: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CompactText {
+    namespace propTypes {
+        let startChars: PropTypes.Requireable<number>;
+        let endChars: PropTypes.Requireable<number>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let showCopyButtonInTooltip: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let startChars_1: number;
+        export { startChars_1 as startChars };
+        let endChars_1: number;
+        export { endChars_1 as endChars };
+        let showCopyButtonInTooltip_1: boolean;
+        export { showCopyButtonInTooltip_1 as showCopyButtonInTooltip };
+    }
+}
+export default CompactText;
+import PropTypes from 'prop-types';

package/lib/Address/did-address.d.ts

@@ -0,0 +1,16 @@
+export default DidAddress;
+/**
+ * DidAddress 组件 (新版设计)
+ *
+ * - 样式调整
+ * - click-to-copy 调整
+ * - 长文本截断处理 (Ellipsis)
+ * - 支持 inline 或 block 的显示方式
+ * - 支持紧凑模式, 该模式下:
+ *   - 占用宽度较小, 因此不考虑水平空间不够用的情况, 且忽略末尾省略号
+ *   - 对于多层元素结构的 children, 保持元素结构, 将最内层 text 替换为 CompactText 组件
+ *   - 为保证 copy 功能正常工作, 原 children 始终渲染, 但在紧凑式下会隐藏
+ *   - 可配合 useMediaQuery 使用
+ */
+declare const DidAddress: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/Address/index.d.ts

@@ -0,0 +1,15 @@
+declare function DidAddressWrapper({ responsive, ...rest }: {
+    [x: string]: any;
+    responsive: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace DidAddressWrapper {
+    namespace propTypes {
+        let responsive: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let responsive_1: boolean;
+        export { responsive_1 as responsive };
+    }
+}
+export default DidAddressWrapper;
+import PropTypes from 'prop-types';

package/lib/Address/responsive-did-address.d.ts

@@ -0,0 +1,33 @@
+/**
+ * 根据父容器宽度自动切换 compact 模式
+ *
+ * 实现逻辑:
+ * - DidAddress 外层包裹一个容器, 其宽度自动撑满父容器宽度 (即这个容器需要是块级元素或 100% 宽的 inline-block)
+ * - DidAddress 本身以 inline 形式渲染 (方便探测 did-address 的 full-width)
+ * - 组件 mounted 时记录 did address 的 full-width (非 compact 模式的宽度)
+ * - 监听容器宽度变化, 当容器宽度变化时, 对比容器宽度和 did address full-width, => 切换 compact 模式
+ * - TODO: 初始化时, 在确定是否应该以 compact 模式渲染前, 隐藏显示, 避免闪烁问题
+ */
+declare function ResponsiveDidAddress({ style, className, component, ...rest }: {
+    [x: string]: any;
+    style: any;
+    className: any;
+    component: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ResponsiveDidAddress {
+    namespace propTypes {
+        let style: PropTypes.Requireable<object>;
+        let className: PropTypes.Requireable<string>;
+        let component: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        let style_1: {};
+        export { style_1 as style };
+        let className_1: string;
+        export { className_1 as className };
+        let component_1: string;
+        export { component_1 as component };
+    }
+}
+export default ResponsiveDidAddress;
+import PropTypes from 'prop-types';

package/lib/AnimationWaiter/index.d.ts

@@ -0,0 +1,54 @@
+/**
+ * 用于长时间等待的用的动画组件
+ * 动画会随着时间的变化而逐步加快播放速度，好适应用户的等待心理
+ * @param {Object} animationData lottie json 动画数据
+ * @param {Number} size 动画的尺寸，单位px
+ * @param {String｜Array} message 动画下方的文字；数组情况下会在一定时间切换文案
+ * @param {Number} messageDuration 动画下方的文字为数组时，每个文案的持续时间；默认5000ms
+ * @param {Number} messageLoop 动画下方的文字为数组时，文案是否循环播放
+ * @param {Array} tips 底部的提示元素
+ * @param {Number} tipsDuration 底部提示的切换时间，单位毫秒，默认3000ms
+ * @param {Number} speed 动画默认的播放速度
+ * @param {Number} maybeDuration 整个动画大概的持续时间，单位毫秒，用于计算增量下的动画速度，默认两分钟(120000ms)
+ * @param {Number} increaseSpeed 在 maybeDuration 时间下增加的速度，默认为0（不增加速度）
+ * @returns element
+ */
+declare function AnimationWaiter({ animationData, size, message, messageDuration, messageLoop, tips, tipsDuration, maybeDuration, speed, increaseSpeed, ...rest }: Object): import("react/jsx-runtime").JSX.Element;
+declare namespace AnimationWaiter {
+    namespace propTypes {
+        let animationData: PropTypes.Requireable<any>;
+        let size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        let message: PropTypes.Requireable<any>;
+        let messageDuration: PropTypes.Requireable<number>;
+        let messageLoop: PropTypes.Requireable<boolean>;
+        let tips: PropTypes.Requireable<any[]>;
+        let tipsDuration: PropTypes.Requireable<number>;
+        let speed: PropTypes.Requireable<number>;
+        let maybeDuration: PropTypes.Requireable<number>;
+        let increaseSpeed: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        let animationData_1: null;
+        export { animationData_1 as animationData };
+        let size_1: string;
+        export { size_1 as size };
+        let message_1: string;
+        export { message_1 as message };
+        let messageDuration_1: number;
+        export { messageDuration_1 as messageDuration };
+        let messageLoop_1: boolean;
+        export { messageLoop_1 as messageLoop };
+        let tips_1: never[];
+        export { tips_1 as tips };
+        let tipsDuration_1: number;
+        export { tipsDuration_1 as tipsDuration };
+        let speed_1: number;
+        export { speed_1 as speed };
+        let maybeDuration_1: number;
+        export { maybeDuration_1 as maybeDuration };
+        let increaseSpeed_1: number;
+        export { increaseSpeed_1 as increaseSpeed };
+    }
+}
+export default AnimationWaiter;
+import PropTypes from 'prop-types';

package/lib/Async/index.d.ts

@@ -0,0 +1,30 @@
+export default function LoadAsyncComponent(importComponent: any, key?: string, showProgress?: boolean): {
+    new (props: any): {
+        state: {
+            Component: null;
+            error: null;
+        };
+        componentDidMount(): void;
+        render(): import("react/jsx-runtime").JSX.Element | null;
+        context: unknown;
+        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<any>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+import * as React from 'react';

package/lib/BlockletContext/index.d.ts

@@ -0,0 +1,31 @@
+export const BlockletContext: import("react").Context<any>;
+/**
+ *
+ * @param {object} props
+ * @param {string} props.baseUrl baseUrl 为 blocklet origin + blocklet prefix
+ * @param {any} props.children
+ * @returns
+ */
+export function BlockletProvider({ children, baseUrl, loading }: {
+    baseUrl: string;
+    children: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace BlockletProvider {
+    namespace propTypes {
+        let baseUrl: PropTypes.Requireable<string>;
+        let children: PropTypes.Validator<any>;
+        let loading: PropTypes.Requireable<any>;
+    }
+    namespace defaultProps {
+        let baseUrl_1: string;
+        export { baseUrl_1 as baseUrl };
+        let loading_1: null;
+        export { loading_1 as loading };
+    }
+}
+declare const Consumer: import("react").Consumer<any>;
+export function useBlockletContext(): {
+    blocklet: any;
+};
+import PropTypes from 'prop-types';
+export { Consumer as BlockletConsumer };

package/lib/BlockletV2/blocklet.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface IBlockletStore extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'title' | 'className'> {
+    did?: string;
+    title: string;
+    description?: string;
+    cover?: string;
+    avatar: string;
+    author: string;
+    download: string;
+    button?: React.ReactNode;
+    buttonText?: string;
+    buttonDisabled?: boolean;
+    buttonLoading?: boolean;
+    onButtonClick?: Function;
+    onMainClick?: Function;
+    className?: string;
+}
+export default function BlockletStore(props: IBlockletStore): import("react/jsx-runtime").JSX.Element;

package/lib/BlockletV2/blocklet.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { isValidElement } from 'react';
+import Download from '@iconify-icons/tabler/cloud-download';
+import { Icon } from '@iconify/react';
+import { Card, CardContent, CircularProgress, Stack, Typography } from '@mui/material';
+import Avatar from '../Avatar';
+import Button from '../Button';
+import { useTheme } from '../Theme';
+import IconText from './components/icon-text';
+import { formatDownloadCount, strippedString } from './utils';
+export default function BlockletStore(props) {
+  const {
+    title,
+    description = '',
+    cover = '',
+    avatar,
+    author,
+    download,
+    did,
+    buttonText = 'Install',
+    buttonDisabled,
+    buttonLoading,
+    button,
+    onButtonClick = () => {},
+    onMainClick,
+    className,
+    ref,
+    ...rest
+  } = props;
+  const theme = useTheme();
+  const wrapHandler = (handler, stopFn = () => false) => (e, ...args) => {
+    const isFunction = handler instanceof Function;
+    if (stopFn() || isFunction) {
+      e.preventDefault();
+      e.stopPropagation();
+      if (isFunction) {
+        handler(...args);
+      }
+    }
+  };
+  const handleMainClick = onMainClick && wrapHandler(onMainClick);
+  const handleButtonClick = wrapHandler(onButtonClick, () => {
+    // stop click while custom button or buttonDisabled or buttonLoading
+    return !!(button || buttonDisabled || buttonLoading);
+  });
+  const titleProps = /*#__PURE__*/isValidElement(title) ? {
+    children: title
+  } : {
+    title: strippedString(title),
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  };
+  const descriptionProps = /*#__PURE__*/isValidElement(description) ? {
+    children: description
+  } : {
+    title: strippedString(description),
+    dangerouslySetInnerHTML: {
+      __html: description
+    }
+  };
+  return /*#__PURE__*/_jsxs(Card, {
+    variant: "outlined",
+    sx: {
+      borderRadius: 2
+    },
+    onClick: handleMainClick,
+    ...rest,
+    children: [/*#__PURE__*/_jsx(CardContent, {
+      sx: {
+        display: 'flex',
+        justifyContent: 'space-between'
+      },
+      children: /*#__PURE__*/_jsxs(Stack, {
+        flex: 1,
+        direction: "row",
+        gap: 2,
+        alignItems: "center",
+        overflow: "hidden",
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          src: cover,
+          did: did,
+          size: 40,
+          variant: "rounded"
+        }), /*#__PURE__*/_jsx(Typography, {
+          flex: 1,
+          component: "h6",
+          variant: "h6",
+          sx: {
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            overflow: 'hidden'
+          },
+          ...titleProps
+        }), button || onButtonClick && /*#__PURE__*/_jsxs(Button, {
+          color: "reverse",
+          variant: "outlined",
+          size: "small",
+          disabled: buttonDisabled || buttonLoading,
+          style: {
+            borderColor: theme.palette.grey[300],
+            borderRadius: 8
+          },
+          onClick: handleButtonClick,
+          children: [buttonLoading && /*#__PURE__*/_jsx(CircularProgress, {
+            size: 15,
+            style: {
+              marginRight: 3,
+              color: 'inherit'
+            }
+          }), buttonText]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(CardContent, {
+      sx: {
+        py: 0
+      },
+      children: /*#__PURE__*/_jsx(Typography, {
+        component: "div",
+        variant: "body2",
+        color: "text.secondary",
+        sx: {
+          lineClamp: 2,
+          display: '-webkit-box',
+          WebkitLineClamp: 2,
+          WebkitBoxOrient: 'vertical',
+          overflow: 'hidden',
+          height: 40
+        },
+        ...descriptionProps
+      })
+    }), /*#__PURE__*/_jsxs(CardContent, {
+      sx: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 4,
+        color: 'grey.800'
+      },
+      children: [/*#__PURE__*/_jsx(IconText, {
+        icon: /*#__PURE__*/_jsx(Avatar, {
+          src: avatar,
+          did: did,
+          size: 20,
+          variant: "circle"
+        }),
+        children: author
+      }), /*#__PURE__*/_jsx(IconText, {
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: Download
+        }),
+        title: download,
+        children: formatDownloadCount(download)
+      })]
+    })]
+  });
+}

package/lib/BlockletV2/components/icon-text.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export default function IconText({ icon, children, maxWidth, title, }: {
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    maxWidth?: number;
+    title?: string;
+}): false | "" | 0 | import("react/jsx-runtime").JSX.Element | null | undefined;

package/lib/BlockletV2/components/icon-text.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Typography } from '@mui/material';
+import React from 'react';
+export default function IconText({
+  icon,
+  children,
+  maxWidth = 100,
+  title
+}) {
+  return children && /*#__PURE__*/_jsxs(Stack, {
+    direction: "row",
+    alignItems: "center",
+    gap: 1,
+    sx: {
+      maxWidth,
+      overflow: 'hidden'
+    },
+    children: [icon, /*#__PURE__*/_jsx(Typography, {
+      flex: 1,
+      variant: "body2",
+      sx: {
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap'
+      },
+      title: title || (typeof children === 'string' ? children : undefined),
+      children: children
+    })]
+  });
+}

package/lib/BlockletV2/index.d.ts

@@ -0,0 +1,4 @@
+import ActionButton, { strippedString } from './utils';
+import Blocklet from './blocklet';
+export { ActionButton, strippedString };
+export default Blocklet;

package/lib/BlockletV2/index.js

@@ -0,0 +1,4 @@
+import ActionButton, { strippedString } from './utils';
+import Blocklet from './blocklet';
+export { ActionButton, strippedString };
+export default Blocklet;

package/lib/BlockletV2/utils.d.ts

@@ -0,0 +1,4 @@
+export default ActionButton;
+export function strippedString(originalString?: string): string;
+export function formatDownloadCount(num?: string): string | number;
+declare const ActionButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/BlockletV2/utils.js

@@ -0,0 +1,71 @@
+import { styled } from '../Theme';
+const ActionButton = styled('div')`
+  background-color: transparent !important;
+  & > :not(.Mui-disabled) {
+    position: relative;
+    z-index: 1;
+    &::before {
+      content: '';
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      left: 0;
+      top: 0;
+      transition: opacity 0.3s;
+    }
+    &:hover::before {
+      opacity: 0;
+    }
+    &::after {
+      content: '';
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      top: 0;
+      left: 0;
+      border-radius: 2px;
+      background-color: ${props => props.theme.palette.primary.main};
+      transform: scale(0.1);
+      opacity: 0;
+      z-index: -1;
+      transition:
+        transform 0.3s,
+        opacity 0.3s,
+        background-color 0.3s;
+    }
+    &:hover::after {
+      opacity: 1;
+      transform-origin: center;
+      transform: scale(1);
+    }
+  }
+  & > :not(.Mui-disabled) {
+    background-color: transparent !important;
+    color: ${props => props.theme.palette.primary.main}!important;
+  }
+  & > :not(.Mui-disabled) {
+    &:hover {
+      color: ${props => props.theme.palette.common.white}!important;
+    }
+  }
+`;
+export default ActionButton;
+export const strippedString = (originalString = '') => {
+  return originalString.replace(/(<([^>]+)>)/gi, '').trim();
+};
+export const formatDownloadCount = (num = '') => {
+  const n = parseInt(num, 10);
+  if (Number.isNaN(n)) {
+    return num;
+  }
+  if (n < 1000) {
+    return n;
+  }
+  if (n < 1000000) {
+    return `${(n / 1000).toFixed(1)}k`;
+  }
+  if (n < 1000000000) {
+    return `${(n / 1000000).toFixed(1)}m`;
+  }
+  return `${(n / 1000000000).toFixed(1)}b`;
+};

package/lib/Button/wrap.js

@@ -90,11 +90,11 @@ export default function (BaseComponent) {
     /**
      * @type {import('react').CSSProperties}
      */
-    const styles = Object.assign({}, style, {
+    const styles = Object.assign({}, {
       boxShadow: 'none',
       textTransform: 'capitalize',
       ...matched
-    });
+    }, style);
     let _rest = rest;
     if (!matched) {
       // mui button 本身支持的 color 交由 mui 处理

package/lib/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("../Button/wrap").ButtonComponent;
+export default _default;

package/lib/CardSelector/index.d.ts

@@ -0,0 +1,34 @@
+declare function CardSelector({ list, width, height, cardSpace, onSelect, defaultIndex }: {
+    list: any;
+    width: any;
+    height: any;
+    cardSpace: any;
+    onSelect: any;
+    defaultIndex: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace CardSelector {
+    namespace propTypes {
+        let list: PropTypes.Requireable<any[]>;
+        let width: PropTypes.Requireable<number>;
+        let height: PropTypes.Requireable<number>;
+        let cardSpace: PropTypes.Requireable<number>;
+        let onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        let defaultIndex: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        let list_1: string;
+        export { list_1 as list };
+        let width_1: number;
+        export { width_1 as width };
+        let height_1: number;
+        export { height_1 as height };
+        let cardSpace_1: number;
+        export { cardSpace_1 as cardSpace };
+        export { noop as onSelect };
+        let defaultIndex_1: number;
+        export { defaultIndex_1 as defaultIndex };
+    }
+}
+export default CardSelector;
+import PropTypes from 'prop-types';
+import noop from 'lodash/noop';

package/lib/Center/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ *
+ * @param {string} relative 容器相对尺寸，默认相对屏幕(screen)，可设置为父容器(parent)
+ * @returns react component element
+ */
+declare function Center({ children, relative }: string): import("react/jsx-runtime").JSX.Element;
+declare namespace Center {
+    namespace propTypes {
+        let children: PropTypes.Validator<any>;
+        let relative: PropTypes.Requireable<string>;
+    }
+    namespace defaultProps {
+        let relative_1: string;
+        export { relative_1 as relative };
+    }
+}
+export default Center;
+import PropTypes from 'prop-types';

package/lib/ClickToCopy/copy-button.d.ts

@@ -0,0 +1,27 @@
+declare function CopyButton({ content, locale, render, showTooltip, ...rest }: {
+    [x: string]: any;
+    content: any;
+    locale: any;
+    render: any;
+    showTooltip: any;
+}): any;
+declare namespace CopyButton {
+    namespace propTypes {
+        let content: PropTypes.Requireable<string>;
+        let locale: PropTypes.Requireable<string>;
+        let render: PropTypes.Requireable<(...args: any[]) => any>;
+        let showTooltip: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let content_1: string;
+        export { content_1 as content };
+        let locale_1: string;
+        export { locale_1 as locale };
+        let render_1: undefined;
+        export { render_1 as render };
+        let showTooltip_1: boolean;
+        export { showTooltip_1 as showTooltip };
+    }
+}
+export default CopyButton;
+import PropTypes from 'prop-types';

package/lib/ClickToCopy/hook.d.ts

@@ -0,0 +1,9 @@
+export default function useCopy({ content, locale }: {
+    content: any;
+    locale?: string | undefined;
+}): {
+    containerRef: import("react").MutableRefObject<undefined>;
+    copied: boolean;
+    copy: (e: any) => void;
+    texts: any;
+};

package/lib/ClickToCopy/index.d.ts

@@ -0,0 +1,32 @@
+declare function ClickToCopy(props: any): import("react/jsx-runtime").JSX.Element;
+declare namespace ClickToCopy {
+    namespace propTypes {
+        let children: PropTypes.Validator<any>;
+        let content: PropTypes.Requireable<string>;
+        let tip: PropTypes.Requireable<string>;
+        let tipPlacement: PropTypes.Requireable<string>;
+        let copiedTip: PropTypes.Requireable<string>;
+        let locale: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<object>;
+        let unstyled: PropTypes.Requireable<boolean>;
+    }
+    namespace defaultProps {
+        let content_1: string;
+        export { content_1 as content };
+        let tip_1: string;
+        export { tip_1 as tip };
+        let copiedTip_1: string;
+        export { copiedTip_1 as copiedTip };
+        let tipPlacement_1: string;
+        export { tipPlacement_1 as tipPlacement };
+        let locale_1: string;
+        export { locale_1 as locale };
+        let style_1: {};
+        export { style_1 as style };
+        let unstyled_1: boolean;
+        export { unstyled_1 as unstyled };
+    }
+}
+export default ClickToCopy;
+export { default as CopyButton } from "./copy-button";
+import PropTypes from 'prop-types';

package/lib/CodeBlock/LightBox.d.ts

@@ -0,0 +1,5 @@
+export default LightBox;
+declare const LightBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;