@weaverse/react 0.7.57 → 0.7.59

package/dist/index.d.ts

@@ -1,7 +1,9 @@
 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 keen_slider_react from 'keen-slider/react';
+import { KeenSliderPlugin } from 'keen-slider/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';
@@ -59,10 +61,32 @@ interface SliderProps {
     children: React.ReactNode;
     className?: string;
     gap?: number;
+    arrowOffset: number;
 }
 interface SliderArrowsProps {
     currentSlide: number;
     instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
+    offset: number;
+    className?: string;
+}
+interface SliderDotsProps {
+    currentSlide: number;
+    instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
+    className?: string;
+    absolute?: boolean;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    color: 'light' | 'dark';
+}
+interface OverlayProps {
+    enableOverlay: boolean;
+    overlayOpacity: number;
+    className?: string;
+}
+interface BackgroundProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    backgroundFit?: CSSProperties['objectFit'];
+    backgroundPosition?: CSSProperties['objectPosition'];
     className?: string;
 }
 
@@ -81,6 +105,7 @@ interface PlaceholderProps {
     element: string;
     children: ReactElement | ReactElement[] | ReactNode | ReactNode[];
     style?: CSSProperties;
+    className?: string;
 }
 interface ButtonElementProps extends WeaverseElementProps {
     type: 'button' | 'submit' | 'reset';
@@ -184,6 +209,22 @@ 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';
+    dotsColor: 'light' | 'dark';
+    loop: boolean;
+    autoRotate: boolean;
+    changeSlidesEvery: number;
+}
+interface SlideProps extends WeaverseElementProps, BackgroundProps, OverlayProps {
+    contentPosition: string;
+    children: ReactElement[];
+}
 
 declare let Modal: (props: DialogProps) => JSX.Element;
 declare let ModalTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -212,19 +253,37 @@ declare function Icon({ name, className, ...props }: WeaverseIconProps): JSX.Ele
 
 declare function Tooltip({ children }: TooltipProps): JSX.Element;
 
-declare function Slider({ children, className, gap }: SliderProps): JSX.Element;
+declare function Slider(props: SliderProps): JSX.Element;
+
+declare function Background(props: BackgroundProps): JSX.Element | null;
+
+declare function Overlay(props: OverlayProps): JSX.Element | null;
+
+declare function Arrows(props: SliderArrowsProps): JSX.Element;
+
+declare function Dots(props: SliderDotsProps): JSX.Element;
+
+declare function AutoplayPlugin(changeSlidesEvery: number): KeenSliderPlugin;
 
 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;
 };
+declare let SliderComponents: {
+    Arrows: typeof Arrows;
+    Dots: typeof Dots;
+    ResizePlugin: keen_slider_react.KeenSliderPlugin<{}, {}, keen_slider_react.KeenSliderHooks>;
+    AutoplayPlugin: typeof AutoplayPlugin;
+};
 
 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, SliderComponents, SliderDotsProps, SliderProps, SlideshowProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };