@yurikilian/lex4 1.4.1 → 1.5.2

package/dist/lexical/commands/block-commands.d.ts

@@ -0,0 +1,5 @@
+import { LexicalEditor } from 'lexical';
+export type BlockType = 'paragraph' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export declare function setBlockType(editor: LexicalEditor, blockType: BlockType): void;
+export declare function getActiveBlockType(editor: LexicalEditor): BlockType;
+//# sourceMappingURL=block-commands.d.ts.map

package/dist/lexical/commands/block-commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-commands.d.ts","sourceRoot":"","sources":["../../../src/lexical/commands/block-commands.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AAMjB,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9E,wBAAgB,YAAY,CAAC,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,CAc9E;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,SAAS,CAiBnE"}

package/dist/lexical/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lexical/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,kBA4B1B,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/lexical/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,kBA6B1B,CAAC"}

package/dist/lexical/utils/import-document-content.d.ts

@@ -0,0 +1,4 @@
+import { LexicalEditor } from 'lexical';
+import { Lex4Document } from '../../types/document';
+export declare function insertDocumentContent(editor: LexicalEditor, document: Lex4Document): boolean;
+//# sourceMappingURL=import-document-content.d.ts.map

package/dist/lexical/utils/import-document-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-document-content.d.ts","sourceRoot":"","sources":["../../../src/lexical/utils/import-document-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,aAAa,EAGnB,MAAM,SAAS,CAAC;AAOjB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AA6GzD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAG,OAAO,CAiC5F"}

package/dist/style.css

@@ -176,10 +176,10 @@
 .lex4-toolbar-row {
   display: flex;
   align-items: center;
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
+  -moz-column-gap: 0.375rem;
+       column-gap: 0.375rem;
   row-gap: 0.375rem;
-  padding: 0.375rem 0.875rem;
+  padding: 0.5rem 0.875rem;
   flex-wrap: wrap;
 }
 
@@ -192,7 +192,11 @@
 .lex4-toolbar-group-gap {
   display: flex;
   align-items: center;
-  gap: 0.25rem;
+  gap: 0.375rem;
+}
+
+.lex4-toolbar-group-block {
+  min-width: 9rem;
 }
 
 .lex4-toolbar-end {
@@ -202,12 +206,114 @@
   gap: 0.25rem;
 }
 
+.lex4-block-type-picker {
+  position: relative;
+}
+
+.lex4-editor button.lex4-block-type-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  height: 32px;
+  padding: 0 0.5rem 0 0.625rem;
+  border-radius: 999px;
+  border: 1px solid var(--color-input);
+  background-color: var(--color-background);
+  color: var(--color-foreground);
+  transition: background-color 150ms, border-color 150ms, box-shadow 150ms;
+}
+
+.lex4-editor button.lex4-block-type-trigger:hover,
+.lex4-editor button.lex4-block-type-trigger.open {
+  background-color: var(--color-secondary);
+}
+
+.lex4-editor button.lex4-block-type-trigger:focus-visible {
+  outline: none;
+  border-color: var(--color-ring);
+  box-shadow: 0 0 0 1px var(--color-ring);
+}
+
+.lex4-block-type-trigger-code {
+  min-width: 1.75rem;
+  font-size: 0.8125rem;
+  line-height: 1rem;
+  font-weight: 600;
+  color: var(--color-foreground);
+  text-align: center;
+}
+
+.lex4-block-type-trigger-code.heading {
+  color: var(--color-primary);
+}
+
+.lex4-block-type-trigger-chevron {
+  color: var(--color-muted-foreground);
+  transition: transform 150ms ease;
+}
+
+.lex4-block-type-trigger-chevron.open {
+  transform: rotate(180deg);
+}
+
+.lex4-block-type-menu {
+  position: absolute;
+  top: calc(100% + 0.5rem);
+  left: 0;
+  min-width: 13rem;
+  padding: 0.375rem;
+  border: 1px solid var(--color-border);
+  border-radius: 1rem;
+  background-color: var(--color-surface-elevated);
+  box-shadow: var(--shadow-lg);
+  z-index: 30;
+}
+
+.lex4-editor button.lex4-block-type-item {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.625rem 0.75rem;
+  border-radius: 0.75rem;
+  color: var(--color-foreground);
+  transition: background-color 150ms, color 150ms;
+}
+
+.lex4-editor button.lex4-block-type-item:hover,
+.lex4-editor button.lex4-block-type-item.active {
+  background-color: var(--color-secondary);
+}
+
+.lex4-block-type-item-code {
+  min-width: 1.75rem;
+  font-size: 0.8125rem;
+  line-height: 1rem;
+  font-weight: 600;
+  color: var(--color-muted-foreground);
+  text-align: center;
+}
+
+.lex4-block-type-item-code.heading {
+  color: color-mix(in srgb, var(--color-primary) 80%, var(--color-foreground));
+}
+
+.lex4-block-type-item-code.active {
+  color: var(--color-primary);
+}
+
+.lex4-block-type-item-label {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 500;
+}
+
 .lex4-editor button.lex4-toolbar-toggle-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
-  height: 2rem;
+  height: 32px;
   padding: 0 0.75rem;
   border-radius: 0.375rem;
   border: 1px solid var(--color-input);
@@ -216,7 +322,7 @@
   font-size: 0.75rem;
   line-height: 1rem;
   font-weight: 500;
-  transition: background-color 150ms, color 150ms, border-color 150ms;
+  transition: background-color 150ms, color 150ms, border-color 150ms, box-shadow 150ms;
   white-space: nowrap;
 }
 
@@ -240,15 +346,22 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  height: 1.625rem;
-  width: 1.625rem;
+  height: 32px;
+  width: 32px;
   border-radius: 0.375rem;
+  border: 1px solid transparent;
   color: var(--color-muted-foreground);
-  transition: color 150ms, background-color 150ms;
+  transition: color 150ms, background-color 150ms, border-color 150ms, box-shadow 150ms;
 }
 .lex4-editor button.lex4-toolbar-btn svg {
   flex-shrink: 0;
 }
+.lex4-editor button.lex4-toolbar-btn:focus-visible,
+.lex4-editor button.lex4-toolbar-toggle-btn:focus-visible {
+  outline: none;
+  border-color: var(--color-ring);
+  box-shadow: 0 0 0 1px var(--color-ring);
+}
 .lex4-editor button.lex4-toolbar-btn:hover:not(:disabled):not(.active) {
   background-color: var(--color-secondary);
   color: var(--color-foreground);
@@ -263,22 +376,24 @@
 }
 
 .lex4-toolbar-select {
-  height: 1.75rem;
+  height: 32px;
   border-radius: 0.375rem;
-  border: none;
+  border: 1px solid transparent;
   padding: 0 0.5rem;
   font-size: 0.75rem;
   line-height: 1rem;
   font-weight: 500;
-  background-color: transparent;
+  background-color: var(--color-background);
   color: var(--color-foreground);
-  transition: background-color 150ms;
+  transition: background-color 150ms, border-color 150ms, box-shadow 150ms;
 }
 .lex4-toolbar-select:hover {
   background-color: var(--color-secondary);
 }
-.lex4-toolbar-select:focus {
+.lex4-toolbar-select:focus,
+.lex4-toolbar-select:focus-visible {
   outline: none;
+  border-color: var(--color-ring);
   box-shadow: 0 0 0 1px var(--color-ring);
 }
 
@@ -287,6 +402,10 @@
   padding: 0 0.25rem;
 }
 
+.lex4-toolbar-select-block {
+  min-width: 9rem;
+}
+
 .lex4-toolbar-separator {
   margin: 0 0.25rem;
   height: 1.25rem;
@@ -303,7 +422,7 @@
   display: inline-flex;
   align-items: center;
   gap: 0.375rem;
-  min-height: 1.75rem;
+  height: 32px;
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -325,8 +444,8 @@
 .lex4-hf-switch {
   position: relative;
   display: inline-flex;
-  height: 0.9375rem;
-  width: 1.625rem;
+  height: 1rem;
+  width: 1.75rem;
   align-items: center;
   border-radius: 9999px;
   transition: background-color 200ms;
@@ -334,8 +453,8 @@
 
 .lex4-hf-switch-knob {
   display: inline-block;
-  height: 0.6875rem;
-  width: 0.6875rem;
+  height: 0.75rem;
+  width: 0.75rem;
   border-radius: 9999px;
   background-color: white;
   box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
@@ -344,7 +463,7 @@
 }
 
 .lex4-hf-switch[aria-checked="true"] .lex4-hf-switch-knob {
-  transform: translateX(0.8125rem);
+  transform: translateX(0.875rem);
 }
 
 /* ── Settings menu (HF actions) ──────────────────────────── */
@@ -363,8 +482,8 @@
 }
 
 .lex4-editor button.lex4-settings-trigger-icon {
-  width: 1.875rem;
-  height: 1.875rem;
+  width: 32px;
+  height: 32px;
   justify-content: center;
   padding: 0;
   border-radius: 0.5rem;
@@ -925,7 +1044,7 @@
   cursor: default;
   white-space: nowrap;
   margin: 0 0.125rem;
-  transition: border-color 150ms, background-color 150ms;
+  transition: border-color 150ms, background-color 150ms, box-shadow 150ms;
 }
 
 .lex4-variable-chip::before {
@@ -942,6 +1061,12 @@
   border-color: color-mix(in srgb, var(--lex4-variable-accent, var(--color-border-strong)) 40%, var(--color-border));
 }
 
+.lex4-variable-chip-selected {
+  border-color: color-mix(in srgb, var(--lex4-variable-accent, var(--color-primary)) 45%, var(--color-primary));
+  background-color: color-mix(in srgb, var(--lex4-variable-bg, var(--color-secondary)) 72%, var(--color-selection-bg));
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary) 16%, transparent);
+}
+
 /* ── Document view ───────────────────────────────────────── */
 .lex4-document-view {
   display: flex;
@@ -1025,6 +1150,11 @@
   font-weight: 500;
 }
 
+.lex4-heading-h6 {
+  font-size: 0.9375rem;
+  font-weight: 500;
+}
+
 .lex4-text-bold {
   font-weight: 700;
 }
@@ -1076,9 +1206,10 @@
 
 .lex4-page-placeholder {
   position: absolute;
-  top: 0.25rem;
+  top: 0;
   left: 0;
-  font-size: 0.8125rem;
+  font-size: inherit;
+  line-height: inherit;
   color: color-mix(in srgb, var(--color-muted-foreground) 82%, transparent);
   pointer-events: none;
   -webkit-user-select: none;

package/dist/types/editor-handle.d.ts

@@ -1,3 +1,4 @@
+import { Lex4Document } from './document';
 /**
  * Imperative handle exposed by Lex4Editor via React ref.
  *
@@ -17,5 +18,6 @@
 export interface Lex4EditorHandle {
     setHistorySidebarOpen: (open: boolean) => void;
     toggleHistorySidebar: () => void;
+    insertDocumentContent: (document: Lex4Document) => boolean;
 }
 //# sourceMappingURL=editor-handle.d.ts.map

package/dist/types/editor-handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-handle.d.ts","sourceRoot":"","sources":["../../src/types/editor-handle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC"}
+{"version":3,"file":"editor-handle.d.ts","sourceRoot":"","sources":["../../src/types/editor-handle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,gBAAgB;IAC/B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,qBAAqB,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,OAAO,CAAC;CAC5D"}

package/dist/types/editor-props.d.ts

@@ -5,6 +5,20 @@ import { Lex4Translations } from '../i18n/types';
 type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
+export interface Lex4ToolbarControlConfig {
+    /** Controls whether the toolbar control is rendered. Defaults to true. */
+    visible?: boolean;
+    /** Controls whether the toolbar control renders its text label. Defaults to true. */
+    showLabel?: boolean;
+}
+export interface Lex4ToolbarConfig {
+    /** Configuration for the history toggle. */
+    history?: Lex4ToolbarControlConfig;
+    /** Configuration for the variables toggle provided by variablesExtension. */
+    variables?: Lex4ToolbarControlConfig;
+    /** Configuration for the header/footer toggle group. */
+    headerFooter?: Lex4ToolbarControlConfig;
+}
 /** Public props for the Lex4Editor component */
 export interface Lex4EditorProps {
     /** Initial document state. Defaults to a single empty page. */
@@ -36,6 +50,8 @@ export interface Lex4EditorProps {
      * @example translations={{ toolbar: { undo: 'Desfazer' } }}
      */
     translations?: DeepPartial<Lex4Translations>;
+    /** Configuration for optional toolbar controls such as history and variables. */
+    toolbar?: Lex4ToolbarConfig;
     /** Additional CSS class for the editor root element */
     className?: string;
 }

package/dist/types/editor-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor-props.d.ts","sourceRoot":"","sources":["../../src/types/editor-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,gDAAgD;AAChD,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAE/C,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,mDAAmD;IACnD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kHAAkH;IAClH,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAE1C,8GAA8G;IAC9G,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,GAAG,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvF;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAE7C,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"editor-props.d.ts","sourceRoot":"","sources":["../../src/types/editor-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,4CAA4C;IAC5C,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,wDAAwD;IACxD,YAAY,CAAC,EAAE,wBAAwB,CAAC;CACzC;AAED,gDAAgD;AAChD,MAAM,WAAW,eAAe;IAC9B,+DAA+D;IAC/D,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;IAE/C,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B,mDAAmD;IACnD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,kHAAkH;IAClH,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAE1C,8GAA8G;IAC9G,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,YAAY,CAAC;QAAC,GAAG,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEvF;;;;OAIG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAE7B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAE7C,iFAAiF;IACjF,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/utils/text-style.d.ts

@@ -0,0 +1,7 @@
+export declare function extractStyleValue(style: string, property: string): string | undefined;
+export declare function mergeStyleDeclaration(existingStyle: string, property: string, value: string): string;
+export declare function extractFontFamilyFromStyle(style: string): string | undefined;
+export declare function extractFontSizePtFromStyle(style: string): number | undefined;
+export declare function mergeFontFamilyStyle(existingStyle: string, fontFamily: string): string;
+export declare function mergeFontSizeStyle(existingStyle: string, size: number): string;
+//# sourceMappingURL=text-style.d.ts.map

package/dist/utils/text-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-style.d.ts","sourceRoot":"","sources":["../../src/utils/text-style.ts"],"names":[],"mappings":"AAAA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAIrF;AAED,wBAAgB,qBAAqB,CACnC,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,GACZ,MAAM,CAQR;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE5E;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ5E;AAED,wBAAgB,oBAAoB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAEtF;AAED,wBAAgB,kBAAkB,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9E"}

package/dist/variables/variable-formatting.d.ts

@@ -0,0 +1,11 @@
+import { LexicalEditor, TextFormatType } from 'lexical';
+import { VariableNode } from './variable-node';
+export declare function getSelectedVariableNodes(editor: LexicalEditor): VariableNode[];
+export declare function toggleSelectedVariableFormat(editor: LexicalEditor, format: TextFormatType): boolean;
+export declare function applyFontFamilyToSelectedVariables(editor: LexicalEditor, fontFamily: string): boolean;
+export declare function applyFontSizeToSelectedVariables(editor: LexicalEditor, size: number): boolean;
+export declare function readSelectedVariableFormatting(editor: LexicalEditor): {
+    fontFamily?: string;
+    fontSize?: number;
+};
+//# sourceMappingURL=variable-formatting.d.ts.map

package/dist/variables/variable-formatting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable-formatting.d.ts","sourceRoot":"","sources":["../../src/variables/variable-formatting.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAiCrE,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,aAAa,GAAG,YAAY,EAAE,CAa9E;AAED,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,aAAa,EACrB,MAAM,EAAE,cAAc,GACrB,OAAO,CAgBT;AAED,wBAAgB,kCAAkC,CAChD,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,MAAM,GACjB,OAAO,CAMT;AAED,wBAAgB,gCAAgC,CAC9C,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,MAAM,GACX,OAAO,CAMT;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,aAAa,GAAG;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAWA"}

package/dist/variables/variable-node.d.ts

@@ -1,6 +1,8 @@
 import { DecoratorNode, DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
 export type SerializedVariableNode = Spread<{
     variableKey: string;
+    format?: number;
+    style?: string;
 }, SerializedLexicalNode>;
 /**
  * VariableNode — a custom Lexical DecoratorNode that represents
@@ -14,10 +16,16 @@ export type SerializedVariableNode = Spread<{
  */
 export declare class VariableNode extends DecoratorNode<JSX.Element> {
     __variableKey: string;
+    __format: number;
+    __style: string;
     static getType(): string;
     static clone(node: VariableNode): VariableNode;
-    constructor(variableKey: string, key?: NodeKey);
+    constructor(variableKey: string, format?: number, style?: string, key?: NodeKey);
     getVariableKey(): string;
+    getFormat(): number;
+    setFormat(format: number): this;
+    getStyle(): string;
+    setStyle(style: string): this;
     static importJSON(serializedNode: SerializedVariableNode): VariableNode;
     exportJSON(): SerializedVariableNode;
     createDOM(): HTMLElement;
@@ -29,6 +37,6 @@ export declare class VariableNode extends DecoratorNode<JSX.Element> {
     getTextContent(): string;
     decorate(): JSX.Element;
 }
-export declare function $createVariableNode(variableKey: string): VariableNode;
+export declare function $createVariableNode(variableKey: string, format?: number, style?: string): VariableNode;
 export declare function $isVariableNode(node: LexicalNode | null | undefined): node is VariableNode;
 //# sourceMappingURL=variable-node.d.ts.map

package/dist/variables/variable-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variable-node.d.ts","sourceRoot":"","sources":["../../src/variables/variable-node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,EACvB,qBAAqB,CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1D,aAAa,EAAE,MAAM,CAAC;IAEtB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY;gBAIlC,WAAW,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO;IAK9C,cAAc,IAAI,MAAM;IAMxB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,GAAG,YAAY;IAIvE,UAAU,IAAI,sBAAsB;IAUpC,SAAS,IAAI,WAAW;IASxB,SAAS,IAAI,KAAK;IAIlB,SAAS,IAAI,eAAe;IAO5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAM3C,QAAQ,IAAI,OAAO;IAInB,oBAAoB,IAAI,OAAO;IAI/B,cAAc,IAAI,MAAM;IAMxB,QAAQ,IAAI,GAAG,CAAC,OAAO;CAKxB;AAoBD,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,CAErE;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,YAAY,CAEtB"}
+{"version":3,"file":"variable-node.d.ts","sourceRoot":"","sources":["../../src/variables/variable-node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EACb,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACZ,MAAM,SAAS,CAAC;AAejB,MAAM,MAAM,sBAAsB,GAAG,MAAM,CACzC;IACE,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,EACD,qBAAqB,CACtB,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC;IAC1D,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAEhB,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,GAAG,YAAY;gBAIlC,WAAW,EAAE,MAAM,EAAE,MAAM,SAAI,EAAE,KAAK,SAAK,EAAE,GAAG,CAAC,EAAE,OAAO;IAOtE,cAAc,IAAI,MAAM;IAIxB,SAAS,IAAI,MAAM;IAInB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAM/B,QAAQ,IAAI,MAAM;IAIlB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQ7B,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,sBAAsB,GAAG,YAAY;IAQvE,UAAU,IAAI,sBAAsB;IAYpC,SAAS,IAAI,WAAW;IASxB,SAAS,IAAI,KAAK;IAIlB,SAAS,IAAI,eAAe;IAO5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAM3C,QAAQ,IAAI,OAAO;IAInB,oBAAoB,IAAI,OAAO;IAI/B,cAAc,IAAI,MAAM;IAMxB,QAAQ,IAAI,GAAG,CAAC,OAAO;CAUxB;AA+GD,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,MAAM,EACnB,MAAM,SAAI,EACV,KAAK,SAAK,GACT,YAAY,CAEd;AAED,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,YAAY,CAEtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yurikilian/lex4",
-  "version": "1.4.1",
+  "version": "1.5.2",
   "license": "MIT",
   "repository": {
     "type": "git",