@projectfive/v-richtext-vue2 0.0.0-stage → 3.0.0

package/dist/types/richtext-vue/src/components/tiptap-ui/color-highlight-popover/ColorHighlightPopoverContent.vue.d.ts

@@ -0,0 +1,183 @@
+import { type HighlightColor } from "@/components/tiptap-ui/color-highlight-button";
+import "@/components/tiptap-ui/color-highlight-button/color-highlight-button.scss";
+type __VLS_Props = {
+    /** Colors to offer. Defaults to a predefined set. */
+    colors?: HighlightColor[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    colors: () => ({
+        readonly name: "default";
+        readonly value: "var(--tt-bg-color)";
+        readonly colorValue: "#ffffff";
+        readonly border: "var(--tt-bg-color-contrast)";
+    } | {
+        readonly name: "gray";
+        readonly value: "var(--tt-color-highlight-gray)";
+        readonly colorValue: "#f8f8f7";
+        readonly border: "var(--tt-color-highlight-gray-contrast)";
+    } | {
+        readonly name: "brown";
+        readonly value: "var(--tt-color-highlight-brown)";
+        readonly colorValue: "#f4eeee";
+        readonly border: "var(--tt-color-highlight-brown-contrast)";
+    } | {
+        readonly name: "orange";
+        readonly value: "var(--tt-color-highlight-orange)";
+        readonly colorValue: "#fbecdd";
+        readonly border: "var(--tt-color-highlight-orange-contrast)";
+    } | {
+        readonly name: "yellow";
+        readonly value: "var(--tt-color-highlight-yellow)";
+        readonly colorValue: "#fef9c3";
+        readonly border: "var(--tt-color-highlight-yellow-contrast)";
+    } | {
+        readonly name: "green";
+        readonly value: "var(--tt-color-highlight-green)";
+        readonly colorValue: "#dcfce7";
+        readonly border: "var(--tt-color-highlight-green-contrast)";
+    } | {
+        readonly name: "blue";
+        readonly value: "var(--tt-color-highlight-blue)";
+        readonly colorValue: "#e0f2fe";
+        readonly border: "var(--tt-color-highlight-blue-contrast)";
+    } | {
+        readonly name: "purple";
+        readonly value: "var(--tt-color-highlight-purple)";
+        readonly colorValue: "#f3e8ff";
+        readonly border: "var(--tt-color-highlight-purple-contrast)";
+    } | {
+        readonly name: "pink";
+        readonly value: "var(--tt-color-highlight-pink)";
+        readonly colorValue: "#fcf1f6";
+        readonly border: "var(--tt-color-highlight-pink-contrast)";
+    } | {
+        readonly name: "red";
+        readonly value: "var(--tt-color-highlight-red)";
+        readonly colorValue: "#ffe4e6";
+        readonly border: "var(--tt-color-highlight-red-contrast)";
+    })[];
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    colors: () => ({
+        readonly name: "default";
+        readonly value: "var(--tt-bg-color)";
+        readonly colorValue: "#ffffff";
+        readonly border: "var(--tt-bg-color-contrast)";
+    } | {
+        readonly name: "gray";
+        readonly value: "var(--tt-color-highlight-gray)";
+        readonly colorValue: "#f8f8f7";
+        readonly border: "var(--tt-color-highlight-gray-contrast)";
+    } | {
+        readonly name: "brown";
+        readonly value: "var(--tt-color-highlight-brown)";
+        readonly colorValue: "#f4eeee";
+        readonly border: "var(--tt-color-highlight-brown-contrast)";
+    } | {
+        readonly name: "orange";
+        readonly value: "var(--tt-color-highlight-orange)";
+        readonly colorValue: "#fbecdd";
+        readonly border: "var(--tt-color-highlight-orange-contrast)";
+    } | {
+        readonly name: "yellow";
+        readonly value: "var(--tt-color-highlight-yellow)";
+        readonly colorValue: "#fef9c3";
+        readonly border: "var(--tt-color-highlight-yellow-contrast)";
+    } | {
+        readonly name: "green";
+        readonly value: "var(--tt-color-highlight-green)";
+        readonly colorValue: "#dcfce7";
+        readonly border: "var(--tt-color-highlight-green-contrast)";
+    } | {
+        readonly name: "blue";
+        readonly value: "var(--tt-color-highlight-blue)";
+        readonly colorValue: "#e0f2fe";
+        readonly border: "var(--tt-color-highlight-blue-contrast)";
+    } | {
+        readonly name: "purple";
+        readonly value: "var(--tt-color-highlight-purple)";
+        readonly colorValue: "#f3e8ff";
+        readonly border: "var(--tt-color-highlight-purple-contrast)";
+    } | {
+        readonly name: "pink";
+        readonly value: "var(--tt-color-highlight-pink)";
+        readonly colorValue: "#fcf1f6";
+        readonly border: "var(--tt-color-highlight-pink-contrast)";
+    } | {
+        readonly name: "red";
+        readonly value: "var(--tt-color-highlight-red)";
+        readonly colorValue: "#ffe4e6";
+        readonly border: "var(--tt-color-highlight-red-contrast)";
+    })[];
+}>>>, {
+    colors: ({
+        readonly name: "default";
+        readonly value: "var(--tt-bg-color)";
+        readonly colorValue: "#ffffff";
+        readonly border: "var(--tt-bg-color-contrast)";
+    } | {
+        readonly name: "gray";
+        readonly value: "var(--tt-color-highlight-gray)";
+        readonly colorValue: "#f8f8f7";
+        readonly border: "var(--tt-color-highlight-gray-contrast)";
+    } | {
+        readonly name: "brown";
+        readonly value: "var(--tt-color-highlight-brown)";
+        readonly colorValue: "#f4eeee";
+        readonly border: "var(--tt-color-highlight-brown-contrast)";
+    } | {
+        readonly name: "orange";
+        readonly value: "var(--tt-color-highlight-orange)";
+        readonly colorValue: "#fbecdd";
+        readonly border: "var(--tt-color-highlight-orange-contrast)";
+    } | {
+        readonly name: "yellow";
+        readonly value: "var(--tt-color-highlight-yellow)";
+        readonly colorValue: "#fef9c3";
+        readonly border: "var(--tt-color-highlight-yellow-contrast)";
+    } | {
+        readonly name: "green";
+        readonly value: "var(--tt-color-highlight-green)";
+        readonly colorValue: "#dcfce7";
+        readonly border: "var(--tt-color-highlight-green-contrast)";
+    } | {
+        readonly name: "blue";
+        readonly value: "var(--tt-color-highlight-blue)";
+        readonly colorValue: "#e0f2fe";
+        readonly border: "var(--tt-color-highlight-blue-contrast)";
+    } | {
+        readonly name: "purple";
+        readonly value: "var(--tt-color-highlight-purple)";
+        readonly colorValue: "#f3e8ff";
+        readonly border: "var(--tt-color-highlight-purple-contrast)";
+    } | {
+        readonly name: "pink";
+        readonly value: "var(--tt-color-highlight-pink)";
+        readonly colorValue: "#fcf1f6";
+        readonly border: "var(--tt-color-highlight-pink-contrast)";
+    } | {
+        readonly name: "red";
+        readonly value: "var(--tt-color-highlight-red)";
+        readonly colorValue: "#ffe4e6";
+        readonly border: "var(--tt-color-highlight-red-contrast)";
+    })[];
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof P & string]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/richtext-vue/src/components/tiptap-ui/color-highlight-popover/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ColorHighlightPopover } from "./ColorHighlightPopover.vue";
+export { default as ColorHighlightPopoverButton } from "./ColorHighlightPopoverButton.vue";
+export { default as ColorHighlightPopoverContent } from "./ColorHighlightPopoverContent.vue";

