@indigoai/indigo-design-system 0.10.3

package/README.md

@@ -0,0 +1,77 @@
+# Indigo Design System
+
+## Usage
+
+All you need to do is install the package `@indigoai/indigo-design-system` from [npm](https://www.npmjs.com/package/@indigoai/indigo-design-system)
+
+```
+$ yarn add @indigoai/indigo-design-system
+# or
+$ npm install --save @indigoai/indigo-design-system
+```
+
+And import `style.css` in your global stylesheet file or in App.tsx:
+
+```
+import "@indigoai/indigo-design-system/style.css"
+```
+
+If you need to import some icons, you can add this package `@indigoai/indigo-icons` from [npm](https://www.npmjs.com/package/@indigoai/indigo-icons)
+
+```
+import { YourSolidIcon } from '@indigoai/indigo-icons/dist/solid';
+import { YourOutlineIcon } from '@indigoai/indigo-icons/dist/outline';
+```
+
+## Dev environment
+
+This package uses a Docker container as a local development environment.\
+Yalc can be used to publish the package locally and test it in a different project.
+
+You can start the development environment by running:
+
+```
+docker compose up
+```
+
+You can update the dependencies by running:
+
+```
+docker compose exec frontend yarn
+```
+
+You can publish the package locally by running:
+
+```
+docker compose exec frontend ./publish_local.sh
+```
+
+### Using a local version of the icons
+
+You can use yalc to publish a local version of the icons package and try it out in the design system
+before publishing it to npm.\
+To install it without modifying the package.json file, run:
+
+```
+docker compose exec frontend yalc link @indigoai/indigo-icons
+```
+
+Due to how Storybook works, you will need to delete the cache and restart the container:
+
+```
+docker compose exec frontend rm -rf /app/node_modules/.cache/storybook
+```
+
+## Publishing the package to NPM
+
+You should have an NPM account and be logged in to publish the package.
+
+Bump the package version, manually or using one of the npm commands: npm version patch, npm version minor, npm
+version major. Then run:
+
+```
+docker compose exec frontend ./publish.sh
+```
+
+**warning**: after running this command, the package.json file will be reverted to its previous state.\
+Remember to commit the changes to it before running the command.

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,14 @@
+import { AccordionProps } from '.';
+
+/**
+ * An accordion component.
+ */
+export declare const Accordion: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
+/**
+ * An individual panel within an accordion
+ */
+export declare const AccordionPanel: import('react').ForwardRefExoticComponent<{
+    label: import('react').ReactNode;
+    children: import('react').ReactNode;
+    contentClassName?: string | undefined;
+} & import('@radix-ui/react-accordion').AccordionItemProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/accordion/accordion.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { AccordionProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, AccordionProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    render: (args: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,2 @@
+export { Accordion, AccordionPanel } from './accordion';
+export type { AccordionProps, AccordionPanelProps } from './types';

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

@@ -0,0 +1,8 @@
+import { AccordionItemProps, AccordionSingleProps } from '@radix-ui/react-accordion';
+
+export type AccordionProps = Omit<AccordionSingleProps, 'type'>;
+export type AccordionPanelProps = {
+    label: React.ReactNode;
+    children: React.ReactNode;
+    contentClassName?: string;
+} & AccordionItemProps;

package/dist/components/ai-chat/ai-chat.d.ts

@@ -0,0 +1,6 @@
+import { ChatContainerProps, ChatTriggerProps } from './types';
+/// <reference types="react" />
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+export declare const ChatRoot: import('react').FC<PopoverPrimitive.PopoverProps>;
+export declare const ChatTrigger: import('react').ForwardRefExoticComponent<ChatTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const ChatContainer: import('react').ForwardRefExoticComponent<ChatContainerProps & import('react').RefAttributes<never>>;

package/dist/components/ai-chat/ai-chat.stories.d.ts

@@ -0,0 +1,7 @@
+import { ChatContentProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, ChatContentProps>;
+export default _default;
+export declare const Template: {
+    render: (args: ChatContentProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/ai-chat/chat-content/chat-content.d.ts

@@ -0,0 +1,6 @@
+import { ChatContentProps } from '../types';
+
+/**
+ * ChatContent component
+ */
+export declare const ChatContent: (props: ChatContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-chat/chat-header/chat-header.d.ts

@@ -0,0 +1,11 @@
+import { AvatarProps } from '../../avatar-default';
+import { HeaderTypes } from '../types';
+
+interface ChatHeaderProps {
+    botName: string;
+    repliesInstantlyLabel?: string;
+    avatar: AvatarProps;
+    type?: HeaderTypes;
+}
+export declare const ChatHeader: ({ botName, avatar, repliesInstantlyLabel, type }: ChatHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai-chat/chat-input/chat-input.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent } from 'react';
+
+interface ChatInputProps {
+    placeholder: string;
+    disabled?: boolean;
+    className?: string;
+    value?: string;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export declare const ChatInput: import('react').ForwardRefExoticComponent<ChatInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/ai-chat/chat-item/chat-item.d.ts

@@ -0,0 +1,12 @@
+import { AvatarProps } from '../../avatar-default';
+import { FeedbackRequest, Message } from '../types';
+
+interface ChatItemProp {
+    avatar: AvatarProps;
+    message: Message;
+    feedbackRequested?: FeedbackRequest;
+    onMessageButtonClicked?: (label: string) => void;
+    onFeedbackClicked?: (isPositive: boolean) => void;
+}
+export declare const ChatItem: (props: ChatItemProp) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ai-chat/constants.d.ts

@@ -0,0 +1 @@
+export declare const HEADER_TYPES: readonly ["purple", "white"];

package/dist/components/ai-chat/hooks/useAutoResizeTextArea.d.ts

@@ -0,0 +1 @@
+export declare const useAutosizeTextArea: (textAreaRef: HTMLTextAreaElement | null, value?: string) => void;

package/dist/components/ai-chat/index.d.ts

@@ -0,0 +1,4 @@
+export { ChatContainer, ChatRoot, ChatTrigger } from './ai-chat';
+export { ChatHeader } from './chat-header/chat-header';
+export { ChatContent } from './chat-content/chat-content';
+export type { ChatContainerProps, ChatTriggerProps, ChatContentProps, HeaderTypes, Message, BotCardMessage, BotCarouselMessage, BotImageMessage, BotTextMessage, BotTypingMessage, BotVideoMessage, FeedbackRequest, UserButtonMessage, UserTextMessage, } from './types';

package/dist/components/ai-chat/types.d.ts

@@ -0,0 +1,99 @@
+import { ReactNode } from 'react';
+import { HEADER_TYPES } from './constants';
+import { ButtonProps } from '../button';
+
+type AvatarProps = {
+    name?: string;
+    badge?: boolean;
+    image: {
+        url: string;
+        alt: string;
+    };
+};
+export type HeaderTypes = (typeof HEADER_TYPES)[number];
+export type ChatTriggerProps = {
+    active: boolean;
+    avatarBot: AvatarProps;
+    onClick?: () => void;
+};
+export type ChatContainerProps = {
+    children: ReactNode;
+};
+export interface ChatContentProps {
+    avatar: AvatarProps;
+    messages: Message[];
+    isTyping?: boolean;
+    feedbackRequested?: FeedbackRequest[];
+    onMessageButtonClicked?: (label: string) => void;
+    onInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onFeedbackClicked?: (message: Message, isPositive: boolean) => void;
+}
+export type BotImageMessage = {
+    whoSent: 'bot';
+    type: 'jpg';
+    imageUrl: string;
+    imageAlt: string;
+    caption?: string;
+    feedbackRequest?: boolean;
+    feedbackRequestLabel?: string;
+};
+export type BotVideoMessage = {
+    whoSent: 'bot';
+    type: 'mp4';
+    videoPreviewUrl: string;
+    caption?: string;
+    feedbackRequest?: boolean;
+    feedbackRequestLabel?: string;
+};
+export type UserButtonMessage = {
+    whoSent: 'user';
+    type: 'button';
+    buttons: readonly [ButtonProps?, ButtonProps?, ButtonProps?, ButtonProps?];
+};
+export type UserTextMessage = {
+    whoSent: 'user';
+    type: 'chat';
+    text: ReactNode;
+};
+export type BotTextMessage = {
+    whoSent: 'bot';
+    type: 'chat';
+    text: ReactNode;
+    caption?: string;
+    feedbackRequest?: boolean;
+    feedbackRequestLabel?: string;
+};
+export type BotTypingMessage = {
+    whoSent: 'bot';
+    type: 'typing';
+    typingLabel?: string;
+};
+export type BotCardMessage = {
+    whoSent: 'bot';
+    type: 'card';
+    buttons?: readonly [ButtonProps?, ButtonProps?];
+    imageUrl?: string;
+    imageAlt?: string;
+    title: string;
+    description: string;
+};
+export type BotCarouselMessage = {
+    whoSent: 'bot';
+    type: 'cards';
+    cards: {
+        cardId: string;
+        buttons?: readonly [ButtonProps?, ButtonProps?];
+        imageUrl?: string;
+        imageAlt?: string;
+        title: string;
+        description: string;
+    }[];
+};
+export type Message = {
+    id: string;
+} & (BotImageMessage | BotVideoMessage | UserButtonMessage | UserTextMessage | BotTextMessage | BotTypingMessage | BotCarouselMessage);
+export type FeedbackRequest = {
+    id: string;
+    isPositive: boolean;
+};
+export {};

package/dist/components/avatar-bot/avatar-bot.d.ts

@@ -0,0 +1,6 @@
+import { AvatarBotProps } from './types';
+
+/**
+ * Avatar bot component
+ */
+export declare const AvatarBot: import('react').ForwardRefExoticComponent<AvatarBotProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/avatar-bot/avatar-bot.stories.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { AvatarBot, AvatarBotProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, AvatarBotProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof AvatarBot>;
+export declare const Template: {
+    render: (args: AvatarBotProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Image: Story;
+export declare const Icon: Story;

package/dist/components/avatar-bot/index.d.ts

@@ -0,0 +1,2 @@
+export { AvatarBot } from './avatar-bot';
+export type { AvatarBotIcon, AvatarBotImage, AvatarBotProps } from './types';

package/dist/components/avatar-bot/types.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+interface BaseAvatarBot {
+    active?: boolean;
+    onClick?: () => void;
+}
+export interface AvatarBotImage extends BaseAvatarBot {
+    image: {
+        url: string;
+        alt?: string;
+    };
+    icon?: never;
+    className?: string;
+}
+export interface AvatarBotIcon extends BaseAvatarBot {
+    image?: never;
+    icon: React.ReactNode;
+    className?: string;
+}
+export type AvatarBotProps = AvatarBotImage | AvatarBotIcon;
+export {};

package/dist/components/avatar-default/avatar.d.ts

@@ -0,0 +1,6 @@
+import { AvatarProps } from '.';
+
+/**
+ * Avatar component with optional badge
+ */
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/avatar-default/avatar.stories.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { Avatar } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, import('.').AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof Avatar>;
+export declare const Name: Story;
+export declare const Icon: Story;
+export declare const Image: Story;

package/dist/components/avatar-default/constants.d.ts

@@ -0,0 +1 @@
+export declare const AVATAR_SIZES: readonly ["md", "sm", "xs", "xxs"];

package/dist/components/avatar-default/index.d.ts

@@ -0,0 +1,3 @@
+export { AVATAR_SIZES } from './constants';
+export type { AvatarSize, AvatarProps } from './types';
+export { Avatar } from './avatar';

package/dist/components/avatar-default/types.d.ts

@@ -0,0 +1,19 @@
+import { AVATAR_SIZES } from './constants';
+import { ReactNode } from 'react';
+
+export type AvatarSize = (typeof AVATAR_SIZES)[number];
+export interface AvatarProps {
+    name?: string;
+    color?: string;
+    icon?: boolean;
+    size?: AvatarSize;
+    status?: string;
+    disabled?: boolean;
+    badge?: boolean;
+    image?: {
+        url: string;
+        alt: string;
+    };
+    children?: ReactNode;
+    className?: string;
+}

package/dist/components/avatar-workspace/avatar-workspace.d.ts

@@ -0,0 +1,6 @@
+import { AvatarWorkspaceProps } from '.';
+
+/**
+ * Avatar component with optional badge
+ */
+export declare const AvatarWorkspace: import('react').ForwardRefExoticComponent<AvatarWorkspaceProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/avatar-workspace/avatar-workspace.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { AvatarWorkspace } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, import('.').AvatarWorkspaceProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof AvatarWorkspace>;
+export declare const Name: Story;
+export declare const Icon: Story;

package/dist/components/avatar-workspace/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const AVATAR_WORKSPACE_SIZES: readonly ["md", "sm"];
+export declare const AVATAR_WORKSPACE_COLORS: readonly ["purple", "grey"];

package/dist/components/avatar-workspace/index.d.ts

@@ -0,0 +1,3 @@
+export { AVATAR_WORKSPACE_SIZES as AVATAR_SIZES } from './constants';
+export type { AvatarWorkspaceColor, AvatarWorkspaceProps, AvatarWorkspaceSize } from './types';
+export { AvatarWorkspace } from './avatar-workspace';

package/dist/components/avatar-workspace/types.d.ts

@@ -0,0 +1,13 @@
+import { AVATAR_WORKSPACE_COLORS, AVATAR_WORKSPACE_SIZES } from './constants';
+import { ReactNode } from 'react';
+
+export type AvatarWorkspaceSize = (typeof AVATAR_WORKSPACE_SIZES)[number];
+export type AvatarWorkspaceColor = (typeof AVATAR_WORKSPACE_COLORS)[number];
+export interface AvatarWorkspaceProps {
+    name: string;
+    icon?: boolean;
+    size?: AvatarWorkspaceSize;
+    color?: AvatarWorkspaceColor;
+    children?: ReactNode;
+    className?: string;
+}

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,6 @@
+import { BadgeProps } from '.';
+
+/**
+ * Badge component
+ */
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/badge/badge.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { Badge, BadgeProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof Badge>;
+export declare const Green: Story;
+export declare const Red: Story;

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

@@ -0,0 +1,2 @@
+export type { BadgeProps } from './types';
+export { Badge } from './badge';

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

@@ -0,0 +1,7 @@
+export declare const BADGE_COLORS: readonly ["red", "green"];
+export type ButtonColor = (typeof BADGE_COLORS)[number];
+export interface BadgeProps {
+    color: ButtonColor;
+    small?: boolean;
+    className?: string;
+}

package/dist/components/block-builders/atom-top-modulo/atom-top-modulo.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { AtomTopModuloProps } from '.';
+
+/**
+ * AtomTopModulo component
+ */
+export declare const AtomTopModulo: React.ForwardRefExoticComponent<Omit<AtomTopModuloProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/block-builders/atom-top-modulo/atom-top_modulo.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/react';
+import { AtomTopModulo } from './atom-top-modulo';
+import { AtomTopModuloProps } from './types';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<AtomTopModuloProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof AtomTopModulo>;
+export declare const Template: Story;
+export declare const Dragged: Story;

package/dist/components/block-builders/atom-top-modulo/index.d.ts

@@ -0,0 +1,2 @@
+export { AtomTopModulo } from './atom-top-modulo';
+export type { AtomTopModuloProps } from './types';

package/dist/components/block-builders/atom-top-modulo/types.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef, MouseEventHandler, RefAttributes } from 'react';
+import { BlockType } from '../block/types';
+
+export type AtomTopModuloProps = {
+    block?: BlockType;
+    dragHandlerProps?: RefAttributes<SVGSVGElement>;
+    isDragging?: boolean;
+    isCollapse?: boolean;
+    onCopy?: MouseEventHandler<HTMLButtonElement>;
+    onDelete?: () => void;
+    onCollapse?: () => void;
+    showCopy?: boolean;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/block-builders/block/block.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BlockProps } from '.';
+
+/**
+ * Block component
+ */
+export declare const Block: React.ForwardRefExoticComponent<Omit<BlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/block-builders/block/block.stories.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { Block } from './block';
+import { BlockProps } from './types';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<BlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof Block>;
+export declare const Template: Story;

package/dist/components/block-builders/block/constants.d.ts

@@ -0,0 +1 @@
+export declare const BLOCKS: readonly ["text", "image", "video", "agent", "card", "handover", "contact_request", "quick_reply", "reroute", "api", "capture", "set_values", "condition", "notes"];

package/dist/components/block-builders/block/index.d.ts

@@ -0,0 +1,2 @@
+export { Block } from './block';
+export type { BlockProps } from './types';

package/dist/components/block-builders/block/types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef, MouseEventHandler } from 'react';
+import { BLOCKS } from './constants';
+
+export type BlockType = (typeof BLOCKS)[number];
+export type BlockProps = {
+    block?: BlockType;
+    bodyClassName?: string;
+    onCopy?: MouseEventHandler<HTMLButtonElement>;
+    headerClassName?: string;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/block-builders/empty-state/constants.d.ts

@@ -0,0 +1 @@
+export declare const EMPTY_STATE_STATUSES: readonly ["text", "drop", "image", "video"];

package/dist/components/block-builders/empty-state/empty-state-image/empty-state-image.d.ts

@@ -0,0 +1,6 @@
+import { EmptyStateImageProps } from './types';
+
+/**
+ * Empty State Image component
+ */
+export declare const EmptyStateImage: import('react').ForwardRefExoticComponent<Omit<EmptyStateImageProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/block-builders/empty-state/empty-state-image/types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
+
+export type EmptyStateImageProps = {
+    onConnect?: () => void;
+    onUploadImage?: (file: File) => void;
+    isCard?: boolean;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/block-builders/empty-state/empty-state.d.ts

@@ -0,0 +1,3 @@
+import { EmptyStateProps } from '.';
+
+export declare const EmptyState: import('react').ForwardRefExoticComponent<Omit<EmptyStateProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/block-builders/empty-state/empty-state.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { EmptyState, EmptyStateProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<EmptyStateProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof EmptyState>;
+export declare const Template: Story;

package/dist/components/block-builders/empty-state/index.d.ts

@@ -0,0 +1,3 @@
+export { EMPTY_STATE_STATUSES } from './constants';
+export { EmptyState } from './empty-state';
+export type { EmptyStateProps } from './types';

package/dist/components/block-builders/empty-state/types.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+
+export type EmptyStateProps = {
+    status?: string;
+    isCard?: boolean;
+    onConnect?: () => void;
+    onUploadImage?: () => void;
+} & ComponentPropsWithRef<'div'>;

package/dist/components/block-builders/image-uploader/image-uploader.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface ImageUploaderProps {
+    onAddFile: (fileInfo: File) => void;
+    onError: (error: string) => void;
+    acceptedFormats: string[];
+    maxFileSize: number;
+}
+export interface ImageUploaderRef {
+    browse: () => void;
+}
+export declare const ImageUploader: React.ForwardRefExoticComponent<ImageUploaderProps & React.RefAttributes<ImageUploaderRef>>;

package/dist/components/block-builders/image-uploader/index.d.ts

@@ -0,0 +1,2 @@
+export { ImageUploader, type ImageUploaderRef } from './image-uploader';
+export type { ImageUploaderProps } from './types';

package/dist/components/block-builders/image-uploader/types.d.ts

@@ -0,0 +1,7 @@
+export interface ImageUploaderProps {
+    onAddFile: (file: File) => void;
+    onError: (error: Error) => void;
+    acceptedFormats: string[];
+    maxFileSize: number;
+    handleAddedFile: () => void;
+}

package/dist/components/block-builders/title-block-module/index.d.ts

@@ -0,0 +1,2 @@
+export { TitleBlockModule } from './title-block-module';
+export type { TitleBlockModuleProps } from './types';

package/dist/components/block-builders/title-block-module/title-block-module.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TitleBlockModuleProps } from '.';
+
+export declare const TitleBlockModule: React.ForwardRefExoticComponent<Omit<TitleBlockModuleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/block-builders/title-block-module/title-block-module.stories.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { StoryObj } from '@storybook/react';
+import { TitleBlockModule, TitleBlockModuleProps } from '.';
+
+declare const _default: import('@storybook/csf').ComponentAnnotations<import('@storybook/react/dist/types-a5624094').R, Omit<TitleBlockModuleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+type Story = StoryObj<typeof TitleBlockModule>;
+export declare const Template: Story;