cvnert-editor 0.1.0

package/dist/components/tiptap-node/toc-node/ui/toc-sidebar/toc-sidebar.d.ts

@@ -0,0 +1,14 @@
+import "./toc-sidebar.css";
+export interface TocSidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The maximum number of headings to show in the TOC.
+     * @default 20
+     */
+    maxShowCount?: number;
+    /**
+     * Offset from the top of the editor container (in pixels).
+     * @default 0
+     */
+    topOffset?: number;
+}
+export declare function TocSidebar({ className, maxShowCount, topOffset, ...props }: TocSidebarProps): import("react").JSX.Element;

package/dist/components/tiptap-templates/omnibox/omnibox-editor-header.d.ts

@@ -0,0 +1 @@
+export declare function OmniboxEditorHeader(): import("react").JSX.Element;

package/dist/components/tiptap-templates/omnibox/omnibox-editor-mobile-toolbar.d.ts

@@ -0,0 +1,14 @@
+import { type Editor } from "@tiptap/react";
+export type ToolbarViewType = {
+    id: string;
+    title: string;
+    icon: React.ReactNode;
+    content: React.ReactNode;
+    mobileButton?: (onClick: () => void) => React.ReactNode;
+    desktopComponent?: React.ReactNode;
+    shouldShow?: (editor: Editor | null) => boolean;
+};
+export interface MobileToolbarProps {
+    editor?: Editor | null;
+}
+export declare function MobileToolbar({ editor: providedEditor }: MobileToolbarProps): import("react").JSX.Element | null;

package/dist/components/tiptap-templates/omnibox/omnibox-editor-theme-toggle.d.ts

@@ -0,0 +1 @@
+export declare function ThemeToggle(): import("react").JSX.Element;

package/dist/components/tiptap-templates/omnibox/omnibox-editor-toolbar-floating.d.ts

@@ -0,0 +1,15 @@
+import { type Editor } from "@tiptap/react";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export declare function OmniboxToolbarFloating(): import("react").JSX.Element | null;
+export interface MoreOptionsProps extends Omit<ButtonProps, "type"> {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether to hide the dropdown when no options are available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+}
+export declare function MoreOptions({ editor: providedEditor, hideWhenUnavailable, ...props }: MoreOptionsProps): import("react").JSX.Element | null;

package/dist/components/tiptap-templates/omnibox/omnibox-editor.d.ts

@@ -0,0 +1,28 @@
+import "@/components/tiptap-node/table-node/styles/prosemirror-table.css";
+import "@/components/tiptap-node/table-node/styles/table-node.css";
+import "@/components/tiptap-node/blockquote-node/blockquote-node.css";
+import "@/components/tiptap-node/code-block-node/code-block-node.css";
+import "@/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.css";
+import "@/components/tiptap-node/list-node/list-node.css";
+import "@/components/tiptap-node/image-node/image-node.css";
+import "@/components/tiptap-node/heading-node/heading-node.css";
+import "@/components/tiptap-node/paragraph-node/paragraph-node.css";
+import type { EditorProviderProps, OmniboxEditorProps } from "@/types";
+/**
+ * Loading spinner component shown while creating the editor instance
+ */
+export declare function LoadingSpinner({ text }: {
+    text?: string;
+}): import("react").JSX.Element;
+/**
+ * EditorContent component that renders the actual editor
+ */
+export declare function EditorContentArea(): import("react").JSX.Element | null;
+/**
+ * Component that creates and provides the editor instance
+ */
+export declare function EditorProvider(props: EditorProviderProps): import("react").JSX.Element;
+/**
+ * Full local editor with all necessary providers.
+ */
+export declare function OmniboxEditor({ editable, placeholder, content, variant, showHeader, showToc, onUpdate, imageUpload, imageUploadMaxSize, imageUploadLimit, onImageUploadError, onImageUploadSuccess, }: OmniboxEditorProps): import("react").JSX.Element;

package/dist/components/tiptap-ui/blockquote-button/blockquote-button.d.ts

