@weaverse/react 1.0.11 → 1.0.12

package/dist/index.js

@@ -44,7 +44,7 @@ module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("@weaverse/core"), module.exports);
 
 // src/context.ts
-var import_core2 = require("@weaverse/core");
+var import_core = require("@weaverse/core");
 var import_react37 = require("react");
 
 // src/elements/button.tsx
@@ -1664,7 +1664,7 @@ function Tooltip({ children }) {
 
 // src/components/slider/index.tsx
 var import_clsx3 = __toESM(require("clsx"));
-var import_react25 = require("keen-slider/react");
+var import_react25 = require("keen-slider/react.es");
 var import_react26 = __toESM(require("react"));
 
 // src/components/slider/arrows.tsx
@@ -2502,12 +2502,28 @@ var Elements = {
   }
 };
 
+// src/context.ts
+var createRootContext = (configs) => {
+  let rootContext = new import_core.Weaverse(configs);
+  Object.keys(Elements).forEach((key) => {
+    rootContext.registerElement(Elements[key]);
+  });
+  return rootContext;
+};
+var WeaverseContext = (0, import_react37.createContext)({});
+var WeaverseContextProvider = WeaverseContext.Provider;
+var WeaverseContextConsumer = WeaverseContext.Consumer;
+
+// src/renderer.tsx
+var import_core3 = require("@weaverse/core");
+var import_react38 = __toESM(require("react"));
+
 // src/utils/uploadcare.ts
-var import_core = require("@weaverse/core");
+var import_core2 = require("@weaverse/core");
 function initUploadCareAdaptiveDelivery(baseUrl) {
   try {
     Promise.resolve().then(() => {
-      if (import_core.isBrowser && !window.Blinkloader) {
+      if (import_core2.isBrowser && !window.Blinkloader) {
         ;
         (function(src, cb) {
           let s = document.createElement("script");
@@ -2532,21 +2548,7 @@ function initUploadCareAdaptiveDelivery(baseUrl) {
   }
 }
 
-// src/context.ts
-var createRootContext = (configs) => {
-  let rootContext = new import_core2.Weaverse(configs);
-  Object.keys(Elements).forEach((key) => {
-    rootContext.registerElement(Elements[key]);
-  });
-  return rootContext;
-};
-var WeaverseContext = (0, import_react37.createContext)({});
-var WeaverseContextProvider = WeaverseContext.Provider;
-var WeaverseContextConsumer = WeaverseContext.Consumer;
-
 // src/renderer.tsx
-var import_core3 = require("@weaverse/core");
-var import_react38 = __toESM(require("react"));
 var WeaverseRoot = ({ context }) => {
   let [, setData] = (0, import_react38.useState)(context.data);
   let rootRef = (0, import_react38.useRef)();

package/dist/index.mjs

@@ -1628,7 +1628,7 @@ function Tooltip({ children }) {
 
 // src/components/slider/index.tsx
 import clsx3 from "clsx";
-import { useKeenSlider } from "keen-slider/react";
+import { useKeenSlider } from "keen-slider/react.es";
 import React22, { useState as useState2 } from "react";
 
 // src/components/slider/arrows.tsx
@@ -2466,6 +2466,22 @@ var Elements = {
   }
 };
 
+// src/context.ts
+var createRootContext = (configs) => {
+  let rootContext = new Weaverse(configs);
+  Object.keys(Elements).forEach((key) => {
+    rootContext.registerElement(Elements[key]);
+  });
+  return rootContext;
+};
+var WeaverseContext = createContext({});
+var WeaverseContextProvider = WeaverseContext.Provider;
+var WeaverseContextConsumer = WeaverseContext.Consumer;
+
+// src/renderer.tsx
+import { isBrowser as isBrowser2 } from "@weaverse/core";
+import React30, { useContext as useContext6, useEffect as useEffect5, useRef, useState as useState6 } from "react";
+
 // src/utils/uploadcare.ts
 import { isBrowser } from "@weaverse/core";
 function initUploadCareAdaptiveDelivery(baseUrl) {
@@ -2496,21 +2512,7 @@ function initUploadCareAdaptiveDelivery(baseUrl) {
   }
 }
 
-// src/context.ts
-var createRootContext = (configs) => {
-  let rootContext = new Weaverse(configs);
-  Object.keys(Elements).forEach((key) => {
-    rootContext.registerElement(Elements[key]);
-  });
-  return rootContext;
-};
-var WeaverseContext = createContext({});
-var WeaverseContextProvider = WeaverseContext.Provider;
-var WeaverseContextConsumer = WeaverseContext.Consumer;
-
 // src/renderer.tsx
-import { isBrowser as isBrowser2 } from "@weaverse/core";
-import React30, { useContext as useContext6, useEffect as useEffect5, useRef, useState as useState6 } from "react";
 var WeaverseRoot = ({ context }) => {
   let [, setData] = useState6(context.data);
   let rootRef = useRef();

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.11",
+  "version": "1.0.12",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -32,9 +32,9 @@
   "name": "@weaverse/react",
   "author": "Weaverse Team",
   "dependencies": {
-    "@radix-ui/react-dialog": "^1.0.2",
+    "@radix-ui/react-dialog": "^1.0.3",
     "@stitches/react": "^1.2.8",
-    "@weaverse/core": "1.0.11",
+    "@weaverse/core": "1.0.12",
     "clsx": "^1.2.1",
     "keen-slider": "^6.8.5"
   }

package/dist/index.d.ts

@@ -1,338 +0,0 @@
-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 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';
-
-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.KeenSliderPlugin<{}, {}, keen_slider_react.KeenSliderHooks>;
-    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 };