laif-ds 1.1.2 → 1.1.4

package/dist/agent-docs/manifest.json

@@ -1,9 +1,9 @@
 {
   "schemaVersion": "1.1.0",
-  "generatedAt": "2026-10-01T10:45:09.928Z",
+  "generatedAt": "2026-10-20T20:53:03.846Z",
   "package": {
     "name": "laif-ds",
-    "version": "1.1.2"
+    "version": "1.1.4"
   },
   "stats": {
     "documentedComponentCount": 97,
@@ -702,6 +702,7 @@
         "hasPropsTable": true,
         "hasExamples": true,
         "exampleTitles": [
+          "AppEditorHandle",
           "MentionItem",
           "Mention markdown serialization",
           "Dedup, reconciliation, and id types",
@@ -709,6 +710,7 @@
           "Full Toolbar + Plugins",
           "Markdown Default Value",
           "Underline Support",
+          "Inserting a link from outside the editor",
           "Mentions",
           "Async mentions (lazy loader)"
         ],
@@ -717,10 +719,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 10,
+          "totalProps": 11,
           "requiredPropsCount": 0,
-          "typedPropsCount": 10,
-          "describedPropsCount": 10
+          "typedPropsCount": 11,
+          "describedPropsCount": 11
         },
         "accessibility": {
           "hasCoverage": true
@@ -741,9 +743,10 @@
       },
       "typeReferences": [
         "interface AppEditorChangeMeta {\r",
+        "interface AppEditorHandle {\r",
         "interface AppEditorProps {\r",
         "type AppEditorPlugin = \"clear\" | \"counter\";\r",
-        "type AppEditorToolbar = \"block-format\" | \"font-format\" | \"history\";\r"
+        "type AppEditorToolbar = \"block-format\" | \"font-format\" | \"history\" | \"link\";\r"
       ]
     },
     {
@@ -1022,14 +1025,20 @@
         "hasExamples": true,
         "exampleTitles": [
           "AppSelectOption",
-          "Base Props (Common to both modes)",
-          "Single Select Props",
-          "Multi Select Props",
-          "Combined Type",
+          "Required",
+          "Value",
+          "Behaviour",
+          "Label and form state",
+          "Texts",
+          "Appearance",
+          "Accessibility and integration",
+          "Types by mode",
           "Size Variants",
           "Custom Labels (JSX Support)",
           "Controlled vs Uncontrolled",
           "Selection Modes",
+          "Popover Placement (Multiple)",
+          "Selected Badges",
           "Search Functionality",
           "Creatable Options",
           "Grouping",
@@ -1037,19 +1046,24 @@
           "Max Selection Limit",
           "Chips Display",
           "Disabled Options",
+          "Accessibility",
+          "Form Label",
           "Disabled Component",
           "Basic Single Select",
           "Multiple Select with Search and Chips",
           "Grouped Options with Max Selection",
           "Creatable Select",
           "Custom JSX Labels",
+          "Searchable JSX Labels",
           "Clearable Single Select",
+          "Required with Validation",
           "With Disabled Options",
           "Multiple with Select All / Deselect All",
+          "Help Text via `aria-describedby`",
           "Custom Render Value",
           "Accessible name",
-          "Keyboard",
-          "The popover is NOT modal (behaviour change) — measured",
+          "Keyboard and focus",
+          "The popover is not modal",
           "Residual limits"
         ],
         "controlledPattern": "controlled-uncontrolled-documented",
@@ -1059,10 +1073,10 @@
       },
       "metadata": {
         "props": {
-          "totalProps": 22,
+          "totalProps": 33,
           "requiredPropsCount": 1,
-          "typedPropsCount": 22,
-          "describedPropsCount": 22
+          "typedPropsCount": 33,
+          "describedPropsCount": 33
         },
         "accessibility": {
           "hasCoverage": true
@@ -1071,10 +1085,11 @@
           "coveredStates": [
             "focus",
             "disabled",
+            "error",
             "empty",
             "selected"
           ],
-          "coveredStateCount": 4
+          "coveredStateCount": 5
         }
       },
       "aiReadiness": {
@@ -1083,6 +1098,7 @@
       },
       "typeReferences": [
         "interface AppSelectOption {\r",
+        "type AppSelectHTMLProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof OwnBaseProps | \"children\" | \"dangerouslySetInnerHTML\" | \"contentEditable\" | \"defaultValue\" | \"defaultChecked\" | \"onChange\" | \"role\" | \"tabIndex\" | \"aria-expanded\" | \"aria-haspopup\" | \"aria-controls\" | \"aria-disabled\" | \"aria-required\">;\r",
         "type AppSelectProps = SingleSelectProps | MultiSelectProps;\r"
       ]
     },
