payload-intl 0.0.2 → 0.0.4

package/dist/components/inputs/toolbar/RichTextToolbar.js

@@ -1,32 +1,35 @@
-import { Toolbar as t } from "radix-ui";
-import { cn as a } from "../../../utils/cn.js";
-import { AlignmentControls as o } from "./AlignmentControls.js";
-import { BlockElementSelect as n } from "./BlockElementSelect.js";
-import { LinkEditor as l } from "./LinkEditor.js";
-import { MarkControls as m } from "./MarkControls.js";
-function x({ editor: e, className: r }) {
-  return /* @__PURE__ */ React.createElement(
-    t.Root,
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { Toolbar as e } from "radix-ui";
+import { cn as n } from "../../../utils/cn.js";
+import { AlignmentControls as m } from "./AlignmentControls.js";
+import { BlockElementSelect as l } from "./BlockElementSelect.js";
+import { LinkEditor as i } from "./LinkEditor.js";
+import { MarkControls as s } from "./MarkControls.js";
+function d({ editor: o, className: t }) {
+  return /* @__PURE__ */ a(
+    e.Root,
     {
-      className: a("flex rounded-md bg-elevation-100 px-2 py-1", r),
-      "aria-label": "Formatting options"
-    },
-    /* @__PURE__ */ React.createElement(n, { editor: e }),
-    /* @__PURE__ */ React.createElement(t.Separator, { className: "mx-2 w-px bg-border" }),
-    /* @__PURE__ */ React.createElement(m, { editor: e }),
-    /* @__PURE__ */ React.createElement(t.Separator, { className: "mx-2 w-px bg-border" }),
-    /* @__PURE__ */ React.createElement(o, { editor: e }),
-    /* @__PURE__ */ React.createElement(t.Separator, { className: "mx-2 w-px bg-border" }),
-    /* @__PURE__ */ React.createElement(
-      l,
-      {
-        editor: e,
-        className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline"
-      }
-    )
+      className: n("flex rounded-md bg-elevation-100 px-2 py-1", t),
+      "aria-label": "Formatting options",
+      children: [
+        /* @__PURE__ */ r(l, { editor: o }),
+        /* @__PURE__ */ r(e.Separator, { className: "mx-2 w-px bg-border" }),
+        /* @__PURE__ */ r(s, { editor: o }),
+        /* @__PURE__ */ r(e.Separator, { className: "mx-2 w-px bg-border" }),
+        /* @__PURE__ */ r(m, { editor: o }),
+        /* @__PURE__ */ r(e.Separator, { className: "mx-2 w-px bg-border" }),
+        /* @__PURE__ */ r(
+          i,
+          {
+            editor: o,
+            className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline"
+          }
+        )
+      ]
+    }
   );
 }
 export {
-  x as RichTextToolbar
+  d as RichTextToolbar
 };
 //# sourceMappingURL=RichTextToolbar.js.map

package/dist/components/inputs/toolbar/RichTextToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextToolbar.js","sources":["../../../../src/components/inputs/toolbar/RichTextToolbar.tsx"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport { Toolbar } from \"radix-ui\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { AlignmentControls } from \"./AlignmentControls\";\nimport { BlockElementSelect } from \"./BlockElementSelect\";\nimport { LinkEditor } from \"./LinkEditor\";\nimport { MarkControls } from \"./MarkControls\";\n\nexport interface RichTextToolbarProps {\n  editor: Editor | null;\n  className?: string;\n}\n\n// TODO add horizontal rule\n\nexport function RichTextToolbar({ editor, className }: RichTextToolbarProps) {\n  return (\n    <Toolbar.Root\n      className={cn(\"flex rounded-md bg-elevation-100 px-2 py-1\", className)}\n      aria-label=\"Formatting options\"\n    >\n      <BlockElementSelect editor={editor} />\n\n      <Toolbar.Separator className=\"mx-2 w-px bg-border\" />\n\n      <MarkControls editor={editor} />\n\n      <Toolbar.Separator className=\"mx-2 w-px bg-border\" />\n\n      <AlignmentControls editor={editor} />\n\n      <Toolbar.Separator className=\"mx-2 w-px bg-border\" />\n\n      <LinkEditor\n        editor={editor}\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline\"\n      />\n    </Toolbar.Root>\n  );\n}\n"],"names":["RichTextToolbar","editor","className","Toolbar","cn","BlockElementSelect","MarkControls","AlignmentControls","LinkEditor"],"mappings":";;;;;;AAiBO,SAASA,EAAgB,EAAE,QAAAC,GAAQ,WAAAC,KAAmC;AAC3E,SACE,sBAAA;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,WAAWC,EAAG,8CAA8CF,CAAS;AAAA,MACrE,cAAW;AAAA,IAAA;AAAA,IAEX,sBAAA,cAACG,KAAmB,QAAAJ,EAAA,CAAgB;AAAA,IAEpC,sBAAA,cAACE,EAAQ,WAAR,EAAkB,WAAU,uBAAsB;AAAA,IAEnD,sBAAA,cAACG,KAAa,QAAAL,EAAA,CAAgB;AAAA,IAE9B,sBAAA,cAACE,EAAQ,WAAR,EAAkB,WAAU,uBAAsB;AAAA,IAEnD,sBAAA,cAACI,KAAkB,QAAAN,EAAA,CAAgB;AAAA,IAEnC,sBAAA,cAACE,EAAQ,WAAR,EAAkB,WAAU,uBAAsB;AAAA,IAEnD,sBAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,QAAAP;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAGN;"}
+{"version":3,"file":"RichTextToolbar.js","sources":["../../../../src/components/inputs/toolbar/RichTextToolbar.tsx"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport { Toolbar } from \"radix-ui\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { AlignmentControls } from \"./AlignmentControls\";\nimport { BlockElementSelect } from \"./BlockElementSelect\";\nimport { LinkEditor } from \"./LinkEditor\";\nimport { MarkControls } from \"./MarkControls\";\n\nexport interface RichTextToolbarProps {\n  editor: Editor | null;\n  className?: string;\n}\n\n// TODO add horizontal rule\n\nexport function RichTextToolbar({ editor, className }: RichTextToolbarProps) {\n  return (\n    <Toolbar.Root\n      className={cn(\"flex rounded-md bg-elevation-100 px-2 py-1\", className)}\n      aria-label=\"Formatting options\"\n    >\n      <BlockElementSelect editor={editor} />\n\n      <Toolbar.Separator className=\"mx-2 w-px bg-border\" />\n\n      <MarkControls editor={editor} />\n\n      <Toolbar.Separator className=\"mx-2 w-px bg-border\" />\n\n      <AlignmentControls editor={editor} />\n\n      <Toolbar.Separator className=\"mx-2 w-px bg-border\" />\n\n      <LinkEditor\n        editor={editor}\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline\"\n      />\n    </Toolbar.Root>\n  );\n}\n"],"names":["RichTextToolbar","editor","className","jsxs","Toolbar","cn","jsx","BlockElementSelect","MarkControls","AlignmentControls","LinkEditor"],"mappings":";;;;;;;AAiBO,SAASA,EAAgB,EAAE,QAAAC,GAAQ,WAAAC,KAAmC;AAC3E,SACE,gBAAAC;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,WAAWC,EAAG,8CAA8CH,CAAS;AAAA,MACrE,cAAW;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAI,EAACC,KAAmB,QAAAN,GAAgB;AAAA,QAEpC,gBAAAK,EAACF,EAAQ,WAAR,EAAkB,WAAU,sBAAA,CAAsB;AAAA,QAEnD,gBAAAE,EAACE,KAAa,QAAAP,GAAgB;AAAA,QAE9B,gBAAAK,EAACF,EAAQ,WAAR,EAAkB,WAAU,sBAAA,CAAsB;AAAA,QAEnD,gBAAAE,EAACG,KAAkB,QAAAR,GAAgB;AAAA,QAEnC,gBAAAK,EAACF,EAAQ,WAAR,EAAkB,WAAU,sBAAA,CAAsB;AAAA,QAEnD,gBAAAE;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAAT;AAAA,YACA,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/inputs/variables/VariableChip.d.ts

@@ -1,2 +1,2 @@
 import { ReactNodeViewProps } from '@tiptap/react';
-export declare function VariableChip({ node, updateAttributes, }: ReactNodeViewProps<HTMLElement>): import("react").JSX.Element;
+export declare function VariableChip({ node, updateAttributes, }: ReactNodeViewProps<HTMLElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/variables/VariableChip.js

@@ -1,61 +1,67 @@
-import { NodeViewWrapper as d } from "@tiptap/react";
-import { Popover as r } from "radix-ui";
-import { useMemo as l } from "react";
-import { cn as s } from "../../../utils/cn.js";
-import { isTemporalElement as c, isNumericElement as p } from "../../../utils/guards.js";
-import { parseICUMessage as f } from "../../../utils/icu-tranform.js";
-import { SelectVariableEditor as u } from "./editors/SelectVariableEditor.js";
-import { TagVariableEditor as E } from "./editors/TagVariableEditor.js";
-import { NumericVariablePicker as b } from "./pickers/NumericVariablePicker.js";
-import { isArgumentElement as g, isSelectElement as h, isTagElement as v } from "@formatjs/icu-messageformat-parser";
-const i = !1;
-function P({
-  node: n,
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { NodeViewWrapper as l } from "@tiptap/react";
+import { Popover as a } from "radix-ui";
+import { useMemo as c } from "react";
+import { cn as p } from "../../../utils/cn.js";
+import { isTemporalElement as f, isNumericElement as u } from "../../../utils/guards.js";
+import { parseICUMessage as b } from "../../../utils/icu-tranform.js";
+import { SelectVariableEditor as h } from "./editors/SelectVariableEditor.js";
+import { TagVariableEditor as g } from "./editors/TagVariableEditor.js";
+import { NumericVariablePicker as E } from "./pickers/NumericVariablePicker.js";
+import { isArgumentElement as v, isSelectElement as w, isTagElement as x } from "@formatjs/icu-messageformat-parser";
+const d = !1;
+function S({
+  node: s,
   updateAttributes: m
 }) {
-  const a = n.attrs, o = (t) => m({
+  const o = s.attrs, i = (t) => m({
     icu: t
-  }), e = l(() => {
+  }), e = c(() => {
     try {
-      const [t] = f(a.icu);
+      const [t] = b(o.icu);
       if (!t) throw new Error("No part found");
       return t;
     } catch (t) {
-      throw console.error(t), new Error(`Invalid ICU: ${a.icu}`, { cause: t });
+      throw console.error(t), new Error(`Invalid ICU: ${o.icu}`, { cause: t });
     }
-  }, [a.icu]);
-  return /* @__PURE__ */ React.createElement(r.Root, null, /* @__PURE__ */ React.createElement(r.Trigger, { asChild: !0 }, /* @__PURE__ */ React.createElement(
-    d,
-    {
-      as: "span",
-      className: s(
-        "inline-flex cursor-pointer items-center rounded-md bg-elevation-250 px-1 hover:bg-elevation-400",
-        {
-          "pointer-events-none": g(e) || c(e) && !i
-        }
-      ),
-      contentEditable: !1,
-      "data-variable": a.name,
-      "data-icu": a.icu,
-      role: "button",
-      tabIndex: 0
-    },
-    a.label
-  )), /* @__PURE__ */ React.createElement(r.Portal, null, /* @__PURE__ */ React.createElement(
-    r.Content,
-    {
-      side: "bottom",
-      sideOffset: 5,
-      align: "start",
-      className: "z-50 grid origin-(--radix-hover-card-content-transform-origin) overflow-clip rounded-md border border-border bg-elevation-50 shadow-md outline-hidden empty:hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"
-    },
-    p(e) && /* @__PURE__ */ React.createElement(b, { element: e, onUpdate: o }),
-    h(e) && /* @__PURE__ */ React.createElement(u, { element: e, onUpdate: o }),
-    i,
-    v(e) && /* @__PURE__ */ React.createElement(E, { element: e, onUpdate: o })
-  )));
+  }, [o.icu]);
+  return /* @__PURE__ */ n(a.Root, { children: [
+    /* @__PURE__ */ r(a.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
+      l,
+      {
+        as: "span",
+        className: p(
+          "inline-flex cursor-pointer items-center rounded-md bg-elevation-250 px-1 hover:bg-elevation-400",
+          {
+            "pointer-events-none": v(e) || f(e) && !d
+          }
+        ),
+        contentEditable: !1,
+        "data-variable": o.name,
+        "data-icu": o.icu,
+        role: "button",
+        tabIndex: 0,
+        children: o.label
+      }
+    ) }),
+    /* @__PURE__ */ r(a.Portal, { children: /* @__PURE__ */ n(
+      a.Content,
+      {
+        side: "bottom",
+        sideOffset: 5,
+        align: "start",
+        className: "z-50 grid origin-(--radix-hover-card-content-transform-origin) overflow-clip rounded-md border border-border bg-elevation-50 shadow-md outline-hidden empty:hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        children: [
+          u(e) && /* @__PURE__ */ r(E, { element: e, onUpdate: i }),
+          w(e) && /* @__PURE__ */ r(h, { element: e, onUpdate: i }),
+          d,
+          x(e) && /* @__PURE__ */ r(g, { element: e, onUpdate: i })
+        ]
+      }
+    ) })
+  ] });
 }
 export {
-  P as VariableChip
+  S as VariableChip
 };
 //# sourceMappingURL=VariableChip.js.map

package/dist/components/inputs/variables/VariableChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableChip.js","sources":["../../../../src/components/inputs/variables/VariableChip.tsx"],"sourcesContent":["import type { VariableMentionNodeAttrs } from \"@/types\";\nimport type { ReactNodeViewProps } from \"@tiptap/react\";\nimport { NodeViewWrapper } from \"@tiptap/react\";\nimport { Popover } from \"radix-ui\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport {\n  isArgumentElement,\n  isNumericElement,\n  isSelectElement,\n  isTagElement,\n  isTemporalElement,\n} from \"@/utils/guards\";\nimport { parseICUMessage } from \"@/utils/icu-tranform\";\n\nimport { SelectVariableEditor } from \"./editors/SelectVariableEditor\";\nimport { TagVariableEditor } from \"./editors/TagVariableEditor\";\nimport { NumericVariablePicker } from \"./pickers/NumericVariablePicker\";\nimport { TemporalElementEditor } from \"./pickers/TemporalElementEditor\";\n\nconst TEMPORAL_ELEMENTS_FLAG = false;\n\n// TODO replace popover with portal below input field\n\nexport function VariableChip({\n  node,\n  updateAttributes,\n}: ReactNodeViewProps<HTMLElement>) {\n  const attrs = node.attrs as VariableMentionNodeAttrs;\n  const handleUpdate = (value: string) =>\n    updateAttributes({\n      icu: value,\n    });\n\n  const element = useMemo(() => {\n    try {\n      const [part] = parseICUMessage(attrs.icu);\n      if (!part) throw new Error(\"No part found\");\n      return part;\n    } catch (error) {\n      console.error(error);\n      throw new Error(`Invalid ICU: ${attrs.icu}`, { cause: error });\n    }\n  }, [attrs.icu]);\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <NodeViewWrapper\n          as=\"span\"\n          className={cn(\n            \"inline-flex cursor-pointer items-center rounded-md bg-elevation-250 px-1 hover:bg-elevation-400\",\n            {\n              \"pointer-events-none\":\n                isArgumentElement(element) ||\n                (isTemporalElement(element) && !TEMPORAL_ELEMENTS_FLAG),\n            },\n          )}\n          contentEditable={false}\n          data-variable={attrs.name}\n          data-icu={attrs.icu}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {attrs.label}\n        </NodeViewWrapper>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side=\"bottom\"\n          sideOffset={5}\n          align=\"start\"\n          className=\"z-50 grid origin-(--radix-hover-card-content-transform-origin) overflow-clip rounded-md border border-border bg-elevation-50 shadow-md outline-hidden empty:hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\"\n        >\n          {isNumericElement(element) && (\n            <NumericVariablePicker element={element} onUpdate={handleUpdate} />\n          )}\n          {isSelectElement(element) && (\n            <SelectVariableEditor element={element} onUpdate={handleUpdate} />\n          )}\n          {TEMPORAL_ELEMENTS_FLAG && isTemporalElement(element) && (\n            <TemporalElementEditor element={element} onUpdate={handleUpdate} />\n          )}\n\n          {isTagElement(element) && (\n            <TagVariableEditor element={element} onUpdate={handleUpdate} />\n          )}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"names":["TEMPORAL_ELEMENTS_FLAG","VariableChip","node","updateAttributes","attrs","handleUpdate","value","element","useMemo","part","parseICUMessage","error","Popover","NodeViewWrapper","cn","isArgumentElement","isTemporalElement","isNumericElement","NumericVariablePicker","isSelectElement","SelectVariableEditor","isTagElement","TagVariableEditor"],"mappings":";;;;;;;;;;AAqBA,MAAMA,IAAyB;AAIxB,SAASC,EAAa;AAAA,EAC3B,MAAAC;AAAA,EACA,kBAAAC;AACF,GAAoC;AAClC,QAAMC,IAAQF,EAAK,OACbG,IAAe,CAACC,MACpBH,EAAiB;AAAA,IACf,KAAKG;AAAA,EAAA,CACN,GAEGC,IAAUC,EAAQ,MAAM;AAC5B,QAAI;AACF,YAAM,CAACC,CAAI,IAAIC,EAAgBN,EAAM,GAAG;AACxC,UAAI,CAACK,EAAM,OAAM,IAAI,MAAM,eAAe;AAC1C,aAAOA;AAAA,IACT,SAASE,GAAO;AACd,oBAAQ,MAAMA,CAAK,GACb,IAAI,MAAM,gBAAgBP,EAAM,GAAG,IAAI,EAAE,OAAOO,GAAO;AAAA,IAC/D;AAAA,EACF,GAAG,CAACP,EAAM,GAAG,CAAC;AAEd,SACE,sBAAA,cAACQ,EAAQ,MAAR,0CACEA,EAAQ,SAAR,EAAgB,SAAO,GAAA,GACtB,sBAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,uBACEC,EAAkBR,CAAO,KACxBS,EAAkBT,CAAO,KAAK,CAACP;AAAA,QAAA;AAAA,MACpC;AAAA,MAEF,iBAAiB;AAAA,MACjB,iBAAeI,EAAM;AAAA,MACrB,YAAUA,EAAM;AAAA,MAChB,MAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAETA,EAAM;AAAA,EAAA,CAEX,GACA,sBAAA,cAACQ,EAAQ,QAAR,MACC,sBAAA;AAAA,IAACA,EAAQ;AAAA,IAAR;AAAA,MACC,MAAK;AAAA,MACL,YAAY;AAAA,MACZ,OAAM;AAAA,MACN,WAAU;AAAA,IAAA;AAAA,IAETK,EAAiBV,CAAO,yCACtBW,GAAA,EAAsB,SAAAX,GAAkB,UAAUF,GAAc;AAAA,IAElEc,EAAgBZ,CAAO,yCACrBa,GAAA,EAAqB,SAAAb,GAAkB,UAAUF,GAAc;AAAA,IAEjEL;AAAA,IAIAqB,EAAad,CAAO,yCAClBe,GAAA,EAAkB,SAAAf,GAAkB,UAAUF,EAAA,CAAc;AAAA,EAAA,CAGnE,CACF;AAEJ;"}
+{"version":3,"file":"VariableChip.js","sources":["../../../../src/components/inputs/variables/VariableChip.tsx"],"sourcesContent":["import type { VariableMentionNodeAttrs } from \"@/types\";\nimport type { ReactNodeViewProps } from \"@tiptap/react\";\nimport { NodeViewWrapper } from \"@tiptap/react\";\nimport { Popover } from \"radix-ui\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\nimport {\n  isArgumentElement,\n  isNumericElement,\n  isSelectElement,\n  isTagElement,\n  isTemporalElement,\n} from \"@/utils/guards\";\nimport { parseICUMessage } from \"@/utils/icu-tranform\";\n\nimport { SelectVariableEditor } from \"./editors/SelectVariableEditor\";\nimport { TagVariableEditor } from \"./editors/TagVariableEditor\";\nimport { NumericVariablePicker } from \"./pickers/NumericVariablePicker\";\nimport { TemporalElementEditor } from \"./pickers/TemporalElementEditor\";\n\nconst TEMPORAL_ELEMENTS_FLAG = false;\n\n// TODO replace popover with portal below input field\n\nexport function VariableChip({\n  node,\n  updateAttributes,\n}: ReactNodeViewProps<HTMLElement>) {\n  const attrs = node.attrs as VariableMentionNodeAttrs;\n  const handleUpdate = (value: string) =>\n    updateAttributes({\n      icu: value,\n    });\n\n  const element = useMemo(() => {\n    try {\n      const [part] = parseICUMessage(attrs.icu);\n      if (!part) throw new Error(\"No part found\");\n      return part;\n    } catch (error) {\n      console.error(error);\n      throw new Error(`Invalid ICU: ${attrs.icu}`, { cause: error });\n    }\n  }, [attrs.icu]);\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger asChild>\n        <NodeViewWrapper\n          as=\"span\"\n          className={cn(\n            \"inline-flex cursor-pointer items-center rounded-md bg-elevation-250 px-1 hover:bg-elevation-400\",\n            {\n              \"pointer-events-none\":\n                isArgumentElement(element) ||\n                (isTemporalElement(element) && !TEMPORAL_ELEMENTS_FLAG),\n            },\n          )}\n          contentEditable={false}\n          data-variable={attrs.name}\n          data-icu={attrs.icu}\n          role=\"button\"\n          tabIndex={0}\n        >\n          {attrs.label}\n        </NodeViewWrapper>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          side=\"bottom\"\n          sideOffset={5}\n          align=\"start\"\n          className=\"z-50 grid origin-(--radix-hover-card-content-transform-origin) overflow-clip rounded-md border border-border bg-elevation-50 shadow-md outline-hidden empty:hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\"\n        >\n          {isNumericElement(element) && (\n            <NumericVariablePicker element={element} onUpdate={handleUpdate} />\n          )}\n          {isSelectElement(element) && (\n            <SelectVariableEditor element={element} onUpdate={handleUpdate} />\n          )}\n          {TEMPORAL_ELEMENTS_FLAG && isTemporalElement(element) && (\n            <TemporalElementEditor element={element} onUpdate={handleUpdate} />\n          )}\n\n          {isTagElement(element) && (\n            <TagVariableEditor element={element} onUpdate={handleUpdate} />\n          )}\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n}\n"],"names":["TEMPORAL_ELEMENTS_FLAG","VariableChip","node","updateAttributes","attrs","handleUpdate","value","element","useMemo","part","parseICUMessage","error","jsxs","Popover","jsx","NodeViewWrapper","cn","isArgumentElement","isTemporalElement","isNumericElement","NumericVariablePicker","isSelectElement","SelectVariableEditor","isTagElement","TagVariableEditor"],"mappings":";;;;;;;;;;;AAqBA,MAAMA,IAAyB;AAIxB,SAASC,EAAa;AAAA,EAC3B,MAAAC;AAAA,EACA,kBAAAC;AACF,GAAoC;AAClC,QAAMC,IAAQF,EAAK,OACbG,IAAe,CAACC,MACpBH,EAAiB;AAAA,IACf,KAAKG;AAAA,EAAA,CACN,GAEGC,IAAUC,EAAQ,MAAM;AAC5B,QAAI;AACF,YAAM,CAACC,CAAI,IAAIC,EAAgBN,EAAM,GAAG;AACxC,UAAI,CAACK,EAAM,OAAM,IAAI,MAAM,eAAe;AAC1C,aAAOA;AAAA,IACT,SAASE,GAAO;AACd,oBAAQ,MAAMA,CAAK,GACb,IAAI,MAAM,gBAAgBP,EAAM,GAAG,IAAI,EAAE,OAAOO,GAAO;AAAA,IAC/D;AAAA,EACF,GAAG,CAACP,EAAM,GAAG,CAAC;AAEd,SACE,gBAAAQ,EAACC,EAAQ,MAAR,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACD,EAAQ,SAAR,EAAgB,SAAO,IACtB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAWC;AAAA,UACT;AAAA,UACA;AAAA,YACE,uBACEC,EAAkBV,CAAO,KACxBW,EAAkBX,CAAO,KAAK,CAACP;AAAA,UAAA;AAAA,QACpC;AAAA,QAEF,iBAAiB;AAAA,QACjB,iBAAeI,EAAM;AAAA,QACrB,YAAUA,EAAM;AAAA,QAChB,MAAK;AAAA,QACL,UAAU;AAAA,QAET,UAAAA,EAAM;AAAA,MAAA;AAAA,IAAA,GAEX;AAAA,IACA,gBAAAU,EAACD,EAAQ,QAAR,EACC,UAAA,gBAAAD;AAAA,MAACC,EAAQ;AAAA,MAAR;AAAA,QACC,MAAK;AAAA,QACL,YAAY;AAAA,QACZ,OAAM;AAAA,QACN,WAAU;AAAA,QAET,UAAA;AAAA,UAAAM,EAAiBZ,CAAO,KACvB,gBAAAO,EAACM,GAAA,EAAsB,SAAAb,GAAkB,UAAUF,GAAc;AAAA,UAElEgB,EAAgBd,CAAO,uBACrBe,GAAA,EAAqB,SAAAf,GAAkB,UAAUF,GAAc;AAAA,UAEjEL;AAAA,UAIAuB,EAAahB,CAAO,uBAClBiB,GAAA,EAAkB,SAAAjB,GAAkB,UAAUF,EAAA,CAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAEjE,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/inputs/variables/VariableSuggestion.d.ts

@@ -5,4 +5,4 @@ export interface VariableSuggestionProps extends SuggestionProps<VariableMention
         onKeyDown: (props: SuggestionKeyDownProps) => boolean;
     }>;
 }
