@wecode-team/we0-cms 1.1.33 → 1.1.35

package/dist/components/prase.d.ts

@@ -1,5 +1,6 @@
 import { RouteConfig } from "./routes";
 import { CmsModel } from "./types";
+import type { Locale } from "../i18n";
 export declare function parseModelsToRoutes(inputModels: {
     models: CmsModel[];
-}): RouteConfig[];
+}, locale?: Locale): RouteConfig[];

package/dist/components/routes.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { CmsModel } from "./types";
+import type { Locale } from "../i18n";
 export interface RouteConfig {
     path: string;
     name: string;
@@ -9,4 +10,4 @@ export interface RouteConfig {
 }
 export declare const cmsRoutes: (inputModels: {
     models: CmsModel[];
-}, t?: (key: string) => string) => RouteConfig[];
+}, t?: (key: string) => string, locale?: Locale) => RouteConfig[];

package/dist/components/tiptap-extension/node-background-extension.d.ts

@@ -0,0 +1,23 @@
+import { Extension } from "@tiptap/core";
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        nodeBackground: {
+            setNodeBackgroundColor: (backgroundColor: string) => ReturnType;
+            unsetNodeBackgroundColor: () => ReturnType;
+            toggleNodeBackgroundColor: (backgroundColor: string) => ReturnType;
+        };
+    }
+}
+export interface NodeBackgroundOptions {
+    /**
+     * Node types that should support background colors
+     * @default ["paragraph", "heading", "blockquote", "taskList", "bulletList", "orderedList", "tableCell", "tableHeader"]
+     */
+    types: string[];
+    /**
+     * Use inline style instead of data attribute
+     * @default true
+     */
+    useStyle?: boolean;
+}
+export declare const NodeBackground: Extension<NodeBackgroundOptions, any>;

package/dist/components/tiptap-icons/align-center-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignCenterIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/align-justify-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignJustifyIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/align-left-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignLeftIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/align-right-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const AlignRightIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/arrow-left-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ArrowLeftIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/ban-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const BanIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/blockquote-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const BlockquoteIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/bold-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const BoldIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/check-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CheckIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/chevron-down-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ChevronDownIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/close-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CloseIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/code-block-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CodeBlockIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/code2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Code2Icon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/corner-down-left-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const CornerDownLeftIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/external-link-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ExternalLinkIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-five-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingFiveIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-four-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingFourIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-one-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingOneIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-six-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingSixIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-three-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingThreeIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/heading-two-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HeadingTwoIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/highlighter-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const HighlighterIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/image-plus-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ImagePlusIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/italic-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ItalicIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/link-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const LinkIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/list-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ListIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/list-ordered-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ListOrderedIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/list-todo-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const ListTodoIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/moon-star-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const MoonStarIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/redo2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Redo2Icon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/strike-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const StrikeIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/subscript-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SubscriptIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/sun-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SunIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/superscript-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const SuperscriptIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/trash-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const TrashIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/underline-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const UnderlineIcon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-icons/undo2-icon.d.ts

@@ -0,0 +1,3 @@
+type SvgProps = React.ComponentPropsWithoutRef<"svg">;
+export declare const Undo2Icon: import("react").MemoExoticComponent<({ className, ...props }: SvgProps) => import("react").JSX.Element>;
+export {};

package/dist/components/tiptap-node/horizontal-rule-node/horizontal-rule-node-extension.d.ts

@@ -0,0 +1,2 @@
+export declare const HorizontalRule: import("@tiptap/core").Node<import("@tiptap/extension-horizontal-rule").HorizontalRuleOptions, any>;
+export default HorizontalRule;

package/dist/components/tiptap-node/image-upload-node/image-upload-node-extension.d.ts

