@levo-so/studio 0.1.59 → 0.1.61

package/dist/components/ui/form/FormTextarea.d.ts

@@ -0,0 +1,15 @@
+import { IBaseInputProps } from '../../../interfaces/form';
+import * as React from "react";
+export interface ITextareaProps extends IBaseInputProps {
+    label?: string;
+    isRequired?: boolean;
+    labelStyles?: string;
+    containerStyles?: string;
+    textAreaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+    textAreaStyles?: string;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+}
+declare const FormTextarea: React.ForwardRefExoticComponent<ITextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { FormTextarea };
+//# sourceMappingURL=FormTextarea.d.ts.map

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

@@ -1,2 +1,5 @@
+export * from './base';
 export * from './Calendar';
+export * from './form/FormInput';
+export * from './form/FormTextarea';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/withBlockProps.d.ts

@@ -1,7 +1,6 @@
-import { ComponentType, ForwardRefExoticComponent, ReactElement, RefAttributes, ReactNode } from 'react';
+import { ComponentType, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes } from 'react';
 import { IFieldConfig, IStyles } from '../interfaces';
-type RenderFunction = (item: unknown, index: number) => ReactNode;
-type BlockChildren = ReactNode | RenderFunction;
+type BlockChildren = ReactNode;
 /**
  * Base props interface for all studio elements
  *
@@ -15,11 +14,9 @@ export interface BaseElementProps {
     content?: any;
     generatedClassName?: string;
 }
-export interface WithBlockPropsComponent<P = {}> {
-    (props: P & {
-        children?: BlockChildren;
-    }): ReactElement | null;
-}
+export type WithBlockPropsComponent<P = {}> = (props: P & {
+    children?: BlockChildren;
+}) => ReactElement | null;
 /**
  * withBlockProps - Higher-Order Component for Studio Elements
  *
@@ -32,17 +29,12 @@ export interface WithBlockPropsComponent<P = {}> {
  * 2. Generates CSS classes for element targeting and theme variants
  * 3. Handles nested data access via dot-notation element keys
  * 4. Provides consistent interface for all studio elements
- * 5. Added support for Framer Motion animations driven by studio config
+ * 5. Supports Framer Motion animations via whileInView for entry animations
  *
  * CSS Class Generation:
  * - Base class: `levo-{blockId}-{elementKey}` for unique element targeting
  * - Variant classes: `levo-variant-{groupId}-{variantId}` for theme variants
  *
- * The generated classes enable:
- * - Element-specific styling in CSS
- * - Theme variant styling via class selectors
- * - CSS cascade integration with theme system
- *
  * @example
  * // Element with theme variants selected
  * <Button elementKey="hero.button" />

package/dist/constants/animation.d.ts

@@ -0,0 +1,10 @@
+import { AnimationProperties, TransitionConfig, ViewportConfig } from '../interfaces';
+/** Default visible state - target for all animations */
+export declare const DEFAULT_VISIBLE_STATE: AnimationProperties;
+/** Default "from" state for entry/scroll animations */
+export declare const DEFAULT_FROM_STATE: AnimationProperties;
+/** Default transition config */
+export declare const DEFAULT_TRANSITION: TransitionConfig;
+/** Default viewport config for entry animations */
+export declare const DEFAULT_VIEWPORT: ViewportConfig;
+//# sourceMappingURL=animation.d.ts.map

package/dist/contentEngine/content.d.ts

@@ -1,13 +1,16 @@
 import { ILevoClient, IResponseMultiple } from '@levo-so/core';
 import { IBlockInstance, IPageExpanded, ISite, IStudioSource } from '../interfaces';
 import { IPageContext, IPageDataContext } from './types';