-export declare function VariableSuggestion({ items, command, ref, }: VariableSuggestionProps): import("react").JSX.Element;
+export declare function VariableSuggestion({ items, command, ref, }: VariableSuggestionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/variables/VariableSuggestion.js

@@ -1,40 +1,41 @@
-import { useState as p, useEffect as f, useImperativeHandle as i } from "react";
-import { cn as g } from "../../../utils/cn.js";
-function v({
+import { jsx as l } from "react/jsx-runtime";
+import { useState as p, useEffect as f, useImperativeHandle as g } from "react";
+import { cn as b } from "../../../utils/cn.js";
+function w({
   items: e,
-  command: a,
-  ref: c
+  command: c,
+  ref: u
 }) {
-  const [r, o] = p(0), l = (t) => {
-    const n = e[t];
-    n && a(n);
-  }, u = () => {
-    o((r + e.length - 1) % e.length);
+  const [n, o] = p(0), a = (t) => {
+    const r = e[t];
+    r && c(r);
   }, s = () => {
-    o((r + 1) % e.length);
+    o((n + e.length - 1) % e.length);
   }, d = () => {
-    l(r);
+    o((n + 1) % e.length);
+  }, i = () => {
+    a(n);
   };
-  return f(() => o(0), [e]), i(c, () => ({
-    onKeyDown: ({ event: t }) => t.key === "ArrowUp" ? (u(), !0) : t.key === "ArrowDown" ? (s(), !0) : t.key === "Enter" ? (d(), !0) : !1
-  })), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col overflow-clip rounded-md bg-elevation-100" }, e.length ? e.map((t, n) => /* @__PURE__ */ React.createElement(
+  return f(() => o(0), [e]), g(u, () => ({
+    onKeyDown: ({ event: t }) => t.key === "ArrowUp" ? (s(), !0) : t.key === "ArrowDown" ? (d(), !0) : t.key === "Enter" ? (i(), !0) : !1
+  })), /* @__PURE__ */ l("div", { className: "flex flex-col overflow-clip rounded-md bg-elevation-100", children: e.length ? e.map((t, r) => /* @__PURE__ */ l(
     "button",
     {
-      key: n,
       type: "button",
-      className: g(
+      className: b(
         "cursor-pointer rounded-none border-none bg-transparent px-3 py-1 text-lg text-nowrap",
         {
-          "bg-elevation-800 text-elevation-0": n === r,
-          "hover:bg-elevation-250": n !== r
+          "bg-elevation-800 text-elevation-0": r === n,
+          "hover:bg-elevation-250": r !== n
         }
       ),
-      onClick: () => l(n)
+      onClick: () => a(r),
+      children: t.label
     },
-    t.label
-  )) : /* @__PURE__ */ React.createElement("div", { className: "item" }, "No result"));
+    r
+  )) : /* @__PURE__ */ l("div", { className: "item", children: "No result" }) });
 }
 export {
-  v as VariableSuggestion
+  w as VariableSuggestion
 };
 //# sourceMappingURL=VariableSuggestion.js.map

package/dist/components/inputs/variables/VariableSuggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableSuggestion.js","sources":["../../../../src/components/inputs/variables/VariableSuggestion.tsx"],"sourcesContent":["import type { VariableMentionNodeAttrs } from \"@/types\";\nimport type {\n  SuggestionKeyDownProps,\n  SuggestionProps,\n} from \"@tiptap/suggestion\";\nimport { useEffect, useImperativeHandle, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport interface VariableSuggestionProps\n  extends SuggestionProps<VariableMentionNodeAttrs, VariableMentionNodeAttrs> {\n  ref: React.RefObject<{\n    onKeyDown: (props: SuggestionKeyDownProps) => boolean;\n  }>;\n}\n\nexport function VariableSuggestion({\n  items,\n  command,\n  ref,\n}: VariableSuggestionProps) {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const selectItem = (index: number) => {\n    const item = items[index];\n\n    if (item) command(item);\n  };\n\n  const upHandler = () => {\n    setSelectedIndex((selectedIndex + items.length - 1) % items.length);\n  };\n\n  const downHandler = () => {\n    setSelectedIndex((selectedIndex + 1) % items.length);\n  };\n\n  const enterHandler = () => {\n    selectItem(selectedIndex);\n  };\n\n  useEffect(() => setSelectedIndex(0), [items]);\n\n  useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }) => {\n      if (event.key === \"ArrowUp\") {\n        upHandler();\n        return true;\n      }\n\n      if (event.key === \"ArrowDown\") {\n        downHandler();\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        enterHandler();\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  return (\n    <div className=\"flex flex-col overflow-clip rounded-md bg-elevation-100\">\n      {items.length ? (\n        items.map((item, index) => (\n          <button\n            key={index}\n            type=\"button\"\n            className={cn(\n              \"cursor-pointer rounded-none border-none bg-transparent px-3 py-1 text-lg text-nowrap\",\n              {\n                \"bg-elevation-800 text-elevation-0\": index === selectedIndex,\n                \"hover:bg-elevation-250\": index !== selectedIndex,\n              },\n            )}\n            onClick={() => selectItem(index)}\n          >\n            {item.label}\n          </button>\n        ))\n      ) : (\n        <div className=\"item\">No result</div>\n      )}\n    </div>\n  );\n}\n"],"names":["VariableSuggestion","items","command","ref","selectedIndex","setSelectedIndex","useState","selectItem","index","item","upHandler","downHandler","enterHandler","useEffect","useImperativeHandle","event","cn"],"mappings":";;AAgBO,SAASA,EAAmB;AAAA,EACjC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAa,CAACC,MAAkB;AACpC,UAAMC,IAAOR,EAAMO,CAAK;AAExB,IAAIC,OAAcA,CAAI;AAAA,EACxB,GAEMC,IAAY,MAAM;AACtB,IAAAL,GAAkBD,IAAgBH,EAAM,SAAS,KAAKA,EAAM,MAAM;AAAA,EACpE,GAEMU,IAAc,MAAM;AACxB,IAAAN,GAAkBD,IAAgB,KAAKH,EAAM,MAAM;AAAA,EACrD,GAEMW,IAAe,MAAM;AACzB,IAAAL,EAAWH,CAAa;AAAA,EAC1B;AAEA,SAAAS,EAAU,MAAMR,EAAiB,CAAC,GAAG,CAACJ,CAAK,CAAC,GAE5Ca,EAAoBX,GAAK,OAAO;AAAA,IAC9B,WAAW,CAAC,EAAE,OAAAY,QACRA,EAAM,QAAQ,aAChBL,EAAA,GACO,MAGLK,EAAM,QAAQ,eAChBJ,EAAA,GACO,MAGLI,EAAM,QAAQ,WAChBH,EAAA,GACO,MAGF;AAAA,EACT,EACA,GAGA,sBAAA,cAAC,OAAA,EAAI,WAAU,0DAAA,GACZX,EAAM,SACLA,EAAM,IAAI,CAACQ,GAAMD,MACf,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKA;AAAA,MACL,MAAK;AAAA,MACL,WAAWQ;AAAA,QACT;AAAA,QACA;AAAA,UACE,qCAAqCR,MAAUJ;AAAA,UAC/C,0BAA0BI,MAAUJ;AAAA,QAAA;AAAA,MACtC;AAAA,MAEF,SAAS,MAAMG,EAAWC,CAAK;AAAA,IAAA;AAAA,IAE9BC,EAAK;AAAA,EAAA,CAET,IAED,sBAAA,cAAC,SAAI,WAAU,OAAA,GAAO,WAAS,CAEnC;AAEJ;"}
+{"version":3,"file":"VariableSuggestion.js","sources":["../../../../src/components/inputs/variables/VariableSuggestion.tsx"],"sourcesContent":["import type { VariableMentionNodeAttrs } from \"@/types\";\nimport type {\n  SuggestionKeyDownProps,\n  SuggestionProps,\n} from \"@tiptap/suggestion\";\nimport { useEffect, useImperativeHandle, useState } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport interface VariableSuggestionProps\n  extends SuggestionProps<VariableMentionNodeAttrs, VariableMentionNodeAttrs> {\n  ref: React.RefObject<{\n    onKeyDown: (props: SuggestionKeyDownProps) => boolean;\n  }>;\n}\n\nexport function VariableSuggestion({\n  items,\n  command,\n  ref,\n}: VariableSuggestionProps) {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const selectItem = (index: number) => {\n    const item = items[index];\n\n    if (item) command(item);\n  };\n\n  const upHandler = () => {\n    setSelectedIndex((selectedIndex + items.length - 1) % items.length);\n  };\n\n  const downHandler = () => {\n    setSelectedIndex((selectedIndex + 1) % items.length);\n  };\n\n  const enterHandler = () => {\n    selectItem(selectedIndex);\n  };\n\n  useEffect(() => setSelectedIndex(0), [items]);\n\n  useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }) => {\n      if (event.key === \"ArrowUp\") {\n        upHandler();\n        return true;\n      }\n\n      if (event.key === \"ArrowDown\") {\n        downHandler();\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        enterHandler();\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  return (\n    <div className=\"flex flex-col overflow-clip rounded-md bg-elevation-100\">\n      {items.length ? (\n        items.map((item, index) => (\n          <button\n            key={index}\n            type=\"button\"\n            className={cn(\n              \"cursor-pointer rounded-none border-none bg-transparent px-3 py-1 text-lg text-nowrap\",\n              {\n                \"bg-elevation-800 text-elevation-0\": index === selectedIndex,\n                \"hover:bg-elevation-250\": index !== selectedIndex,\n              },\n            )}\n            onClick={() => selectItem(index)}\n          >\n            {item.label}\n          </button>\n        ))\n      ) : (\n        <div className=\"item\">No result</div>\n      )}\n    </div>\n  );\n}\n"],"names":["VariableSuggestion","items","command","ref","selectedIndex","setSelectedIndex","useState","selectItem","index","item","upHandler","downHandler","enterHandler","useEffect","useImperativeHandle","event","jsx","cn"],"mappings":";;;AAgBO,SAASA,EAAmB;AAAA,EACjC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAa,CAACC,MAAkB;AACpC,UAAMC,IAAOR,EAAMO,CAAK;AAExB,IAAIC,OAAcA,CAAI;AAAA,EACxB,GAEMC,IAAY,MAAM;AACtB,IAAAL,GAAkBD,IAAgBH,EAAM,SAAS,KAAKA,EAAM,MAAM;AAAA,EACpE,GAEMU,IAAc,MAAM;AACxB,IAAAN,GAAkBD,IAAgB,KAAKH,EAAM,MAAM;AAAA,EACrD,GAEMW,IAAe,MAAM;AACzB,IAAAL,EAAWH,CAAa;AAAA,EAC1B;AAEA,SAAAS,EAAU,MAAMR,EAAiB,CAAC,GAAG,CAACJ,CAAK,CAAC,GAE5Ca,EAAoBX,GAAK,OAAO;AAAA,IAC9B,WAAW,CAAC,EAAE,OAAAY,QACRA,EAAM,QAAQ,aAChBL,EAAA,GACO,MAGLK,EAAM,QAAQ,eAChBJ,EAAA,GACO,MAGLI,EAAM,QAAQ,WAChBH,EAAA,GACO,MAGF;AAAA,EACT,EACA,GAGA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2DACZ,UAAAf,EAAM,SACLA,EAAM,IAAI,CAACQ,GAAMD,MACf,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,MAAK;AAAA,MACL,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,qCAAqCT,MAAUJ;AAAA,UAC/C,0BAA0BI,MAAUJ;AAAA,QAAA;AAAA,MACtC;AAAA,MAEF,SAAS,MAAMG,EAAWC,CAAK;AAAA,MAE9B,UAAAC,EAAK;AAAA,IAAA;AAAA,IAXDD;AAAA,EAAA,CAaR,IAED,gBAAAQ,EAAC,SAAI,WAAU,QAAO,uBAAS,GAEnC;AAEJ;"}

package/dist/components/inputs/variables/editors/DateVariableEditor.d.ts

@@ -6,4 +6,4 @@ export interface DateVariableEditorProps {
         getValue: () => string;
     }>;
 }
-export declare function DateVariableEditor({ name, element, ref, }: DateVariableEditorProps): import("react").JSX.Element;
+export declare function DateVariableEditor({ name, element, ref, }: DateVariableEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/variables/editors/PluralVariableEditor.d.ts

@@ -6,4 +6,4 @@ export interface PluralVariableEditorProps {
         getValue: () => string;
     }>;
 }
-export declare function PluralVariableEditor({ variableName, element, ref, }: PluralVariableEditorProps): import("react").JSX.Element;
+export declare function PluralVariableEditor({ variableName, element, ref, }: PluralVariableEditorProps): import("react/jsx-runtime").JSX.Element;