package/dist/types/richtext-vue/src/components/tiptap-ui/command.d.ts

@@ -0,0 +1,26 @@
+import type { Editor } from "@tiptap/core";
+import type { IconName } from "@/components/tiptap-icons";
+import type { RichtextMessages } from "@/locales";
+/**
+ * p5: a toolbar action, built from the template's framework-free helpers
+ * (canToggleMark, toggleHeading, …) and rendered by CommandButton.vue.
+ *
+ * Replaces the template's per-button component + hook pairs (MarkButton +
+ * useMark, HeadingButton + useHeading, …); see UPSTREAM.md.
+ */
+export interface EditorCommand {
+    /** Tooltip and aria-label, in the editor's locale */
+    label: (t: RichtextMessages) => string;
+    icon: IconName;
+    /** Shown in the tooltip. The shortcut itself is Tiptap's own keymap. */
+    shortcutKeys?: string;
+    /** Omitted for actions without an on/off state, like undo */
+    isActive?: (editor: Editor | null) => boolean;
+    canRun: (editor: Editor | null) => boolean;
+    run: (editor: Editor | null) => boolean;
+}
+/**
+ * Commands never change, so each is created once. That keeps the `command`
+ * prop stable, so buttons don't recompute their state on every render.
+ */
+export declare function defineCommand(key: string, create: () => EditorCommand): EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/heading-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-heading";

