@gxpl/sdk 0.0.1 → 0.0.3

package/dist/{Components → sdk/Components}/ControlSlider/ControlSlider.d.ts

@@ -1,11 +1,10 @@
-import { default as React } from 'react';
 interface SliderProps {
     settings: SliderSettings;
     content: SliderItem[];
     styles: SliderStyles;
     isEditor?: boolean;
 }
-export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): React.JSX.Element;
+export declare function ControlSlider({ settings, content, styles: sliderStyles, isEditor }: SliderProps): import("react/jsx-runtime").JSX.Element;
 type SliderItem = {
     image: {
         url: string;

package/dist/{Components → sdk/Components}/ImageRevealSlider/ImageRevealSlider.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 interface ImageRevealSliderProps {
     settings: ImageRevealSliderSettings;
     content: ImageRevealSliderItem[];
@@ -35,5 +34,5 @@ type ImageRevealSliderItem = {
     };
     link: string;
 };
-export declare function ImageRevealSlider({ settings, content, isEditor }: ImageRevealSliderProps): React.JSX.Element;
+export declare function ImageRevealSlider({ settings, content, isEditor }: ImageRevealSliderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/sdk/FontFaceGenerator/FontFaceGenerator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{schemas → sdk/schemas}/article/Article.schema.d.ts

@@ -3,18 +3,18 @@ export declare const ArticleSchema: z.ZodObject<{
     id: z.ZodString;
     sections: z.ZodArray<z.ZodObject<{
         id: z.ZodString;
-        items: z.ZodArray<z.ZodType<import('../..').ItemAny, z.ZodTypeDef, import('../..').ItemAny>, "many">;
+        items: z.ZodArray<z.ZodType<import('../../..').ItemAny, z.ZodTypeDef, import('../../..').ItemAny>, "many">;
         name: z.ZodOptional<z.ZodString>;
         height: z.ZodRecord<z.ZodString, z.ZodObject<{
-            mode: z.ZodNativeEnum<typeof import('../..').SectionHeightMode>;
+            mode: z.ZodNativeEnum<typeof import('../../..').SectionHeightMode>;
             units: z.ZodNumber;
             vhUnits: z.ZodOptional<z.ZodNumber>;
         }, "strip", z.ZodTypeAny, {
-            mode: import('../..').SectionHeightMode;
+            mode: import('../../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }, {
-            mode: import('../..').SectionHeightMode;
+            mode: import('../../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>>;
@@ -70,11 +70,11 @@ export declare const ArticleSchema: z.ZodObject<{
         position: Record<string, number>;
         id: string;
         height: Record<string, {
-            mode: import('../..').SectionHeightMode;
+            mode: import('../../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        items: import('../..').ItemAny[];
+        items: import('../../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
             url: string;
@@ -97,11 +97,11 @@ export declare const ArticleSchema: z.ZodObject<{
         position: Record<string, number>;
         id: string;
         height: Record<string, {
-            mode: import('../..').SectionHeightMode;
+            mode: import('../../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        items: import('../..').ItemAny[];
+        items: import('../../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
             url: string;
@@ -229,11 +229,11 @@ export declare const ArticleSchema: z.ZodObject<{
         position: Record<string, number>;
         id: string;
         height: Record<string, {
-            mode: import('../..').SectionHeightMode;
+            mode: import('../../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        items: import('../..').ItemAny[];
+        items: import('../../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
             url: string;
@@ -281,11 +281,11 @@ export declare const ArticleSchema: z.ZodObject<{
         position: Record<string, number>;
         id: string;
         height: Record<string, {
-            mode: import('../..').SectionHeightMode;
+            mode: import('../../..').SectionHeightMode;
             units: number;
             vhUnits?: number | undefined;
         }>;
-        items: import('../..').ItemAny[];
+        items: import('../../..').ItemAny[];
         name?: string | undefined;
         media?: Record<string, {
             url: string;

package/dist/{schemas → sdk/schemas}/article/RichTextItem.schema.d.ts

@@ -43,10 +43,10 @@ export declare const RichTextItemSchema: z.ZodObject<{
         height: z.ZodNumber;
         zIndex: z.ZodNumber;
         angle: z.ZodNumber;
-        anchorSide: z.ZodOptional<z.ZodNativeEnum<typeof import('../..').AnchorSide>>;
+        anchorSide: z.ZodOptional<z.ZodNativeEnum<typeof import('../../..').AnchorSide>>;
         scale: z.ZodNumber;
-        positionType: z.ZodNativeEnum<typeof import('../..').PositionType>;
-        scaleAnchor: z.ZodNativeEnum<typeof import('../..').AreaAnchor>;
+        positionType: z.ZodNativeEnum<typeof import('../../..').PositionType>;
+        scaleAnchor: z.ZodNativeEnum<typeof import('../../..').AreaAnchor>;
     }, "strip", z.ZodTypeAny, {
         left: number;
         top: number;
@@ -55,9 +55,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import('../../..').PositionType;
+        scaleAnchor: import('../../..').AreaAnchor;
+        anchorSide?: import('../../..').AnchorSide | undefined;
     }, {
         left: number;
         top: number;
@@ -66,9 +66,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import('../../..').PositionType;
+        scaleAnchor: import('../../..').AreaAnchor;
+        anchorSide?: import('../../..').AnchorSide | undefined;
     }>>;
     hidden: z.ZodRecord<z.ZodString, z.ZodBoolean>;
     link: z.ZodOptional<z.ZodObject<{
@@ -82,17 +82,17 @@ export declare const RichTextItemSchema: z.ZodObject<{
         target: string;
     }>>;
     compoundSettings: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodObject<{
-        positionAnchor: z.ZodNativeEnum<typeof import('../..').AreaAnchor>;
-        widthMode: z.ZodNativeEnum<typeof import('../..').DimensionMode>;
-        heightMode: z.ZodNativeEnum<typeof import('../..').DimensionMode>;
+        positionAnchor: z.ZodNativeEnum<typeof import('../../..').AreaAnchor>;
+        widthMode: z.ZodNativeEnum<typeof import('../../..').DimensionMode>;
+        heightMode: z.ZodNativeEnum<typeof import('../../..').DimensionMode>;
     }, "strip", z.ZodTypeAny, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import('../../..').AreaAnchor;
+        widthMode: import('../../..').DimensionMode;
+        heightMode: import('../../..').DimensionMode;
     }, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import('../../..').AreaAnchor;
+        widthMode: import('../../..').DimensionMode;
+        heightMode: import('../../..').DimensionMode;
     }>>>;
 } & {
     type: z.ZodLiteral<ArticleItemType.RichText>;
@@ -1003,9 +1003,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import('../../..').PositionType;
+        scaleAnchor: import('../../..').AreaAnchor;
+        anchorSide?: import('../../..').AnchorSide | undefined;
     }>;
     layoutParams: Record<string, {
         color: string;
@@ -1176,9 +1176,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         target: string;
     } | undefined;
     compoundSettings?: Record<string, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import('../../..').AreaAnchor;
+        widthMode: import('../../..').DimensionMode;
+        heightMode: import('../../..').DimensionMode;
     }> | undefined;
 }, {
     hidden: Record<string, boolean>;
@@ -1192,9 +1192,9 @@ export declare const RichTextItemSchema: z.ZodObject<{
         width: number;
         height: number;
         zIndex: number;
-        positionType: import('../..').PositionType;
-        scaleAnchor: import('../..').AreaAnchor;
-        anchorSide?: import('../..').AnchorSide | undefined;
+        positionType: import('../../..').PositionType;
+        scaleAnchor: import('../../..').AreaAnchor;
+        anchorSide?: import('../../..').AnchorSide | undefined;
     }>;
     layoutParams: Record<string, {
         color: string;
@@ -1365,8 +1365,8 @@ export declare const RichTextItemSchema: z.ZodObject<{
         target: string;
     } | undefined;
     compoundSettings?: Record<string, {
-        positionAnchor: import('../..').AreaAnchor;
-        widthMode: import('../..').DimensionMode;
-        heightMode: import('../..').DimensionMode;
+        positionAnchor: import('../../..').AreaAnchor;
+        widthMode: import('../../..').DimensionMode;
+        heightMode: import('../../..').DimensionMode;
     }> | undefined;
 }>;

package/dist/{schemas → sdk/schemas}/article/Section.schema.d.ts

@@ -58,7 +58,7 @@ export declare const SectionMediaSchema: z.ZodDiscriminatedUnion<"type", [z.ZodO
 }>]>;
 export declare const SectionSchema: z.ZodObject<{
     id: z.ZodString;
-    items: z.ZodArray<z.ZodType<import('../..').ItemAny, z.ZodTypeDef, import('../..').ItemAny>, "many">;
+    items: z.ZodArray<z.ZodType<import('../../..').ItemAny, z.ZodTypeDef, import('../../..').ItemAny>, "many">;
     name: z.ZodOptional<z.ZodString>;
     height: z.ZodRecord<z.ZodString, z.ZodObject<{
         mode: z.ZodNativeEnum<typeof SectionHeightMode>;
@@ -129,7 +129,7 @@ export declare const SectionSchema: z.ZodObject<{
         units: number;
         vhUnits?: number | undefined;
     }>;
-    items: import('../..').ItemAny[];
+    items: import('../../..').ItemAny[];
     name?: string | undefined;
     media?: Record<string, {
         url: string;
@@ -156,7 +156,7 @@ export declare const SectionSchema: z.ZodObject<{
         units: number;
         vhUnits?: number | undefined;
     }>;
-    items: import('../..').ItemAny[];
+    items: import('../../..').ItemAny[];
     name?: string | undefined;
     media?: Record<string, {
         url: string;

package/dist/sdk-nextjs/common/useCurrentLayout.d.ts

@@ -0,0 +1,6 @@
+type UseCurrentLayoutReturn = {
+    layoutId: string | undefined;
+    layoutDeviation: number;
+};
+export declare function useCurrentLayout(): UseCurrentLayoutReturn;
+export {};

package/dist/sdk-nextjs/common/useExemplary.d.ts

@@ -0,0 +1 @@
+export declare const useExemplary: () => number;

package/dist/sdk-nextjs/common/useItemFXData.d.ts

@@ -0,0 +1,8 @@
+import { ImageItem, VideoItem } from '../../sdk/types/article/Item';
+export declare function useItemFXData(item: ImageItem | VideoItem, sectionId: string): FXData;
+type FXData = {
+    fragmentShader: string;
+    controlsValues: Record<string, ControlValue>;
+};
+type ControlValue = number;
+export {};

package/dist/sdk-nextjs/common/useKeyframeValue.d.ts

@@ -0,0 +1,8 @@
+import { DependencyList } from 'react';
+import { Animator } from '../utils/Animator/Animator';
+import { ItemAny } from '../../sdk/types/article/Item';
+import { KeyframeType } from '../../sdk/types/keyframe/Keyframe';
+export type AnimatorGetter<T> = (animator: Animator, scroll: number, value: T) => T;
+type ItemParamGetter<T> = (item: ItemAny, layoutId: string | undefined) => T;
+export declare function useKeyframeValue<T>(item: ItemAny, type: KeyframeType, itemParamsGetter: ItemParamGetter<T>, animatorGetter: AnimatorGetter<T>, sectionId: string, deps?: DependencyList): T;
+export {};

package/dist/sdk-nextjs/common/useRegisterResize.d.ts

@@ -0,0 +1 @@
+export declare function useRegisterResize(ref: HTMLElement | null, onResize?: (height: number) => void): void;

package/dist/sdk-nextjs/components/Article.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Article as TArticle } from '../../sdk/types/article/Article';
+interface Props {
+    article: TArticle;
+    sectionData: Record<SectionName, any>;
+}
+export declare const Article: FC<Props>;
+type SectionName = string;
+export {};

package/dist/sdk-nextjs/components/ArticleWrapper.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const ArticleWrapper: FC<PropsWithChildren<{}>>;

package/dist/sdk-nextjs/components/Head.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Meta } from '../../sdk/types/project/Meta';
+import { Project } from '../../sdk/types/project/Project';
+interface Props {
+    project: Project;
+    meta: Meta;
+}
+export declare const CNTRLHead: FC<Props>;
+export {};

package/dist/sdk-nextjs/components/LayoutStyle.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { Layout } from '../../sdk/types/project/Layout';
+export interface LayoutStyleProps {
+    id: string;
+    layouts: Layout[];
+    layoutId: string;
+    children?: (layout: Layout) => string;
+}
+export declare const LayoutStyle: FC<LayoutStyleProps>;

package/dist/sdk-nextjs/components/Page.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+import { Project } from '../../sdk/types/project/Project';
+import { Article as TArticle } from '../../sdk/types/article/Article';
+import { Meta } from '../../sdk/types/project/Meta';
+import { KeyframeAny } from '../../sdk/types/keyframe/Keyframe';
+export interface PageProps {
+    article: TArticle;
+    project: Project;
+    meta: Meta;
+    keyframes: KeyframeAny[];
+    sectionData: Record<SectionName, any>;
+}
+export declare const Page: FC<PageProps>;
+type SectionName = string;
+export {};

package/dist/sdk-nextjs/components/ScrollPlaybackVideo.d.ts

@@ -0,0 +1,14 @@
+import { default as React, FC } from 'react';
+type PlaybackParams = {
+    from: number;
+    to: number;
+};
+interface Props {
+    sectionId: string;
+    src: string;
+    playbackParams: PlaybackParams | null;
+    style?: React.CSSProperties;
+    className: string;
+}
+export declare const ScrollPlaybackVideo: FC<Props>;
+export {};

package/dist/sdk-nextjs/components/Section/Section.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactElement } from 'react';
+import { SectionHeight, Section as TSection } from '../../../sdk/types/article/Section';
+type SectionChild = ReactElement<any, any>;
+interface Props {
+    section: TSection;
+    children: SectionChild[];
+    data?: any;
+}
+export declare const Section: FC<Props>;
+export declare function getSectionHeight(heightData: SectionHeight): string;
+export {};

package/dist/sdk-nextjs/components/Section/SectionImage.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+export type TSectionImage = {
+    url: string;
+    type: 'image';
+    size: string;
+    position: string;
+    offsetX: number | null;
+};
+interface Props {
+    media: TSectionImage;
+    sectionId: string;
+}
+export declare const SectionImage: FC<Props>;
+export {};

package/dist/sdk-nextjs/components/Section/SectionVideo.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+export type TSectionVideo = {
+    url: string;
+    size: string;
+    type: 'video';
+    play: 'on-click' | 'auto';
+    position: string;
+    coverUrl: string | null;
+    offsetX: number | null;
+};
+interface Props {
+    container: HTMLDivElement;
+    sectionId: string;
+    media: TSectionVideo;
+}
+export declare const SectionVideo: FC<Props>;
+export {};

package/dist/sdk-nextjs/components/Section/useSectionColor.d.ts

@@ -0,0 +1,4 @@
+import { CntrlColor } from '@cntrl-site/color';
+type LayoutIdentifier = string;
+export declare const useSectionColor: (colorData: Record<LayoutIdentifier, string | null>) => CntrlColor;
+export {};

package/dist/sdk-nextjs/components/Section/useSectionHeightMap.d.ts

@@ -0,0 +1,3 @@
+import { SectionHeight } from '../../../sdk/types/article/Section';
+export declare const useSectionHeightData: (sectionId: string) => Record<string, string>;
+export declare function getSectionHeightMap(sectionHeight: Record<string, SectionHeight>): Record<string, string>;

package/dist/sdk-nextjs/components/items/CodeEmbedItem/CodeEmbedItem.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { CodeEmbedItem as TCodeEmbedItem } from '../../../../sdk/types/article/Item';
+export declare const CodeEmbedItem: FC<ItemProps<TCodeEmbedItem>>;
+export declare function decodeBase64(str: string): string;

package/dist/sdk-nextjs/components/items/CodeEmbedItem/useCodeEmbedItem.d.ts

@@ -0,0 +1,7 @@
+import { CodeEmbedItem } from '../../../../sdk/types/article/Item';
+import { AreaAnchor } from '../../../../sdk/types/article/ItemArea';
+export declare function useCodeEmbedItem(item: CodeEmbedItem, sectionId: string): {
+    anchor: AreaAnchor;
+    blur: number | undefined;
+    opacity: number | undefined;
+};

package/dist/sdk-nextjs/components/items/ComponentItem/ComponentItem.d.ts

@@ -0,0 +1,4 @@
+import { ItemProps } from '../Item';
+import { FC } from 'react';
+import { ComponentItem as TComponentItem } from '../../../../sdk/types/article/Item';
+export declare const ComponentItem: FC<ItemProps<TComponentItem>>;

package/dist/sdk-nextjs/components/items/ComponentItem/useComponentItem.d.ts

@@ -0,0 +1,5 @@
+import { ComponentItem } from '../../../../sdk/types/article/Item';
+export declare function useComponentItem(item: ComponentItem, sectionId: string): {
+    opacity: number | undefined;
+    blur: number | undefined;
+};

package/dist/sdk-nextjs/components/items/CompoundItem/CompoundChild.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ItemAny } from '../../../../sdk/types/article/Item';
+interface ChildItemProps {
+    item: ItemAny;
+    sectionId: string;
+    isParentVisible?: boolean;
+}
+export declare const CompoundChild: FC<ChildItemProps>;
+export {};

package/dist/sdk-nextjs/components/items/CompoundItem/CompoundItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { CompoundItem as TCompoundItem } from '../../../../sdk/types/article/Item';
+export declare const CompoundItem: FC<ItemProps<TCompoundItem>>;

package/dist/sdk-nextjs/components/items/CompoundItem/useCompoundItem.d.ts

@@ -0,0 +1,4 @@
+import { CompoundItem } from '../../../../sdk/types/article/Item';
+export declare function useCompoundItem(item: CompoundItem, sectionId: string): {
+    opacity: number | undefined;
+};

package/dist/sdk-nextjs/components/items/CustomItem/CustomItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { CustomItem as TCustomItem } from '../../../../sdk/types/article/Item';
+export declare const CustomItem: FC<ItemProps<TCustomItem>>;

package/dist/sdk-nextjs/components/items/EmbedVideoItem/VimeoEmbed.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { VimeoEmbedItem as TVimeoEmbedItem } from '../../../../sdk/types/article/Item';
+export declare const VimeoEmbedItem: FC<ItemProps<TVimeoEmbedItem>>;

package/dist/sdk-nextjs/components/items/EmbedVideoItem/YoutubeEmbed.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { YoutubeEmbedItem as TYoutubeEmbedItem } from '../../../../sdk/types/article/Item';
+export declare const YoutubeEmbedItem: FC<ItemProps<TYoutubeEmbedItem>>;

package/dist/sdk-nextjs/components/items/EmbedVideoItem/useEmbedVideoItem.d.ts

@@ -0,0 +1,6 @@
+import { VimeoEmbedItem, YoutubeEmbedItem } from '../../../../sdk/types/article/Item';
+export declare const useEmbedVideoItem: (item: VimeoEmbedItem | YoutubeEmbedItem, sectionId: string) => {
+    radius: number | undefined;
+    blur: number | undefined;
+    opacity: number | undefined;
+};

package/dist/sdk-nextjs/components/items/FileItem/ImageItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { ImageItem as TImageItem } from '../../../../sdk/types/article/Item';
+export declare const ImageItem: FC<ItemProps<TImageItem>>;

package/dist/sdk-nextjs/components/items/FileItem/VideoItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { VideoItem as TVideoItem } from '../../../../sdk/types/article/Item';
+export declare const VideoItem: FC<ItemProps<TVideoItem>>;

package/dist/sdk-nextjs/components/items/FileItem/useFileItem.d.ts

@@ -0,0 +1,8 @@
+import { ImageItem, VideoItem } from '../../../../sdk/types/article/Item';
+export declare function useFileItem(item: ImageItem | VideoItem, sectionId: string): {
+    radius: number | undefined;
+    strokeWidth: number | undefined;
+    opacity: number | undefined;
+    strokeFill: import('../../../../sdk/types/article/Item').FillLayer[] | undefined;
+    blur: number | undefined;
+};

package/dist/sdk-nextjs/components/items/GroupItem/GroupItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { GroupItem as TGroupItem } from '../../../../sdk/types/article/Item';
+export declare const GroupItem: FC<ItemProps<TGroupItem>>;

package/dist/sdk-nextjs/components/items/GroupItem/useGroupItem.d.ts

@@ -0,0 +1,5 @@
+import { GroupItem } from '../../../../sdk/types/article/Item';
+export declare function useGroupItem(item: GroupItem, sectionId: string): {
+    opacity: number | undefined;
+    blur: number | undefined;
+};

package/dist/sdk-nextjs/components/items/Item.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { useItemInteractionCtrl } from '../../interactions/useItemInteractionCtrl';
+import { ItemAny } from '../../../sdk/types/article/Item';
+export interface ItemProps<I extends ItemAny> {
+    item: I;
+    sectionId: string;
+    articleHeight?: number;
+    onResize?: (height: number) => void;
+    interactionCtrl?: ReturnType<typeof useItemInteractionCtrl>;
+    onVisibilityChange: (isVisible: boolean) => void;
+    isInCompound?: boolean;
+}
+export interface ItemWrapperProps {
+    item: ItemAny;
+    sectionId: string;
+    articleHeight?: number;
+    isInGroup?: boolean;
+    isParentVisible?: boolean;
+}
+export declare const Item: FC<ItemWrapperProps>;

package/dist/sdk-nextjs/components/items/LinkWrapper.d.ts

@@ -0,0 +1,8 @@
+import { default as React, ReactElement, ReactNode } from 'react';
+interface Props {
+    url?: string;
+    children: ReactElement | ReactNode[];
+    target?: string;
+}
+export declare const LinkWrapper: React.FC<Props>;
+export {};

package/dist/sdk-nextjs/components/items/RectangleItem/RectangleItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ItemProps } from '../Item';
+import { RectangleItem as TRectangleItem } from '../../../../sdk/types/article/Item';
+export declare const RectangleItem: FC<ItemProps<TRectangleItem>>;

package/dist/sdk-nextjs/components/items/RectangleItem/useRectangleItem.d.ts

@@ -0,0 +1,9 @@
+import { FillLayer, RectangleItem } from '../../../../sdk/types/article/Item';
+export declare function useRectangleItem(item: RectangleItem, sectionId: string): {
+    fill: FillLayer[] | undefined;
+    strokeWidth: number | undefined;
+    radius: number | undefined;
+    strokeFill: FillLayer[] | undefined;
+    blur: number | undefined;
+    backdropBlur: number | undefined;
+};

package/dist/sdk-nextjs/components/items/RichTextItem/RichTextItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RichTextItem as TRichTextItem } from '../../../../sdk/types/article/Item';
+import { ItemProps } from '../Item';
+export declare const RichTextItem: FC<ItemProps<TRichTextItem>>;

package/dist/sdk-nextjs/components/items/RichTextItem/useRichTextItem.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { RichTextItem } from '../../../../sdk/types/article/Item';
+export declare const useRichTextItem: (item: RichTextItem) => [ReactNode[], string];

package/dist/sdk-nextjs/components/items/RichTextWrapper.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+interface RTWrapperProps {
+    isRichText: boolean;
+    transformOrigin?: string;
+}
+export declare const RichTextWrapper: FC<PropsWithChildren<RTWrapperProps>>;
+export {};

package/dist/sdk-nextjs/components/items/itemsMap.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from 'react';
+import { ItemProps } from './Item';
+import { ArticleItemType } from '../../../sdk/types/article/ArticleItemType';
+export declare const itemsMap: Record<ArticleItemType, ComponentType<ItemProps<any>>>;

package/dist/sdk-nextjs/components/items/useDraggable.d.ts

@@ -0,0 +1,17 @@
+export declare function useDraggable(data: {
+    draggableRef: HTMLElement | null | undefined;
+    isEnabled: boolean;
+}, dragHandler?: DragHandler, preventDragOnChildren?: boolean): void;
+interface DragState {
+    drag: boolean;
+    startX: number;
+    startY: number;
+    currentX: number;
+    currentY: number;
+    pivotX: number;
+    pivotY: number;
+    lastX: number;
+    lastY: number;
+}
+type DragHandler = (state: DragState, prevState?: DragState) => void;
+export {};

package/dist/sdk-nextjs/components/items/useItemAngle.d.ts

@@ -0,0 +1,2 @@
+import { ItemAny } from '../../../sdk/types/article/Item';
+export declare const useItemAngle: (item: ItemAny, sectionId: string) => number | undefined;