@orderly.network/ui 2.11.0 → 3.0.0-beta.1

package/dist/index.d.mts

@@ -28,6 +28,8 @@ export * from 'embla-carousel-react';
 export { default as useEmblaCarousel } from 'embla-carousel-react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
+import { ExtensionPosition } from '@orderly.network/plugin-core';
+export { Extension, ExtensionBuilder, ExtensionOptions, ExtensionPosition, ExtensionPositionEnum, ExtensionProvider, ExtensionSlot, InterceptorTargetPropsMap, KnownInterceptorTarget, OrderlyExtensionRegistry, OrderlyPlugin, OrderlyPluginAPI, OrderlyPluginContextValue, OrderlyPluginProvider, OrderlyPluginRegistry, OrderlySDK, PluginErrorBoundary, PluginInterceptor, PluginInterceptorComponent, PluginRegistrationFn, PluginScopeContext, PluginScopeProvider, PluginScopeValue, createInterceptor, createOrderlySDK, injectable, installExtension, positionToPath, setExtensionBuilder, useExtensionContext, useInjectedComponent, useOrderlyPluginContext, usePluginScope } from '@orderly.network/plugin-core';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 export * from 'embla-carousel-auto-scroll';
 export { default as AutoScroll } from 'embla-carousel-auto-scroll';
@@ -4409,10 +4411,14 @@ declare function useMultiSort(props: {
     } | undefined;
 };
 