package/dist/types/richtext-vue/src/components/tiptap-ui/heading-button/use-heading.d.ts

@@ -0,0 +1,25 @@
+import { type Editor } from "@tiptap/core";
+export type Level = 1 | 2 | 3 | 4 | 5 | 6;
+export declare const headingIcons: {
+    1: "heading-one";
+    2: "heading-two";
+    3: "heading-three";
+    4: "heading-four";
+    5: "heading-five";
+    6: "heading-six";
+};
+export declare const HEADING_SHORTCUT_KEYS: Record<Level, string>;
+/**
+ * Checks if heading can be toggled in the current editor state
+ */
+export declare function canToggle(editor: Editor | null, level?: Level, turnInto?: boolean): boolean;
+/**
+ * Checks if heading is currently active
+ */
+export declare function isHeadingActive(editor: Editor | null, level?: Level | Level[]): boolean;
+/**
+ * Toggles heading in the editor
+ */
+export declare function toggleHeading(editor: Editor | null, level: Level | Level[]): boolean;
+/** p5: toolbar command, rendered by CommandButton (see ../command.ts) */
+export declare const headingCommand: (level: Level) => import("@/components/tiptap-ui/command").EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/heading-dropdown-menu/HeadingDropdownMenu.vue.d.ts

@@ -0,0 +1,32 @@
+import { type Level } from "@/components/tiptap-ui/heading-button";
+/** Dropdown menu for choosing a heading level; the trigger shows the active one */
+type __VLS_Props = {
+    levels?: Level[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    levels: () => number[];
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    levels: () => number[];
+}>>>, {
+    levels: Level[];
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof P & string]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/richtext-vue/src/components/tiptap-ui/heading-dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HeadingDropdownMenu } from "./HeadingDropdownMenu.vue";
+export * from "./use-heading-dropdown-menu";

package/dist/types/richtext-vue/src/components/tiptap-ui/heading-dropdown-menu/use-heading-dropdown-menu.d.ts

@@ -0,0 +1,6 @@
+import type { Editor } from "@tiptap/core";
+import { type Level } from "@/components/tiptap-ui/heading-button";
+/**
+ * Gets the currently active heading level from the available levels
+ */
+export declare function getActiveHeadingLevel(editor: Editor | null, levels?: Level[]): Level | undefined;

package/dist/types/richtext-vue/src/components/tiptap-ui/link-popover/LinkButton.vue.d.ts

@@ -0,0 +1,17 @@
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<{}, unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/richtext-vue/src/components/tiptap-ui/link-popover/LinkContent.vue.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from "@tiptap/core";
+/**
+ * Link editing content for standalone use, e.g. in the mobile toolbar.
+ */
+type __VLS_Props = {
+    editor?: Editor | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/richtext-vue/src/components/tiptap-ui/link-popover/LinkMain.vue.d.ts

@@ -0,0 +1,28 @@
+import "@/components/tiptap-ui/link-popover/link-popover.scss";
+/**
+ * The URL input and actions shown in the link popover (or mobile toolbar).
+ */
+type __VLS_Props = {
+    url: string;
+    /** Whether the cursor is currently in a link */
+    isActive: boolean;
+    /** p5: whether the link opens in a new tab */
+    openInNewTab: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:url": (value: string) => void;
+    "set-link": () => void;
+    "remove-link": () => void;
+    "open-link": () => void;
+    "toggle-new-tab": () => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/types/richtext-vue/src/components/tiptap-ui/link-popover/LinkPopover.vue.d.ts

@@ -0,0 +1,62 @@
+import type { Editor } from "@tiptap/core";
+/**
+ * Link button with a popover for editing the link.
+ * For custom popovers, use the `useLinkPopover` composable.
+ *
+ * The trigger toggles the popover natively (popovertarget), so unlike the
+ * React template there's no click handler that flips `isOpen`.
+ *
+ * p5: Ctrl+K / ⌘K opens it (InputRichtext clicks triggers with `data-rt-shortcut`)
+ * and closes it again from inside the popover.
+ */
+type __VLS_Props = {
+    editor?: Editor | null;
+    hideWhenUnavailable?: boolean;
+    /** Open the popover when the cursor moves into a link */
+    autoOpenOnLinkActive?: boolean;
+};
+declare const __VLS_template: () => {
+    __VLS_Slots: {
+        default?: (props: {}) => any;
+    };
+};
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    hideWhenUnavailable: boolean;
+    autoOpenOnLinkActive: boolean;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "set-link": () => void;
+    "open-change": (isOpen: boolean) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    hideWhenUnavailable: boolean;
+    autoOpenOnLinkActive: boolean;
+}>>>, {
+    hideWhenUnavailable: boolean;
+    autoOpenOnLinkActive: boolean;
+}>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof P & string]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/richtext-vue/src/components/tiptap-ui/link-popover/index.d.ts

