@seakoi/native-ui 1.0.0

package/dist/module/native-provider/safe-area-compact-provider.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import { Dimensions, Platform } from 'react-native';
+import { initialWindowMetrics, SafeAreaInsetsContext, SafeAreaProvider } from 'react-native-safe-area-context';
+
+/**
+ * @see {@link https://appandflow.github.io/react-native-safe-area-context/optimizations}
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+let initialMetics = initialWindowMetrics;
+if (Platform.OS === 'web' || !initialMetics) {
+  const {
+    width = 0,
+    height = 0
+  } = Dimensions.get('window');
+  initialMetics = {
+    frame: {
+      width,
+      height,
+      x: 0,
+      y: 0
+    },
+    insets: {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    }
+  };
+}
+export const SafeAreaCompactProvider = props => {
+  return /*#__PURE__*/_jsx(SafeAreaInsetsContext.Consumer, {
+    children: insets => {
+      if (insets) return props.children;
+      return /*#__PURE__*/_jsx(SafeAreaProvider, {
+        initialMetrics: initialMetics,
+        children: props.children
+      });
+    }
+  });
+};

package/dist/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/dist/module/shared/apis/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/** 统一导出所有接口配置 */
+
+export default {
+  GET_ADDRESS: {
+    method: 'GET',
+    url: '/example'
+  }
+};

package/dist/module/shared/constants/event-emitter-type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+// Portal 事件常量
+export const NATIVE_UI_PORTAL_ADD_EVENT = 'NATIVE_UI_PORTAL_ADD_EVENT';
+export const NATIVE_UI_PORTAL_REMOVE_EVENT = 'NATIVE_UI_PORTAL_REMOVE_EVENT';

package/dist/module/shared/constants/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export * from "./event-emitter-type.js";

package/dist/module/shared/hooks/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./use-back-top.js";
+export * from "./use-merge-refs.js";

package/dist/module/shared/hooks/use-back-top.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import { useRef, useState } from 'react';
+
+/**
+ * 所有 RN 可滚动组件的 ref 能力统一抽象
+ */
+
+/**
+ * useBackToTop 配置项
+ */
+
+/**
+ * 返回顶部 Hook
+ *
+ * 支持：
+ * - ScrollView
+ * - FlatList
+ * - SectionList
+ * - VirtualizedList
+ */
+export function useBackToTop(options = {}) {
+  const {
+    threshold = 300
+  } = options;
+  const scrollRef = useRef(null);
+  const [visible, setVisible] = useState(false);
+
+  /**
+   * 外部在 onScroll 中透传调用
+   *
+   * <ScrollView onScroll={onScroll} scrollEventThrottle={16} />
+   */
+  const onScroll = e => {
+    const y = e.nativeEvent.contentOffset.y;
+    setVisible(y >= threshold);
+  };
+
+  /**
+   * 回到顶部
+   *
+   * 自动兼容：
+   * - scrollTo
+   * - scrollToOffset
+   * - scrollToLocation
+   */
+  const scrollToTop = () => {
+    const node = scrollRef.current;
+    if (!node) return;
+    if (isScrollView(node)) {
+      node.scrollTo({
+        y: 0,
+        animated: true
+      });
+    } else if (isFlatList(node)) {
+      node.scrollToOffset({
+        offset: 0,
+        animated: true
+      });
+    } else if (isSectionList(node)) {
+      node.scrollToLocation({
+        sectionIndex: 0,
+        itemIndex: 0,
+        animated: true
+      });
+    }
+  };
+  return {
+    /**
+     * 直接挂到 ScrollView / FlatList ref
+     */
+    scrollRef,
+    /**
+     * 是否显示返回顶部按钮
+     */
+    visible,
+    /**
+     * 透传给 onScroll
+     */
+    onScroll,
+    /**
+     * 点击返回顶部
+     */
+    scrollToTop
+  };
+}
+function isScrollView(ref) {
+  return typeof ref.scrollTo === 'function';
+}
+function isFlatList(ref) {
+  return typeof ref.scrollToOffset === 'function';
+}
+function isSectionList(ref) {
+  return typeof ref.scrollToLocation === 'function';
+}

