@tnkrai/tnkr-editor 0.1.0

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

@@ -0,0 +1,111 @@
+import * as React from "react";
+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: React.MemoExoticComponent<({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+};
+//# sourceMappingURL=use-color-text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-text.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/color-text-button/use-color-text.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAa3C,eAAO,MAAM,uBAAuB,gBAAgB,CAAA;AACpD,eAAO,MAAM,WAAW;;;;GAmDvB,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACzE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAa3D;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,SAAS,EAAE,MAAM,GAChB,OAAO,CAGT;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,GAAG,OAAO,CAWV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB;;;;;;;;EA8EtD"}

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

@@ -0,0 +1,45 @@
+import * as React from "react";
+import type { ColorType, ColorItem, RecentColor, UseColorTextPopoverConfig } from "@/components/tiptap-ui/color-text-popover";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export interface RenderColorButtonProps extends ButtonProps {
+    colorObj: RecentColor;
+    withLabel?: boolean;
+    onColorChanged?: ({ type, label, value, }: {
+        type: ColorType;
+        label: string;
+        value: string;
+    }) => void;
+}
+export declare const RecentColorButton: React.FC<RenderColorButtonProps>;
+export interface ColorGroupProps {
+    type: ColorType;
+    colors: ColorItem[][];
+    onColorSelected: ({ type, label, value, }: {
+        type: ColorType;
+        label: string;
+        value: string;
+    }) => void;
+    selectedIndex?: number;
+    startIndexOffset: number;
+}
+export declare const ColorGroup: React.FC<ColorGroupProps>;
+export interface TextStyleColorPanelProps {
+    maxColorsPerGroup?: number;
+    maxRecentColors?: number;
+    onColorChanged?: ({ type, label, value, }: {
+        type: ColorType;
+        label: string;
+        value: string;
+    }) => void;
+}
+export declare const TextStyleColorPanel: React.FC<TextStyleColorPanelProps>;
+export interface ColorTextPopoverProps extends Omit<ButtonProps, "type">, UseColorTextPopoverConfig {
+}
+/**
+ * Color text popover component for Tiptap editors.
+ *
+ * For custom popover implementations, use the `useColorTextPopover` hook instead.
+ */
+export declare const ColorTextPopover: React.ForwardRefExoticComponent<ColorTextPopoverProps & React.RefAttributes<HTMLButtonElement>>;
+export default ColorTextPopover;
+//# sourceMappingURL=color-text-popover.d.ts.map

package/dist/core/components/tiptap-ui/color-text-popover/color-text-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-text-popover.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/color-text-popover/color-text-popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,WAAW,EACX,yBAAyB,EAC1B,MAAM,2CAA2C,CAAA;AAgBlD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAmB1E,MAAM,WAAW,sBAAuB,SAAQ,WAAW;IACzD,QAAQ,EAAE,WAAW,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;QACD,IAAI,EAAE,SAAS,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;CACX;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8B9D,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,SAAS,EAAE,EAAE,CAAA;IACrB,eAAe,EAAE,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;QACD,IAAI,EAAE,SAAS,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2ChD,CAAA;AAyCD,MAAM,WAAW,wBAAwB;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;QACD,IAAI,EAAE,SAAS,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;CACX;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwJlE,CAAA;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/B,yBAAyB;CAAG;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,iGA+F5B,CAAA;AAID,eAAe,gBAAgB,CAAA"}

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

@@ -0,0 +1,3 @@
+export * from "./color-text-popover";
+export * from "./use-color-text-popover";
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/tiptap-ui/color-text-popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/color-text-popover/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}

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

@@ -0,0 +1,129 @@
+import * as React from "react";
+import type { Editor } from "@tiptap/react";
+export type ColorType = "text" | "highlight";
+export interface ColorItem {
+    value: string;
+    label: string;
+}
+export interface RecentColor {
+    type: ColorType;
+    label: string;
+    value: string;
+}
+/**
+ * Configuration for the color text popover functionality
+ */
+export interface UseColorTextPopoverConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether the popover should hide when color text is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Callback function called after a color is applied.
+     */
+    onColorChanged?: ({ type, label, value, }: {
+        type: ColorType;
+        label: string;
+        value: string;
+    }) => void;
+}
+/**
+ * Get a color object by its value
+ */
+export declare function getColorByValue(value: string, colorArray: ColorItem[]): ColorItem;
+/**
+ * Checks if color text popover should be shown
+ */
+export declare function shouldShowColorTextPopover(params: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * Hook to manage recently used colors
+ */
+export declare function useRecentColors(maxColors?: number): {
+    recentColors: RecentColor[];
+    addRecentColor: ({ type, label, value, }: {
+        type: ColorType;
+        label: string;
+        value: string;
+    }) => void;
+    isInitialized: boolean;
+};
+/**
+ * Custom hook that provides color text popover functionality for Tiptap editor
+ *
+ * @example
+ * ```tsx
+ * // Simple usage - no params needed
+ * function MySimpleColorTextPopover() {
+ *   const { isVisible, handleColorChanged } = useColorTextPopover()
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <Popover>
+ *       <PopoverTrigger asChild>
+ *         <button>Color Text</button>
+ *       </PopoverTrigger>
+ *       <PopoverContent>
+ *         <TextStyleColorPanel onColorChanged={handleColorChanged} />
+ *       </PopoverContent>
+ *     </Popover>
+ *   )
+ * }
+ *
+ * // Advanced usage with configuration
+ * function MyAdvancedColorTextPopover() {
+ *   const {
+ *     isVisible,
+ *     activeTextStyle,
+ *     activeHighlight,
+ *     handleColorChanged,
+ *     label,
+ *     Icon,
+ *   } = useColorTextPopover({
+ *     editor: myEditor,
+ *     hideWhenUnavailable: true,
+ *     onColorChanged: ({ type, label, value }) => console.log('Color changed!', { type, label, value })
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <Popover>
+ *       <PopoverTrigger asChild>
+ *         <Button
+ *           disabled={isDisabled}
+ *           aria-label={label}
+ *         >
+ *           <Icon style={{ color: activeTextStyle.color }} />
+ *         </Button>
+ *       </PopoverTrigger>
+ *       <PopoverContent>
+ *         <TextStyleColorPanel onColorChanged={handleColorChanged} />
+ *       </PopoverContent>
+ *     </Popover>
+ *   )
+ * }
+ * ```
+ */
+export declare function useColorTextPopover(config?: UseColorTextPopoverConfig): {
+    isVisible: boolean;
+    canToggle: boolean;
+    activeTextStyle: import("prosemirror-model").Attrs;
+    activeHighlight: import("prosemirror-model").Attrs;
+    handleColorChanged: ({ type, label, value, }: {
+        type: ColorType;
+        label: string;
+        value: string;
+    }) => void;
+    label: string;
+    Icon: React.MemoExoticComponent<({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+};
+//# sourceMappingURL=use-color-text-popover.d.ts.map

package/dist/core/components/tiptap-ui/color-text-popover/use-color-text-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-text-popover.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/color-text-popover/use-color-text-popover.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAgB3C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,WAAW,CAAA;AAE5C,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE;QACD,IAAI,EAAE,SAAS,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,IAAI,CAAA;CACX;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,SAAS,EAAE,GACtB,SAAS,CAOX;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE;IACjD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,GAAG,OAAO,CAUV;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,SAAS,GAAE,MAAU;;8CAuB9C;QACD,IAAI,EAAE,SAAS,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd;;EA0BJ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,yBAAyB;;;;;kDA4C/D;QACD,IAAI,EAAE,SAAS,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd;;;EAeJ"}

package/dist/core/components/tiptap-ui/copy-anchor-link-button/copy-anchor-link-button.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { UseCopyAnchorLinkConfig } from "./use-copy-anchor-link";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export interface CopyAnchorLinkButtonProps extends Omit<ButtonProps, "type">, UseCopyAnchorLinkConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function CopyAnchorLinkShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button component for copying anchor links in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useCopyAnchorLink` hook instead.
+ */
+export declare const CopyAnchorLinkButton: React.ForwardRefExoticComponent<CopyAnchorLinkButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=copy-anchor-link-button.d.ts.map

package/dist/core/components/tiptap-ui/copy-anchor-link-button/copy-anchor-link-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-anchor-link-button.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-anchor-link-button/copy-anchor-link-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAOrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAI1E,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/B,uBAAuB;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,YAA4C,GAC7C,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAEA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,qGAkEhC,CAAA"}

package/dist/core/components/tiptap-ui/copy-anchor-link-button/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./copy-anchor-link-button";
+export * from "./use-copy-anchor-link";
+export * from "./use-scroll-to-hash";
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/tiptap-ui/copy-anchor-link-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-anchor-link-button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA"}

package/dist/core/components/tiptap-ui/copy-anchor-link-button/use-copy-anchor-link.d.ts

@@ -0,0 +1,95 @@
+import * as React from "react";
+import { type Editor } from "@tiptap/react";
+import type { Node } from "@tiptap/pm/model";
+export declare const COPY_ANCHOR_LINK_SHORTCUT_KEY = "mod+ctrl+l";
+/**
+ * Configuration for the copy anchor link functionality
+ */
+export interface UseCopyAnchorLinkConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether the button should hide when no node ID is available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Called when the copy operation finishes.
+     * Provides a boolean indicating whether a node ID was found.
+     */
+    onNodeIdNotFound?: (found: boolean) => void;
+    /**
+     * Called after the node ID is extracted.
+     * Provides the extracted node ID, or null if none found.
+     */
+    onExtractedNodeId?: (nodeId: string | null) => void;
+    /**
+     * Callback function called after a successful copy operation.
+     */
+    onCopied?: () => void;
+}
+/**
+ * Extracts the data-id from a node
+ */
+export declare function extractNodeId(node: Node | null, attributeName: string): string | null;
+/**
+ * Checks if a node has a data-id that can be copied
+ */
+export declare function canCopyAnchorLink(editor: Editor | null): boolean;
+/**
+ * Extracts and copies the node ID to clipboard with full URL like Notion
+ */
+export declare function copyNodeId(editor: Editor | null, onExtractedNodeId?: (nodeId: string | null) => void, onNodeIdNotFound?: (found: boolean) => void): Promise<boolean>;
+/**
+ * Determines if the copy anchor link button should be shown
+ */
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * Custom hook that provides copy anchor link functionality for Tiptap editor
+ *
+ * @example
+ * ```tsx
+ * // Simple usage - no params needed
+ * function MyCopyAnchorLinkButton() {
+ *   const { isVisible, handleCopyAnchorLink } = useCopyAnchorLink()
+ *
+ *   if (!isVisible) return null
+ *
+ *   return <button onClick={handleCopyAnchorLink}>Copy Link</button>
+ * }
+ *
+ * // Advanced usage with configuration
+ * function MyAdvancedCopyAnchorLinkButton() {
+ *   const { isVisible, handleCopyAnchorLink, label } = useCopyAnchorLink({
+ *     editor: myEditor,
+ *     hideWhenUnavailable: true,
+ *     onCopied: () => console.log('Link copied!')
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <MyButton
+ *       onClick={handleCopyAnchorLink}
+ *       aria-label={label}
+ *     >
+ *       Copy Anchor Link
+ *     </MyButton>
+ *   )
+ * }
+ * ```
+ */
+export declare function useCopyAnchorLink(config?: UseCopyAnchorLinkConfig): {
+    isVisible: boolean;
+    handleCopyAnchorLink: () => Promise<boolean>;
+    canCopyAnchorLink: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: React.MemoExoticComponent<({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+};
+//# sourceMappingURL=use-copy-anchor-link.d.ts.map

package/dist/core/components/tiptap-ui/copy-anchor-link-button/use-copy-anchor-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-anchor-link.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-anchor-link-button/use-copy-anchor-link.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAe5C,eAAO,MAAM,6BAA6B,eAAe,CAAA;AAEzD;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAwCD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,aAAa,EAAE,MAAM,GACpB,MAAM,GAAG,IAAI,CAQf;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAGhE;AAED;;GAEG;AACH,wBAAsB,UAAU,CAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,EACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GAC1C,OAAO,CAAC,OAAO,CAAC,CAwBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,GAAG,OAAO,CAUV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,CAAC,EAAE,uBAAuB;;;;;;;EAiEjE"}

package/dist/core/components/tiptap-ui/copy-anchor-link-button/use-scroll-to-hash.d.ts

@@ -0,0 +1,28 @@
+import { type Editor } from "@tiptap/react";
+export interface UseScrollToHashConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Callback called when the target node is found.
+     * @param nodeId The ID of the found node
+     */
+    onTargetFound?: (nodeId: string) => void;
+    /**
+     * Callback called when the target node is not found.
+     * @param hash The hash that was attempted to be scrolled to
+     */
+    onTargetNotFound?: (hash: string) => void;
+}
+/**
+ * Hook to scroll to a specific hash in the Tiptap editor.
+ * It finds the node with the given ID and scrolls it into view.
+ *
+ * @param config Configuration for the scroll behavior
+ * @returns Function to scroll to a specific hash
+ */
+export declare function useScrollToHash(config?: UseScrollToHashConfig): {
+    scrollToHash: (id: string) => boolean;
+};
+//# sourceMappingURL=use-scroll-to-hash.d.ts.map

package/dist/core/components/tiptap-ui/copy-anchor-link-button/use-scroll-to-hash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to-hash.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-anchor-link-button/use-scroll-to-hash.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAK3C,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,qBAA0B;uBAUzD,MAAM,KAAG,OAAO;EAqFxB"}

package/dist/core/components/tiptap-ui/copy-to-clipboard-button/copy-to-clipboard-button.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { UseCopyToClipboardConfig } from "@/components/tiptap-ui/copy-to-clipboard-button";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export interface CopyToClipboardButtonProps extends Omit<ButtonProps, "type">, UseCopyToClipboardConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function CopyToClipboardShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button component for copying content to clipboard in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useCopyToClipboard` hook instead.
+ */
+export declare const CopyToClipboardButton: React.ForwardRefExoticComponent<CopyToClipboardButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=copy-to-clipboard-button.d.ts.map

package/dist/core/components/tiptap-ui/copy-to-clipboard-button/copy-to-clipboard-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-to-clipboard-button.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-to-clipboard-button/copy-to-clipboard-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iDAAiD,CAAA;AAO/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAI1E,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/B,wBAAwB;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,YAA6C,GAC9C,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAEA;AAED;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,sGAgEjC,CAAA"}

package/dist/core/components/tiptap-ui/copy-to-clipboard-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./copy-to-clipboard-button";
+export * from "./use-copy-to-clipboard";
+//# sourceMappingURL=index.d.ts.map

package/dist/core/components/tiptap-ui/copy-to-clipboard-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-to-clipboard-button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA"}

package/dist/core/components/tiptap-ui/copy-to-clipboard-button/use-copy-to-clipboard.d.ts

@@ -0,0 +1,105 @@
+import * as React from "react";
+import type { Editor } from "@tiptap/react";
+import type { Transaction } from "@tiptap/pm/state";
+export declare const COPY_TO_CLIPBOARD_SHORTCUT_KEY = "mod+c";
+/**
+ * Configuration for the copy to clipboard functionality
+ */
+export interface UseCopyToClipboardConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether to copy the text with formatting (default: true)
+     * When true, attempts to copy HTML format to clipboard
+     */
+    copyWithFormatting?: boolean;
+    /**
+     * Whether the button should hide when copying is not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Callback function called after a successful copy operation.
+     */
+    onCopied?: () => void;
+}
+/**
+ * Writes text and optional HTML content to the clipboard
+ * @param textContent The plain text content to write
+ * @param htmlContent Optional HTML content to write
+ * @returns Promise that resolves when the content is successfully written
+ */
+export declare function writeToClipboard(textContent: string, htmlContent?: string): Promise<void>;
+/**
+ * Checks if content can be copied in the current editor state
+ */
+export declare function canCopyContent(tr: Transaction): boolean;
+/**
+ * Checks if formatting can be reset for a node
+ */
+export declare function canCopyToClipboard(editor: Editor | null): boolean;
+/**
+ * Helper function to extract content from selection or document
+ */
+export declare function extractContent(editor: Editor, copyWithFormatting?: boolean): {
+    textContent: string;
+    htmlContent?: string;
+};
+/**
+ * Copies content to clipboard
+ */
+export declare function copyToClipboard(editor: Editor | null, copyWithFormatting?: boolean): Promise<boolean>;
+/**
+ * Determines if the copy to clipboard button should be shown
+ */
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * Custom hook that provides copy to clipboard functionality for Tiptap editor
+ *
+ * @example
+ * ```tsx
+ * // Simple usage - no params needed
+ * function MySimpleCopyButton() {
+ *   const { isVisible, handleCopyToClipboard } = useCopyToClipboard()
+ *
+ *   if (!isVisible) return null
+ *
+ *   return <button onClick={handleCopyToClipboard}>Copy</button>
+ * }
+ *
+ * // Advanced usage with configuration
+ * function MyAdvancedCopyButton() {
+ *   const { isVisible, handleCopyToClipboard, label } = useCopyToClipboard({
+ *     editor: myEditor,
+ *     copyWithFormatting: false,
+ *     hideWhenUnavailable: true,
+ *     onCopied: () => console.log('Content copied!')
+ *   })
+ *
+ *   if (!isVisible) return null
+ *
+ *   return (
+ *     <MyButton
+ *       onClick={handleCopyToClipboard}
+ *       aria-label={label}
+ *     >
+ *       Copy Content
+ *     </MyButton>
+ *   )
+ * }
+ * ```
+ */
+export declare function useCopyToClipboard(config?: UseCopyToClipboardConfig): {
+    isVisible: boolean;
+    handleCopyToClipboard: () => Promise<boolean>;
+    canCopyToClipboard: boolean;
+    label: string;
+    shortcutKeys: string;
+    Icon: React.MemoExoticComponent<({ className, ...props }: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element>;
+};
+//# sourceMappingURL=use-copy-to-clipboard.d.ts.map

package/dist/core/components/tiptap-ui/copy-to-clipboard-button/use-copy-to-clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-to-clipboard.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/copy-to-clipboard-button/use-copy-to-clipboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAWnD,eAAO,MAAM,8BAA8B,UAAU,CAAA;AAErD;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED;;;;;GAKG;AACH,wBAAsB,gBAAgB,CACpC,WAAW,EAAE,MAAM,EACnB,WAAW,CAAC,EAAE,MAAM,GACnB,OAAO,CAAC,IAAI,CAAC,CAUf;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,WAAW,GAAG,OAAO,CAOvD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,CAKjE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,kBAAkB,GAAE,OAAc,GACjC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAoB/C;AAED;;GAEG;AACH,wBAAsB,eAAe,CACnC,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,kBAAkB,GAAE,OAAc,GACjC,OAAO,CAAC,OAAO,CAAC,CAclB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,mBAAmB,EAAE,OAAO,CAAA;CAC7B,GAAG,OAAO,CAUV;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,CAAC,EAAE,wBAAwB;;;;;;;EA8DnE"}

package/dist/core/components/tiptap-ui/delete-node-button/delete-node-button.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { UseDeleteNodeConfig } from "@/components/tiptap-ui/delete-node-button";
+import type { ButtonProps } from "@/components/tiptap-ui-primitive/button";
+export interface DeleteNodeButtonProps extends Omit<ButtonProps, "type">, UseDeleteNodeConfig {
+    /**
+     * Optional text to display alongside the icon.
+     */
+    text?: string;
+    /**
+     * Optional show shortcut keys in the button.
+     * @default false
+     */
+    showShortcut?: boolean;
+}
+export declare function DeleteNodeShortcutBadge({ shortcutKeys, }: {
+    shortcutKeys?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button component for deleting a node in a Tiptap editor.
+ *
+ * For custom button implementations, use the `useDeleteNode` hook instead.
+ */
+export declare const DeleteNodeButton: React.ForwardRefExoticComponent<DeleteNodeButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=delete-node-button.d.ts.map

package/dist/core/components/tiptap-ui/delete-node-button/delete-node-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-node-button.d.ts","sourceRoot":"","sources":["../../../../../core/components/tiptap-ui/delete-node-button/delete-node-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAA;AAOpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAI1E,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,EAC/B,mBAAmB;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,YAAuC,GACxC,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAEA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,iGA8D5B,CAAA"}

package/dist/core/components/tiptap-ui/delete-node-button/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./delete-node-button";
+export * from "./use-delete-node";
+//# sourceMappingURL=index.d.ts.map