@@ -0,0 +1,4 @@
+export { default as LinkPopover } from "./LinkPopover.vue";
+export { default as LinkButton } from "./LinkButton.vue";
+export { default as LinkContent } from "./LinkContent.vue";
+export * from "./use-link-popover";

package/dist/types/richtext-vue/src/components/tiptap-ui/link-popover/use-link-popover.d.ts

@@ -0,0 +1,96 @@
+import { type MaybeGetters } from "@/composables/utils";
+import { type Ref } from "vue";
+import type { Editor } from "@tiptap/core";
+export declare const LINK_SHORTCUT_KEY = "mod+k";
+/**
+ * Configuration for the link popover functionality
+ */
+export interface UseLinkPopoverConfig {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor?: Editor | null;
+    /**
+     * Whether to hide the link popover when not available.
+     * @default false
+     */
+    hideWhenUnavailable?: boolean;
+    /**
+     * Callback function called when the link is set.
+     */
+    onSetLink?: () => void;
+}
+/**
+ * Configuration for the link handler functionality
+ */
+export interface LinkHandlerProps {
+    /**
+     * The Tiptap editor instance.
+     */
+    editor: Editor | null;
+    /**
+     * Callback function called when the link is set.
+     */
+    onSetLink?: () => void;
+}
+/**
+ * Checks if a link can be set in the current editor state
+ */
+export declare function canSetLink(editor: Editor | null): boolean;
+/**
+ * Checks if a link is currently active in the editor
+ */
+export declare function isLinkActive(editor: Editor | null): boolean;
+/**
+ * Determines if the link button should be shown
+ */
+export declare function shouldShowLinkButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+/**
+ * URL state and link actions. The URL follows the link under the cursor.
+ */
+export declare function useLinkHandler(props: {
+    editor: Ref<Editor | null>;
+    onSetLink?: () => void;
+}): {
+    /** Writable, so it can be used with v-model */
+    url: import("vue").WritableComputedRef<string>;
+    openInNewTab: import("vue").ComputedRef<boolean>;
+    toggleNewTab: () => void;
+    setLink: () => void;
+    removeLink: () => void;
+    openLink: (target?: string, features?: string) => void;
+};
+/**
+ * Link button state, plus whether the popover should open by itself because
+ * the cursor moved into a link while the editor has focus.
+ */
+export declare function useLinkState(props: {
+    editor: Ref<Editor | null>;
+    hideWhenUnavailable: () => boolean;
+}): {
+    isVisible: import("vue").ComputedRef<boolean>;
+    canSet: import("vue").ComputedRef<boolean>;
+    isActive: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").ComputedRef<boolean>;
+};
+/**
+ * Link popover state and actions.
+ */
+export declare function useLinkPopover(config?: MaybeGetters<UseLinkPopoverConfig>): {
+    /** Writable, so it can be used with v-model */
+    url: import("vue").WritableComputedRef<string>;
+    openInNewTab: import("vue").ComputedRef<boolean>;
+    toggleNewTab: () => void;
+    setLink: () => void;
+    removeLink: () => void;
+    openLink: (target?: string, features?: string) => void;
+    shortcutKeys: string;
+    icon: "link";
+    isVisible: import("vue").ComputedRef<boolean>;
+    canSet: import("vue").ComputedRef<boolean>;
+    isActive: import("vue").ComputedRef<boolean>;
+    isFocused: import("vue").ComputedRef<boolean>;
+};