package/dist/module/shared/hooks/use-merge-refs.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { useCallback } from 'react';
+export function useMergeRefs(refs) {
+  return useCallback(instance => {
+    for (const ref of refs) {
+      if (typeof ref === 'function') {
+        ref(instance);
+      } else if (!!ref && typeof ref === 'object' && 'current' in ref) {
+        // eslint-disable-next-line react-hooks/immutability
+        ref.current = instance;
+      }
+    }
+  }, [refs]);
+}

package/dist/module/shared/theme/fonts.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { tokens } from "./tokens/index.js";
+export const defaultFontsConfig = {
+  numeric: {
+    fontWeight: 400,
+    fontFamily: 'TCloudNumber'
+  },
+  regular: {
+    fontWeight: 400,
+    fontFamily: 'Nunito-Regular'
+  },
+  medium: {
+    fontWeight: 500,
+    fontFamily: 'Nunito-Medium'
+  },
+  semiBold: {
+    fontWeight: 600,
+    fontFamily: 'Nunito-SemiBold'
+  }
+};
+
+/**
+ * 创建字体配置
+ * @example
+ * createFontsConfig({ regular: 400, medium: 500, bold: 700 })
+ * createFontsConfig({ regular: { fontFamily: "regular" }, bold: { fontFamily: "bold" } })
+ */
+export const createFontsConfig = fontsConfig => {
+  const fontsConfigArray = Object.entries(fontsConfig).map(([fontWeightVariant, weightOrStyle]) => {
+    let fontStyle = weightOrStyle;
+    if (typeof weightOrStyle !== 'object') {
+      fontStyle = {
+        fontWeight: weightOrStyle
+      };
+    }
+    const typescaleMapFontWeight = Object.fromEntries(Object.entries(tokens.typescale).map(([fontSize, currentFontStyle]) => [fontSize, {
+      ...currentFontStyle,
+      ...fontStyle
+    }]));
+    return [fontWeightVariant, typescaleMapFontWeight];
+  });
+  return Object.fromEntries(fontsConfigArray);
+};

package/dist/module/shared/theme/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import deepmerge from 'deepmerge';
+import { createFontsConfig, defaultFontsConfig } from "./fonts.js";
+import { tokens } from "./tokens/index.js";
+export * from "./fonts.js";
+export * from "./tokens/index.js";
+/**
+ * 创建主题
+ * @param themeConfig 主题配置
+ * @returns 主题
+ */
+export const createTheme = themeConfig => {
+  return deepmerge({
+    shadow: tokens.shadow,
+    palette: tokens.palette,
+    spacing: tokens.spacing,
+    roundness: tokens.roundness,
+    fonts: createFontsConfig(defaultFontsConfig)
+  }, {
+    ...themeConfig,
+    mode: themeConfig?.mode ?? 'light'
+  });
+};

package/dist/module/shared/theme/tokens/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import { palette } from "./palette.js";
+import { shadow } from "./shadow.js";
+
+/** 圆角 */
+const roundness = {
+  sm: 2,
+  md: 4,
+  lg: 8,
+  xl: 12,
+  none: 0,
+  full: 999
+};
+
+/** 间隙 */
+export const spacing = {
+  none: 0,
+  xxs: 4,
+  xs: 6,
+  sm: 8,
+  md: 12,
+  lg: 16,
+  xl: 20,
+  xxl: 24
+};
+
+/** 字体大小 */
+const typescale = {
+  size10: {
+    fontSize: 10
+  },
+  size11: {
+    fontSize: 11
+  },
+  size12: {
+    fontSize: 12
+  },
+  size13: {
+    fontSize: 13
+  },
+  size14: {
+    fontSize: 14
+  },
+  size15: {
+    fontSize: 15
+  },
+  size16: {
+    fontSize: 16
+  },
+  size18: {
+    fontSize: 18
+  },
+  size20: {
+    fontSize: 20
+  },
+  size22: {
+    fontSize: 22
+  },
+  size24: {
+    fontSize: 24
+  }
+};
+export const tokens = {
+  palette,
+  typescale,
+  roundness,
+  shadow,
+  spacing
+};

package/dist/module/shared/theme/tokens/palette.js

