@weaverse/react 0.7.57 → 0.7.58

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { WeaverseType, Weaverse, ElementCSS, WeaverseItemStore, WeaverseElement } from '@weaverse/core';
 export * from '@weaverse/core';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactElement, ReactNode, CSSProperties } from 'react';
+import React__default, { HTMLAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
 import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
 import { DialogContentProps, DialogProps, DialogTitleProps, DialogCloseProps } from '@radix-ui/react-dialog';
 import { KeenSliderInstance } from 'keen-slider';
@@ -65,6 +65,23 @@ interface SliderArrowsProps {
     instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
     className?: string;
 }
+interface SliderDotsProps {
+    currentSlide: number;
+    instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
+    className?: string;
+}
+interface OverlayProps {
+    enableOverlay: boolean;
+    overlayOpacity: number;
+    className?: string;
+}
+interface BackgroundProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundFit?: CSSProperties['objectFit'];
+    backgroundPosition?: CSSProperties['objectPosition'];
+    className?: string;
+}
 
 interface WeaverseElementProps extends Partial<ReactElement> {
     css?: ElementCSS;
@@ -184,6 +201,19 @@ type InstagramMedia = {
     caption: string;
     thumbnail_url: string;
 };
+interface SlideshowProps extends WeaverseElementProps {
+    animation: 'slide' | 'fade';
+    slidesPerView: number;
+    spacing: number;
+    showArrows: boolean;
+    showDots: boolean;
+    dotsPosition: 'top' | 'bottom' | 'left' | 'right';
+    autoRotate: boolean;
+    changeSlidesEvery: number;
+}
+interface SlideProps extends WeaverseElementProps, BackgroundProps, OverlayProps {
+    contentPosition: string;
+}
 
 declare let Modal: (props: DialogProps) => JSX.Element;
 declare let ModalTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -214,11 +244,17 @@ declare function Tooltip({ children }: TooltipProps): JSX.Element;
 
 declare function Slider({ children, className, gap }: SliderProps): JSX.Element;
 
+declare function Background(props: BackgroundProps): JSX.Element | null;
+
+declare function Overlay(props: OverlayProps): JSX.Element | null;
+
 declare let Components: {
+    Background: typeof Background;
+    Icon: typeof Icon;
+    ModalComponents: typeof ModalComponents;
+    Overlay: typeof Overlay;
     Placeholder: React$1.ForwardRefExoticComponent<PlaceholderProps & React$1.RefAttributes<HTMLDivElement>>;
     Spinner: typeof Spinner;
-    ModalComponents: typeof ModalComponents;
-    Icon: typeof Icon;
     Slider: typeof Slider;
     Tooltip: typeof Tooltip;
 };
@@ -227,4 +263,4 @@ 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, SliderArrowsProps, SliderProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };
+export { BackgroundProps, ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, OverlayProps, PlaceholderProps, SlideProps, SliderArrowsProps, SliderDotsProps, SliderProps, SlideshowProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };