@yurikilian/lex4 1.10.0 → 1.11.0

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

@@ -1 +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;AAsHzD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAG,OAAO,CAiC5F"}
+{"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;AA4HzD,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAG,OAAO,CAiC5F"}

package/dist/style.css

@@ -1109,8 +1109,19 @@
 }
 
 /* ── Variable chip (inline node) ─────────────────────────── */
+/* Zero-width spaces restore a soft-wrap opportunity around the
+   non-editable decorator wrapper so a chip that does not fit the
+   remaining line wraps instead of being clipped by the page body. */
+.lex4-variable::before,
+.lex4-variable::after {
+  content: '\200B';
+}
+
 .lex4-variable-chip {
   display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
   border-radius: 0.22em;
   border: 1px solid var(--lex4-variable-border, var(--color-border));
   background-color: var(--lex4-variable-bg, color-mix(in srgb, var(--color-surface-elevated) 92%, var(--color-secondary)));
@@ -1124,7 +1135,9 @@
           user-select: none;
   cursor: default;
   white-space: nowrap;
-  vertical-align: -0.04em;
+  /* overflow: hidden moves the inline-block baseline to the box bottom
+     edge; shift the chip down so it visually sits on the text baseline. */
+  vertical-align: -0.26em;
   margin: 0 0.0625em;
   transition: border-color 150ms, background-color 150ms, box-shadow 150ms;
 }
@@ -1142,6 +1155,34 @@
   vertical-align: middle;
 }
 
+/* ── Optional segment (inline conditional fragment) ──────── */
+.lex4-optional-segment {
+  border-bottom: 1px dashed color-mix(in srgb, var(--color-muted-foreground) 55%, transparent);
+  background-color: color-mix(in srgb, var(--color-secondary) 26%, transparent);
+  border-radius: 0.18em;
+  padding: 0 0.05em;
+}
+
+.lex4-optional-segment::before,
+.lex4-optional-segment::after {
+  color: var(--color-muted-foreground);
+  font-size: 0.9em;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  pointer-events: none;
+}
+
+.lex4-optional-segment::before {
+  content: '⟮';
+  margin-right: 0.04em;
+}
+
+.lex4-optional-segment::after {
+  content: '⟯';
+  margin-left: 0.04em;
+}
+
 .lex4-variable-chip:hover {
   background-color: color-mix(in srgb, var(--lex4-variable-bg, var(--color-surface-elevated)) 90%, var(--color-surface-elevated));
   border-color: color-mix(in srgb, var(--lex4-variable-accent, var(--color-border-strong)) 40%, var(--color-border));

package/dist/variables/index.d.ts

@@ -2,4 +2,7 @@ export type { VariableDefinition, VariableContextValue } from './types';
 export { VariableNode, $createVariableNode, $isVariableNode, type SerializedVariableNode, } from './variable-node';
 export { INSERT_VARIABLE_COMMAND, insertVariable, } from './variable-commands';
 export { VariablePlugin } from './variable-plugin';
+export { OptionalSegmentNode, $createOptionalSegmentNode, $isOptionalSegmentNode, type SerializedOptionalSegmentNode, } from './optional-segment-node';
+export { TOGGLE_OPTIONAL_SEGMENT_COMMAND, $toggleOptionalSegment, $getAncestorOptionalSegment, $unwrapOptionalSegment, } from './optional-segment-commands';
+export { OptionalSegmentPlugin } from './optional-segment-plugin';
 //# sourceMappingURL=index.d.ts.map

package/dist/variables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/variables/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAExE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,KAAK,sBAAsB,GAC5B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,uBAAuB,EACvB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/variables/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAExE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,eAAe,EACf,KAAK,sBAAsB,GAC5B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,uBAAuB,EACvB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,sBAAsB,EACtB,KAAK,6BAA6B,GACnC,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,+BAA+B,EAC/B,sBAAsB,EACtB,2BAA2B,EAC3B,sBAAsB,GACvB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/variables/optional-segment-commands.d.ts

@@ -0,0 +1,24 @@
+import { LexicalNode } from 'lexical';
+import { OptionalSegmentNode } from './optional-segment-node';
+/**
+ * Command that toggles an optional segment around the current selection.
+ *
+ * - Selection (or caret) inside an existing segment → unwraps that segment.
+ * - Non-collapsed selection within a single block → wraps it in a segment.
+ * - Cross-block selections and nesting are refused (no-op).
+ */
+export declare const TOGGLE_OPTIONAL_SEGMENT_COMMAND: import('lexical').LexicalCommand<void>;
+/**
+ * Returns the nearest OptionalSegmentNode ancestor (or the node itself).
+ */
+export declare function $getAncestorOptionalSegment(node: LexicalNode | null): OptionalSegmentNode | null;
+/**
+ * Replaces a segment with its children (unwrap).
+ */
+export declare function $unwrapOptionalSegment(segment: OptionalSegmentNode): void;
+/**
+ * Toggles an optional segment at the current selection.
+ * Must be called inside editor.update(). Returns true when a change was made.
+ */
+export declare function $toggleOptionalSegment(): boolean;
+//# sourceMappingURL=optional-segment-commands.d.ts.map

package/dist/variables/optional-segment-commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-segment-commands.d.ts","sourceRoot":"","sources":["../../src/variables/optional-segment-commands.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAGL,mBAAmB,EACpB,MAAM,yBAAyB,CAAC;AAEjC;;;;;;GAMG;AACH,eAAO,MAAM,+BAA+B,wCAE3C,CAAC;AAEF;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,IAAI,EAAE,WAAW,GAAG,IAAI,GACvB,mBAAmB,GAAG,IAAI,CAU5B;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAKzE;AAYD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,OAAO,CAuDhD"}

package/dist/variables/optional-segment-node.d.ts

@@ -0,0 +1,32 @@
+import { ElementNode, BaseSelection, DOMConversionMap, DOMExportOutput, LexicalNode, NodeKey, RangeSelection, SerializedElementNode } from 'lexical';
+export type SerializedOptionalSegmentNode = SerializedElementNode;
+/**
+ * OptionalSegmentNode — an inline ElementNode that groups text and
+ * variable chips into a conditional fragment.
+ *
+ * At generation time the whole segment (including its punctuation) is
+ * dropped when any variable inside it resolves to an empty value;
+ * otherwise its children render normally.
+ *
+ * Behaves like LinkNode: editable children, inline, cannot be empty.
+ */
+export declare class OptionalSegmentNode extends ElementNode {
+    static getType(): string;
+    static clone(node: OptionalSegmentNode): OptionalSegmentNode;
+    constructor(key?: NodeKey);
+    static importJSON(serializedNode: SerializedOptionalSegmentNode): OptionalSegmentNode;
+    exportJSON(): SerializedOptionalSegmentNode;
+    createDOM(): HTMLElement;
+    updateDOM(): boolean;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    isInline(): true;
+    canBeEmpty(): false;
+    canInsertTextBefore(): false;
+    canInsertTextAfter(): false;
+    insertNewAfter(_: RangeSelection, restoreSelection?: boolean): null | ElementNode;
+    extractWithChild(_child: LexicalNode, selection: BaseSelection, _destination: 'clone' | 'html'): boolean;
+}
+export declare function $createOptionalSegmentNode(): OptionalSegmentNode;
+export declare function $isOptionalSegmentNode(node: LexicalNode | null | undefined): node is OptionalSegmentNode;
+//# sourceMappingURL=optional-segment-node.d.ts.map

package/dist/variables/optional-segment-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-segment-node.d.ts","sourceRoot":"","sources":["../../src/variables/optional-segment-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EACX,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC3B,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,6BAA6B,GAAG,qBAAqB,CAAC;AAElE;;;;;;;;;GASG;AACH,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,CAAC,OAAO,IAAI,MAAM;IAIxB,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,mBAAmB,GAAG,mBAAmB;gBAIhD,GAAG,CAAC,EAAE,OAAO;IAMzB,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,6BAA6B,GAAG,mBAAmB;IAQrF,UAAU,IAAI,6BAA6B;IAU3C,SAAS,IAAI,WAAW;IAQxB,SAAS,IAAI,OAAO;IAIpB,SAAS,IAAI,eAAe;IAM5B,MAAM,CAAC,SAAS,IAAI,gBAAgB,GAAG,IAAI;IAM3C,QAAQ,IAAI,IAAI;IAIhB,UAAU,IAAI,KAAK;IAInB,mBAAmB,IAAI,KAAK;IAI5B,kBAAkB,IAAI,KAAK;IAI3B,cAAc,CAAC,CAAC,EAAE,cAAc,EAAE,gBAAgB,UAAO,GAAG,IAAI,GAAG,WAAW;IAM9E,gBAAgB,CACd,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,OAAO,GAAG,MAAM,GAC7B,OAAO;CAcX;AAED,wBAAgB,0BAA0B,IAAI,mBAAmB,CAEhE;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,GACnC,IAAI,IAAI,mBAAmB,CAE7B"}

package/dist/variables/optional-segment-plugin.d.ts

@@ -0,0 +1,6 @@
+/**
+ * OptionalSegmentPlugin — registers the TOGGLE_OPTIONAL_SEGMENT_COMMAND
+ * handler and keeps the localized tooltip on segment DOM elements.
+ */
+export declare const OptionalSegmentPlugin: React.FC;
+//# sourceMappingURL=optional-segment-plugin.d.ts.map

package/dist/variables/optional-segment-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"optional-segment-plugin.d.ts","sourceRoot":"","sources":["../../src/variables/optional-segment-plugin.tsx"],"names":[],"mappings":"AAUA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAsCzC,CAAC"}

package/package.json

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