prompt-mentions 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -1,368 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-type MentionItemType = 'item' | 'divider' | 'title';
-interface MentionOption {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    type?: MentionItemType;
-    children?: MentionOption[];
-}
-
-interface SelectedMention {
-    id: string;
-    label: string;
-    /** The trigger character used for this mention (e.g., "@", "#") */
-    trigger: string;
-}
-
-/**
- * Theme configuration for the Prompt component.
- * All properties are optional - unspecified values will use CSS variable defaults.
- */
-interface PromptTheme {
-    /** Background color of the prompt input */
-    backgroundColor?: string;
-    /** Text color of the prompt input */
-    color?: string;
-    /** Placeholder text color */
-    placeholderColor?: string;
-    /** Font size of the prompt (e.g., "14px", "0.875rem") */
-    fontSize?: string;
-    /** Font family of the prompt */
-    fontFamily?: string;
-    /** Border radius of the prompt input */
-    borderRadius?: string;
-    /** Border color of the prompt input */
-    borderColor?: string;
-    /** Padding inside the prompt input */
-    padding?: string;
-    /** Border color when the prompt is focused */
-    focusBorderColor?: string;
-    /** Box shadow when the prompt is focused (e.g., "0 0 0 2px rgba(99, 102, 241, 0.2)" or "none") */
-    focusBoxShadow?: string;
-    /** Mention menu configuration */
-    menu?: {
-        /** Background color of the menu */
-        backgroundColor?: string;
-        /** Border color of the menu */
-        borderColor?: string;
-        /** Text color in the menu */
-        color?: string;
-        /** Background color of hovered/selected menu items */
-        itemHoverColor?: string;
-        /** Color of the chevron icons */
-        chevronColor?: string;
-        /** Color of chevron icons when item is hovered */
-        chevronHoverColor?: string;
-        /** Minimum width of the menu (e.g., "180px", "240px") */
-        minWidth?: string;
-        /** Menu item configuration */
-        item?: {
-            /** Height of menu items (e.g., "auto", "20px") */
-            height?: string;
-            /** Padding inside menu items */
-            padding?: string;
-            /** Gap between icon and label */
-            gap?: string;
-            /** Font size of the label */
-            labelFontSize?: string;
-            /** Font weight of the label */
-            labelFontWeight?: string | number;
-            /** Height of the icon */
-            iconHeight?: string;
-        };
-        /** Menu title/header configuration */
-        title?: {
-            /** Padding of the title */
-            padding?: string;
-            /** Top padding of the title */
-            paddingTop?: string;
-            /** Height of the title row */
-            height?: string;
-            /** Font size of the title label */
-            labelFontSize?: string;
-            /** Font weight of the title label */
-            labelFontWeight?: string | number;
-            /** Color of the title label */
-            labelColor?: string;
-            /** Text transform (e.g., "uppercase", "none") */
-            labelTextTransform?: string;
-            /** Letter spacing */
-            labelLetterSpacing?: string;
-            /** Opacity of the title label */
-            labelOpacity?: string | number;
-        };
-    };
-    /** Mention pill (tag) configuration */
-    pill?: {
-        /** Background of the pill (can be a gradient like "linear-gradient(...)") */
-        backgroundColor?: string;
-        /** Border radius of the pill */
-        borderRadius?: string;
-        /** Text color of the pill */
-        color?: string;
-        /** Padding inside the pill */
-        padding?: string;
-    };
-}
-/**
- * Converts a PromptTheme object to CSS custom properties.
- * Returns an object suitable for use as React inline styles.
- */
-declare function themeToStyles(theme?: PromptTheme): React.CSSProperties;
-/**
- * Preset themes that can be used out of the box.
- */
-declare const presetThemes: {
-    /** Light theme (default) */
-    readonly light: {
-        backgroundColor: string;
-        color: string;
-        placeholderColor: string;
-        fontSize: string;
-        fontFamily: string;
-        borderRadius: string;
-        borderColor: string;
-        padding: string;
-        focusBorderColor: string;
-        focusBoxShadow: string;
-        menu: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            itemHoverColor: string;
-            chevronColor: string;
-            chevronHoverColor: string;
-            minWidth: string;
-            item: {
-                height: string;
-                padding: string;
-                gap: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                iconHeight: string;
-            };
-            title: {
-                padding: string;
-                paddingTop: string;
-                height: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                labelColor: string;
-                labelTextTransform: string;
-                labelLetterSpacing: string;
-                labelOpacity: number;
-            };
-        };
-        pill: {
-            backgroundColor: string;
-            borderRadius: string;
-            color: string;
-            padding: string;
-        };
-    };
-    /** Dark theme similar to Cursor IDE */
-    readonly cursorDark: {
-        backgroundColor: string;
-        color: string;
-        placeholderColor: string;
-        fontSize: string;
-        fontFamily: string;
-        borderRadius: string;
-        borderColor: string;
-        padding: string;
-        focusBorderColor: string;
-        focusBoxShadow: string;
-        menu: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            itemHoverColor: string;
-            chevronColor: string;
-            chevronHoverColor: string;
-            minWidth: string;
-            item: {
-                height: string;
-                padding: string;
-                gap: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                iconHeight: string;
-            };
-            title: {
-                padding: string;
-                paddingTop: string;
-                height: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                labelColor: string;
-                labelTextTransform: string;
-                labelLetterSpacing: string;
-                labelOpacity: number;
-            };
-        };
-        pill: {
-            backgroundColor: string;
-            borderRadius: string;
-            color: string;
-            padding: string;
-        };
-    };
-    /** GitHub-inspired dark theme */
-    readonly githubDark: {
-        backgroundColor: string;
-        color: string;
-        placeholderColor: string;
-        fontSize: string;
-        fontFamily: string;
-        borderRadius: string;
-        borderColor: string;
-        padding: string;
-        focusBorderColor: string;
-        focusBoxShadow: string;
-        menu: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            itemHoverColor: string;
-            chevronColor: string;
-            chevronHoverColor: string;
-            minWidth: string;
-            item: {
-                height: string;
-                padding: string;
-                gap: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                iconHeight: string;
-            };
-            title: {
-                padding: string;
-                paddingTop: string;
-                height: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                labelColor: string;
-                labelTextTransform: string;
-                labelLetterSpacing: string;
-                labelOpacity: number;
-            };
-        };
-        pill: {
-            backgroundColor: string;
-            borderRadius: string;
-            color: string;
-            padding: string;
-        };
-    };
-    /** Minimal/clean theme */
-    readonly minimal: {
-        backgroundColor: string;
-        color: string;
-        placeholderColor: string;
-        fontSize: string;
-        fontFamily: string;
-        borderRadius: string;
-        borderColor: string;
-        padding: string;
-        focusBorderColor: string;
-        focusBoxShadow: string;
-        menu: {
-            backgroundColor: string;
-            borderColor: string;
-            color: string;
-            itemHoverColor: string;
-            chevronColor: string;
-            chevronHoverColor: string;
-            minWidth: string;
-            item: {
-                height: string;
-                padding: string;
-                gap: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                iconHeight: string;
-            };
-            title: {
-                padding: string;
-                paddingTop: string;
-                height: string;
-                labelFontSize: string;
-                labelFontWeight: number;
-                labelColor: string;
-                labelTextTransform: string;
-                labelLetterSpacing: string;
-                labelOpacity: number;
-            };
-        };
-        pill: {
-            backgroundColor: string;
-            borderRadius: string;
-            color: string;
-            padding: string;
-        };
-    };
-};
-type PresetThemeName = keyof typeof presetThemes;
-
-type MentionMenuPosition = "above" | "below";
-interface MentionConfig {
-    trigger: string;
-    options: MentionOption[];
-    menuPosition?: MentionMenuPosition;
-    showTrigger?: boolean;
-}
-interface PromptProps {
-    initialValue?: string;
-    onChange?: (value: string, mentions: SelectedMention[]) => void;
-    onEnter?: (value: string, mentions: SelectedMention[]) => void;
-    onMentionAdded?: (mention: SelectedMention) => void;
-    onMentionDeleted?: (mention: SelectedMention) => void;
-    onMentionClick?: (mention: SelectedMention) => void;
-    placeholder?: string;
-    mentionConfigs?: MentionConfig[];
-    theme?: PresetThemeName | PromptTheme;
-    className?: string;
-    style?: React.CSSProperties;
-    /**
-     * When true, automatically adds file extension icons to mention options.
-     * Icons are determined by the file extension in the option label.
-     * Only applies to options that don't already have an icon.
-     */
-    extensionIcons?: boolean;
-}
-declare const Prompt: (props: PromptProps) => react_jsx_runtime.JSX.Element;
-
-/**
- * Extension to icon mapping
- *
- * Add more mappings here as needed.
- * The key should be the file extension (without the dot).
- * The value is a React component that renders an SVG icon.
- */
-declare const extensionIconMap: Record<string, () => ReactNode>;
-/**
- * Special filename to icon mapping
- * These are matched by full filename (case-insensitive)
- */
-declare const filenameIconMap: Record<string, () => ReactNode>;
-/**
- * Get the icon component for a given filename or label
- *
- * @param label - The filename or label to get an icon for
- * @returns The icon component, or undefined if no match found
- */
-declare function getExtensionIcon(label: string): ReactNode | undefined;
-/**
- * Default file icon for items without a recognized extension
- */
-declare const DefaultFileIcon: () => react_jsx_runtime.JSX.Element;
-/**
- * Default folder icon
- */
-declare const DefaultFolderIcon: () => react_jsx_runtime.JSX.Element;
-
-export { DefaultFileIcon, DefaultFolderIcon, Prompt, extensionIconMap, filenameIconMap, getExtensionIcon, presetThemes, themeToStyles };
-export type { MentionConfig, MentionItemType, MentionMenuPosition, MentionOption, PresetThemeName, PromptProps, PromptTheme, SelectedMention };