@@ -0,0 +1,84 @@
+"use strict";
+
+/** 🎨 调色板 */
+export const palette = {
+  white: 'rgba(255, 255, 255, 1)',
+  brand1: 'rgba(241, 248, 255, 1)',
+  brand2: 'rgba(208, 232, 255, 1)',
+  brand3: 'rgba(175, 216, 255, 1)',
+  brand4: 'rgba(142, 200, 255, 1)',
+  brand5: 'rgba(109, 184, 254, 1)',
+  brand6: 'rgba(76, 168, 254, 1)',
+  brand7: 'rgba(43, 152, 254, 1)',
+  brand8: 'rgba(34, 110, 196, 1)',
+  brand9: 'rgba(26, 75, 139, 1)',
+  brand10: 'rgba(17, 40, 81, 1)',
+  error1: 'rgba(255, 243, 243, 1)',
+  error2: 'rgba(254, 216, 216, 1)',
+  error3: 'rgba(254, 190, 190, 1)',
+  error4: 'rgba(253, 163, 163, 1)',
+  error5: 'rgba(252, 137, 136, 1)',
+  error6: 'rgba(252, 111, 110, 1)',
+  error7: 'rgba(251, 84, 83, 1)',
+  error8: 'rgba(194, 65, 74, 1)',
+  error9: 'rgba(138, 48, 54, 1)',
+  error10: 'rgba(81, 30, 33, 1)',
+  warning1: 'rgba(255, 248, 245, 1)',
+  warning2: 'rgba(255, 229, 218, 1)',
+  warning3: 'rgba(255, 210, 192, 1)',
+  warning4: 'rgba(255, 191, 165, 1)',
+  warning5: 'rgba(255, 171, 138, 1)',
+  warning6: 'rgba(255, 152, 112, 1)',
+  warning7: 'rgba(255, 133, 85, 1)',
+  warning8: 'rgba(194, 100, 65, 1)',
+  warning9: 'rgba(134, 68, 46, 1)',
+  warning10: 'rgba(73, 35, 26, 1)',
+  success1: 'rgba(243, 255, 248, 1)',
+  success2: 'rgba(202, 240, 225, 1)',
+  success3: 'rgba(162, 226, 201, 1)',
+  success4: 'rgba(122, 211, 178, 1)',
+  success5: 'rgba(81, 197, 155, 1)',
+  success6: 'rgba(41, 183, 131, 1)',
+  success7: 'rgba(0, 168, 108, 1)',
+  success8: 'rgba(0, 138, 93, 1)',
+  success9: 'rgba(0, 109, 79, 1)',
+  success10: 'rgba(0, 79, 64, 1)',
+  gray1: 'rgba(243, 243, 243, 1)',
+  gray2: 'rgba(238, 238, 238, 1)',
+  gray3: 'rgba(231, 231, 231, 1)',
+  gray4: 'rgba(220, 220, 220, 1)',
+  gray5: 'rgba(197, 197, 197, 1)',
+  gray6: 'rgba(166, 166, 166, 1)',
+  gray7: 'rgba(139, 139, 139, 1)',
+  gray8: 'rgba(119, 119, 119, 1)',
+  gray9: 'rgba(94, 94, 94, 1)',
+  gray10: 'rgba(75, 75, 75, 1)',
+  gray11: 'rgba(56, 56, 56, 1)',
+  gray12: 'rgba(44, 44, 44, 1)',
+  gray13: 'rgba(36, 36, 36, 1)',
+  gray14: 'rgba(24, 24, 24, 1)',
+  fontGray1: 'rgba(0, 0, 0, 0.9)',
+  fontGray2: 'rgba(0, 0, 0, 0.6)',
+  fontGray3: 'rgba(0, 0, 0, 0.4)',
+  fontGray4: 'rgba(0, 0, 0, 0.26)',
+  fontGray5: 'rgba(0, 0, 0, 0.18)',
+  fontWhite1: 'rgba(255, 255, 255, 1)',
+  fontWhite2: 'rgba(255, 255, 255, 0.8)',
+  fontWhite3: 'rgba(255, 255, 255, 0.55)',
+  fontWhite4: 'rgba(255, 255, 255, 0.35)',
+  fontWhite5: 'rgba(255, 255, 255, 0.22)',
+  blueGray1: 'rgba(243, 243, 244, 1)',
+  blueGray2: 'rgba(238, 238, 240, 1)',
+  blueGray3: 'rgba(231, 232, 235, 1)',
+  blueGray4: 'rgba(220, 221, 225, 1)',
+  blueGray5: 'rgba(196, 198, 205, 1)',
+  blueGray6: 'rgba(162, 166, 177, 1)',
+  blueGray7: 'rgba(133, 138, 153, 1)',
+  blueGray8: 'rgba(111, 118, 134, 1)',
+  blueGray9: 'rgba(83, 93, 109, 1)',
+  blueGray10: 'rgba(66, 74, 87, 1)',
+  blueGray11: 'rgba(50, 56, 67, 1)',
+  blueGray12: 'rgba(39, 43, 52, 1)',
+  blueGray13: 'rgba(32, 35, 43, 1)',
+  blueGray14: 'rgba(21, 24, 29, 1)'
+};