-declare const EmptyDataState: FC<{
+/** Props for Table.EmptyDataIdentifier injectable; used by plugins for typed interceptor */
+interface EmptyDataStateProps {
     title?: string;
     className?: string;
-}>;
+}
+declare const EmptyDataState: FC<EmptyDataStateProps>;
+/** Injectable default for Table.EmptyDataIdentifier slot - plugins can intercept via OrderlyPluginProvider */
+declare const InjectableEmptyDataState: React$1.ComponentType<EmptyDataStateProps>;
 
 type MultiSortHeaderProps = {
     column: Column<any>;
@@ -8650,61 +8656,25 @@ type IconType = typeof BaseIcon & {
 };
 declare const Icon: IconType;
 
-type ExtensionPosition = ExtensionPositionEnum | string;
-declare enum ExtensionPositionEnum {
-    DepositForm = "depositForm",
-    WithdrawForm = "withdrawForm",
-    /**
-     * Wallet button
-     */
-    AccountMenu = "accountMenu",
-    MobileAccountMenu = "mobileAccountMenu",
-    MainMenus = "mainMenus",
-    EmptyDataIdentifier = "emptyDataIdentifier"
+/** Props for Deposit.DepositForm injectable; used by plugins for typed interceptor */
+interface DepositFormProps {
+    onOk?: () => void;
+    position?: string;
+    [k: string]: unknown;
 }
 
 /**
- * @name ExtensionOptions
- * @description Extension meta data
+ * Module augmentation: maps interceptor target paths to their component props types.
+ * Import this file (or import from @orderly.network/ui) to enable typed props in
+ * createInterceptor('Deposit.DepositForm', (Original, props, api) => ...).
  */
-type ExtensionOptions<Props> = {
-    name: string;
-    /**
-     * which ctx data the extension available to use
-     */
-    scope?: string[];
-    /**
-     * @description define the extension require @orderly.network/hook version, optional
-     * @default "*"
-     */
-    engines?: string;
-    positions: ExtensionPosition[];
-    builder?: (props: any) => Props;
-    __isInternal?: boolean;
-    entry?: string[];
-    /**
-     * fire when the extension is installed
-     * @returns
-     */
-    installed?: () => Promise<void>;
-    onInit?: () => void;
-    activate?: () => Promise<void>;
-    deactivate?: () => Promise<void>;
-};
-type ExtensionRenderComponentType<Props> = ElementType<Props> | ((props: Props) => ReactElement);
-declare const installExtension: <Props>(options: ExtensionOptions<Props>) => ((component: ExtensionRenderComponentType<Props>) => void);
-/**
- * update the extension builder function
- */
-declare const setExtensionBuilder: <Props extends unknown = {}>(position: ExtensionPosition, builder: () => Props) => void;
 
-interface SlotProps {
-    position: ExtensionPosition;
-    defaultWidget?: React__default.FC;
-    scope?: string[];
-    [key: string]: any;
+declare module "@orderly.network/plugin-core" {
+    interface InterceptorTargetPropsMap {
+        "Deposit.DepositForm": DepositFormProps;
+        "Table.EmptyDataIdentifier": EmptyDataStateProps;
+    }
 }
-declare const ExtensionSlot: React__default.FC<SlotProps>;
 
 declare const basePlugin: () => {
     handler: tailwindcss_types_config.PluginCreator;
@@ -9410,4 +9380,4 @@ declare const DotStatus: {
     displayName: string;
 };
 
-export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DARK_THEME_CSS_VARS, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LIGHT_THEME_CSS_VARS, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, type ThemeConfig, type ThemeCssVars, ThrottledButton, Tips, type TipsProps, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, iconButtonVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };
+export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DARK_THEME_CSS_VARS, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, type DepositFormProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, type EmptyDataStateProps, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconType, InfoCircleIcon, InjectableEmptyDataState, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LIGHT_THEME_CSS_VARS, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, type ThemeConfig, type ThemeCssVars, ThrottledButton, Tips, type TipsProps, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, iconButtonVariants, index$2 as inputFormatter, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export * from 'embla-carousel-react';
 export { default as useEmblaCarousel } from 'embla-carousel-react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
+import { ExtensionPosition } from '@orderly.network/plugin-core';
+export { Extension, ExtensionBuilder, ExtensionOptions, ExtensionPosition, ExtensionPositionEnum, ExtensionProvider, ExtensionSlot, InterceptorTargetPropsMap, KnownInterceptorTarget, OrderlyExtensionRegistry, OrderlyPlugin, OrderlyPluginAPI, OrderlyPluginContextValue, OrderlyPluginProvider, OrderlyPluginRegistry, OrderlySDK, PluginErrorBoundary, PluginInterceptor, PluginInterceptorComponent, PluginRegistrationFn, PluginScopeContext, PluginScopeProvider, PluginScopeValue, createInterceptor, createOrderlySDK, injectable, installExtension, positionToPath, setExtensionBuilder, useExtensionContext, useInjectedComponent, useOrderlyPluginContext, usePluginScope } from '@orderly.network/plugin-core';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 export * from 'embla-carousel-auto-scroll';
 export { default as AutoScroll } from 'embla-carousel-auto-scroll';
@@ -4409,10 +4411,14 @@ declare function useMultiSort(props: {
     } | undefined;
 };
 
-declare const EmptyDataState: FC<{
+/** Props for Table.EmptyDataIdentifier injectable; used by plugins for typed interceptor */
+interface EmptyDataStateProps {
     title?: string;
     className?: string;
-}>;
+}
+declare const EmptyDataState: FC<EmptyDataStateProps>;
+/** Injectable default for Table.EmptyDataIdentifier slot - plugins can intercept via OrderlyPluginProvider */
+declare const InjectableEmptyDataState: React$1.ComponentType<EmptyDataStateProps>;
 
 type MultiSortHeaderProps = {
     column: Column<any>;
@@ -8650,61 +8656,25 @@ type IconType = typeof BaseIcon & {
 };
 declare const Icon: IconType;
 
-type ExtensionPosition = ExtensionPositionEnum | string;
-declare enum ExtensionPositionEnum {
-    DepositForm = "depositForm",
-    WithdrawForm = "withdrawForm",
-    /**
-     * Wallet button
-     */
-    AccountMenu = "accountMenu",
-    MobileAccountMenu = "mobileAccountMenu",
-    MainMenus = "mainMenus",
-    EmptyDataIdentifier = "emptyDataIdentifier"
+/** Props for Deposit.DepositForm injectable; used by plugins for typed interceptor */
+interface DepositFormProps {
+    onOk?: () => void;
+    position?: string;
+    [k: string]: unknown;
 }
 
 /**
- * @name ExtensionOptions
- * @description Extension meta data
+ * Module augmentation: maps interceptor target paths to their component props types.
+ * Import this file (or import from @orderly.network/ui) to enable typed props in
+ * createInterceptor('Deposit.DepositForm', (Original, props, api) => ...).
  */
-type ExtensionOptions<Props> = {
-    name: string;
-    /**
-     * which ctx data the extension available to use
-     */
-    scope?: string[];
-    /**
-     * @description define the extension require @orderly.network/hook version, optional
-     * @default "*"
-     */
-    engines?: string;
-    positions: ExtensionPosition[];
-    builder?: (props: any) => Props;
-    __isInternal?: boolean;
-    entry?: string[];
-    /**
-     * fire when the extension is installed
-     * @returns
-     */
-    installed?: () => Promise<void>;
-    onInit?: () => void;
-    activate?: () => Promise<void>;
-    deactivate?: () => Promise<void>;
-};
-type ExtensionRenderComponentType<Props> = ElementType<Props> | ((props: Props) => ReactElement);
-declare const installExtension: <Props>(options: ExtensionOptions<Props>) => ((component: ExtensionRenderComponentType<Props>) => void);
-/**
- * update the extension builder function
- */
-declare const setExtensionBuilder: <Props extends unknown = {}>(position: ExtensionPosition, builder: () => Props) => void;
 
-interface SlotProps {
-    position: ExtensionPosition;
-    defaultWidget?: React__default.FC;
-    scope?: string[];
-    [key: string]: any;
+declare module "@orderly.network/plugin-core" {
+    interface InterceptorTargetPropsMap {
+        "Deposit.DepositForm": DepositFormProps;
+        "Table.EmptyDataIdentifier": EmptyDataStateProps;
+    }
 }
-declare const ExtensionSlot: React__default.FC<SlotProps>;
 
 declare const basePlugin: () => {
     handler: tailwindcss_types_config.PluginCreator;
@@ -9410,4 +9380,4 @@ declare const DotStatus: {
     displayName: string;
 };
 
-export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DARK_THEME_CSS_VARS, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LIGHT_THEME_CSS_VARS, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, type ThemeConfig, type ThemeCssVars, ThrottledButton, Tips, type TipsProps, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, iconButtonVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };
+export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DARK_THEME_CSS_VARS, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, type DepositFormProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, type EmptyDataStateProps, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconType, InfoCircleIcon, InjectableEmptyDataState, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LIGHT_THEME_CSS_VARS, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, type ThemeConfig, type ThemeCssVars, ThrottledButton, Tips, type TipsProps, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, iconButtonVariants, index$2 as inputFormatter, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };

package/dist/index.js

@@ -16,7 +16,7 @@ var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var SwitchPrimitives = require('@radix-ui/react-switch');
 var reactTable = require('@tanstack/react-table');
 var locale = require('date-fns/locale');
-var reactErrorBoundary = require('react-error-boundary');
+var pluginCore = require('@orderly.network/plugin-core');
 var reactDayPicker = require('react-day-picker');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var TabsPrimitive = require('@radix-ui/react-tabs');
@@ -7464,139 +7464,26 @@ var TablePagination = (props) => {
     }
   ) });
 };
-var OrderlyExtensionRegistry = class _OrderlyExtensionRegistry {
-  // private static _instance: OrderlyExtensionRegistry;
-  static getInstance() {
-    const globalObject = utils.getGlobalObject();
-    if (!globalObject.__ORDERLY_EXTENSION_REGISTRY__) {
-      globalObject.__ORDERLY_EXTENSION_REGISTRY__ = new _OrderlyExtensionRegistry();
-    }
-    return globalObject.__ORDERLY_EXTENSION_REGISTRY__;
-  }
-  extensionMap = /* @__PURE__ */ new Map();
-  // private formatterMap: Map<string, Function> = new Map();
-  register(plugin3) {
-    if (!plugin3.builder) ;
-    for (let index = 0; index < plugin3.positions.length; index++) {
-      if (typeof plugin3.builder !== "function") {
-        const builder = this.extensionMap.get(plugin3.positions[index])?.builder;
-        plugin3.builder = typeof builder === "undefined" ? (
-          // ? DEFAULT_BUILDER
-          void 0
-        ) : builder;
-      }
-      const pos = plugin3.positions[index];
-      this.registerToPosition(pos, plugin3);
-    }
-  }
-  registerToPosition(position, plugin3) {
-    if (this.extensionMap.has(position)) {
-      const existingPlugin = this.extensionMap.get(position);
-      if (!existingPlugin?.__isInternal) {
-        if (!existingPlugin?.builder && plugin3.__isInternal) {
-          this.setBuilder(position, plugin3.builder);
-        }
-        return;
-      }
-      if (!plugin3.builder) {
-        plugin3.builder = existingPlugin.builder;
-      }
-    }
-    this.extensionMap.set(position, plugin3);
-  }
-  setBuilder(position, builder) {
-    const plugin3 = this.extensionMap.get(position);
-    if (plugin3) {
-      plugin3.builder = builder;
-    }
-  }
-  unregister(plugin3) {
-    for (let index = 0; index < plugin3.positions.length; index++) {
-      const pos = plugin3.positions[index];
-      this.unregisterFromPosition(pos);
-    }
-  }
-  unregisterFromPosition(position) {
-    this.extensionMap.delete(position);
-  }
-  getPluginsByPosition(position) {
-    return this.extensionMap.get(position);
-  }
-  /**
-   * get the registered formatter by position
-   * @param position
-   */
-  getFormatterByPosition(position) {
-    return this.extensionMap.get(position);
-  }
-};
-
-// src/plugin/install.tsx
-var installExtension = (options) => {
-  return (component) => {
-    const registry = OrderlyExtensionRegistry.getInstance();
-    registry.register({
-      name: options.name,
-      positions: options.positions,
-      __isInternal: !!options.__isInternal,
-      builder: options.builder,
-      render: component
-    });
-  };
-};
-var setExtensionBuilder = (position, builder) => {
-  const registry = OrderlyExtensionRegistry.getInstance();
-  registry.setBuilder(position, builder);
-};
-var NotFound = (props) => {
-  const { position } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-text-danger", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("strong", { children: `[${position}] ` }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Not found!" })
-  ] });
-};
-
-// src/plugin/useBuilder.ts
-var useBuilder = (position, props) => {
-  const registry = OrderlyExtensionRegistry.getInstance();
-  const plugin3 = registry.getPluginsByPosition(position);
-  return () => {
-    return plugin3?.builder?.(props) || props;
-  };
-};
-
-// src/plugin/useExtensionBuilder.ts
-var useExtensionBuilder = (position, props) => {
-  const builder = useBuilder(position, props);
-  return builder();
-};
-var ExtensionSlot = (props) => {
-  const { position, scope, defaultWidget: defaultValue, ...rest } = props;
-  const elementProps = useExtensionBuilder(position, rest);
-  const Ele = React71.useMemo(() => {
-    const registry = OrderlyExtensionRegistry.getInstance();
-    const plugin3 = registry.getPluginsByPosition(position);
-    return plugin3?.render ?? defaultValue ?? NotFound;
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactErrorBoundary.ErrorBoundary,
+var EmptyDataState = (props) => {
+  const [locale] = useLocale("empty");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Flex,
     {
-      fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { children: `Component: [${position}] went wrong` }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ...elementProps, position, children: /* @__PURE__ */ jsxRuntime.jsx(Ele, {}) })
+      itemAlign: "center",
+      direction: "column",
+      gapY: 4,
+      className: props.className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(emptyData_default, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text2, { as: "div", intensity: 36, size: "2xs", children: props.title ?? locale.description })
+      ]
     }
   );
 };
