@weaverse/react 0.7.34 → 0.7.38

package/dist/index.d.ts

@@ -1,19 +1,53 @@
 import { WeaverseType, Weaverse, ElementCSS, WeaverseItemStore, WeaverseElement } from '@weaverse/core';
 export * from '@weaverse/core';
 import * as React from 'react';
-import React__default, { ReactElement, ReactNode, CSSProperties } from 'react';
+import React__default, { HTMLAttributes, ReactElement, ReactNode, CSSProperties } from 'react';
 import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
-import { DialogContentProps, DialogTitleProps, DialogCloseProps } from '@radix-ui/react-dialog';
+import { DialogContentProps, DialogProps, DialogTitleProps, DialogCloseProps } from '@radix-ui/react-dialog';
 
 declare let createRootContext: (configs: WeaverseType) => Weaverse;
 declare let WeaverseContext: React.Context<Weaverse>;
 declare let WeaverseContextProvider: React.Provider<Weaverse>;
 declare let WeaverseContextConsumer: React.Consumer<Weaverse>;
 
+declare let CircleNotch: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let X: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Minus: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Plus: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let ArrowLeft: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let ArrowRight: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Image: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let ShoppingCart: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+
+declare const PhosphorIcons_CircleNotch: typeof CircleNotch;
+declare const PhosphorIcons_X: typeof X;
+declare const PhosphorIcons_Minus: typeof Minus;
+declare const PhosphorIcons_Plus: typeof Plus;
+declare const PhosphorIcons_ArrowLeft: typeof ArrowLeft;
+declare const PhosphorIcons_ArrowRight: typeof ArrowRight;
+declare const PhosphorIcons_Image: typeof Image;
+declare const PhosphorIcons_ShoppingCart: typeof ShoppingCart;
+declare namespace PhosphorIcons {
+  export {
+    PhosphorIcons_CircleNotch as CircleNotch,
+    PhosphorIcons_X as X,
+    PhosphorIcons_Minus as Minus,
+    PhosphorIcons_Plus as Plus,
+    PhosphorIcons_ArrowLeft as ArrowLeft,
+    PhosphorIcons_ArrowRight as ArrowRight,
+    PhosphorIcons_Image as Image,
+    PhosphorIcons_ShoppingCart as ShoppingCart,
+  };
+}
+
 interface ModalContentProps extends DialogContentProps {
     size?: 'auto' | 'fullscreen';
     portal?: boolean;
 }
+type WeaverseIcon = keyof typeof PhosphorIcons;
+interface WeaverseIconProps extends HTMLAttributes<SVGElement> {
+    name: WeaverseIcon;
+}
 
 interface WeaverseElementProps extends ReactElement {
     css?: ElementCSS;
@@ -123,13 +157,14 @@ interface InstagramElementProps extends WeaverseElementProps {
 }
 type InstagramMedia = {
     id: string;
-    media_type: 'IMAGE' | 'CAROUSEL_ALBUM';
+    media_type: 'IMAGE' | 'CAROUSEL_ALBUM' | 'VIDEO';
     media_url: string;
     permalink: string;
     caption: string;
+    thumbnail_url: string;
 };
 
-declare let Modal: React__default.FC<_radix_ui_react_dialog.DialogProps>;
+declare let Modal: (props: DialogProps) => JSX.Element;
 declare let ModalTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
 declare let ModalHeader: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
 declare let ModalContent: React__default.ForwardRefExoticComponent<ModalContentProps & React__default.RefAttributes<HTMLDivElement>>;
@@ -152,14 +187,17 @@ declare namespace ModalComponents {
 
 declare function Spinner(): JSX.Element;
 
+declare function Icon({ name, className, ...props }: WeaverseIconProps): JSX.Element;
+
 declare let Components: {
     Placeholder: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<HTMLDivElement>>;
     Spinner: typeof Spinner;
     ModalComponents: typeof ModalComponents;
+    Icon: typeof Icon;
 };
 
 declare const Elements: Record<string, WeaverseElement>;
 
 declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element | null;
 
-export { ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, PlaceholderProps, TextElementProps, TimerBlockProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };
+export { ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, PlaceholderProps, TextElementProps, TimerBlockProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };