@layers-app/shared 0.0.45 → 0.0.50

package/dist/components/AppContainer/hooks/useAppContainer.d.ts

@@ -1,2 +1,2 @@
 import { AppContainerActionsStore, AppContainerDataStore } from '../types';
-export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;
+export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, userAgreementLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;

package/dist/components/AppContainer/types.d.ts

@@ -38,6 +38,7 @@ export type AppContainerDataStore = {
     version: string;
     updatedAt: string;
     privacyPolicyLink: string;
+    userAgreementLink: string;
     whatsNewItems: WhatsNewProps['items'];
 };
 type ReadNotificationsRequest = {

package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
 import { EmblaCarouselType } from 'embla-carousel';
 interface AttachmentsGalleryContextValue {
     embla: EmblaCarouselType | null;
@@ -11,12 +12,13 @@ interface AttachmentsGalleryContextValue {
     setSelectedIndex: (value: number) => void;
     zoomPercentage: number;
     setZoomPercentage: (value: number) => void;
-    transformRefs: React.MutableRefObject<any[]>;
+    transformRefs: React.MutableRefObject<ReactZoomPanPinchContentRef[]>;
     prevIndexRef: React.MutableRefObject<number>;
 }
 export declare const useAttachmentsGalleryContext: () => AttachmentsGalleryContextValue;
 interface AttachmentsGalleryProviderProps {
     children: ReactNode;
+    initialIndex: number;
 }
-export declare const AttachmentsGalleryProvider: ({ children, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentsGalleryProvider: ({ children, initialIndex, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts

@@ -2,6 +2,9 @@ type BaseProps = {
     autoPlay?: boolean;
     isActive?: boolean;
     attachmentId: string;
+    loader?: React.ReactNode;
+    stylesContainer?: React.CSSProperties;
+    classNameContainer?: string;
 };
-export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, }: BaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/AttachmentsGalleryModal/constants.d.ts

@@ -4,7 +4,7 @@ export declare const ZOOM_CONFIG: {
     readonly minScale: 1;
     readonly maxScale: 5;
     readonly wheelStep: 0.1;
-    readonly doubleClickStep: 0.7;
+    readonly buttonStepPercent: 50;
 };
 export declare const MODAL_TRANSITION: {
     readonly duration: 200;
@@ -17,3 +17,4 @@ export declare const TRANSFORM_COMPONENT_STYLES: {
     alignItems: string;
     justifyContent: string;
 };
+export declare const STEPS: number[];

package/dist/components/AttachmentsGalleryModal/helpers.d.ts

@@ -0,0 +1,22 @@
+import { MutableRefObject } from 'react';
+import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
+export declare const animateTransform: ({ instance, from, to, duration, animationRef, }: {
+    instance: ReactZoomPanPinchContentRef["instance"];
+    from: {
+        scale: number;
+        x: number;
+        y: number;
+    };
+    to: {
+        scale: number;
+        x: number;
+        y: number;
+    };
+    duration: number;
+    animationRef: MutableRefObject<number | null>;
+}) => void;
+export declare const zoomStep: ({ dir, activeRef, animationRef, }: {
+    dir: "in" | "out";
+    activeRef: ReactZoomPanPinchContentRef;
+    animationRef: MutableRefObject<number | null>;
+}) => void;

package/dist/components/AttachmentsGalleryModal/hooks/usePanning.d.ts

@@ -0,0 +1,10 @@
+export declare const usePanning: ({ isVideo, isFetching, }: {
+    isFetching: boolean;
+    isVideo: boolean;
+}) => {
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseMove: (e: React.MouseEvent) => void;
+    onMouseUp: () => void;
+    onMouseLeave: () => void;
+    onDoubleClick: () => void;
+};

package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts

@@ -0,0 +1,9 @@
+import { CommentComposerTypes } from '../CommentComposer/types';
+interface CommentAttachmentsPreviewProps {
+    files: CommentComposerTypes.AnyCommentFile[];
+    mode: 'draft' | 'view';
+    onRemove?: (index: number) => void;
+    parentIsExisting?: boolean;
+}
+export declare const AttachmentsPreview: ({ files, onRemove, mode, parentIsExisting, }: CommentAttachmentsPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -12,6 +12,7 @@ export declare const ColorPicker: import('react').ForwardRefExoticComponent<{
     colors?: string[];
     swatchShape?: "circle" | "square";
     fullWidth?: boolean;
+    swatchSize?: number;
 } & Omit<FlexProps, "onChange"> & import('react').RefAttributes<HTMLDivElement>> & {
     ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
 };

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts

@@ -1,12 +1,17 @@
-import { ReactNode } from 'react';
-import { EditorType } from '@layers-app/editor';
-import * as React from 'react';
-type Props = {
-    children: (editorRef: React.MutableRefObject<EditorType | null>) => ReactNode;
+import { default as React } from 'react';
+import { CommentComposerTypes } from './types';
+export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, }: {
+    children: React.ReactNode;
     onSubmit: () => void;
-    handleBlur: () => void;
-    autoFocus?: boolean;
-    registerClearEditor?: (fn: () => void) => void;
-};
-export declare function CommentEditorBehavior({ children, onSubmit, handleBlur, autoFocus, registerClearEditor, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+    editorRef: React.MutableRefObject<any>;
+    inputContainerRef: React.MutableRefObject<any>;
+    commentDraft: {
+        text: string;
+        files: CommentComposerTypes.CommentAttachment[];
+    };
+    onBlur?: () => void;
+    isFloat: boolean;
+    isEdit: boolean;
+    hasChanges: boolean;
+    ns: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentComposer/index.d.ts

@@ -1,55 +1,2 @@
-import { MutableRefObject } from 'react';
-import { EditorType, RangeSelection } from '@layers-app/editor';
-import { Comment, CommentsNs, GeneralComment, ICommentFile, ICommentOptions, IUser, Thread } from '../CommentsPanel/types.ts';
-import * as React from 'react';
-interface CommentValue {
-    value: string;
-    files: ICommentFile[];
-}
-interface CommentComposerProps {
-    children: (args: {
-        onSubmit: () => void;
-        handleBlur: () => void;
-        autoFocus: boolean;
-        setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
-        commentValue: CommentValue;
-        registerClearEditor?: (fn: () => void) => void;
-        editorRef?: React.MutableRefObject<EditorType | null>;
-    }) => React.ReactNode;
-    getSelectionText?: (selection: RangeSelection) => string;
-    removeCommentImage?: (index: string) => void;
-    providedUser?: IUser;
-    updateLocation?: (boxElem: HTMLDivElement, selectionRef: MutableRefObject<RangeSelection | null>, selectionState: {
-        container: HTMLDivElement;
-        elements: HTMLSpanElement[];
-    }) => void;
-    commentValue: {
-        value: string;
-        files: ICommentFile[];
-    };
-    setCommentValue: React.Dispatch<React.SetStateAction<{
-        value: string;
-        files: ICommentFile[];
-    }>>;
-    isEditInput?: boolean;
-    autoFocus?: boolean;
-    handleBlur: () => void;
-    thread?: Thread;
-    updateThreadId?: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
-    setCommentActions?: React.Dispatch<React.SetStateAction<{
-        replyList: string[];
-        editCommentId: string;
-        editedContent: string;
-    }>>;
-    isGeneral?: boolean;
-    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
-    handleEditComment?: (data: {
-        value: string;
-        files: ICommentFile[];
-    }) => void;
-    provideCommentOptions?: ICommentOptions;
-    placeholder?: string;
-    composerLocales?: CommentsNs;
-}
-export declare const CommentComposer: ({ submitAddComment, commentValue, thread, setCommentValue, handleBlur, autoFocus, provideCommentOptions, removeCommentImage, handleEditComment, isEditInput, isGeneral, updateThreadId, setCommentActions, updateLocation, getSelectionText, children, providedUser, placeholder, composerLocales, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { CommentComposerProps } from './types';
+export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentComposer/types.d.ts

@@ -0,0 +1,96 @@
+export declare namespace CommentComposerTypes {
+    enum Entity {
+        None = "NONE",
+        Project = "PROJECT",
+        Sprint = "SPRINT",
+        Folder = "FOLDER",
+        Workspace = "WORKSPACE",
+        Page = "PAGE",
+        Task = "PROJECTTASK",
+        Form = "FORM",
+        Attachment = "ATTACHMENT",
+        User = "USER",
+        Comment = "COMMENT",
+        Flow = "FLOW"
+    }
+    interface OptimisticCommentFile {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: true;
+        raw: File;
+    }
+    interface CommentAttachment {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: boolean;
+        raw?: File;
+    }
+    type AnyCommentFile = CommentAttachment;
+    interface CommentDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface RenderEditorParams {
+        onSubmit: () => void;
+        handleBlur: (e: any) => void;
+        setCommentDraft: React.Dispatch<React.SetStateAction<CommentDraft>>;
+        commentDraft: CommentDraft;
+        editorRef: React.MutableRefObject<unknown>;
+        initialContent?: string;
+    }
+    interface ComposerInitialDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface ComposerDraft {
+        text: string;
+        files: CommentAttachment[];
+        quote?: string;
+    }
+    interface EditChangesPayload {
+        textChanged: boolean;
+        newFiles: CommentAttachment[];
+        deletedFiles: CommentAttachment[];
+        newText: string;
+    }
+    type ComposerSubmitPayload = {
+        mode: 'create';
+        data: ComposerDraft;
+    } | {
+        mode: 'edit';
+        data: EditChangesPayload;
+    };
+}
+export interface CommentComposerBaseProps {
+    children?: (params: CommentComposerTypes.RenderEditorParams) => React.ReactNode;
+    onSubmit: (payload: CommentComposerTypes.ComposerSubmitPayload) => void;
+    initialDraft?: CommentComposerTypes.ComposerInitialDraft;
+    ns?: string;
+    setEdit?: (v: {
+        id: string;
+        text: string;
+        files: CommentComposerTypes.AnyCommentFile[];
+    }) => void;
+}
+export interface FloatComposerProps extends CommentComposerBaseProps {
+    updateLocation: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    onBlur: () => void;
+}
+export interface InlineComposerProps extends CommentComposerBaseProps {
+    updateLocation?: undefined;
+    onBlur?: () => void;
+}
+export type CommentComposerProps = FloatComposerProps | InlineComposerProps;

package/dist/components/CommentsPanel/index.d.ts

@@ -1,27 +1,2 @@
 import { ReactElement } from 'react';
-import { NodeKey, RangeSelection } from '@layers-app/editor';
-import { Comment, Comments, CommentsFilter, CommentsLocales, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
-import * as React from 'react';
-interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'> {
-    comments: Comments;
-    activeIDs: string[];
-    restoreComment?: (commentId: string, threadId?: string) => void;
-    storeOptions: StoreOptions;
-    updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
-    deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
-    removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
-    addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
-    updateCommentTextOrImage: UpdateCommentTextArgs;
-    markNodeMap?: Map<string, Set<NodeKey>>;
-    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
-    listRef: React.RefObject<HTMLElement>;
-    getEditor: GetEditorFn;
-    clipPath?: string;
-    isSidebar?: boolean;
-    locales: CommentsLocales;
-    commentsFilter: CommentsFilter;
-    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
-    isLoading: boolean;
-}
-export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, restoreComment, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, locales, getEditor, setCommentsFilter, commentsFilter, clipPath, isLoading, isSidebar, }: CommentsPanelProps): ReactElement;
-export {};
+export declare function CommentsPanel(): ReactElement;

package/dist/components/EmojiPicker/EmojiPicker.d.ts

@@ -25,6 +25,7 @@ export type EmojiPickerLocales = {
     emojis?: string;
     search?: string;
     searchResults?: string;
+    chooseColor?: string;
     searchNoResults?: string;
     remove?: string;
     icons?: string;

package/dist/components/EmojiPicker/getIconsList.d.ts

@@ -0,0 +1,11 @@
+export type IconMinified = {
+    n: string;
+    c: string;
+    t: string;
+    s: 'outline' | 'filled' | 'unknown';
+}[];
+/**
+ * Load and prepare icons list.
+ * If project === 'PROJECT' applies special grouping rules and includes custom icons.
+ */
+export declare const getIconsList: (project?: string) => Promise<IconMinified>;

package/dist/components/EmojiPicker/getRandomIcon.d.ts

@@ -0,0 +1 @@
+export declare function getRandomIcon(project?: string): Promise<string | undefined>;

package/dist/components/FilePicker/FilePicker.d.ts

@@ -23,6 +23,7 @@ export type FilePickerProps = PropsWithChildren<{
     type?: FileType;
     isValidMediaUrl?: (url: string) => boolean;
     targetProps?: FlexProps;
+    onOpenedChange?: (opened: boolean) => void;
 }>;
-export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FilePicker/types.d.ts

@@ -14,6 +14,7 @@ export type FilePickerLocales = {
     uploadFile?: string;
     change?: string;
     remove?: string;
+    save?: string;
     dragOrClickToChoose?: string;
     maxFileSize?: string;
     pasteLink?: string;

package/dist/components/FormViewer/helpers/conditions.d.ts

@@ -244,6 +244,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
         } | undefined;
         align?: "center" | "end" | "start" | undefined;
         primaryColor?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         background?: {
             image?: string | undefined;
             color?: string | undefined;
@@ -261,7 +262,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;

package/dist/components/FormViewer/helpers/helpers.d.ts

@@ -243,6 +243,7 @@ export declare const sortSteps: (steps: StepData[]) => {
         } | undefined;
         align?: "center" | "end" | "start" | undefined;
         primaryColor?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         background?: {
             image?: string | undefined;
             color?: string | undefined;
@@ -260,7 +261,6 @@ export declare const sortSteps: (steps: StepData[]) => {
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;

package/dist/components/FormViewer/helpers/steps.d.ts

@@ -243,6 +243,7 @@ export declare const getFirstStep: (steps: StepData[]) => {
         } | undefined;
         align?: "center" | "end" | "start" | undefined;
         primaryColor?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         background?: {
             image?: string | undefined;
             color?: string | undefined;
@@ -260,7 +261,6 @@ export declare const getFirstStep: (steps: StepData[]) => {
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;

package/dist/components/FormViewer/hooks/useActiveStep.d.ts

@@ -241,6 +241,7 @@ export declare const useActiveStep: () => {
         } | undefined;
         align?: "center" | "end" | "start" | undefined;
         primaryColor?: string | undefined;
+        borderRadius?: "sm" | "md" | "lg" | undefined;
         background?: {
             image?: string | undefined;
             color?: string | undefined;
@@ -258,7 +259,6 @@ export declare const useActiveStep: () => {
             shadowSize?: number | undefined;
             shadowColor?: string | undefined;
         } | undefined;
-        borderRadius?: "sm" | "md" | "lg" | undefined;
         font?: {
             color?: string | undefined;
             fontSize?: number | undefined;

package/dist/components/FormViewer/store/formStore.d.ts

@@ -69,6 +69,7 @@ export declare const createFormStore: () => {
                 } | undefined;
                 align?: "center" | "end" | "start" | undefined;
                 primaryColor?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 background?: {
                     image?: string | undefined;
                     color?: string | undefined;
@@ -86,7 +87,6 @@ export declare const createFormStore: () => {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -351,6 +351,7 @@ export declare const createFormStore: () => {
                     } | undefined;
                     align?: "center" | "end" | "start" | undefined;
                     primaryColor?: string | undefined;
+                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     background?: {
                         image?: string | undefined;
                         color?: string | undefined;
@@ -368,7 +369,6 @@ export declare const createFormStore: () => {
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     font?: {
                         color?: string | undefined;
                         fontSize?: number | undefined;
@@ -632,6 +632,7 @@ export declare const createFormStore: () => {
                     } | undefined;
                     align?: "center" | "end" | "start" | undefined;
                     primaryColor?: string | undefined;
+                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     background?: {
                         image?: string | undefined;
                         color?: string | undefined;
@@ -649,7 +650,6 @@ export declare const createFormStore: () => {
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     font?: {
                         color?: string | undefined;
                         fontSize?: number | undefined;
@@ -747,6 +747,7 @@ export declare const useFormViewerStore: () => {
                 } | undefined;
                 align?: "center" | "end" | "start" | undefined;
                 primaryColor?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 background?: {
                     image?: string | undefined;
                     color?: string | undefined;
@@ -764,7 +765,6 @@ export declare const useFormViewerStore: () => {
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -1029,6 +1029,7 @@ export declare const useFormViewerStore: () => {
                     } | undefined;
                     align?: "center" | "end" | "start" | undefined;
                     primaryColor?: string | undefined;
+                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     background?: {
                         image?: string | undefined;
                         color?: string | undefined;
@@ -1046,7 +1047,6 @@ export declare const useFormViewerStore: () => {
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     font?: {
                         color?: string | undefined;
                         fontSize?: number | undefined;
@@ -1310,6 +1310,7 @@ export declare const useFormViewerStore: () => {
                     } | undefined;
                     align?: "center" | "end" | "start" | undefined;
                     primaryColor?: string | undefined;
+                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     background?: {
                         image?: string | undefined;
                         color?: string | undefined;
@@ -1327,7 +1328,6 @@ export declare const useFormViewerStore: () => {
                         shadowSize?: number | undefined;
                         shadowColor?: string | undefined;
                     } | undefined;
-                    borderRadius?: "sm" | "md" | "lg" | undefined;
                     font?: {
                         color?: string | undefined;
                         fontSize?: number | undefined;

package/dist/components/FormViewer/store/formStoreApi.d.ts

@@ -50,6 +50,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
             } | undefined;
             align?: "center" | "end" | "start" | undefined;
             primaryColor?: string | undefined;
+            borderRadius?: "sm" | "md" | "lg" | undefined;
             background?: {
                 image?: string | undefined;
                 color?: string | undefined;
@@ -67,7 +68,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 shadowSize?: number | undefined;
                 shadowColor?: string | undefined;
             } | undefined;
-            borderRadius?: "sm" | "md" | "lg" | undefined;
             font?: {
                 color?: string | undefined;
                 fontSize?: number | undefined;
@@ -332,6 +332,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 } | undefined;
                 align?: "center" | "end" | "start" | undefined;
                 primaryColor?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 background?: {
                     image?: string | undefined;
                     color?: string | undefined;
@@ -349,7 +350,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;
@@ -613,6 +613,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                 } | undefined;
                 align?: "center" | "end" | "start" | undefined;
                 primaryColor?: string | undefined;
+                borderRadius?: "sm" | "md" | "lg" | undefined;
                 background?: {
                     image?: string | undefined;
                     color?: string | undefined;
@@ -630,7 +631,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
                     shadowSize?: number | undefined;
                     shadowColor?: string | undefined;
                 } | undefined;
-                borderRadius?: "sm" | "md" | "lg" | undefined;
                 font?: {
                     color?: string | undefined;
                     fontSize?: number | undefined;