rj-editor 1.0.0 → 1.0.1

package/README.md

@@ -1,247 +1,228 @@
 # RJ Editor
 
-`rj-editor` - React uchun qurilgan rich text editor kutubxonasi. U maqola yozish, admin panel, CMS, blog, ta'lim platformasi yoki hujjatga yaqin matn kiritish tajribasi kerak bo'lgan React loyihalar uchun mo'ljallangan.
+`rj-editor` is a React rich text editor package for building article editors, admin panels, CMS forms, learning platforms, notes, documentation tools, and other content-heavy interfaces.
 
-Editor bitta `RJTextEditor` komponenti orqali matn formatlash, jadval, link, rasm, YouTube video, fullscreen, i18n, theme va Ant Design Form integratsiyasini beradi.
+It provides a ready-to-use `RJTextEditor` component with a tabbed toolbar, text formatting, tables, links, images, YouTube embeds, fullscreen mode, i18n, theming, and Ant Design Form support.
 
-## Demo
+[Live demo](https://rj-editor.vercel.app)
 
-`RJTextEditor` imkoniyatlarini live demo orqali sinab ko'rish mumkin. Demo editorni Ant Design `Form.Item` ichida ishlatadi, `onChange` orqali HTML outputni ko'rsatadi va form submit qilinganda editor qiymatini preview sifatida chiqaradi.
+## Features
 
-**Live demo:** [https://rj-editor.vercel.app](https://rj-editor.vercel.app)
-
-Demo'ni lokal ishga tushirish:
-
-```bash
-git clone https://github.com/RavshanJumaqulov/rj-editor.git
-cd rj-editor
-npm install
-npm run dev
-```
-
-Keyin browserda Vite ko'rsatgan lokal manzilni oching. Odatda:
-
-```txt
-http://localhost:5173
-```
-
-Demo sahifada quyidagilarni tekshirish mumkin:
-
-- `RJTextEditor`ni oddiy component sifatida ishlatish;
-- Ant Design `Form.Item` bilan qiymat yig'ish;
-- HTML outputni real vaqt rejimida olish;
-- table, image, link, YouTube, fullscreen va contextual toolbarlarni sinash;
-- `defaultValue`/`value` orqali saqlangan HTML kontentni qayta editorga yuklash.
-
-Demo kodi: [`src/App.tsx`](https://github.com/RavshanJumaqulov/rj-editor/blob/main/src/App.tsx)
-
-## Imkoniyatlar
-
-- Rich text: bold, italic, underline, strikethrough, subscript, superscript.
+- Text formatting: bold, italic, underline, strikethrough, subscript, superscript.
 - Style controls: font size, font family, text color, background color, clear formatting.
-- Paragraph tools: alignment, ordered/unordered list, indent/outdent, line and paragraph spacing.
+- Paragraph tools: alignment, ordered list, unordered list, indent, outdent, line and paragraph spacing.
 - Insert tools: table, link, image, YouTube video.
-- Table tools: row/column qo'shish va o'chirish, merge/split, header row/column, cell background, vertical alignment, table delete.
-- Image tools: local image upload, drag-and-drop, paste from clipboard, base64 saqlash, resize, alignment, alt text, caption, link, border, radius, shadow, crop mode, wrapping, rotate, replace, delete.
+- Table editing: add/remove rows and columns, merge/split cells, header row/column, cell background, vertical alignment, delete table.
+- Image editing: upload, drag-and-drop, paste from clipboard, resize, align, alt text, caption, link, border, border radius, shadow, object fit, wrapping, rotate, replace, delete.
 - Browser fullscreen mode.
-- Ant Design `Form.Item` bilan ishlash.
-- `uz`, `en`, `ru` lokalizatsiya va custom translation qo'shish.
-- Theme qilish uchun CSS custom property'lar.
+- Ant Design `Form.Item` integration.
+- Built-in `uz`, `en`, and `ru` translations.
+- Custom locale and partial translation override support.
+- Theme customization through CSS custom properties.
 
-## O'rnatish
+## Installation
 
 ```bash
 npm install rj-editor
 ```
 
-React va ReactDOM peer dependency hisoblanadi. Loyihangizda ular o'rnatilgan bo'lishi kerak.
+`react` and `react-dom` are peer dependencies. They must already exist in your application:
 
 ```bash
 npm install react react-dom
 ```
 
-## Tez Boshlash
+## Quick Start
 
 ```tsx
-import { RJTextEditor } from "rj-editor";
+import { RJTextEditor } from 'rj-editor'
 
 export function App() {
   return (
     <RJTextEditor
       autofocus
-      locale="uz"
-      placeholder="Maqolangizni shu yerga yozing..."
+      locale="en"
+      placeholder="Write your content..."
       onChange={(html) => {
-        console.log(html);
+        console.log(html)
       }}
     />
-  );
+  )
 }
 ```
 
-Style faylni alohida import qilish shart emas. `RJTextEditor` import qilinganda kutubxona style'lari build ichida ulanadi.
+You do not need to import a separate stylesheet. The package styles are included when `RJTextEditor` is imported.
 
-## Default Value
+## Saving Content
 
-Editorga dastlabki HTML qiymat berish mumkin.
+`onChange` returns the editor content as an HTML string in the first argument. This is the value you usually store in your database.
 
 ```tsx
 <RJTextEditor
-  defaultValue="<p>Salom, dunyo!</p>"
-  onChange={(html) => console.log(html)}
+  onChange={(html) => {
+    saveDraft(html)
+  }}
 />
 ```
 
-## Controlled Value
+The callback also exposes a JSON string and the current editor state for advanced use cases:
+
+```ts
+type OnChange = (
+  html: string,
+  json: string,
+  editorState: unknown,
+) => void
+```
+
+## Initial Content
 
-`value` prop orqali editorni controlled holatda ishlatish mumkin. `onChange` signature o'zgarmaydi: birinchi argument doim HTML string bo'ladi.
+Use `defaultValue` when you want to load saved HTML once when the editor mounts:
 
 ```tsx
-import { useState } from "react";
-import { RJTextEditor } from "rj-editor";
+<RJTextEditor defaultValue="<p>Hello world</p>" />
+```
 
-export function App() {
-  const [content, setContent] = useState("<p>Dastlabki matn</p>");
+Use `value` when your application controls the editor content from React state:
+
+```tsx
+import { useState } from 'react'
+import { RJTextEditor } from 'rj-editor'
 
-  return <RJTextEditor value={content} onChange={(html) => setContent(html)} />;
+export function ControlledEditor() {
+  const [content, setContent] = useState('<p>Initial content</p>')
+
+  return (
+    <RJTextEditor
+      value={content}
+      onChange={(html) => setContent(html)}
+    />
+  )
 }
 ```
 
-## Ant Design Form Bilan Ishlatish
+## Ant Design Form
 
-`RJTextEditor` Ant Design `Form.Item` ichida oddiy input kabi ishlaydi. Form `name` bo'yicha editor HTML qiymatini yig'adi.
+`RJTextEditor` works inside Ant Design `Form.Item`. The form receives the HTML string as the field value.
 
 ```tsx
-import { Button, Form } from "antd";
-import { RJTextEditor } from "rj-editor";
+import { Button, Form } from 'antd'
+import { RJTextEditor } from 'rj-editor'
 
 export function ArticleForm() {
   return (
     <Form
       layout="vertical"
       onFinish={(values) => {
-        console.log(values.content);
+        console.log(values.content)
       }}
     >
       <Form.Item
-        label="Maqola"
+        label="Content"
         name="content"
-        rules={[{ required: true, message: "Maqola matnini kiriting" }]}
+        rules={[{ required: true, message: 'Content is required' }]}
       >
-        <RJTextEditor placeholder="Maqolangizni yozing..." />
+        <RJTextEditor placeholder="Write your article..." />
       </Form.Item>
 
       <Button htmlType="submit" type="primary">
-        Saqlash
+        Save
       </Button>
     </Form>
-  );
+  )
 }
 ```
 
-Validatsiya xatolik holatida editor borderi Ant Design error rangiga kiradi.
+When validation fails, the editor border follows the Ant Design error state.
 
 ## Props
 
-| Prop           | Type                                                | Default              | Izoh                                                                   |
-| -------------- | --------------------------------------------------- | -------------------- | ---------------------------------------------------------------------- |
-| `autofocus`    | `boolean`                                           | `false`              | Editor ochilganda avtomatik focus beradi.                              |
-| `className`    | `string`                                            | `undefined`          | Root editor wrapper uchun qo'shimcha class.                            |
-| `defaultValue` | `string`                                            | `undefined`          | Editorning dastlabki HTML qiymati.                                     |
-| `id`           | `string`                                            | `undefined`          | Root editor wrapper uchun `id`. Form.Item bilan kelganda ham ishlaydi. |
-| `locale`       | `'uz' \| 'en' \| 'ru' \| string`                    | `'uz'`               | Editor tili.                                                           |
-| `locales`      | `Record<string, DeepPartial<RJEditorTranslations>>` | `undefined`          | Qo'shimcha custom locale'lar.                                          |
-| `namespace`    | `string`                                            | `'RJEditor'`         | Editor instance uchun namespace qiymati.                               |
-| `onBlur`       | `React.FocusEventHandler<HTMLDivElement>`           | `undefined`          | Root wrapper blur eventi.                                              |
-| `onChange`     | `(html, json, editorState) => void`                 | `undefined`          | Editor kontenti o'zgarganda chaqiriladi.                               |
-| `onFocus`      | `React.FocusEventHandler<HTMLDivElement>`           | `undefined`          | Root wrapper focus eventi.                                             |
-| `placeholder`  | `string`                                            | Locale bo'yicha matn | Bo'sh editor ichida ko'rinadigan matn.                                 |
-| `translations` | `DeepPartial<RJEditorTranslations>`                 | `undefined`          | Joriy locale tarjimalarini qisman override qilish.                     |
-| `value`        | `string`                                            | `undefined`          | Controlled HTML qiymat.                                                |
-
-## onChange
-
-`onChange` uchta argument qaytaradi:
-
-```ts
-type OnChange = (
-  html: string,
-  json: string,
-  editorState: unknown,
-) => void;
-```
-
-- `html` - kontentning HTML string ko'rinishi. Serverga saqlash va keyin `defaultValue` yoki `value` sifatida qayta berish uchun qulay.
-- `json` - editor holatining JSON string ko'rinishi.
-- `editorState` - editorning joriy runtime holati.
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `autofocus` | `boolean` | `false` | Focuses the editor after mount. |
+| `className` | `string` | `undefined` | Adds a custom class to the editor root. |
+| `defaultValue` | `string` | `undefined` | Initial HTML content. Applied once on mount. |
+| `id` | `string` | `undefined` | Adds an `id` to the editor root. |
+| `locale` | `'uz' \| 'en' \| 'ru' \| string` | `'uz'` | Active editor language. |
+| `locales` | `Record<string, DeepPartial<RJEditorTranslations>>` | `undefined` | Adds custom locales. |
+| `namespace` | `string` | `'RJEditor'` | Unique editor namespace. Useful when multiple editor instances exist on one page. |
+| `onBlur` | `React.FocusEventHandler<HTMLDivElement>` | `undefined` | Called when the editor root loses focus. |
+| `onChange` | `(html, json, editorState) => void` | `undefined` | Called whenever editor content changes. |
+| `onFocus` | `React.FocusEventHandler<HTMLDivElement>` | `undefined` | Called when the editor root receives focus. |
+| `placeholder` | `string` | Locale-based text | Placeholder shown when the editor is empty. |
+| `translations` | `DeepPartial<RJEditorTranslations>` | `undefined` | Overrides translations for the active locale. |
+| `value` | `string` | `undefined` | Controlled HTML content. |
 
 ## Toolbar
 
-Toolbar tablar asosida ishlaydi:
+The toolbar is organized by tabs:
 
-- `Home` - asosiy text formatlash va paragraph tool'lar.
-- `Insert` - table, link, image va YouTube video qo'shish.
-- `Image` - rasm tanlanganda chiqadigan contextual tab.
-- `Table` - cursor table ichida bo'lganda chiqadigan contextual tab.
+- `Home`: text formatting, styles, lists, alignment, indentation, and spacing.
+- `Insert`: table, link, image, and YouTube video insertion.
+- `Image`: shown when an image is selected.
+- `Table`: shown when the cursor is inside a table.
 
-`Image` va `Table` tablari faqat kerakli context mavjud bo'lganda ko'rinadi. Bu Word'dagi contextual toolbar tajribasiga yaqinroq UX beradi.
+Contextual tabs are only visible when they are useful, keeping the editor interface focused.
 
-## Rasm Bilan Ishlash
+## Images
 
-Rasm hozircha serverga yuklanmaydi. Local fayl tanlanganda, drag-and-drop qilinganda yoki clipboard'dan paste qilinganda rasm `base64` ko'rinishida editor ichidagi image node `src` qiymatiga yoziladi.
+Images can be inserted from the local file picker, drag-and-drop, or clipboard paste. The image is stored as a base64 data URL inside the editor content.
 
-Muhim cheklovlar:
+Important details:
 
-- Maksimal rasm hajmi: `5MB`.
-- Base64 HTML/JSON hajmini oshiradi.
-- Katta production loyihalarda keyinchalik server upload yoki storage adapter qo'shish tavsiya qilinadi.
+- Maximum image size is `5MB`.
+- Base64 images increase HTML size.
+- For large production systems, a server upload flow or storage adapter is recommended.
 
-Mavjud image amallari:
+Image tools include:
 
-- alignment: left, center, right;
-- width percent qiymati;
-- 25%, 50%, 100% quick resize;
+- left, center, and right alignment;
+- custom width percentage;
+- quick resize: 25%, 50%, 100%;
 - alt text;
 - caption;
-- image link;
+- link;
 - border;
 - border radius;
 - shadow;
 - object fit: contain, cover, fill;
-- text wrapping: top-bottom va square;
+- text wrapping: top-bottom and square;
 - rotate left/right;
 - replace image;
 - delete image.
 
-## Table Bilan Ishlash
+## Tables
 
-`Insert > Table` orqali jadvalni grid selector yordamida yoki row/column qiymatlarini qo'lda kiritib yaratish mumkin. Table ichida cursor turganda `Table` tab avtomatik ko'rinadi.
+Tables can be created from the `Insert` tab with a grid picker or by entering row and column counts.
 
-Mavjud table amallari:
+Available table tools:
 
-- row/column qo'shish;
-- row/column o'chirish;
-- cell merge/split;
-- header row/header column;
-- cell background;
-- vertical alignment;
-- table delete.
+- add row above/below;
+- add column left/right;
+- delete row/column;
+- merge cells;
+- split cells;
+- toggle header row;
+- toggle header column;
+- set cell background;
+- set vertical alignment;
+- delete table.
 
-## Link Qo'shish
+## Links
 
-Link qo'shish browser `prompt` orqali emas, kutubxona ichidagi custom `Modal` orqali ishlaydi. Modal fullscreen holatida ham to'g'ri layer'da ochiladi va draggable.
+Links are created with a custom modal. The modal supports URL and display text fields and works correctly in fullscreen mode.
 
-## YouTube Video Qo'shish
+## YouTube Embeds
 
-`Insert` tab orqali YouTube video linkini kiritish mumkin. Editor YouTube URL'dan video id ni ajratib olib, embed iframe ko'rinishida joylaydi.
+Paste a YouTube URL from the `Insert` tab to add an embedded video. The editor converts supported YouTube links into an iframe embed.
 
 ## Fullscreen
 
-Toolbar yuqori o'ng qismidagi fullscreen tugmasi browser Fullscreen API orqali editorni fullscreen holatiga o'tkazadi. Bu faqat CSS bilan kattalashtirish emas, browser miqyosidagi fullscreen rejimidir.
+The fullscreen button uses the browser Fullscreen API. The editor is opened in real fullscreen mode, not only enlarged with CSS.
 
-## I18n
+## Internationalization
 
-Kutubxona ichida `uz`, `en`, `ru` tarjimalar mavjud.
+Built-in locales:
 
 ```tsx
 <RJTextEditor locale="uz" />
@@ -249,20 +230,20 @@ Kutubxona ichida `uz`, `en`, `ru` tarjimalar mavjud.
 <RJTextEditor locale="ru" />
 ```
 
-Joriy locale tarjimalarini qisman override qilish:
+Override only the text you need:
 
 ```tsx
 <RJTextEditor
-  locale="uz"
+  locale="en"
   translations={{
     placeholders: {
-      editor: "Matnni shu yerga kiriting...",
+      editor: 'Start writing...',
     },
   }}
 />
 ```
 
-Yangi locale qo'shish:
+Add a custom locale:
 
 ```tsx
 <RJTextEditor
@@ -270,11 +251,11 @@ Yangi locale qo'shish:
   locales={{
     kaa: {
       placeholders: {
-        editor: "Maqalanı usı jerge jazıń...",
+        editor: 'Maqalanı usı jerge jazıń...',
       },
       tabs: {
-        home: "Bas bet",
-        insert: "Qosıw",
+        home: 'Bas bet',
+        insert: 'Qosıw',
       },
     },
   }}
@@ -283,9 +264,9 @@ Yangi locale qo'shish:
 
 ## Theme
 
-Kutubxona ranglarni CSS custom property sifatida chiqaradi. Loyihangizda theme qilish uchun `--rj-*` o'zgaruvchilarini override qiling.
+`rj-editor` exposes CSS custom properties. Override them in your application stylesheet to match your design system.
 
-```scss
+```css
 :root {
   --rj-color-brand: #2563eb;
   --rj-color-brand-tint: #eaf2ff;
@@ -301,42 +282,41 @@ Kutubxona ranglarni CSS custom property sifatida chiqaradi. Loyihangizda theme q
 }
 ```
 
-Ko'p ishlatiladigan variable'lar:
-
-| Variable                               | Vazifasi                              |
-| -------------------------------------- | ------------------------------------- |
-| `--rj-editor-bg`                       | Editor content background.            |
-| `--rj-editor-border`                   | Editor border rangi.                  |
-| `--rj-editor-text`                     | Asosiy text rangi.                    |
-| `--rj-editor-placeholder`              | Placeholder rangi.                    |
-| `--rj-editor-toolbar-bg`               | Toolbar background.                   |
-| `--rj-editor-toolbar-button-bg`        | Toolbar button background.            |
-| `--rj-editor-toolbar-button-active-bg` | Active button background.             |
-| `--rj-editor-link`                     | Link rangi.                           |
-| `--rj-editor-focus-border`             | Focus/active border rangi.            |
-| `--rj-editor-error-border`             | Form validation error border rangi.   |
-| `--rj-editor-warning-border`           | Form validation warning border rangi. |
-| `--rj-editor-table-border`             | Table border rangi.                   |
-| `--rj-editor-table-header-bg`          | Table header background.              |
-| `--rj-editor-image-border`             | Image selection/border rangi.         |
-| `--rj-editor-danger`                   | Delete/clear action rangi.            |
+Common variables:
 
-## Browser Support
+| Variable | Description |
+| --- | --- |
+| `--rj-editor-bg` | Editor content background. |
+| `--rj-editor-border` | Editor border color. |
+| `--rj-editor-text` | Main text color. |
+| `--rj-editor-placeholder` | Placeholder color. |
+| `--rj-editor-toolbar-bg` | Toolbar background. |
+| `--rj-editor-toolbar-button-bg` | Toolbar button background. |
+| `--rj-editor-toolbar-button-active-bg` | Active toolbar button background. |
+| `--rj-editor-link` | Link color. |
+| `--rj-editor-focus-border` | Focus border color. |
+| `--rj-editor-error-border` | Validation error border color. |
+| `--rj-editor-warning-border` | Validation warning border color. |
+| `--rj-editor-table-border` | Table border color. |
+| `--rj-editor-table-header-bg` | Table header background. |
+| `--rj-editor-image-border` | Image selection border color. |
+| `--rj-editor-danger` | Dangerous action color. |
 
-`rj-editor` browser muhitida ishlaydi. SSR loyihalarda komponentni client-only render qilish tavsiya qilinadi, chunki editor DOM, selection, clipboard va Fullscreen API kabi browser imkoniyatlariga tayanadi.
+## SSR
 
-## Publish Checklist
+`rj-editor` depends on browser APIs such as DOM selection, clipboard, file input, and fullscreen. In SSR frameworks, render the editor only on the client.
 
-Kutubxonani npm'ga chiqarishdan oldin:
+Example for Next.js:
 
-1. `npm run lint`
-2. `npm run build`
-3. `npm pack --dry-run`
-4. `package.json` ichida `version` qiymatini yangilash
-5. `npm publish`
+```tsx
+import dynamic from 'next/dynamic'
 
-Agar npm 2FA yoqilgan bo'lsa, publish uchun OTP yoki 2FA bypass yoqilgan granular access token kerak bo'ladi.
+const RJTextEditor = dynamic(
+  () => import('rj-editor').then((mod) => mod.RJTextEditor),
+  { ssr: false },
+)
+```
 
 ## License
 
-License ma'lumoti `package.json` ichida ko'rsatilishi kerak.
+MIT

package/dist/components/equation/EquationComponent.d.ts

@@ -1,6 +1,6 @@
 import { type NodeKey } from 'lexical';
 import React from 'react';
-import type { EquationDisplayMode } from '@/types';
+import type { EquationDisplayMode } from '../../types/index';
 type EquationComponentProps = {
     displayMode: EquationDisplayMode;
     equation: string;

package/dist/components/image/ImageComponent.d.ts

@@ -1,5 +1,5 @@
 import { type NodeKey } from 'lexical';
-import type { ImageAlignment, ImageObjectFit, ImageTextWrap } from '@/types';
+import type { ImageAlignment, ImageObjectFit, ImageTextWrap } from '../../types/index';
 type ImageComponentProps = {
     alignment: ImageAlignment;
     altText: string;

package/dist/components/rj-text-editor/RJTextEditor.types.d.ts

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { EditorState } from 'lexical';
-import type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations } from '@/types';
+import type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations } from '../../types/index';
 export type RJTextEditorProps = {
     autofocus?: boolean;
     className?: string;

package/dist/components/rj-text-editor/createInitialConfig.d.ts

@@ -2,7 +2,7 @@ import { LinkNode } from '@lexical/link';
 import { ListItemNode, ListNode } from '@lexical/list';
 import { TableCellNode, TableNode, TableRowNode } from '@lexical/table';
 import { TextNode, type LexicalEditor } from 'lexical';
-import { EquationNode, ExtendedTextNode, ImageNode, YouTubeNode, replaceTextNodeWithExtendedTextNode } from '@/nodes';
+import { EquationNode, ExtendedTextNode, ImageNode, YouTubeNode, replaceTextNodeWithExtendedTextNode } from '../../nodes/index';
 type CreateInitialConfigOptions = {
     defaultValue?: string;
     namespace: string;

package/dist/components/toolbar/equation/utils.d.ts

@@ -1,6 +1,6 @@
 import { type LexicalEditor } from 'lexical';
-import type { EquationDisplayMode } from '@/types';
-export declare function getSelectedEquationNode(): import("@/nodes").EquationNode | null;
+import type { EquationDisplayMode } from '../../../types/index';
+export declare function getSelectedEquationNode(): import("../../../nodes/index").EquationNode | null;
 export declare function getEquationSelectionState(): {
     isEquationSelected: boolean;
     selectedEquation: string | undefined;

package/dist/components/toolbar/image/utils.d.ts

@@ -1,6 +1,6 @@
 import { type LexicalEditor } from 'lexical';
-import type { ImageAlignment, ImageTextWrap } from '@/types';
-export declare function getSelectedImageNode(): import("@/nodes").ImageNode | null;
+import type { ImageAlignment, ImageTextWrap } from '../../../types/index';
+export declare function getSelectedImageNode(): import("../../../nodes/index").ImageNode | null;
 export declare function getImageSelectionState(): {
     isImageSelected: boolean;
     selectedImageAlignment: ImageAlignment | undefined;
@@ -12,7 +12,7 @@ export declare function getImageSelectionState(): {
     selectedImageHeight: number | undefined;
     selectedImageKey: string | undefined;
     selectedImageLinkUrl: string | undefined;
-    selectedImageObjectFit: import("@/types").ImageObjectFit | undefined;
+    selectedImageObjectFit: import("../../../types/index").ImageObjectFit | undefined;
     selectedImageRotation: number | undefined;
     selectedImageShadowEnabled: boolean | undefined;
     selectedImageTextWrap: ImageTextWrap | undefined;

package/dist/components/toolbar/insert/equation/EquationModal.d.ts

@@ -1,4 +1,4 @@
-import type { EquationDisplayMode } from '@/types';
+import type { EquationDisplayMode } from '../../../../types/index';
 type EquationModalProps = {
     initialDisplayMode?: EquationDisplayMode;
     initialEquation?: string;

package/dist/components/toolbar/insert/equation/EquationPreview.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { EquationDisplayMode } from '@/types';
+import type { EquationDisplayMode } from '../../../../types/index';
 type EquationPreviewProps = {
     displayMode: EquationDisplayMode;
     equation: string;

package/dist/constants/initialToolbarState.d.ts

@@ -1,2 +1,2 @@
-import type { ToolbarState } from '@/types';
+import type { ToolbarState } from '../types/index';
 export declare const INITIAL_TOOLBAR_STATE: ToolbarState;

package/dist/constants/insertEquationCommand.d.ts

@@ -1,2 +1,2 @@
-import type { InsertEquationPayload } from '@/types';
+import type { InsertEquationPayload } from '../types/index';
 export declare const INSERT_EQUATION_COMMAND: import("lexical").LexicalCommand<InsertEquationPayload>;

package/dist/constants/insertImageCommand.d.ts

@@ -1,2 +1,2 @@
-import type { InsertImagePayload } from '@/types';
+import type { InsertImagePayload } from '../types/index';
 export declare const INSERT_IMAGE_COMMAND: import("lexical").LexicalCommand<InsertImagePayload>;

package/dist/constants/insertYouTubeCommand.d.ts

@@ -1,2 +1,2 @@
-import type { InsertYouTubePayload } from '@/types';
+import type { InsertYouTubePayload } from '../types/index';
 export declare const INSERT_YOUTUBE_COMMAND: import("lexical").LexicalCommand<InsertYouTubePayload>;

package/dist/i18n/I18nContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations } from '@/types';
+import type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations } from '../types/index';
 export type RJEditorI18nProviderProps = {
     children: React.ReactNode;
     locale?: RJEditorLocaleCode;

package/dist/i18n/RJEditorI18nContext.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { RJEditorTranslations } from '@/types';
+import type { RJEditorTranslations } from '../types/index';
 export declare const RJEditorI18nContext: React.Context<RJEditorTranslations>;

package/dist/i18n/locales/en.d.ts

@@ -1,2 +1,2 @@
-import type { RJEditorTranslations } from '@/types';
+import type { RJEditorTranslations } from '../../types/index';
 export declare const enTranslations: RJEditorTranslations;

package/dist/i18n/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import type { RJEditorTranslations } from '@/types';
+import type { RJEditorTranslations } from '../../types/index';
 export declare const ruTranslations: RJEditorTranslations;

package/dist/i18n/locales/uz.d.ts

@@ -1,2 +1,2 @@
-import type { RJEditorTranslations } from '@/types';
+import type { RJEditorTranslations } from '../../types/index';
 export declare const uzTranslations: RJEditorTranslations;

package/dist/i18n/mergeTranslations.d.ts

@@ -1,2 +1,2 @@
-import type { DeepPartial } from '@/types';
+import type { DeepPartial } from '../types/index';
 export declare function mergeTranslations<T extends object>(base: T, ...overrides: Array<DeepPartial<T> | undefined>): T;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { RJTextEditor } from '@/components/RJTextEditor';
-export { enTranslations, mergeTranslations, RJEditorI18nProvider, ruTranslations, useRJEditorI18n, uzTranslations, } from '@/i18n';
-export type { RJTextEditorProps } from '@/components/RJTextEditor';
-export type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations, RJTextEditorValue, } from '@/types';
+export { RJTextEditor } from './components/RJTextEditor';
+export { enTranslations, mergeTranslations, RJEditorI18nProvider, ruTranslations, useRJEditorI18n, uzTranslations, } from './i18n/index';
+export type { RJTextEditorProps } from './components/RJTextEditor';
+export type { DeepPartial, RJEditorLocaleCode, RJEditorTranslations, RJTextEditorValue, } from './types/index';

package/dist/nodes/EquationNode.d.ts

@@ -1,7 +1,7 @@
 import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey } from 'lexical';
 import { DecoratorNode } from 'lexical';
 import type { ReactNode } from 'react';
-import type { EquationDisplayMode, InsertEquationPayload, SerializedEquationNode } from '@/types';
+import type { EquationDisplayMode, InsertEquationPayload, SerializedEquationNode } from '../types/index';
 export declare class EquationNode extends DecoratorNode<ReactNode> {
     __displayMode: EquationDisplayMode;
     __equation: string;

package/dist/nodes/ImageNode.d.ts

@@ -1,7 +1,7 @@
 import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey } from 'lexical';
 import { DecoratorNode } from 'lexical';
 import type { ReactNode } from 'react';
-import type { ImageAlignment, ImageObjectFit, ImageTextWrap, InsertImagePayload, SerializedImageNode } from '@/types';
+import type { ImageAlignment, ImageObjectFit, ImageTextWrap, InsertImagePayload, SerializedImageNode } from '../types/index';
 export declare class ImageNode extends DecoratorNode<ReactNode> {
     __alignment: ImageAlignment;
     __aspectRatioLocked: boolean;

package/dist/nodes/YouTubeNode.d.ts

@@ -1,7 +1,7 @@
 import type { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey } from 'lexical';
 import { DecoratorNode } from 'lexical';
 import type { ReactNode } from 'react';
-import type { InsertYouTubePayload, SerializedYouTubeNode } from '@/types';
+import type { InsertYouTubePayload, SerializedYouTubeNode } from '../types/index';
 export declare class YouTubeNode extends DecoratorNode<ReactNode> {
     __title: string;
     __videoId: string;

package/dist/slice/toolbarSlice.d.ts

@@ -1,3 +1,3 @@
-import type { ToolbarState } from '@/types';
+import type { ToolbarState } from '../types/index';
 export declare const setBlockFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "alignment" | "listType">, "toolbar/setBlockFormats">, setCanRedo: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "toolbar/setCanRedo">, setCanUndo: import("@reduxjs/toolkit").ActionCreatorWithPayload<boolean, "toolbar/setCanUndo">, setEquationFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isEquationSelected" | "selectedEquation" | "selectedEquationDisplayMode" | "selectedEquationKey">, "toolbar/setEquationFormats">, setImageFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isImageSelected" | "selectedImageAspectRatioLocked" | "selectedImageAlignment" | "selectedImageAltText" | "selectedImageBorderEnabled" | "selectedImageBorderRadius" | "selectedImageCaption" | "selectedImageHeight" | "selectedImageKey" | "selectedImageLinkUrl" | "selectedImageObjectFit" | "selectedImageRotation" | "selectedImageShadowEnabled" | "selectedImageTextWrap" | "selectedImageWidth">, "toolbar/setImageFormats">, setStyleFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "backgroundColor" | "fontFamily" | "fontSize" | "lineHeight" | "textColor">, "toolbar/setStyleFormats">, setTableFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isInTable" | "selectedTableCellsCount" | "tableCellBackgroundColor" | "tableCellVerticalAlign" | "tableHasMergedCell">, "toolbar/setTableFormats">, setTextFormats: import("@reduxjs/toolkit").ActionCreatorWithPayload<Pick<ToolbarState, "isBold" | "isItalic" | "isStrikethrough" | "isSubscript" | "isSuperscript" | "isUnderline">, "toolbar/setTextFormats">;
 export declare const toolbarReducer: import("redux").Reducer<ToolbarState>;

package/dist/store/hooks.d.ts

@@ -1,6 +1,6 @@
 export declare const useAppDispatch: import("react-redux").UseDispatch<import("redux-thunk").ThunkDispatch<{
-    toolbar: import("@/types").ToolbarState;
+    toolbar: import("../types/index").ToolbarState;
 }, undefined, import("redux").UnknownAction> & import("redux").Dispatch<import("redux").UnknownAction>>;
 export declare const useAppSelector: import("react-redux").UseSelector<{
-    toolbar: import("@/types").ToolbarState;
+    toolbar: import("../types/index").ToolbarState;
 }>;

package/dist/store/index.d.ts

@@ -1,3 +1,3 @@
 export { createRJEditorStore, store } from './store';
-export type { AppDispatch, RootState } from '@/types';
+export type { AppDispatch, RootState } from '../types/index';
 export { useAppDispatch, useAppSelector } from './hooks';

package/dist/types/AppDispatch.d.ts

@@ -1,2 +1,2 @@
-import type { store } from '@/store/store';
+import type { store } from '../store/store';
 export type AppDispatch = typeof store.dispatch;

package/dist/types/RootState.d.ts

@@ -1,2 +1,2 @@
-import type { store } from '@/store/store';
+import type { store } from '../store/store';
 export type RootState = ReturnType<typeof store.getState>;

package/dist/utils/helpers/renderEquationToHtml.d.ts

@@ -1,3 +1,3 @@
 import 'katex/contrib/mhchem';
-import type { EquationDisplayMode } from '@/types';
+import type { EquationDisplayMode } from '../../types/index';
 export declare function renderEquationToHtml(equation: string, displayMode: EquationDisplayMode): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rj-editor",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React rich text editor: toolbar tabs, table, image, link, YouTube, i18n, theme va Ant Design Form integratsiyasi.",
   "type": "module",
   "license": "MIT",
@@ -46,7 +46,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build && tsc -p tsconfig.lib.json",
+    "build": "vite build && tsc -p tsconfig.lib.json && node scripts/fix-dts-aliases.mjs",
     "build:demo": "vite build --config vite.demo.config.ts",
     "lint": "eslint .",
     "preview": "vite preview"