@@ -6536,5 +6552,5 @@
       ]
     }
   ],
-  "checksum": "44236b5c35e1b29867207f25709eff0de16f40df0cfa97d7c9ac682e95f92b33"
+  "checksum": "34fc8ab2b8cfb6421c8b1c4cfbe8a792ee0a1bc846c62fc266a58d4b3a158fc2"
 }

package/dist/components/editor/plugins/toolbar/font-format-toolbar-plugin.js

@@ -1,47 +1,51 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { $isTableSelection as m } from "../../../../node_modules/@lexical/table/dist/LexicalTable.prod.js";
-import { FORMAT_TEXT_COMMAND as l, $isRangeSelection as n } from "../../../../node_modules/lexical/dist/Lexical.prod.js";
-import { useState as d } from "react";
-import { useToolbarContext as c } from "../../context/toolbar-context.js";
+import { jsx as t } from "react/jsx-runtime";
+import { $isTableSelection as n } from "../../../../node_modules/@lexical/table/dist/LexicalTable.prod.js";
+import { FORMAT_TEXT_COMMAND as s, $isRangeSelection as m } from "../../../../node_modules/lexical/dist/Lexical.prod.js";
+import { useState as c } from "react";
+import { useToolbarContext as d } from "../../context/toolbar-context.js";
 import { useUpdateToolbarHandler as p } from "../../editor-hooks/use-update-toolbar.js";
-import { Toggle as f } from "../../../ui/toggle.js";
-import u from "../../../../node_modules/lucide-react/dist/esm/icons/code.js";
-import T from "../../../../node_modules/lucide-react/dist/esm/icons/strikethrough.js";
-import h from "../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
-import b from "../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
+import { Toggle as u } from "../../../ui/toggle.js";
+import f from "../../../../node_modules/lucide-react/dist/esm/icons/code.js";
+import h from "../../../../node_modules/lucide-react/dist/esm/icons/strikethrough.js";
+import b from "../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
+import T from "../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
 import g from "../../../../node_modules/lucide-react/dist/esm/icons/bold.js";