@@ -0,0 +1,22 @@
+import type { UseBlockquoteConfig } from "@/components/tiptap-ui/blockquote-button";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export interface BlockquoteButtonProps extends Omit<ButtonProps, "type">, UseBlockquoteConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function BlockquoteShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react").JSX.Element;
+/**
+ * Button component for toggling blockquote in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useBlockquote` hook instead.
+ */
+export declare const BlockquoteButton: import("react").ForwardRefExoticComponent<BlockquoteButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/tiptap-ui/blockquote-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./blockquote-button";
+export * from "./use-blockquote";

package/dist/components/tiptap-ui/blockquote-button/use-blockquote.d.ts

@@ -0,0 +1,80 @@
+import type { Editor } from "@tiptap/react";
+export declare const BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
+/**
+ * Configuration for the blockquote functionality
+ */
+export interface UseBlockquoteConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether the button should hide when blockquote is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Callback function called after a successful toggle.
+     */
+    onToggled?: () => void;
+}
+/**
+ * Checks if blockquote can be toggled in the current editor state
+ */
+export declare function canToggleBlockquote(editor: Editor | null, turnInto?: boolean): boolean;
+/**
+ * Toggles blockquote formatting for a specific node or the current selection
+ */
+export declare function toggleBlockquote(editor: Editor | null): boolean;
+/**
+ * Determines if the blockquote button should be shown
+ */
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * Custom hook that provides blockquote functionality for Tiptap editor
+ *
+ * @example
+ * ```tsx
+ * // Simple usage - no params needed
+ * function MySimpleBlockquoteButton() {
+ *   const { isVisible, handleToggle, isActive } = useBlockquote()
+ *
+ *   if (!isVisible) return null
+ *
+ *   return <button onClick={handleToggle}>Blockquote</button>
+ * }
+ *
+ * // Advanced usage with configuration
+ * function MyAdvancedBlockquoteButton() {
+ *   const { isVisible, handleToggle, label, isActive } = useBlockquote({
+ *     editor: myEditor,
+ *     hideWhenUnavailable: true,
+ *     onToggled: () => console.log('Blockquote toggled!')
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <MyButton
+ *       onClick={handleToggle}
+ *       aria-label={label}
+ *       aria-pressed={isActive}
+ *     >
+ *       Toggle Blockquote
+ *     </MyButton>
+ *   )
+ * }
+ * ```
+ */
+export declare function useBlockquote(config?: UseBlockquoteConfig): {
+    isVisible: boolean;
+    isActive: boolean;
+    handleToggle: () => boolean;
+    canToggle: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: import("react").MemoExoticComponent<({ className, ...props }: Omit<import("react").SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+};

package/dist/components/tiptap-ui/code-block-button/code-block-button.d.ts

@@ -0,0 +1,22 @@
+import type { UseCodeBlockConfig } from "@/components/tiptap-ui/code-block-button";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export interface CodeBlockButtonProps extends Omit<ButtonProps, "type">, UseCodeBlockConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function CodeBlockShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react").JSX.Element;
+/**
+ * Button component for toggling code block in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useCodeBlock` hook instead.
+ */
+export declare const CodeBlockButton: import("react").ForwardRefExoticComponent<CodeBlockButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/tiptap-ui/code-block-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./code-block-button";
+export * from "./use-code-block";

package/dist/components/tiptap-ui/code-block-button/use-code-block.d.ts

@@ -0,0 +1,87 @@
+import { type Editor } from "@tiptap/react";
+export declare const CODE_BLOCK_SHORTCUT_KEY = "mod+alt+c";
+/**
+ * Configuration for the code block functionality
+ */
+export interface UseCodeBlockConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether the button should hide when code block is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Callback function called after a successful code block toggle.
+     */
+    onToggled?: () => void;
+}
+/**
+ * Checks if code block can be toggled in the current editor state
+ */
+export declare function canToggle(editor: Editor | null, turnInto?: boolean): boolean;
+/**
+ * Toggles code block in the editor
+ */
+export declare function toggleCodeBlock(editor: Editor | null): boolean;
+/**
+ * Determines if the code block button should be shown
+ */
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * Custom hook that provides code block functionality for Tiptap editor
+ *
+ * @example
+ * ```tsx
+ * // Simple usage - no params needed
+ * function MySimpleCodeBlockButton() {
+ *   const { isVisible, isActive, handleToggle } = useCodeBlock()
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <button
+ *       onClick={handleToggle}
+ *       aria-pressed={isActive}
+ *     >
+ *       Code Block
+ *     </button>
+ *   )
+ * }
+ *
+ * // Advanced usage with configuration
+ * function MyAdvancedCodeBlockButton() {
+ *   const { isVisible, isActive, handleToggle, label } = useCodeBlock({
+ *     editor: myEditor,
+ *     hideWhenUnavailable: true,
+ *     onToggled: (isActive) => console.log('Code block toggled:', isActive)
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <MyButton
+ *       onClick={handleToggle}
+ *       aria-label={label}
+ *       aria-pressed={isActive}
+ *     >
+ *       Toggle Code Block
+ *     </MyButton>
+ *   )
+ * }
+ * ```
+ */
+export declare function useCodeBlock(config?: UseCodeBlockConfig): {
+    isVisible: boolean;
+    isActive: boolean;
+    handleToggle: () => boolean;
+    canToggle: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: import("react").MemoExoticComponent<({ className, ...props }: Omit<import("react").SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+};

package/dist/components/tiptap-ui/color-highlight-button/color-highlight-button.d.ts

@@ -0,0 +1,46 @@
+import type { UseColorHighlightConfig } from "@/components/tiptap-ui/color-highlight-button";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+import "@/components/tiptap-ui/color-highlight-button/color-highlight-button.css";
+export interface ColorHighlightButtonProps extends Omit<ButtonProps, "type">, UseColorHighlightConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function ColorHighlightShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react").JSX.Element;
+/**
+ * Button component for applying color highlights in a Tiptap editor.
+ *
+ * Supports two highlighting modes:
+ * - "mark": Uses the highlight mark extension (default)
+ * - "node": Uses the node background extension
+ *
+ * For custom button implementations, use the `useColorHighlight` hook instead.
+ *
+ * @example
+ * ```tsx
+ * // Mark-based highlighting (default)
+ * <ColorHighlightButton highlightColor="yellow" />
+ *
+ * // Node-based background coloring
+ * <ColorHighlightButton
+ *   highlightColor="var(--tt-color-highlight-blue)"
+ *   mode="node"
+ * />
+ *
+ * // With custom callback
+ * <ColorHighlightButton
+ *   highlightColor="red"
+ *   mode="mark"
+ *   onApplied={({ color, mode }) => console.log(`Applied ${color} in ${mode} mode`)}
+ * />
+ * ```
+ */
+export declare const ColorHighlightButton: import("react").ForwardRefExoticComponent<ColorHighlightButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/tiptap-ui/color-highlight-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./color-highlight-button";
+export * from "./use-color-highlight";

package/dist/components/tiptap-ui/color-highlight-button/use-color-highlight.d.ts

@@ -0,0 +1,93 @@
+import { type Editor } from "@tiptap/react";
+export declare const COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
+export declare const HIGHLIGHT_COLORS: {
+    label: string;
+    value: string;
+    colorValue: string;
+    border: string;
+}[];
+export type HighlightColor = (typeof HIGHLIGHT_COLORS)[number];
+export type HighlightMode = "mark" | "node";
+/**
+ * Configuration for the color highlight functionality
+ */
+export interface UseColorHighlightConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * The color to apply when toggling the highlight.
+     */
+    highlightColor?: string;
+    /**
+     * Optional label to display alongside the icon.
+     */
+    label?: string;
+    /**
+     * Whether the button should hide when the mark is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * The highlighting mode to use.
+     * - "mark": Uses the highlight mark extension (default)
+     * - "node": Uses the node background extension
+     * @default "mark"
+     */
+    mode?: HighlightMode;
+    /**
+     * When true, uses the actual color value (colorValue) instead of CSS variable (value).
+     * @default false
+     */
+    useColorValue?: boolean;
+    /**
+     * Called when the highlight is applied.
+     */
+    onApplied?: ({ color, label, mode, }: {
+        color: string;
+        label: string;
+        mode: HighlightMode;
+    }) => void;
+}
+export declare function pickHighlightColorsByValue(values: string[]): {
+    label: string;
+    value: string;
+    colorValue: string;
+    border: string;
+}[];
+/**
+ * Gets the appropriate color value based on configuration
+ */
+export declare function getHighlightColorValue(color: string, useColorValue?: boolean): string;
+/**
+ * Checks if highlight can be applied based on the mode and current editor state
+ */
+export declare function canColorHighlight(editor: Editor | null, mode?: HighlightMode): boolean;
+/**
+ * Checks if highlight is currently active
+ */
+export declare function isColorHighlightActive(editor: Editor | null, highlightColor?: string, mode?: HighlightMode): boolean;
+/**
+ * Removes highlight based on the mode
+ */
+export declare function removeHighlight(editor: Editor | null, mode?: HighlightMode): boolean;
+/**
+ * Determines if the highlight button should be shown
+ */
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+    mode: HighlightMode;
+}): boolean;
+export declare function useColorHighlight(config: UseColorHighlightConfig): {
+    isVisible: boolean;
+    isActive: boolean;
+    handleColorHighlight: () => boolean;
+    handleRemoveHighlight: () => boolean;
+    canColorHighlight: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: import("react").MemoExoticComponent<({ className, ...props }: Omit<import("react").SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+    mode: HighlightMode;
+};

package/dist/components/tiptap-ui/color-highlight-popover/color-highlight-popover.d.ts

@@ -0,0 +1,35 @@
+import { type Editor } from "@tiptap/react";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+import type { HighlightColor, UseColorHighlightConfig } from "@/components/tiptap-ui/color-highlight-button";
+export interface ColorHighlightPopoverContentProps {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Optional colors to use in the highlight popover.
+     * If not provided, defaults to a predefined set of colors.
+     */
+    colors?: HighlightColor[];
+    /**
+     * When true, uses the actual color value (colorValue) instead of CSS variable (value).
+     * @default false
+     */
+    useColorValue?: boolean;
+}
+export interface ColorHighlightPopoverProps extends Omit<ButtonProps, "type">, Pick<UseColorHighlightConfig, "editor" | "hideWhenUnavailable" | "onApplied"> {
+    /**
+     * Optional colors to use in the highlight popover.
+     * If not provided, defaults to a predefined set of colors.
+     */
+    colors?: HighlightColor[];
+    /**
+     * When true, uses the actual color value (colorValue) instead of CSS variable (value).
+     * @default false
+     */
+    useColorValue?: boolean;
+}
+export declare const ColorHighlightPopoverButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare function ColorHighlightPopoverContent({ editor, colors, useColorValue, }: ColorHighlightPopoverContentProps): import("react").JSX.Element;
+export declare function ColorHighlightPopover({ editor: providedEditor, colors, hideWhenUnavailable, useColorValue, onApplied, ...props }: ColorHighlightPopoverProps): import("react").JSX.Element | null;
+export default ColorHighlightPopover;

package/dist/components/tiptap-ui/color-highlight-popover/index.d.ts

@@ -0,0 +1 @@
+export * from "./color-highlight-popover";

package/dist/components/tiptap-ui/color-menu/color-menu.d.ts

@@ -0,0 +1,39 @@
+import type { Editor } from "@tiptap/react";
+import { Menu } from "@/components/tiptap-ui-primitive/menu";
+import type { RecentColor } from "@/components/tiptap-ui/color-text-popover";
+interface ColorMenuItemProps {
+    editor?: Editor | null;
+    color: {
+        value: string;
+        label: string;
+    };
+}
+declare const TextColorMenuItem: React.FC<ColorMenuItemProps>;
+declare const HighlightColorMenuItem: React.FC<ColorMenuItemProps>;
+declare const RecentColorMenuItem: React.FC<{
+    editor?: Editor | null;
+    colorObj: RecentColor;
+}>;
+export interface ColorMenuProps {
+    editor?: Editor | null;
+    /**
+     * Custom trigger component. If not provided, uses default paint bucket button.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Label for the color menu trigger
+     * @default "Color"
+     */
+    label?: string;
+    /**
+     * Menu placement relative to trigger
+     * @default "right"
+     */
+    placement?: React.ComponentProps<typeof Menu>["placement"];
+}
+/**
+ * Reusable color menu component that provides text and highlight color options.
+ * Includes recent colors, text colors, and highlight colors sections.
+ */
+export declare const ColorMenu: React.FC<ColorMenuProps>;
+export { TextColorMenuItem, HighlightColorMenuItem, RecentColorMenuItem };

package/dist/components/tiptap-ui/color-menu/index.d.ts

@@ -0,0 +1 @@
+export * from "./color-menu";

package/dist/components/tiptap-ui/color-text-button/color-text-button.d.ts

@@ -0,0 +1,23 @@
+import type { UseColorTextConfig } from "@/components/tiptap-ui/color-text-button";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+import "@/components/tiptap-ui/color-text-button/color-text-button.css";
+export interface ColorTextButtonProps extends Omit<ButtonProps, "type">, UseColorTextConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function ColorTextShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react").JSX.Element;
+/**
+ * Button component for applying text colors in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useColorText` hook instead.
+ */
+export declare const ColorTextButton: import("react").ForwardRefExoticComponent<ColorTextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/tiptap-ui/color-text-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./color-text-button";
+export * from "./use-color-text";

package/dist/components/tiptap-ui/color-text-button/use-color-text.d.ts

@@ -0,0 +1,109 @@
+import { type Editor } from "@tiptap/react";
+export declare const COLOR_TEXT_SHORTCUT_KEY = "mod+shift+t";
+export declare const TEXT_COLORS: {
+    label: string;
+    value: string;
+    border: string;
+}[];
+/**
+ * Configuration for the color text functionality
+ */
+export interface UseColorTextConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * The text color to apply.
+     * Can be any valid CSS color value.
+     */
+    textColor: string;
+    /**
+     * Optional text to display alongside the icon.
+     */
+    label: string;
+    /**
+     * Whether the button should hide when the mark is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Called when the text color is applied.
+     */
+    onApplied?: ({ color, label }: {
+        color: string;
+        label: string;
+    }) => void;
+}
+/**
+ * Checks if text color can be toggled in the current editor state
+ */
+export declare function canColorText(editor: Editor | null): boolean;
+/**
+ * Checks if text color is active in the current selection
+ */
+export declare function isColorTextActive(editor: Editor | null, textColor: string): boolean;
+/**
+ * Determines if the color text button should be shown
+ */
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * Custom hook that provides color text functionality for Tiptap editor
+ *
+ * @example
+ * ```tsx
+ * // Simple usage with required textColor
+ * function MySimpleTextColorButton() {
+ *   const { isVisible, handleColorText, isActive } = useColorText({
+ *     textColor: "red",
+ *     label: "Red Text",
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <button
+ *       onClick={handleColorText}
+ *       style={{ color: isActive ? "red" : "inherit" }}
+ *     >
+ *       Red Text
+ *     </button>
+ *   )
+ * }
+ *
+ * // Advanced usage
+ * function MyAdvancedTextColorButton() {
+ *   const { isVisible, handleColorText, label, isActive } = useColorText({
+ *     editor: myEditor,
+ *     textColor: "#ff0000",
+ *     label: "Apply Red",
+ *     hideWhenUnavailable: true,
+ *     onApplied: ({ color }) => console.log("Applied:", color),
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <MyButton
+ *       onClick={handleColorText}
+ *       aria-label={label}
+ *       data-active={isActive}
+ *     >
+ *       Apply Text Color
+ *     </MyButton>
+ *   )
+ * }
+ * ```
+ */
+export declare function useColorText(config: UseColorTextConfig): {
+    isVisible: boolean;
+    isActive: boolean;
+    handleColorText: () => false | undefined;
+    canColorText: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: import("react").MemoExoticComponent<({ className, ...props }: Omit<import("react").SVGProps<SVGSVGElement>, "ref">) => import("react").JSX.Element>;
+};