@nxgt/material 1.0.0

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/editor-select-card-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorSelectCardWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/extension.d.ts

@@ -0,0 +1,16 @@
+import { Node } from '@tiptap/core';
+import { SelectCardMode, SelectCardOptionAttrs } from './const';
+export interface SelectCardAttrs {
+    label: string;
+    mode: SelectCardMode;
+    options: SelectCardOptionAttrs[];
+    value: string[];
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        selectCard: {
+            insertSelectCard: (attrs?: Partial<SelectCardAttrs>) => ReturnType;
+        };
+    }
+}
+export declare const SelectCardExtension: Node<any, any>;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/index.d.ts

@@ -0,0 +1,8 @@
+export * from './const';
+export * from './editor-select-card-wrapper';
+export * from './extension';
+export * from './select-card-item-edit-dialog';
+export * from './select-card-item-edit-form';
+export * from './select-card-node-component';
+export * from './select-card-settings-dialog';
+export * from './select-card-settings-form';

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/select-card-item-edit-dialog.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { SelectCardOptionAttrs } from './const';
+export interface SelectCardItemEditDialogProps extends PropsWithChildren {
+    icon: string;
+    title: string;
+    description: string;
+    onSubmit: (attrs: Omit<SelectCardOptionAttrs, 'value'>) => void;
+}
+export declare function SelectCardItemEditDialog({ icon, title, description, onSubmit, children, }: SelectCardItemEditDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/select-card-item-edit-form.d.ts

@@ -0,0 +1,8 @@
+import { SelectCardOptionAttrs } from './const';
+export interface SelectCardItemEditFormProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {
+    icon: string;
+    title: string;
+    description: string;
+    onSubmit: (attrs: Omit<SelectCardOptionAttrs, 'value'>) => void;
+}
+export declare function SelectCardItemEditForm({ icon, title, description, onSubmit, className, ...props }: SelectCardItemEditFormProps): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/select-card-node-component.d.ts

@@ -0,0 +1,2 @@
+import { ReactNodeViewProps } from '@tiptap/react';
+export declare function SelectCardNodeComponent(props: ReactNodeViewProps<HTMLDivElement>): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/select-card-settings-dialog.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { SelectCardMode } from './const';
+export interface SelectCardSettingsDialogProps extends PropsWithChildren {
+    label: string;
+    mode: SelectCardMode;
+    onSubmit: (attrs: {
+        label: string;
+        mode: SelectCardMode;
+    }) => void;
+}
+export declare function SelectCardSettingsDialog({ label, mode, onSubmit, children, }: SelectCardSettingsDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-card/select-card-settings-form.d.ts

@@ -0,0 +1,12 @@
+import { SelectCardMode } from './const';
+interface SelectCardSettingsFormValues {
+    label: string;
+    mode: SelectCardMode;
+}
+export interface SelectCardSettingsFormProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {
+    label: string;
+    mode: SelectCardMode;
+    onSubmit: (attrs: SelectCardSettingsFormValues) => void;
+}
+export declare function SelectCardSettingsForm({ label, mode, onSubmit, className, ...props }: SelectCardSettingsFormProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/const.d.ts

@@ -0,0 +1,7 @@
+export declare const SELECT_CHIP_EXTENSION_ID = "selectChip";
+export type SelectChipMode = 'single' | 'multiple';
+export declare const SELECT_CHIP_MODE_OPTIONS: {
+    value: SelectChipMode;
+    label: string;
+}[];
+export declare const DEFAULT_SELECT_CHIP_OPTIONS: string[];

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/editor-select-chip-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorSelectChipWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/extension.d.ts

@@ -0,0 +1,16 @@
+import { Node } from '@tiptap/core';
+import { SelectChipMode } from './const';
+export interface SelectChipAttrs {
+    label: string;
+    mode: SelectChipMode;
+    options: string[];
+    value: string[];
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        selectChip: {
+            insertSelectChip: (attrs?: Partial<SelectChipAttrs>) => ReturnType;
+        };
+    }
+}
+export declare const SelectChipExtension: Node<any, any>;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/index.d.ts

@@ -0,0 +1,6 @@
+export * from './const';
+export * from './editor-select-chip-wrapper';
+export * from './extension';
+export * from './select-chip-edit-dialog';
+export * from './select-chip-edit-form';
+export * from './select-chip-node-component';

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/select-chip-edit-dialog.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { SelectOption } from '../../../../..';
+import { SelectChipMode } from './const';
+export interface SelectChipEditDialogProps extends PropsWithChildren {
+    label: string;
+    mode: SelectChipMode;
+    options: SelectOption[];
+    onSubmit: (attrs: {
+        label: string;
+        mode: SelectChipMode;
+        options: string[];
+    }) => void;
+}
+export declare function SelectChipEditDialog({ label, mode, options, onSubmit, children, }: SelectChipEditDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/select-chip-edit-form.d.ts

@@ -0,0 +1,15 @@
+import { SelectOption } from '../../../../..';
+import { SelectChipMode } from './const';
+interface SelectChipFormValues {
+    label: string;
+    mode: SelectChipMode;
+    options: string[];
+}
+export interface SelectChipEditFormProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {
+    label: string;
+    mode: SelectChipMode;
+    options: SelectOption[];
+    onSubmit: (attrs: SelectChipFormValues) => void;
+}
+export declare function SelectChipEditForm({ label, mode, options, onSubmit, className, ...props }: SelectChipEditFormProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/rich-text-editor/extensions/custom/select-chip/select-chip-node-component.d.ts

@@ -0,0 +1,2 @@
+import { ReactNodeViewProps } from '@tiptap/react';
+export declare function SelectChipNodeComponent(props: ReactNodeViewProps<HTMLDivElement>): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/shared/icon-options.d.ts

@@ -0,0 +1,6 @@
+import { LucideIcon } from 'lucide-react';
+export declare const ICON_REGISTRY: Record<string, LucideIcon>;
+export declare const ICON_KEYS: string[];
+export declare const DEFAULT_ICON_KEY = "sparkles";
+export declare function iconLabel(key: string): string;
+export declare function resolveIcon(name?: string): LucideIcon;

package/dist/lib/components/ui/rich-text-editor/extensions/custom/shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon-options';
+export * from './repeating-field-list';

package/dist/lib/components/ui/rich-text-editor/extensions/custom/shared/repeating-field-list.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface RepeatingFieldListProps<T extends {
+    id: string;
+}> {
+    label: ReactNode;
+    addLabel: string;
+    fields: T[];
+    onAdd: () => void;
+    onRemove: (index: number) => void;
+    renderItem: (index: number, field: T) => ReactNode;
+    minItems?: number;
+    className?: string;
+}
+export declare function RepeatingFieldList<T extends {
+    id: string;
+}>({ label, addLabel, fields, onAdd, onRemove, renderItem, minItems, className, }: RepeatingFieldListProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/emoji/consts.d.ts

@@ -0,0 +1,30 @@
+export declare const EMOJI_I18N_KEYS: {
+    en: {
+        all: string;
+        recent: string;
+        general: string;
+        people_body: string;
+        components: string;
+        animals_nature: string;
+        food_drink: string;
+        travel_places: string;
+        activities: string;
+        objects: string;
+        symbols: string;
+        flags: string;
+    };
+    fr: {
+        all: string;
+        recent: string;
+        general: string;
+        people_body: string;
+        components: string;
+        animals_nature: string;
+        food_drink: string;
+        travel_places: string;
+        activities: string;
+        objects: string;
+        symbols: string;
+        flags: string;
+    };
+};

package/dist/lib/components/ui/rich-text-editor/extensions/emoji/emoji-list.d.ts

@@ -0,0 +1,7 @@
+import { EmojiItem } from '@tiptap/extension-emoji';
+import { EMOJI_I18N_KEYS } from './consts';
+export declare const EmojiList: ({ emojis, onSelect, labels, }: {
+    labels?: (typeof EMOJI_I18N_KEYS)["en"];
+    emojis: EmojiItem[];
+    onSelect: (value: string) => void;
+}) => import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/emoji/emoji-picker.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EmojiPicker({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/emoji/index.d.ts

@@ -0,0 +1,2 @@
+export * from './emoji-list';
+export * from './emoji-picker';

package/dist/lib/components/ui/rich-text-editor/extensions/font-family/editor-font-family-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorFontFamilyWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/font-family/index.d.ts

@@ -0,0 +1 @@
+export * from './editor-font-family-wrapper';

package/dist/lib/components/ui/rich-text-editor/extensions/heading/heading-wrapper.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+import { JSX } from 'react';
+export declare function HeadingWrapper({ editor }: {
+    editor: Editor;
+}): JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/heading/index.d.ts

@@ -0,0 +1 @@
+export * from './heading-wrapper';

package/dist/lib/components/ui/rich-text-editor/extensions/highlight/editor-highlight-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorHighlightWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/highlight/index.d.ts

@@ -0,0 +1 @@
+export * from './editor-highlight-wrapper';

package/dist/lib/components/ui/rich-text-editor/extensions/image/editor-image-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorImageWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/image/editor-image.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export declare function EditorImage({ children, onSubmit, }: {
+    onSubmit: (src: string) => void;
+} & PropsWithChildren): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/image/index.d.ts

@@ -0,0 +1,2 @@
+export * from './editor-image';
+export * from './editor-image-wrapper';

package/dist/lib/components/ui/rich-text-editor/extensions/index.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import { RichTextEditorFeatures } from '../types';
+export interface BuildExtensionsParams {
+    mentionSuggestionsRef: RefObject<string[]>;
+    hasMentions: boolean;
+    placeholder?: string;
+    characterLimit?: number;
+    features?: RichTextEditorFeatures;
+}
+export declare const extensions: ({ mentionSuggestionsRef, hasMentions, placeholder, characterLimit, features, }: BuildExtensionsParams) => (import('@tiptap/core').Node<any, any> | import('@tiptap/core').Extension<{
+    features?: RichTextEditorFeatures;
+}, any> | import('@tiptap/core').Node<import('@tiptap/extension-table').TableOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-table').TableCellOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-style').TextStyleKitOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-style').FontFamilyOptions, any> | import('@tiptap/core').Extension<import('@tiptap/starter-kit').StarterKitOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-typography').TypographyOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extensions').FocusOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-highlight').HighlightOptions, any> | import('@tiptap/core').Mark<import('@tiptap/extension-subscript').SubscriptExtensionOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extension-text-align').TextAlignOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extensions').PlaceholderOptions, any> | import('@tiptap/core').Extension<import('@tiptap/extensions').CharacterCountOptions, import('@tiptap/extensions').CharacterCountStorage> | import('@tiptap/core').Node<import('@tiptap/extension-list').TaskListOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-list').TaskItemOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-youtube').YoutubeOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-emoji').EmojiOptions, import('@tiptap/extension-emoji').EmojiStorage> | import('@tiptap/core').Node<import('@tiptap/extension-code-block-lowlight').CodeBlockLowlightOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-mention').MentionOptions<any, import('@tiptap/extension-mention').MentionNodeAttrs>, any>)[];

package/dist/lib/components/ui/rich-text-editor/extensions/link/editor-link-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorLinkWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/link/editor-link.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export declare function EditorLink({ children, onSubmit, }: {
+    onSubmit: (value: string) => void;
+} & PropsWithChildren): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './editor-link';
+export * from './editor-link-wrapper';

package/dist/lib/components/ui/rich-text-editor/extensions/marks/editor-mark-buttons.d.ts

@@ -0,0 +1,6 @@
+import { Editor } from '@tiptap/react';
+/** Bold/Italic/Underline/Strike/Subscript/Superscript toggle buttons —
+ * split out of the main toolbar to keep it under the repo's file-size limit. */
+export declare function EditorMarkButtons({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/marks/index.d.ts

@@ -0,0 +1 @@
+export * from './editor-mark-buttons';

package/dist/lib/components/ui/rich-text-editor/extensions/mention/index.d.ts

@@ -0,0 +1,2 @@
+export * from './mention-list';
+export * from './suggestions';

package/dist/lib/components/ui/rich-text-editor/extensions/mention/mention-list.d.ts

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

package/dist/lib/components/ui/rich-text-editor/extensions/mention/suggestions.d.ts

@@ -0,0 +1,9 @@
+import { MentionNodeAttrs, MentionOptions } from '@tiptap/extension-mention';
+import { RefObject } from 'react';
+/**
+ * Takes a ref (rather than a plain array) so the suggestion list can be
+ * updated live from `RichTextEditor` without recreating the `Mention`
+ * extension/editor instance — TipTap never re-reads extension config after
+ * construction, so a plain closed-over array would be frozen at mount.
+ */
+export declare const suggestion: (itemsRef: RefObject<string[]>) => MentionOptions<any, MentionNodeAttrs>['suggestion'];

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/extension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import { RichTextEditorFeatures } from '../../types';
+export declare const SlashCommandPluginKey: PluginKey<any>;
+export declare const SlashCommandExtension: Extension<{
+    features?: RichTextEditorFeatures;
+}, any>;

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/index.d.ts

@@ -0,0 +1,2 @@
+export * from './extension';
+export * from './slash-command-items';

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/slash-command-basic.d.ts

@@ -0,0 +1,2 @@
+import { SlashCommandItem } from './slash-command-types';
+export declare const BASIC_SLASH_COMMANDS: SlashCommandItem[];

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/slash-command-insert.d.ts

@@ -0,0 +1,2 @@
+import { SlashCommandItem } from './slash-command-types';
+export declare const INSERT_SLASH_COMMANDS: SlashCommandItem[];

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/slash-command-items.d.ts

@@ -0,0 +1,4 @@
+import { RichTextEditorFeatures } from '../../types';
+import { SlashCommandItem } from './slash-command-types';
+export type { SlashCommandItem };
+export declare function getSlashCommandItems(query?: string, features?: RichTextEditorFeatures): SlashCommandItem[];

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/slash-command-items.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/slash-command-list.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'react';
+import { SlashCommandItem } from './slash-command-items';
+type SlashCommandListProps = {
+    command: (item: SlashCommandItem) => void;
+    items: SlashCommandItem[];
+    ref?: Ref<{
+        onKeyDown: (props: {
+            event: KeyboardEvent;
+        }) => boolean;
+    }>;
+};
+export declare function SlashCommandList(props: SlashCommandListProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/rich-text-editor/extensions/slash-command/slash-command-types.d.ts

@@ -0,0 +1,19 @@
+import { Range } from '@tiptap/core';
+import { Editor } from '@tiptap/react';
+import { LucideIcon } from 'lucide-react';
+import { RichTextEditorFeatures } from '../../types';
+export type SlashCommandContext = {
+    editor: Editor;
+    range: Range;
+};
+export interface SlashCommandItem {
+    id: string;
+    title: string;
+    description: string;
+    searchTerms: string[];
+    group: 'Basic' | 'Insert';
+    icon: LucideIcon;
+    feature?: keyof RichTextEditorFeatures;
+    run: (context: SlashCommandContext) => boolean;
+}
+export declare const withDeletedRange: ({ editor, range }: SlashCommandContext) => import('@tiptap/core').ChainedCommands;

package/dist/lib/components/ui/rich-text-editor/extensions/table/editor-table-menu.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorTableMenu({ editor, onApplied, }: {
+    editor: Editor;
+    onApplied?: () => void;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/table/editor-table-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorTableWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './editor-table-wrapper';
+export * from './table';
+export * from './table-cell';
+export * from './table-properties-form';

package/dist/lib/components/ui/rich-text-editor/extensions/table/table-cell.d.ts

@@ -0,0 +1,2 @@
+export declare const CustomTableCell: import('@tiptap/core').Node<import('@tiptap/extension-table').TableCellOptions, any>;
+export declare const CustomTableHeader: import('@tiptap/core').Node<import('@tiptap/extension-table').TableCellOptions, any>;

package/dist/lib/components/ui/rich-text-editor/extensions/table/table-properties-form.d.ts

@@ -0,0 +1,12 @@
+import { TableAlign } from './table';
+interface TablePropertiesFormValues {
+    caption: string;
+    align: TableAlign;
+}
+export interface TablePropertiesFormProps {
+    caption: string;
+    align: TableAlign;
+    onSubmit: (attrs: TablePropertiesFormValues) => void;
+}
+export declare function TablePropertiesForm({ caption, align, onSubmit, }: TablePropertiesFormProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/rich-text-editor/extensions/table/table.d.ts

@@ -0,0 +1,15 @@
+export type TableAlign = 'left' | 'center' | 'right';
+/**
+ * Adds `align` (table-level position on the page) and `caption` attributes
+ * to the base Table node. The resizable Table's internal TableView applies
+ * arbitrary HTMLAttributes straight onto the rendered `<table>` element via
+ * `setAttribute`, so these reach the DOM without needing to touch/reimplement
+ * the NodeView that handles resizing/colgroups.
+ *
+ * `caption` is rendered as a `data-table-caption` attribute rather than a
+ * real child node — a genuinely editable `<caption>` would require a custom
+ * NodeView. The visible caption text is drawn via a CSS `attr()`
+ * pseudo-element (see lib/styles.css), the same trick already used for the
+ * Placeholder extension's empty state.
+ */
+export declare const CustomTable: import('@tiptap/core').Node<import('@tiptap/extension-table').TableOptions, any>;

package/dist/lib/components/ui/rich-text-editor/extensions/text-align/editor-text-align-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorTextAlignWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element[];

package/dist/lib/components/ui/rich-text-editor/extensions/text-align/index.d.ts

@@ -0,0 +1 @@
+export * from './editor-text-align-wrapper';

package/dist/lib/components/ui/rich-text-editor/extensions/youtube/editor-youtube-wrapper.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/react';
+export declare function EditorYoutubeWrapper({ editor }: {
+    editor: Editor;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/youtube/editor-youtube.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export declare function EditorYoutube({ children, onSubmit, }: {
+    onSubmit: (src: string) => void;
+} & PropsWithChildren): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/extensions/youtube/index.d.ts

@@ -0,0 +1,2 @@
+export * from './editor-youtube';
+export * from './editor-youtube-wrapper';

package/dist/lib/components/ui/rich-text-editor/index.d.ts

@@ -0,0 +1 @@
+export * from './rich-text-editor';

package/dist/lib/components/ui/rich-text-editor/rich-text-editor-toolbar.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/react';
+import { ComponentProps } from 'react';
+import { RichTextEditorOptions } from './types';
+export declare function RichTextEditorToolbar({ editor, options, className, ...props }: {
+    editor: Editor;
+    options?: RichTextEditorOptions;
+    className?: string;
+} & ComponentProps<'div'>): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/rich-text-editor-wrapper.d.ts

@@ -0,0 +1,13 @@
+import { Editor } from '@tiptap/react';
+import { PropsWithChildren, ReactNode } from 'react';
+import { RichTextEditorOptions } from './types';
+export declare function RichTextEditorWrapper({ editor, options, label, error, helperText, required, characterLimit, children, className, }: {
+    editor: Editor;
+    options?: RichTextEditorOptions;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    required?: boolean;
+    error?: boolean;
+    characterLimit?: number;
+    className?: string;
+} & PropsWithChildren): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/rich-text-editor.d.ts

@@ -0,0 +1,14 @@
+import { UseEditorOptions } from '@tiptap/react';
+import { ReactNode } from 'react';
+import { RichTextEditorOptions } from './types';
+export type RichTextEditorProps = Omit<UseEditorOptions, 'extensions' | 'editorProps'> & {
+    className?: string;
+    options?: RichTextEditorOptions;
+    label?: ReactNode;
+    helperText?: ReactNode;
+    required?: boolean;
+    error?: boolean;
+    placeholder?: string;
+    characterLimit?: number;
+};
+export declare function RichTextEditor({ className, options, label, helperText, required, error, editable, placeholder, characterLimit, content, ...props }: RichTextEditorProps): import("react").JSX.Element;

package/dist/lib/components/ui/rich-text-editor/rich-text-editor.stories.d.ts

@@ -0,0 +1,25 @@
+import { StoryObj } from '@storybook/react';
+import { RichTextEditor } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof RichTextEditor;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        editable: {
+            control: {
+                type: "boolean";
+            };
+        };
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ReadOnly: Story;
+export declare const WithSaveCancel: Story;
+export declare const MinimalFeatures: Story;
+export declare const AdvancedExtensions: Story;

package/dist/lib/components/ui/rich-text-editor/rich-text-editor.story-data.d.ts

@@ -0,0 +1,3 @@
+export declare const MENTION_SUGGESTIONS: string[];
+export declare const DEFAULT_CONTENT = "\n\t<h2>Hi there,</h2>\n\t<p>\n\t\tThis editor now supports <mark data-color=\"#fef08a\" style=\"background-color: #fef08a; color: inherit;\">multicolor highlights</mark>,\n\t\t<span style=\"font-family: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;\">serif emphasis</span>,\n\t\tand embedded media alongside the existing custom blocks.\n\t</p>\n\t<div data-callout-type=\"info\" data-callout-title=\"Good to know\" data-callout-description=\"Type / at the start of a new paragraph to open the command menu.\"></div>\n\t<div data-action-card-items='[{\"id\":\"card-1\",\"icon\":\"rocket\",\"title\":\"Ship faster\",\"description\":\"Reusable, accessible components for building product UI.\",\"href\":\"\"},{\"id\":\"card-2\",\"icon\":\"shield\",\"title\":\"Stay secure\",\"description\":\"Sensible defaults, audited dependencies.\",\"href\":\"\"},{\"id\":\"card-3\",\"icon\":\"trending-up\",\"title\":\"Scale up\",\"description\":\"Built for teams that grow.\",\"href\":\"\"}]' data-action-card-variant=\"md\"></div>\n\t<div data-accordion-items='[{\"key\":\"faq-1\",\"title\":\"What is Tiptap?\",\"content\":\"A headless, framework-agnostic rich text editor toolkit.\"},{\"key\":\"faq-2\",\"title\":\"What is new here?\",\"content\":\"Slash commands, highlight, font family controls, and YouTube embeds.\"}]'></div>\n\t<div data-select-chip-label=\"Pick a plan\" data-select-chip-mode=\"single\" data-select-chip-options='[\"free\",\"pro\",\"team\"]' data-select-chip-value='[\"pro\"]'></div>\n\t<div data-select-card-label=\"Pick a template\" data-select-card-mode=\"single\" data-select-card-options='[{\"value\":\"blank\",\"title\":\"Blank\",\"description\":\"Start from scratch\",\"icon\":\"sparkles\"},{\"value\":\"report\",\"title\":\"Report\",\"description\":\"Structured sections with headings\",\"icon\":\"flag\"}]' data-select-card-value='[\"blank\"]'></div>\n\t<div data-gallery-items=\"[]\"></div>\n\t<div data-youtube-video=\"\"><iframe src=\"https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0\" width=\"100%\" height=\"360\"></iframe></div>\n\t<ul><li>That\u2019s a bullet list with one \u2026</li><li>\u2026 or two list items.</li></ul>\n\t<ol><li>That\u2019s an ordered list with one \u2026</li><li>\u2026 or two list items.</li></ol>\n\t<table data-table-caption=\"Popularity of programming languages\" data-table-align=\"center\">\n\t\t<tr><th>Language</th><th>Rank</th></tr>\n\t\t<tr><td>TypeScript</td><td>1</td></tr>\n\t\t<tr><td>Python</td><td>2</td></tr>\n\t</table>\n\t<pre><code class=\"language-css\">body { display: none; }</code></pre>\n\t<blockquote>Wow, that\u2019s amazing. Good work, boy! \uD83D\uDC4F<br />\u2014 Mom</blockquote>\n";
+export declare const ADVANCED_CONTENT = "\n\t<p>Try these high-impact additions together:</p>\n\t<ul>\n\t\t<li>Select text and apply a highlight color from the toolbar or bubble menu.</li>\n\t\t<li>Choose a font family from the new type menu for headings or inline emphasis.</li>\n\t\t<li>Paste or insert a YouTube URL from the toolbar to embed a responsive video.</li>\n\t\t<li>Start a fresh paragraph and type / to insert tables, callouts, accordions, and more.</li>\n\t</ul>\n\t<p></p>\n";

package/dist/lib/components/ui/rich-text-editor/types.d.ts

@@ -0,0 +1,29 @@
+export interface RichTextEditorFeatures {
+    table?: boolean;
+    emoji?: boolean;
+    image?: boolean;
+    highlight?: boolean;
+    fontFamily?: boolean;
+    youtube?: boolean;
+    slashCommand?: boolean;
+    callout?: boolean;
+    accordion?: boolean;
+    actionCard?: boolean;
+    gallery?: boolean;
+    selectChip?: boolean;
+    selectCard?: boolean;
+    checkboxGroup?: boolean;
+    radioGroup?: boolean;
+}
+export interface RichTextEditorOptions {
+    onSave?: () => void;
+    onCancel?: () => void;
+    labels?: {
+        save?: string;
+        cancel?: string;
+    };
+    mentions?: {
+        suggestions?: string[];
+    };
+    features?: RichTextEditorFeatures;
+}