package/dist/types/richtext-vue/src/components/tiptap-ui/list-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-list";

package/dist/types/richtext-vue/src/components/tiptap-ui/list-button/use-list.d.ts

@@ -0,0 +1,22 @@
+import { type Editor } from "@tiptap/core";
+export type ListType = "bulletList" | "orderedList" | "taskList";
+export declare const listIcons: {
+    bulletList: "list";
+    orderedList: "list-ordered";
+    taskList: "list-todo";
+};
+export declare const LIST_SHORTCUT_KEYS: Record<ListType, string>;
+/**
+ * Checks if a list can be toggled in the current editor state
+ */
+export declare function canToggleList(editor: Editor | null, type: ListType, turnInto?: boolean): boolean;
+/**
+ * Checks if list is currently active
+ */
+export declare function isListActive(editor: Editor | null, type: ListType): boolean;
+/**
+ * Toggles list in the editor
+ */
+export declare function toggleList(editor: Editor | null, type: ListType): boolean;
+/** p5: toolbar command, rendered by CommandButton (see ../command.ts) */
+export declare const listCommand: (type: ListType) => import("@/components/tiptap-ui/command").EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/list-dropdown-menu/ListDropdownMenu.vue.d.ts

@@ -0,0 +1,32 @@
+import { type ListType } from "@/components/tiptap-ui/list-button";
+/** Dropdown menu for choosing a list type; the trigger shows the active one */
+type __VLS_Props = {
+    types?: ListType[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    types: () => string[];
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    types: () => string[];
+}>>>, {
+    types: ListType[];
+}>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T & string]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof P & string]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/richtext-vue/src/components/tiptap-ui/list-dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ListDropdownMenu } from "./ListDropdownMenu.vue";
+export * from "./use-list-dropdown-menu";

package/dist/types/richtext-vue/src/components/tiptap-ui/list-dropdown-menu/use-list-dropdown-menu.d.ts

@@ -0,0 +1,15 @@
+import type { Editor } from "@tiptap/core";
+import type { IconName } from "@/components/tiptap-icons";
+import { type ListType } from "@/components/tiptap-ui/list-button";
+export interface ListOption {
+    type: ListType;
+    icon: IconName;
+}
+export declare const listOptions: ListOption[];
+export declare function canToggleAnyList(editor: Editor | null, listTypes: ListType[]): boolean;
+export declare function isAnyListActive(editor: Editor | null, listTypes: ListType[]): boolean;
+export declare function getFilteredListOptions(availableTypes: ListType[]): typeof listOptions;
+/**
+ * Gets the currently active list type from the available types
+ */
+export declare function getActiveListType(editor: Editor | null, availableTypes: ListType[]): ListType | undefined;

package/dist/types/richtext-vue/src/components/tiptap-ui/mark-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-mark";

package/dist/types/richtext-vue/src/components/tiptap-ui/mark-button/use-mark.d.ts

@@ -0,0 +1,29 @@
+import type { Editor } from "@tiptap/core";
+export type Mark = "bold" | "italic" | "strike" | "code" | "underline" | "superscript" | "subscript";
+export declare const markIcons: {
+    bold: "bold";
+    italic: "italic";
+    underline: "underline";
+    strike: "strike";
+    code: "code2";
+    superscript: "superscript";
+    subscript: "subscript";
+};
+export declare const MARK_SHORTCUT_KEYS: Record<Mark, string>;
+/**
+ * Checks if a mark can be toggled in the current editor state
+ */
+export declare function canToggleMark(editor: Editor | null, type: Mark): boolean;
+/**
+ * Checks if a mark is currently active
+ */
+export declare function isMarkActive(editor: Editor | null, type: Mark): boolean;
+/**
+ * Toggles a mark in the editor
+ */
+export declare function toggleMark(editor: Editor | null, type: Mark): boolean;
+/**
+ * Gets the formatted mark name
+ */
+/** p5: toolbar command, rendered by CommandButton (see ../command.ts) */
+export declare const markCommand: (type: Mark) => import("@/components/tiptap-ui/command").EditorCommand;

package/dist/types/richtext-vue/src/components/tiptap-ui/text-align-button/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-text-align";