package/dist/module/shared/theme/tokens/shadow.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { Platform, StyleSheet } from 'react-native';
+const supportBoxShadowOnAndroid = Platform.OS === 'android' && Platform.Version >= 28;
+
+/** 阴影 */
+export const shadow = {
+  level0: {
+    boxShadow: []
+  },
+  level1: StyleSheet.flatten([!supportBoxShadowOnAndroid && Platform.select({
+    android: {
+      elevation: 3
+    }
+  }), {
+    boxShadow: [{
+      offsetX: 0,
+      offsetY: 1,
+      blurRadius: 10,
+      spreadDistance: 0,
+      color: 'rgba(0, 0, 0, 0.05)'
+    }, {
+      offsetX: 0,
+      offsetY: 4,
+      blurRadius: 5,
+      spreadDistance: 0,
+      color: 'rgba(0, 0, 0, 0.08)'
+    }, {
+      offsetX: 0,
+      offsetY: 2,
+      blurRadius: 4,
+      spreadDistance: -1,
+      color: 'rgba(0, 0, 0, 0.12)'
+    }]
+  }]),
+  level2: StyleSheet.flatten([!supportBoxShadowOnAndroid && Platform.select({
+    android: {
+      elevation: 6
+    }
+  }), {
+    boxShadow: [{
+      offsetX: 0,
+      offsetY: 3,
+      blurRadius: 14,
+      spreadDistance: 2,
+      color: 'rgba(0, 0, 0, 0.05)'
+    }, {
+      offsetX: 0,
+      offsetY: 8,
+      blurRadius: 10,
+      spreadDistance: 1,
+      color: 'rgba(0, 0, 0, 0.06)'
+    }, {
+      offsetX: 0,
+      offsetY: 5,
+      blurRadius: 5,
+      spreadDistance: -3,
+      color: 'rgba(0, 0, 0, 0.1)'
+    }]
+  }]),
+  level3: StyleSheet.flatten([!supportBoxShadowOnAndroid && Platform.select({
+    android: {
+      elevation: 9
+    }
+  }), {
+    boxShadow: [{
+      offsetX: 0,
+      offsetY: 6,
+      blurRadius: 30,
+      spreadDistance: 5,
+      color: 'rgba(0, 0, 0, 0.05)'
+    }, {
+      offsetX: 0,
+      offsetY: 16,
+      blurRadius: 24,
+      spreadDistance: 2,
+      color: 'rgba(0, 0, 0, 0.04)'
+    }, {
+      offsetX: 0,
+      offsetY: 8,
+      blurRadius: 10,
+      spreadDistance: -5,
+      color: 'rgba(0, 0, 0, 0.08)'
+    }]
+  }])
+};

package/dist/module/shared/theme/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export {};

package/dist/module/shared/utils/element.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { isValidElement } from 'react';
+export const safetyRenderChildren = (children, defaultRender) => {
+  if (!children && typeof children !== 'number') return;
+  if (/*#__PURE__*/isValidElement(children)) return children;
+  return defaultRender(children);
+};

package/dist/module/shared/utils/error.js

@@ -0,0 +1,6 @@
+"use strict";
+
+// 判断请求是否为网络错误，用于Ky请求库的错误对象
+export const isNetworkError = error => {
+  return error?.name === 'TimeoutError' || error?.message === 'Network request failed';
+};

package/dist/module/shared/utils/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./element.js";
+export * from "./error.js";

package/dist/module/shared/utils/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/typescript/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/typescript/commonjs/src/components/base/address-picker/address-picker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AddressPickerProps } from './types';
+export declare const AddressPicker: React.FC<AddressPickerProps>;
+//# sourceMappingURL=address-picker.d.ts.map

package/dist/typescript/commonjs/src/components/base/address-picker/address-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-picker.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/address-picker/address-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAajD,OAAO,KAAK,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAC;AAU3E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwKtD,CAAC"}

package/dist/typescript/commonjs/src/components/base/address-picker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './address-picker';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/src/components/base/address-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/address-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,SAAS,CAAC"}

package/dist/typescript/commonjs/src/components/base/address-picker/style/index.d.ts

@@ -0,0 +1,53 @@
+export declare const useAddressPickerStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    container: {
+        backgroundColor: "rgba(255, 255, 255, 1)";
+        borderTopLeftRadius: 8;
+        borderTopRightRadius: 8;
+        overflow: "hidden";
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: 16;
+        paddingVertical: 12;
+        borderBottomWidth: number;
+        borderBottomColor: "rgba(243, 243, 243, 1)";
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "600";
+        color: "rgba(0, 0, 0, 0.9)";
+    };
+    closeIcon: {
+        padding: number;
+    };
+    pickerContainer: {};
+    footer: {
+        flexDirection: "row";
+        padding: 16;
+        gap: 12;
+        borderTopWidth: number;
+        borderTopColor: "rgba(243, 243, 243, 1)";
+    };
+    button: {
+        flex: number;
+    };
+    columnHeaderContainer: {
+        flexDirection: "row";
+        borderBottomWidth: number;
+        borderBottomColor: "rgba(243, 243, 243, 1)";
+        backgroundColor: "rgba(243, 243, 243, 1)";
+    };
+    columnHeader: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+        paddingVertical: number;
+    };
+    columnHeaderText: {
+        fontSize: number;
+        color: "rgba(0, 0, 0, 0.6)";
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/src/components/base/address-picker/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/base/address-picker/style/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDhC,CAAC"}

package/dist/typescript/commonjs/src/components/base/address-picker/types.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+import type { Column, PickerOptionCascade, PickerValue } from '../picker-view/types';
+export type AddressPickerSelectType = 'province' | 'city' | 'district' | 'street';
+export interface AddressPickerProps {
+    /** 当前选中值 */
+    value?: PickerValue[];
+    /** 默认选中值 */
+    defaultValue?: PickerValue[];
+    /** 选项列表 */
+    columns: Column[];
+    /** 选项高度 */
+    itemHeight?: number;
+    /** 标题 */
+    title?: ReactNode;
+    /** 确认按钮文字 */
+    confirmText?: string;
+    /** 取消按钮文字 */
+    cancelText?: string;
+    /** 值改变回调 */
+    onChange?: (value: PickerValue[], options: PickerOptionCascade[]) => void;
+    /** 确认回调 */
+    onConfirm?: (value: PickerValue[], options: PickerOptionCascade[]) => void;
+    /** 取消回调 */
+    onCancel?: () => void;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 选择类型（控制显示层级） */
+    selectType?: AddressPickerSelectType;
+}
+export interface AddressPickerColumnProps {
+    value?: PickerValue;
+    onChange?: (value: PickerValue) => void;
+    options: PickerValue[];
+    itemHeight: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/commonjs/src/components/base/address-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/address-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,MAAM,EACN,mBAAmB,EACnB,WAAW,EACZ,MAAM,sBAAsB,CAAC;AAE9B,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;AAElF,MAAM,WAAW,kBAAkB;IACjC,YAAY;IACZ,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,YAAY;IACZ,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,WAAW;IACX,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS;IACT,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAC1E,WAAW;IACX,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAC3E,WAAW;IACX,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB;IACnB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/typescript/commonjs/src/components/base/async-boundary/async-boundary.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type AsyncBoundaryProps } from './types';
+export declare const AsyncBoundary: React.FC<AsyncBoundaryProps>;
+//# sourceMappingURL=async-boundary.d.ts.map

package/dist/typescript/commonjs/src/components/base/async-boundary/async-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-boundary.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/async-boundary/async-boundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,OAAO,EAAE,KAAK,kBAAkB,EAAuB,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4EtD,CAAC"}

package/dist/typescript/commonjs/src/components/base/async-boundary/index.d.ts

@@ -0,0 +1,3 @@
+export * from './async-boundary';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/commonjs/src/components/base/async-boundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/base/async-boundary/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}

package/dist/typescript/commonjs/src/components/base/async-boundary/style/index.d.ts

@@ -0,0 +1,8 @@
+export declare const useAsyncBoundaryStyles: (options?: import("../../../../shared/utils").AnyObject | undefined) => {
+    container: {
+        flex: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+};
+//# sourceMappingURL=index.d.ts.map