@weaverse/react 1.0.12 → 1.0.14

package/dist/index.d.ts

@@ -0,0 +1,338 @@
+import { WeaverseType, Weaverse, WeaverseElement, ElementCSS, WeaverseItemStore } from '@weaverse/core';
+export * from '@weaverse/core';
+import * as React$1 from 'react';
+import React__default, { HTMLAttributes, CSSProperties, ReactElement, ReactNode } from 'react';
+import * as keen_slider_react_es from 'keen-slider/react.es';
+import { KeenSliderPlugin } from 'keen-slider/react.es';
+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';
+
+declare let createRootContext: (configs: WeaverseType) => Weaverse;
+declare let WeaverseContext: React$1.Context<Weaverse>;
+declare let WeaverseContextProvider: React$1.Provider<Weaverse>;
+declare let WeaverseContextConsumer: React$1.Consumer<Weaverse>;
+
+declare let Circle: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+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 CaretLeft: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let CaretRight: (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 let Storefront: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Package: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let HandBag: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Tag: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Backpack: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Newspaper: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+declare let Eye: (props: HTMLAttributes<SVGElement>) => JSX.Element;
+
+declare const PhosphorIcons_Circle: typeof Circle;
+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_CaretLeft: typeof CaretLeft;
+declare const PhosphorIcons_CaretRight: typeof CaretRight;
+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 const PhosphorIcons_Storefront: typeof Storefront;
+declare const PhosphorIcons_Package: typeof Package;
+declare const PhosphorIcons_HandBag: typeof HandBag;
+declare const PhosphorIcons_Tag: typeof Tag;
+declare const PhosphorIcons_Backpack: typeof Backpack;
+declare const PhosphorIcons_Newspaper: typeof Newspaper;
+declare const PhosphorIcons_Eye: typeof Eye;
+declare namespace PhosphorIcons {
+  export {
+    PhosphorIcons_Circle as Circle,
+    PhosphorIcons_CircleNotch as CircleNotch,
+    PhosphorIcons_X as X,
+    PhosphorIcons_Minus as Minus,
+    PhosphorIcons_Plus as Plus,
+    PhosphorIcons_CaretLeft as CaretLeft,
+    PhosphorIcons_CaretRight as CaretRight,
+    PhosphorIcons_ArrowLeft as ArrowLeft,
+    PhosphorIcons_ArrowRight as ArrowRight,
+    PhosphorIcons_Image as Image,
+    PhosphorIcons_ShoppingCart as ShoppingCart,
+    PhosphorIcons_Storefront as Storefront,
+    PhosphorIcons_Package as Package,
+    PhosphorIcons_HandBag as HandBag,
+    PhosphorIcons_Tag as Tag,
+    PhosphorIcons_Backpack as Backpack,
+    PhosphorIcons_Newspaper as Newspaper,
+    PhosphorIcons_Eye as Eye,
+  };
+}
+
+interface ModalContentProps extends DialogContentProps {
+    size?: 'auto' | 'fullscreen';
+    portal?: boolean;
+}
+type WeaverseIcon = keyof typeof PhosphorIcons;
+interface WeaverseIconProps extends HTMLAttributes<SVGElement> {
+    name: WeaverseIcon;
+}
+interface TooltipProps {
+    children: React.ReactNode;
+}
+interface SliderProps {
+    children: React.ReactNode;
+    className?: string;
+    gap?: number;
+    arrowOffset: number;
+    slidesPerView: number;
+}
+interface SliderArrowsProps {
+    currentSlide: number;
+    instanceRef: React.MutableRefObject<KeenSliderInstance | null>;
+    offset: number;
+    icon: 'caret' | 'arrow';
+    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;
+}
+
+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 function Tooltip({ children }: TooltipProps): 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 function NoHydrate({ getHTML, ...rest }: {
+    getHTML?: () => string;
+} & JSX.IntrinsicElements['div']): JSX.Element;
+
+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;
+    Slider: typeof Slider;
+    Tooltip: typeof Tooltip;
+    NoHydrate: typeof NoHydrate;
+};
+declare let SliderComponents: {
+    Arrows: typeof Arrows;
+    Dots: typeof Dots;
+    ResizePlugin: keen_slider_react_es.KeenSliderPlugin;
+    AutoplayPlugin: typeof AutoplayPlugin;
+};
+
+declare const Elements: Record<string, WeaverseElement>;
+
+interface WeaverseElementProps extends Partial<ReactElement> {
+    css?: ElementCSS;
+    children?: ReactElement | ReactElement[] | ReactNode | ReactNode[];
+    className?: string;
+    ['data-wv-id']?: string;
+}
+type WeaverseRootPropsType = {
+    context: Weaverse;
+};
+type ItemComponentProps = {
+    instance: InstanceType<typeof WeaverseItemStore>;
+};
+interface PlaceholderProps {
+    element: string;
+    children: ReactElement | ReactElement[] | ReactNode | ReactNode[];
+    style?: CSSProperties;
+    className?: string;
+}
+interface ButtonElementProps extends WeaverseElementProps {
+    type: 'button' | 'submit' | 'reset';
+    text: string;
+    clickAction: 'none' | 'openLink';
+    linkTo: string;
+    openInNewTab: boolean;
+}
+interface ContainerElementProps extends WeaverseElementProps {
+    [key: string]: any;
+}
+interface ImageElementProps extends WeaverseElementProps {
+    src: string;
+    alt: string;
+    objectFit: CSSProperties['objectFit'];
+    objectPosition: CSSProperties['objectPosition'];
+    clickAction: 'none' | 'openLightbox' | 'openLink';
+    linkTo?: string;
+    openLinkInNewTab?: boolean;
+}
+interface GridContentElementProps extends WeaverseElementProps {
+    rows: number;
+    columns: number;
+    gap: number;
+    rowSize: number;
+}
+interface BackgroundDataProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    objectFit?: CSSProperties['objectFit'];
+    objectPosition?: CSSProperties['objectPosition'];
+}
+interface LayoutElementProps extends BackgroundDataProps, WeaverseElementProps {
+    contentSize: number;
+    gridSize: number;
+    rows: number;
+    columns: number;
+    gap: number;
+    rowSize: number;
+    enableOverlay: boolean;
+    overlayOpacity: number;
+}
+interface LayoutBackgroundProps {
+    imgUrl?: string;
+    bgColor?: string;
+    objectFit?: CSSProperties['objectFit'];
+    objectPosition?: CSSProperties['objectPosition'];
+}
+interface MapElementProps extends WeaverseElementProps {
+    place: string;
+    zoom: number;
+}
+interface TextElementProps extends WeaverseElementProps {
+    value: string;
+}
+interface ScrollingTextElementProps extends WeaverseElementProps {
+    value: string;
+    gap: number;
+    speed: number;
+    pauseOnHover: boolean;
+}
+interface VideoCommonProps {
+    src: string;
+    type?: string;
+    poster: string;
+    loop: boolean;
+    controls: boolean;
+    autoPlay: boolean;
+    muted: boolean;
+}
+type VideoElementProps = VideoCommonProps & WeaverseElementProps;
+interface YoutubeElementProps extends VideoCommonProps {
+    youtubeId: string;
+}
+interface VimeoElementProps extends VideoCommonProps {
+    vimeoId: string;
+}
+type CountdownTimeKey = 'days' | 'hours' | 'minutes' | 'seconds';
+type CountdownTimerType = 'fixed-time' | 'evergreen';
+interface CountdownElementProps extends WeaverseElementProps {
+    timerType: CountdownTimerType;
+    startTime: number;
+    endTime: number;
+    periods: number;
+    redirectWhenTimerStops: boolean;
+    redirectUrl: string;
+    openInNewTab: boolean;
+    showLabel: boolean;
+    showColon: boolean;
+}
+type TimerBlockProps = {
+    label: string;
+    value: string | number;
+};
+interface InstagramElementProps extends WeaverseElementProps {
+    token: string;
+    username: string;
+    numberOfImages: number;
+    imagesPerRow: number;
+    gap: number;
+}
+type InstagramMedia = {
+    id: string;
+    media_type: 'IMAGE' | 'CAROUSEL_ALBUM' | 'VIDEO';
+    media_url: string;
+    permalink: string;
+    caption: string;
+    thumbnail_url: string;
+};
+interface SlideshowProps extends WeaverseElementProps {
+    animation: 'slide' | 'fade';
+    slidesPerView: number;
+    spacing: number;
+    showArrows: boolean;
+    showArrowsOnHover: boolean;
+    arrowIcon: 'caret' | 'arrow';
+    arrowsColor: 'light' | 'dark';
+    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 global {
+    interface Window {
+        weaverseSlideshowInstances: Record<string, KeenSliderInstance>;
+    }
+}
+
+declare let WeaverseRoot: ({ context }: WeaverseRootPropsType) => JSX.Element | null;
+
+export { BackgroundProps, ButtonElementProps, Components, ContainerElementProps, CountdownElementProps, CountdownTimeKey, CountdownTimerType, Elements, GridContentElementProps, ImageElementProps, InstagramElementProps, InstagramMedia, ItemComponentProps, LayoutBackgroundProps, LayoutElementProps, MapElementProps, ModalContentProps, OverlayProps, PlaceholderProps, ScrollingTextElementProps, SlideProps, SliderArrowsProps, SliderComponents, SliderDotsProps, SliderProps, SlideshowProps, TextElementProps, TimerBlockProps, TooltipProps, VideoCommonProps, VideoElementProps, VimeoElementProps, WeaverseContext, WeaverseContextConsumer, WeaverseContextProvider, WeaverseElementProps, WeaverseIcon, WeaverseIconProps, WeaverseRoot, WeaverseRootPropsType, YoutubeElementProps, createRootContext };

package/dist/index.js

@@ -2087,7 +2087,7 @@ var import_clsx6 = __toESM(require("clsx"));
 var import_react35 = __toESM(require("react"));
 
 // src/elements/slideshow/use-slideshow-configs.ts
-var import_react32 = require("keen-slider/react");
+var import_react32 = require("keen-slider/react.es");
 var import_react33 = __toESM(require("react"));
 
 // src/utils/css.ts

package/dist/index.mjs

@@ -2051,7 +2051,7 @@ import clsx6 from "clsx";
 import React28, { forwardRef as forwardRef11 } from "react";
 
 // src/elements/slideshow/use-slideshow-configs.ts
-import { useKeenSlider as useKeenSlider2 } from "keen-slider/react";
+import { useKeenSlider as useKeenSlider2 } from "keen-slider/react.es";
 import React27, { useContext as useContext5, useEffect as useEffect4, useState as useState5 } from "react";
 
 // src/utils/css.ts

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.12",
+  "version": "1.0.14",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@radix-ui/react-dialog": "^1.0.3",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "1.0.12",
+    "@weaverse/core": "1.0.14",
     "clsx": "^1.2.1",
     "keen-slider": "^6.8.5"
   }