-
-// src/plugin/types.ts
-var ExtensionPositionEnum = /* @__PURE__ */ ((ExtensionPositionEnum2) => {
-  ExtensionPositionEnum2["DepositForm"] = "depositForm";
-  ExtensionPositionEnum2["WithdrawForm"] = "withdrawForm";
-  ExtensionPositionEnum2["AccountMenu"] = "accountMenu";
-  ExtensionPositionEnum2["MobileAccountMenu"] = "mobileAccountMenu";
-  ExtensionPositionEnum2["MainMenus"] = "mainMenus";
-  ExtensionPositionEnum2["EmptyDataIdentifier"] = "emptyDataIdentifier";
-  return ExtensionPositionEnum2;
-})(ExtensionPositionEnum || {});
+var InjectableEmptyDataState = pluginCore.injectable(
+  EmptyDataState,
+  "Table.EmptyDataIdentifier"
+);
 var TablePlaceholder = (props) => {
   const { visible, loading, emptyView, className } = props;
   if (!visible) {
@@ -7614,7 +7501,7 @@ var TablePlaceholder = (props) => {
         "oui-flex oui-items-center oui-justify-center",
         className
       ),
-      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : emptyView || /* @__PURE__ */ jsxRuntime.jsx(ExtensionSlot, { position: "emptyDataIdentifier" /* EmptyDataIdentifier */ })
+      children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : emptyView || /* @__PURE__ */ jsxRuntime.jsx(InjectableEmptyDataState, {})
     }
   );
 };
