@weaverse/react 0.7.33 → 0.7.37

package/dist/index.d.ts

@@ -1,47 +1,53 @@
-import { WeaverseType, Weaverse, WeaverseElement, ElementCSS, WeaverseItemStore } from '@weaverse/core';
+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 * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
-import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
+import React__default, { HTMLAttributes, ReactElement, ReactNode, CSSProperties } from 'react';
 import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
-import { DialogContentProps } 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 Modal: React__default.FC<_radix_ui_react_dialog.DialogProps>;
-declare let ModalTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
-declare let ModalHeader: _stitches_react_types_styled_component.StyledComponent<React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>, {}, {}, _stitches_react_types_css_util.CSS<{}, {}, {}, {}>>;
-declare let ModalContent: React__default.ForwardRefExoticComponent<DialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
-declare let ModalClose: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+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 ModalComponents_Modal: typeof Modal;
-declare const ModalComponents_ModalTrigger: typeof ModalTrigger;
-declare const ModalComponents_ModalHeader: typeof ModalHeader;
-declare const ModalComponents_ModalContent: typeof ModalContent;
-declare const ModalComponents_ModalClose: typeof ModalClose;
-declare namespace ModalComponents {
+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 {
-    ModalComponents_Modal as Modal,
-    ModalComponents_ModalTrigger as ModalTrigger,
-    ModalComponents_ModalHeader as ModalHeader,
-    ModalComponents_ModalContent as ModalContent,
-    ModalComponents_ModalClose as ModalClose,
+    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,
   };
 }
 
-declare function Spinner(): JSX.Element;
-
-declare let Components: {
-    Placeholder: React.ForwardRefExoticComponent<PlaceholderProps & React.RefAttributes<HTMLDivElement>>;
-    Spinner: typeof Spinner;
-    ModalComponents: typeof ModalComponents;
-};
-
-declare const Elements: Record<string, WeaverseElement>;
+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;
@@ -151,12 +157,47 @@ 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: (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>>;
+declare let ModalClose: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const ModalComponents_Modal: typeof Modal;
+declare const ModalComponents_ModalTrigger: typeof ModalTrigger;
+declare const ModalComponents_ModalHeader: typeof ModalHeader;
+declare const ModalComponents_ModalContent: typeof ModalContent;
+declare const ModalComponents_ModalClose: typeof ModalClose;
+declare namespace ModalComponents {
+  export {
+    ModalComponents_Modal as Modal,
+    ModalComponents_ModalTrigger as ModalTrigger,
+    ModalComponents_ModalHeader as ModalHeader,
+    ModalComponents_ModalContent as ModalContent,
+    ModalComponents_ModalClose as ModalClose,
+  };
+}
+
+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, 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 };