@@ -0,0 +1,58 @@
+import { Node } from "@tiptap/react";
+import type { NodeType } from "@tiptap/pm/model";
+export type UploadFunction = (file: File, onProgress?: (event: {
+    progress: number;
+}) => void, abortSignal?: AbortSignal) => Promise<string>;
+export interface ImageUploadNodeOptions {
+    /**
+     * The type of the node.
+     * @default 'image'
+     */
+    type?: string | NodeType | undefined;
+    /**
+     * Acceptable file types for upload.
+     * @default 'image/*'
+     */
+    accept?: string;
+    /**
+     * Maximum number of files that can be uploaded.
+     * @default 1
+     */
+    limit?: number;
+    /**
+     * Maximum file size in bytes (0 for unlimited).
+     * @default 0
+     */
+    maxSize?: number;
+    /**
+     * Function to handle the upload process.
+     */
+    upload?: UploadFunction;
+    /**
+     * Callback for upload errors.
+     */
+    onError?: (error: Error) => void;
+    /**
+     * Callback for successful uploads.
+     */
+    onSuccess?: (url: string) => void;
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, any>;
+}
+declare module "@tiptap/react" {
+    interface Commands<ReturnType> {
+        imageUpload: {
+            setImageUploadNode: (options?: ImageUploadNodeOptions) => ReturnType;
+        };
+    }
+}
+/**
+ * A Tiptap node extension that creates an image upload component.
+ * @see registry/tiptap-node/image-upload-node/image-upload-node
+ */
+export declare const ImageUploadNode: Node<ImageUploadNodeOptions, any>;
+export default ImageUploadNode;

package/dist/components/tiptap-node/image-upload-node/image-upload-node.d.ts

@@ -0,0 +1,69 @@
+import type { NodeViewProps } from "@tiptap/react";
+import "@/components/tiptap-node/image-upload-node/image-upload-node.scss";
+export interface FileItem {
+    /**
+     * Unique identifier for the file item
+     */
+    id: string;
+    /**
+     * The actual File object being uploaded
+     */
+    file: File;
+    /**
+     * Current upload progress as a percentage (0-100)
+     */
+    progress: number;
+    /**
+     * Current status of the file upload process
+     * @default "uploading"
+     */
+    status: "uploading" | "success" | "error";
+    /**
+     * URL to the uploaded file, available after successful upload
+     * @optional
+     */
+    url?: string;
+    /**
+     * Controller that can be used to abort the upload process
+     * @optional
+     */
+    abortController?: AbortController;
+}
+export interface UploadOptions {
+    /**
+     * Maximum allowed file size in bytes
+     */
+    maxSize: number;
+    /**
+     * Maximum number of files that can be uploaded
+     */
+    limit: number;
+    /**
+     * String specifying acceptable file types (MIME types or extensions)
+     * @example ".jpg,.png,image/jpeg" or "image/*"
+     */
+    accept: string;
+    /**
+     * Function that handles the actual file upload process
+     * @param {File} file - The file to be uploaded
+     * @param {Function} onProgress - Callback function to report upload progress
+     * @param {AbortSignal} signal - Signal that can be used to abort the upload
+     * @returns {Promise<string>} Promise resolving to the URL of the uploaded file
+     */
+    upload: (file: File, onProgress: (event: {
+        progress: number;
+    }) => void, signal: AbortSignal) => Promise<string>;
+    /**
+     * Callback triggered when a file is uploaded successfully
+     * @param {string} url - URL of the successfully uploaded file
+     * @optional
+     */
+    onSuccess?: (url: string) => void;
+    /**
+     * Callback triggered when an error occurs during upload
+     * @param {Error} error - The error that occurred
+     * @optional
+     */
+    onError?: (error: Error) => void;
+}
+export declare const ImageUploadNode: React.FC<NodeViewProps>;

package/dist/components/tiptap-node/image-upload-node/index.d.ts

@@ -0,0 +1 @@
+export * from "./image-upload-node-extension";

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

@@ -0,0 +1,19 @@
+import React from "react";
+import "@/components/tiptap-node/blockquote-node/blockquote-node.scss";
+import "@/components/tiptap-node/code-block-node/code-block-node.scss";
+import "@/components/tiptap-node/horizontal-rule-node/horizontal-rule-node.scss";
+import "@/components/tiptap-node/list-node/list-node.scss";
+import "@/components/tiptap-node/image-node/image-node.scss";
+import "@/components/tiptap-node/heading-node/heading-node.scss";
+import "@/components/tiptap-node/paragraph-node/paragraph-node.scss";
+import "@/components/tiptap-templates/simple/simple-editor.scss";
+export declare function SimpleEditor({ value, onChange, disabled, placeholder, }: {
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    placeholder?: string;
+}): React.JSX.Element;
+export declare function SimpleEditorViewer({ value, className, }: {
+    value?: string;
+    className?: string;
+}): React.JSX.Element;

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

@@ -0,0 +1 @@
+export declare function ThemeToggle(): 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>;
+};