@weaverse/react 0.7.56 → 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';
@@ -58,12 +58,30 @@ interface TooltipProps {
 interface SliderProps {
     children: React.ReactNode;
     className?: string;
+    gap?: number;
 }
 interface SliderArrowsProps {
     currentSlide: number;
     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;
@@ -94,8 +112,8 @@ interface ContainerElementProps extends WeaverseElementProps {
 interface ImageElementProps extends WeaverseElementProps {
     src: string;
     alt: string;
-    objectFit: 'contain' | 'cover';
-    objectPosition: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'center left' | 'center right' | 'top left' | 'top right' | 'bottom left' | 'bottom right';
+    objectFit: CSSProperties['objectFit'];
+    objectPosition: CSSProperties['objectPosition'];
     clickAction: 'none' | 'openLightbox' | 'openLink';
     linkTo?: string;
     openLinkInNewTab?: boolean;
@@ -109,8 +127,8 @@ interface GridContentElementProps extends WeaverseElementProps {
 interface BackgroundDataProps {
     backgroundColor?: string;
     backgroundImage?: string;
-    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-    objectPosition?: string;
+    objectFit?: CSSProperties['objectFit'];
+    objectPosition?: CSSProperties['objectPosition'];
 }
 interface LayoutElementProps extends BackgroundDataProps, WeaverseElementProps {
     contentSize: number;
@@ -183,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>>;
@@ -211,13 +242,19 @@ declare function Icon({ name, className, ...props }: WeaverseIconProps): JSX.Ele
 
 declare function Tooltip({ children }: TooltipProps): JSX.Element;
 
-declare function Slider({ children, className }: SliderProps): 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;
 };
@@ -226,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 };