-export type ILevoPageData = Pick<IPageExpanded, "id" | "workspace_id" | "blocks" | "source" | "title" | "description" | "access" | "style_config" | "access">;
-export declare const resolveVariables: ({ skeleton, blockFetchedContent, blockSources, pageContext, currentPath, }: {
+export type ILevoPageData = Pick<IPageExpanded, "id" | "workspace_id" | "blocks" | "source" | "title" | "description" | "access" | "style_config">;
+export declare const resolveVariables: ({ skeleton, blockFetchedContent, blockSources, pageContext, siteData, currentPath, _resolvedKeys, _contextKeys, }: {
     skeleton: any;
     blockFetchedContent: Record<string, any>;
     blockSources: IStudioSource[];
     pageContext: Record<string, any>;
+    siteData?: Record<string, any>;
     currentPath?: string;
+    _resolvedKeys?: Record<string, any>;
+    _contextKeys?: Record<string, any>;
 }) => any;
 export declare const resolveStyles: ({ skeleton, blockFetchedContent, blockSources, currentPath, }: {
     skeleton: any;
@@ -25,11 +28,13 @@ export declare const getPageSource: ({ levoClient, pageData, slugs, cookies, dra
     pageContext: IPageContext;
     pageNotFound: boolean;
 }>;
-export declare const parseVariablesFromResolvedSource: ({ levoClient, block, resolvedSources, pageContext, cookies, draft, }: {
+export declare const parseVariablesFromResolvedSource: ({ levoClient, block, resolvedSources, pageContext, siteData, cookies, draft, workspace_id, }: {
     levoClient: ILevoClient;
     block: IBlockInstance;
     resolvedSources: IBlockInstance["source"];
+    workspace_id: string;
     pageContext?: IPageContext;
+    siteData?: Record<string, any>;
     cookies?: string;
     draft?: boolean;
 }) => Promise<[IBlockInstance, Record<string, IResponseMultiple<Record<string, unknown>>>]>;

package/dist/contentEngine/index.d.ts

@@ -1,7 +1,7 @@
 export * from './content';
-export * from './sourceFetcher';
-export * from './useContentEngine';
-export * from './types';
 export * from './getPage';
+export * from './sourceFetcher';
 export * from './themeUtils';
+export * from './types';
+export * from './useContentEngine';
 //# sourceMappingURL=index.d.ts.map

package/dist/contentEngine/sourceFetcher.d.ts

@@ -1,6 +1,6 @@
 import { ILemaCollection, ILevoClient, IResponseMultiple, IResponseSingle } from '@levo-so/core';
 import { SourceFetchOptions } from './types';
-export declare const fetchSource: ({ levoClient, source, slugs, params, cookies, draft, }: SourceFetchOptions) => Promise<IResponseMultiple | IResponseSingle | null>;
+export declare const fetchSource: ({ levoClient, source, workspace_id, slugs, params, cookies, draft, }: SourceFetchOptions) => Promise<IResponseMultiple | IResponseSingle | null>;
 export declare const fetchCollectionSchema: ({ levoClient, source, cookies, draft, }: {
     levoClient: ILevoClient;
     source: {

package/dist/contentEngine/themeUtils.d.ts

@@ -30,6 +30,18 @@ export declare const processFonts: (theme: ITheme) => {
     fontUrl: string;
     fontTags: string;
 };
+/**
+ * Normalizes a custom color name to a valid CSS variable suffix
+ * Replaces spaces with underscores, converts to lowercase
+ * Example: "Primary Accent" -> "primary_accent"
+ */
+export declare const normalizeColorName: (name: string) => string;
+/**
+ * Normalizes a custom font name to a valid CSS variable suffix
+ * Replaces spaces with underscores, converts to lowercase
+ * Example: "Code Font" -> "code_font"
+ */
+export declare const normalizeFontName: (name: string) => string;
 /**
  * CSS Custom Properties Generation
  *
@@ -41,6 +53,7 @@ export declare const processFonts: (theme: ITheme) => {
  * - var(--color-brand) for theme colors
  * - var(--font-heading) for theme fonts
  * - var(--base-spacing) for theme sizes
+ * - var(--color-custom-{name}) for custom colors
  *
  * @param theme - Theme configuration object
  * @returns Object mapping CSS property names to values

package/dist/contentEngine/types.d.ts

@@ -8,6 +8,7 @@ export interface SourceURL {
 export interface SourceFetchOptions {
     levoClient: ILevoClient;
     source: IStudioSource;
+    workspace_id: string;
     slugs?: Record<string, string>;
     params?: Record<string, unknown>;
     cookies?: string;

package/dist/contentEngine/useContextEngine.d.ts

@@ -0,0 +1,11 @@
+export declare const useContextEngine: (field_key: string) => {
+    query: Record<string, any>;
+    setQuery: (newQuery: Record<string, any>) => void;
+    loading: boolean;
+    response: {
+        meta: import('@levo-so/core').IMeta;
+        data: Record<string, unknown>[];
+    } | undefined;
+};
+export default useContextEngine;
+//# sourceMappingURL=useContextEngine.d.ts.map

package/dist/context/ForumContext.d.ts

@@ -0,0 +1,48 @@
+import { IForum, IForumJoinRequest } from '@levo-so/core';
+import { default as React } from 'react';
+/**
+ * Forum context
+ */
+interface IForumContext {
+    forum: IForum | null;
+    isMember: boolean;
+    isLoadingMembership: boolean;
+    isInviteOnly: boolean;
+    /** Whether user can interact with posts (upvote/downvote) */
+    canInteractWithPosts: boolean;
+    /** Whether user can interact with comments (reply/vote) */
+    canInteractWithComments: boolean;
+    /** Current user's pending join request, if any */
+    joinRequest: IForumJoinRequest | null;
+    /** Whether user has a pending join request */
+    isJoinRequestPending: boolean;
+    /** Whether the forum allows join requests */
+    allowJoinRequests: boolean;
+    /** Submit a join request for the current user */
+    submitJoinRequest: (message?: string) => Promise<boolean>;
+    /** Refresh membership status from the server */
+    refreshMembershipStatus: () => Promise<void>;
+}
+/**
+ * Forum provider
+ */
+export declare const ForumProvider: React.FC<{
+    children: React.ReactNode;
+    forum: IForum | null;
+    isMember: boolean;
+    isLoadingMembership: boolean;
+    isInviteOnly: boolean;
+    canInteractWithPosts: boolean;
+    canInteractWithComments: boolean;
+    joinRequest?: IForumJoinRequest | null;
+    isJoinRequestPending?: boolean;
+    allowJoinRequests?: boolean;
+    submitJoinRequest?: (message?: string) => Promise<boolean>;
+    refreshMembershipStatus?: () => Promise<void>;
+}>;
+/**
+ * Hook to use forum context
+ */
+export declare const useForumContext: () => IForumContext;
+export {};
+//# sourceMappingURL=ForumContext.d.ts.map

package/dist/core/AccessManager/index.d.ts

@@ -1,6 +1,6 @@
+import { ILevoPageData } from '../../contentEngine';
 import { ISite } from '../../interfaces';
 import { IAuthOverride } from '../../providers/AuthProvider';
-import { ILevoPageData } from '../../contentEngine';
 declare const AccessManager: React.FC<{
     page: ILevoPageData;
     site: ISite;

package/dist/core/LevoBlock.d.ts

@@ -1,15 +1,16 @@
 import { default as React } from 'react';
-import { IBlockInstance, ILevoBlockProps } from '../interfaces';
 import { IPageContext, IPageDataContext } from '../contentEngine';
+import { IBlockInstance, ILevoBlockProps } from '../interfaces';
 interface LevoBlockProps {
     html_id?: string;
     isBuilder?: boolean;
     blocks: Record<string, React.FC<ILevoBlockProps>>;
     parsedBlockData: IBlockInstance;
+    workspace_id: string;
     blockData?: IBlockInstance;
     pageContext?: IPageContext;
     blockContext?: IPageDataContext["blocks"][number];
 }
-export declare const LevoBlock: React.MemoExoticComponent<({ html_id, isBuilder, blocks, parsedBlockData, blockData, pageContext, blockContext, }: LevoBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const LevoBlock: React.MemoExoticComponent<({ html_id, isBuilder, blocks, parsedBlockData, blockData, pageContext, blockContext, workspace_id, }: LevoBlockProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=LevoBlock.d.ts.map

package/dist/core/LevoPage.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
 import { IWorkspace } from '@levo-so/core';
-import { ISite, BlockComponent } from '../interfaces';
+import { default as React } from 'react';
 import { ILevoPageData, IPageDataContext } from '../contentEngine';
+import { BlockComponent, ISite } from '../interfaces';
 import { IAuthOverride } from '../providers';
 export interface ILevoPageProps {
     pageData: ILevoPageData;

package/dist/core/index.d.ts

@@ -1,4 +1,4 @@
+export * from './BlockRegistry';
 export * from './LevoBlock';
 export * from './LevoPage';
-export * from './BlockRegistry';
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/AlertDialog/index.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+/**
+ * Alert dialog props
+ */
+interface IAlertDialogProps {
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    title: string;
+    description: string;
+    onCancel?: () => void;
+    onConfirm: () => void;
+    isLoading?: boolean;
+    cancelText?: string;
+    confirmText?: string;
+    confirmButtonClassName?: string;
+}
+/**
+ * Alert dialog component using Dialog component
+ */
+declare const AlertDialog: React.FC<IAlertDialogProps>;
+export { AlertDialog };
+export type { IAlertDialogProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Carousel.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { default as React } from 'react';
 import { BaseElementProps } from '../components/withBlockProps';
 import { BaseButtonProps } from './Button';
 type CarouselApi = UseEmblaCarouselType[1];
@@ -10,10 +10,18 @@ interface CarouselProps extends BaseElementProps {
     orientation?: "horizontal" | "vertical";
     setApi?: (api: CarouselApi) => void;
 }
+interface IUseDotButtonType {
+    selectedIndex: number;
+    scrollSnaps: number[];
+    onDotButtonClick: (index: number) => void;
+}
+export declare const useDotButton: (emblaApi: CarouselApi | undefined) => IUseDotButtonType;
 declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CarouselPrevious: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CarouselNext: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselDotButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselDots: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const Carousel: import('../components/withBlockProps').WithBlockPropsComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
-export { type CarouselApi, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+export { type CarouselApi, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, CarouselDotButton, CarouselDots, };
 //# sourceMappingURL=Carousel.d.ts.map

package/dist/elements/Tabs.d.ts

@@ -1,6 +1,6 @@
 import { Tabs as TabsPrimitive } from 'radix-ui';
 import { BaseElementProps } from '../components/withBlockProps';
-import * as React from "react";
+import type * as React from "react";
 declare const TabsRoot: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
 type TypeTabsListComponentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
 interface BaseTabsListProps extends BaseElementProps, Omit<TypeTabsListComponentProps, "content"> {

package/dist/elements/UserMenu.d.ts

@@ -1,5 +1,5 @@
 import { BaseElementProps } from '../components/withBlockProps';
-import * as React from "react";
+import type * as React from "react";
 export interface BaseUserMenuProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BaseElementProps, "content"> {
 }
 export declare const BaseUserMenu: React.FC<BaseUserMenuProps>;

package/dist/elements/accordion/index.d.ts

@@ -1,6 +1,6 @@
 import { Accordion as AccordionPrimitive } from 'radix-ui';
 import { BaseElementProps } from '../../components/withBlockProps';
-import * as React from "react";
+import type * as React from "react";
 type TypeAccordionComponentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
 interface BaseAccordionRootProps extends BaseElementProps, Omit<TypeAccordionComponentProps, "content"> {
 }

package/dist/elements/dialog/index.d.ts

@@ -1,5 +1,5 @@
 import { Dialog as DialogPrimitive } from 'radix-ui';
-import * as React from "react";
+import type * as React from "react";
 declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/forum/ForumPost.d.ts

@@ -0,0 +1,18 @@
+import { IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+import { IPostActionsLoadingState } from './utility';
+declare const ForumPost: React.FC<{
+    post: IForumPost;
+    postDetailPageBaseURL?: string | null;
+    isRenderedSolo?: boolean;
+    actionsLoadingState?: IPostActionsLoadingState;
+    forumKey?: string;
+    wrapperStyles?: string;
+}>;
+export { ForumPost };
+export declare const PostLinkWrapper: React.FC<{
+    post: IForumPost;
+    postDetailPageBaseURL?: string | null;
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=ForumPost.d.ts.map

package/dist/elements/forum/ForumPostContentRenderer.d.ts

@@ -0,0 +1,8 @@
+import { IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+declare const ForumPostContentRenderer: React.FC<{
+    post: IForumPost;
+    isRenderedSolo?: boolean;
+}>;
+export { ForumPostContentRenderer };
+//# sourceMappingURL=ForumPostContentRenderer.d.ts.map

package/dist/elements/forum/SearchInput.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { IInputProps } from '../../components/ui/form/FormInput';
+declare const SearchInput: React.FC<IInputProps>;
+export { SearchInput };
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/elements/forum/categoryFilter/CategoryFilter.d.ts

@@ -0,0 +1,16 @@
+export interface ICategoryFilterProps {
+    /** The forum key/slug to fetch categories for */
+    forumKey: string;
+    /** Currently selected category IDs */
+    selectedCategories: string[];
+    /** Callback when category selection changes */
+    onCategoryToggle: (categoryId: string) => void;
+    /** Optional className for the container */
+    className?: string;
+}
+/**
+ * CategoryFilter displays a list of selectable category pills for filtering forum posts.
+ * Fetches categories from the API and renders them as toggleable buttons.
+ */
+export declare const CategoryFilter: React.FC<ICategoryFilterProps>;
+//# sourceMappingURL=CategoryFilter.d.ts.map

package/dist/elements/forum/categoryFilter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CategoryFilter';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/forum/comments/Comment.d.ts

@@ -0,0 +1,14 @@
+import { IComment, ICommentsUserEngagement, IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+declare const Comment: React.FC<{
+    post: IForumPost;
+    comment: IComment;
+    isRoot?: boolean;
+    index?: number;
+    forumKey: string;
+    onChildReplyAdded?: () => void;
+    userEngagementHashMap?: Record<string, ICommentsUserEngagement>;
+    setUserEngagementHashMap?: React.Dispatch<React.SetStateAction<Record<string, ICommentsUserEngagement>>>;
+}>;
+export default Comment;
+//# sourceMappingURL=Comment.d.ts.map

package/dist/elements/forum/comments/Comments.d.ts

@@ -0,0 +1,9 @@
+import { IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+declare const Comments: React.FC<{
+    forumKey: string;
+    post: IForumPost;
+    onCommentCountChange?: (delta: number) => void;
+}>;
+export { Comments };
+//# sourceMappingURL=Comments.d.ts.map

package/dist/elements/forum/comments/ReplyBox.d.ts

@@ -0,0 +1,11 @@
+import { IComment, IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+declare const ReplyBox: React.FC<{
+    post: IForumPost;
+    parentCommentId?: string | null;
+    isParent?: boolean;
+    onCommentAdded?: (comment: IComment) => void;
+    forumKey: string;
+}>;
+export default ReplyBox;
+//# sourceMappingURL=ReplyBox.d.ts.map

package/dist/elements/forum/comments/commentUtility.d.ts

@@ -0,0 +1,25 @@
+import { IComment, ICommentsUserEngagement, IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+export declare const CommentAvatar: React.FC<{
+    comment: IComment;
+    avatarStyles?: string;
+}>;
+export declare const CommentAuthorInfo: React.FC<{
+    comment: IComment;
+}>;
+declare const CommentHeader: React.FC<{
+    comment: IComment;
+}>;
+declare const CommentAction: React.FC<{
+    post: IForumPost;
+    comment: IComment;
+    replyCount?: number;
+    onReplyAdded?: (reply: IComment) => void;
+    onToggleReplies?: () => void;
+    forumKey: string;
+    showReplyBox?: boolean;
+    userEngagementHashMap?: Record<string, ICommentsUserEngagement>;
+    setUserEngagementHashMap?: React.Dispatch<React.SetStateAction<Record<string, ICommentsUserEngagement>>>;
+}>;
+export { CommentAction, CommentHeader };
+//# sourceMappingURL=commentUtility.d.ts.map

package/dist/elements/forum/comments/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Comments';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/forum/createForumPost/CreateForumPost.d.ts

@@ -0,0 +1,9 @@
+import { IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+interface ICreateForumPostProps {
+    forumKey: string;
+    onPostCreated?: (post: IForumPost) => void;
+}
+declare const CreateForumPost: React.FC<ICreateForumPostProps>;
+export { CreateForumPost };
+//# sourceMappingURL=CreateForumPost.d.ts.map

package/dist/elements/forum/createForumPost/CreateForumPostModal.d.ts

@@ -0,0 +1,87 @@
+import { IForumPost } from '@levo-so/core';
+import { default as React } from 'react';
+declare const CreateForumPostModal: React.FC<{
+    children?: React.ReactNode;
+    triggerContainerStyles?: string;
+    useCustomOpenState?: boolean;
+    isOpen?: boolean;
+    handleCreateForumPostModalOpen?: (open: boolean) => void;
+    isCreateForumPostModalReady?: boolean;
+    forumKey: string;
+    onSuccess?: (post: IForumPost) => void;
+    onClose?: () => void;
+    mode?: "create" | "edit";
+    initialValues?: IForumPost;
+}>;
+export default CreateForumPostModal;
+/**
+ * PostAsSelector - Commented out for future use
+ * This component was previously used to select whether to post as yourself or as the workspace.
+ *
+ * interface IPostAsSelectorProps {
+ *   postAs: "myself" | "workspace";
+ *   setPostAs: (value: "myself" | "workspace") => void;
+ *   isPostAsOpen: boolean;
+ *   setIsPostAsOpen: (open: boolean) => void;
+ *   workspace?: { name?: string };
+ * }
+ *
+ * const PostAsSelector: React.FC<IPostAsSelectorProps> = ({
+ *   postAs,
+ *   setPostAs,
+ *   isPostAsOpen,
+ *   setIsPostAsOpen,
+ *   workspace,
+ * }) => {
+ *   const postAsOptions = [
+ *     { label: "Myself", value: "myself" },
+ *     { label: workspace?.name || "Workspace", value: "workspace" },
+ *   ];
+ *
+ *   return (
+ *     <div className="flex items-center gap-2">
+ *       <p className="text-text-1 text-sm font-medium">Post as</p>
+ *       <PopoverRoot open={isPostAsOpen} onOpenChange={setIsPostAsOpen}>
+ *         <PopoverTrigger elementKey="post-as-trigger" asChild>
+ *           <button
+ *             autoFocus={false}
+ *             className="flex items-center gap-1.5 rounded-md border border-[#D1D6E1] bg-white px-3 py-1.5 text-sm font-medium transition-colors hover:bg-gray-50"
+ *           >
+ *             <span className="text-text-1">
+ *               {postAsOptions.find((opt) => opt.value === postAs)?.label}
+ *             </span>
+ *             <ChevronDown className="text-text-2 size-4" />
+ *           </button>
+ *         </PopoverTrigger>
+ *         <PopoverContent
+ *           elementKey="post-as-content"
+ *           align="start"
+ *           className="!w-[unset] min-w-36 rounded-lg border border-gray-200 bg-white !p-1 shadow-lg"
+ *         >
+ *           {postAsOptions.map((option) => (
+ *             <button
+ *               key={option.value}
+ *               onClick={() => {
+ *                 setPostAs(option.value as "myself" | "workspace");
+ *                 setIsPostAsOpen(false);
+ *               }}
+ *               className={cn(
+ *                 "flex w-full cursor-pointer items-center justify-between rounded-md px-3 py-2 text-left text-sm transition-colors hover:bg-gray-100",
+ *                 postAs === option.value
+ *                   ? "text-text-1 font-medium"
+ *                   : "text-text-2",
+ *               )}
+ *             >
+ *               <span>{option.label}</span>
+ *               {postAs === option.value && (
+ *                 <Check className="text-brand size-4" />
+ *               )}
+ *             </button>
+ *           ))}
+ *         </PopoverContent>
+ *       </PopoverRoot>
+ *     </div>
+ *   );
+ * };
+ */
+//# sourceMappingURL=CreateForumPostModal.d.ts.map

package/dist/elements/forum/createForumPost/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CreateForumPost';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/forum/index.d.ts

@@ -0,0 +1,8 @@
+export * from './categoryFilter';
+export * from './comments';
+export * from './createForumPost';
+export * from './ForumPost';
+export * from './restrictionOverlays';
+export * from './SearchInput';
+export * from './utility';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/forum/restrictionOverlays/CommentsRestrictionOverlay.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+/** Sample comment skeleton for background display */
+declare const SampleCommentSkeleton: React.FC<{
+    opacity?: number;
+}>;
+interface ICommentsRestrictionOverlayProps {
+    communityName?: string;
+    className?: string;
+}
+/**
+ * Absolutely positioned overlay shown over comments section
+ * when non-member cannot view comments in invite-only community
+ */
+declare const CommentsRestrictionOverlay: React.FC<ICommentsRestrictionOverlayProps>;
+export { CommentsRestrictionOverlay, SampleCommentSkeleton };
+//# sourceMappingURL=CommentsRestrictionOverlay.d.ts.map

package/dist/elements/forum/restrictionOverlays/JoinRequestForm.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface IJoinRequestFormProps {
+    onSubmit: (message?: string) => Promise<boolean>;
+    isSubmitting: boolean;
+    error: string | null;
+    communityName?: string;
+    className?: string;
+}
+/**
+ * Form for submitting a join request to an invite-only community
+ */
+declare const JoinRequestForm: React.FC<IJoinRequestFormProps>;
+export { JoinRequestForm };
+//# sourceMappingURL=JoinRequestForm.d.ts.map