@@ -9875,26 +9762,6 @@ var usePagination = (initial) => {
     parsePagination
   };
 };
-var EmptyDataState = (props) => {
-  const [locale] = useLocale("empty");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Flex,
-    {
-      itemAlign: "center",
-      direction: "column",
-      gapY: 4,
-      className: props.className,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(emptyData_default, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Text2, { as: "div", intensity: 36, size: "2xs", children: props.title ?? locale.description })
-      ]
-    }
-  );
-};
-installExtension({
-  name: "emptyDataIdentifier",
-  positions: ["emptyDataIdentifier" /* EmptyDataIdentifier */]
-})(EmptyDataState);
 
 // src/table/features/index.ts
 var features_exports = {};
@@ -11589,19 +11456,23 @@ var SimpleDropdownMenu = (props) => {
     ) })
   ] });
 };
+
+// src/provider/componentProvider.tsx
+var COMPONENTS_PLUGIN_ID = "orderly-components-provider-overrides";
 var ComponentsProvider = (props) => {
   React71.useEffect(() => {
     if (props.components && Object.keys(props.components).length) {
-      for (const position in props.components) {
-        const Element = props.components[position];
-        installExtension({
-          name: Element.displayName ?? `custom-component-${position}`,
-          positions: [position],
-          __isInternal: false
-        })((props2) => {
-          return /* @__PURE__ */ jsxRuntime.jsx(Element, { ...props2 });
-        });
-      }
+      const interceptors = Object.entries(props.components).map(
+        ([position, Element]) => ({
+          target: pluginCore.positionToPath(position),
+          component: (_Original, slotProps) => React71.createElement(Element, slotProps)
+        })
+      );
+      pluginCore.OrderlyPluginRegistry.register({
+        id: COMPONENTS_PLUGIN_ID,
+        name: "ComponentsProvider",
+        interceptors
+      });
     }
   }, [props.components]);
   return props.children;
@@ -11963,6 +11834,82 @@ Object.defineProperty(exports, "cn", {
   enumerable: true,
   get: function () { return tailwindVariants.cnBase; }
 });
+Object.defineProperty(exports, "ExtensionPositionEnum", {
+  enumerable: true,
+  get: function () { return pluginCore.ExtensionPositionEnum; }
+});
+Object.defineProperty(exports, "ExtensionProvider", {
+  enumerable: true,
+  get: function () { return pluginCore.ExtensionProvider; }
+});
+Object.defineProperty(exports, "ExtensionSlot", {
+  enumerable: true,
+  get: function () { return pluginCore.ExtensionSlot; }
+});
+Object.defineProperty(exports, "OrderlyExtensionRegistry", {
+  enumerable: true,
+  get: function () { return pluginCore.OrderlyExtensionRegistry; }
+});
+Object.defineProperty(exports, "OrderlyPluginProvider", {
+  enumerable: true,
+  get: function () { return pluginCore.OrderlyPluginProvider; }
+});
+Object.defineProperty(exports, "OrderlyPluginRegistry", {
+  enumerable: true,
+  get: function () { return pluginCore.OrderlyPluginRegistry; }
+});
+Object.defineProperty(exports, "PluginErrorBoundary", {
+  enumerable: true,
+  get: function () { return pluginCore.PluginErrorBoundary; }
+});
+Object.defineProperty(exports, "PluginScopeContext", {
+  enumerable: true,
+  get: function () { return pluginCore.PluginScopeContext; }
+});
+Object.defineProperty(exports, "PluginScopeProvider", {
+  enumerable: true,
+  get: function () { return pluginCore.PluginScopeProvider; }
+});
+Object.defineProperty(exports, "createInterceptor", {
+  enumerable: true,
+  get: function () { return pluginCore.createInterceptor; }
+});
+Object.defineProperty(exports, "createOrderlySDK", {
+  enumerable: true,
+  get: function () { return pluginCore.createOrderlySDK; }
+});
+Object.defineProperty(exports, "injectable", {
+  enumerable: true,
+  get: function () { return pluginCore.injectable; }
+});
+Object.defineProperty(exports, "installExtension", {
+  enumerable: true,
+  get: function () { return pluginCore.installExtension; }
+});
+Object.defineProperty(exports, "positionToPath", {
+  enumerable: true,
+  get: function () { return pluginCore.positionToPath; }
+});
+Object.defineProperty(exports, "setExtensionBuilder", {
+  enumerable: true,
+  get: function () { return pluginCore.setExtensionBuilder; }
+});
+Object.defineProperty(exports, "useExtensionContext", {
+  enumerable: true,
+  get: function () { return pluginCore.useExtensionContext; }
+});
+Object.defineProperty(exports, "useInjectedComponent", {
+  enumerable: true,
+  get: function () { return pluginCore.useInjectedComponent; }
+});
+Object.defineProperty(exports, "useOrderlyPluginContext", {
+  enumerable: true,
+  get: function () { return pluginCore.useOrderlyPluginContext; }
+});
+Object.defineProperty(exports, "usePluginScope", {
+  enumerable: true,
+  get: function () { return pluginCore.usePluginScope; }
+});
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: function () { return reactHotToast__default.default; }
@@ -12078,8 +12025,6 @@ exports.EmptyDataState = EmptyDataState;
 exports.EmptyStateIcon = EmptyStateIcon;
 exports.EsOrderlyIcon = EsOrderlyIcon;
 exports.ExclamationFillIcon = ExclamationFillIcon;
-exports.ExtensionPositionEnum = ExtensionPositionEnum;
-exports.ExtensionSlot = ExtensionSlot;
 exports.EyeCloseIcon = EyeCloseIcon;
 exports.EyeIcon = EyeIcon;
 exports.FeeTierIcon = FeeTierIcon;
@@ -12093,6 +12038,7 @@ exports.HoverCardTrigger = HoverCardTrigger;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.InfoCircleIcon = InfoCircleIcon;
+exports.InjectableEmptyDataState = InjectableEmptyDataState;
 exports.Input = Input2;
 exports.InputAdditional = InputAdditional;
 exports.LIGHT_THEME_CSS_VARS = LIGHT_THEME_CSS_VARS;
@@ -12212,13 +12158,11 @@ exports.formatAddress = formatAddress;
 exports.gradientTextVariants = gradientTextVariants;
 exports.iconButtonVariants = iconButtonVariants;
 exports.inputFormatter = formatter_exports;
-exports.installExtension = installExtension;
 exports.modal = modal;
 exports.parseNumber = parseNumber;
 exports.registerSimpleDialog = registerSimpleDialog;
 exports.registerSimpleSheet = registerSimpleSheet;
 exports.scrollAreaVariants = scrollAreaVariants;
-exports.setExtensionBuilder = setExtensionBuilder;
 exports.startViewTransition = startViewTransition;
 exports.statisticVariants = statisticVariants;
 exports.textVariants = textVariants;