-const C = {
+const S = {
   bold: g,
-  italic: b,
-  underline: h,
-  strikethrough: T,
-  code: u
+  italic: T,
+  underline: b,
+  strikethrough: h,
+  code: f
+}, C = {
+  bold: "Bold",
+  italic: "Italic",
+  underline: "Underline",
+  strikethrough: "Strikethrough",
+  code: "Code"
 };
 function R({
-  format: r
+  format: o
 }) {
-  const { activeEditor: a } = c(), [e, t] = d(!1);
-  p((o) => {
-    (n(o) || m(o)) && "hasFormat" in o && t(o.hasFormat(r));
+  const { activeEditor: e } = d(), [i, a] = c(!1);
+  p((r) => {
+    (m(r) || n(r)) && "hasFormat" in r && a(r.hasFormat(o));
   });
-  const s = C[r];
-  return /* @__PURE__ */ i(
-    f,
+  const l = S[o];
+  return /* @__PURE__ */ t(
+    u,
     {
-      "aria-label": "Toggle bold",
+      "aria-label": C[o],
       variant: "outline",
       size: "sm",
-      defaultPressed: e,
-      pressed: e,
-      onPressedChange: t,
+      pressed: i,
       onClick: () => {
-        a.dispatchCommand(
-          l,
-          r
+        e.dispatchCommand(
+          s,
+          o
         );
       },
-      children: /* @__PURE__ */ i(s, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ t(l, { className: "h-4 w-4" })
     }
   );
 }

package/dist/components/editor/plugins/toolbar/link-toolbar-plugin.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { $createLinkNode as S, $isLinkNode as $ } from "../../../../node_modules/@lexical/link/dist/LexicalLink.prod.js";
+import { $getSelection as m, $isRangeSelection as p, $getRoot as N, $createTextNode as b, $setSelection as T, $findMatchingParent as z } from "../../../../node_modules/lexical/dist/Lexical.prod.js";
+import { useState as s } from "react";
+import { useToolbarContext as U } from "../../context/toolbar-context.js";
+import { useUpdateToolbarHandler as E } from "../../editor-hooks/use-update-toolbar.js";
+import { Button as L } from "../../../ui/button.js";
+import { Input as x } from "../../../ui/input.js";
+import { Popover as P, PopoverTrigger as R, PopoverContent as y } from "../../../ui/popover.js";
+import { Toggle as I } from "../../../ui/toggle.js";
+import O from "../../../../node_modules/lucide-react/dist/esm/icons/link.js";
+function f(e) {
+  return p(e) ? z(e.anchor.getNode(), $) : null;
+}
+function j(e, n) {
+  let o = m();
+  if (p(o) || (N().selectEnd(), o = m()), !p(o)) return;
+  const l = S(e).append(b(n || e)), r = f(o);
+  if (r) {
+    r.replace(l), l.selectNext(0, 0);
+    return;
+  }
+  o.insertNodes(
+    o.isCollapsed() ? [l, b(" ")] : [l]
+  );
+}
+function w(e) {
+  const n = e.trim();
+  return /^[a-z][a-z\d+.-]*:/i.test(n) ? n : `https://${n}`;
+}
+function W() {
+  const { activeEditor: e } = U(), [n, o] = s(!1), [l, r] = s(!1), [a, g] = s(""), [c, h] = s(""), [k, C] = s(
+    null
+  );
+  return E((t) => {
+    o(f(t) !== null);
+  }), /* @__PURE__ */ u(P, { open: l, onOpenChange: (t) => {
+    t && e.getEditorState().read(() => {
+      const d = m(), v = f(d);
+      C(d?.clone() ?? null), g(v?.getURL() ?? ""), h(v?.getTextContent() ?? d?.getTextContent() ?? "");
+    }), r(t);
+  }, children: [
+    /* @__PURE__ */ i(R, { asChild: !0, children: /* @__PURE__ */ i(
+      I,
+      {
+        "aria-label": n ? "Edit link" : "Insert link",
+        variant: "outline",
+        size: "sm",
+        pressed: n,
+        children: /* @__PURE__ */ i(O, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ i(y, { align: "start", className: "w-80 p-3", children: /* @__PURE__ */ u("form", { onSubmit: (t) => {
+      t.preventDefault(), a.trim() && (e.focus(), e.update(() => {
+        k && T(k.clone()), j(w(a), c.trim() ? c : void 0);
+      }), r(!1));
+    }, className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ i(
+        x,
+        {
+          label: "URL",
+          type: "text",
+          inputMode: "url",
+          placeholder: "https://",
+          value: a,
+          onChange: (t) => g(t.target.value),
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ i(
+        x,
+        {
+          label: "Etichetta",
+          placeholder: "Testo mostrato al posto dell'URL",
+          value: c,
+          onChange: (t) => h(t.target.value)
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ i(
+          L,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: () => r(!1),
+            children: "Annulla"
+          }
+        ),
+        /* @__PURE__ */ i(L, { type: "submit", size: "sm", disabled: !a.trim(), children: n ? "Aggiorna link" : "Inserisci link" })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  j as $insertLink,
+  W as LinkToolbarPlugin
+};

package/dist/components/editor/themes/editor-theme.js

@@ -35,13 +35,16 @@ const t = {
   hashtag: "text-blue-600 bg-blue-100 rounded-md px-1",
   text: {
     bold: "font-bold",
-    code: "bg-gray-100 p-1 rounded-md",
+    code: "bg-d-muted p-1 rounded-md",
     italic: "italic",
     strikethrough: "line-through",
     subscript: "sub",
     superscript: "sup",
     underline: "underline",
-    underlineStrikethrough: "underline line-through"
+    // Single token, disjoint from `underline`/`line-through`: Lexical removes the
+    // individual format classes when both are set, and both utilities would
+    // otherwise override each other's `text-decoration-line`.
+    underlineStrikethrough: "[text-decoration-line:underline_line-through]"
   },
   image: "relative inline-block user-select-none cursor-default editor-image",
   inlineImage: "relative inline-block user-select-none cursor-default inline-editor-image",