@frontify/fondue 12.9.2 → 12.9.3

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.es.js

@@ -1,47 +1,50 @@
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { setNodes as f } from "@udecode/slate";
-import { findNodePath as x } from "@udecode/slate-react";
-import { merge as i } from "../../../../utilities/merge.es.js";
-import { MarkupElement as u } from "../MarkupElement.es.js";
-import { justifyClassNames as C } from "../helper.es.js";
-import { ELEMENT_CHECK_ITEM as E } from "./id.es.js";
-import { useRichTextEditorContext as k } from "../../context/RichTextEditorContext.es.js";
-const N = (e, t) => e[t.children[0].textStyle], S = "tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center", b = "focus:tw-outline-none tw-w-auto tw-min-w-[10px]", g = (e) => {
-  const { attributes: t, children: s, nodeProps: l, element: o, editor: n, style: m } = e, r = o.checked, a = o.align ?? "left", { styles: d } = k();
-  return /* @__PURE__ */ w("div", { ...t, style: m, className: i([S, C[a]]), children: [
+import { jsxs as f, jsx as c } from "react/jsx-runtime";
+import { setNodes as x } from "@udecode/slate";
+import { findNodePath as u } from "@udecode/slate-react";
+import { useId as C } from "react";
+import { merge as l } from "../../../../utilities/merge.es.js";
+import { MarkupElement as E } from "../MarkupElement.es.js";
+import { justifyClassNames as k } from "../helper.es.js";
+import { ELEMENT_CHECK_ITEM as b } from "./id.es.js";
+import { useRichTextEditorContext as N } from "../../context/RichTextEditorContext.es.js";
+const y = (e, t) => e[t.children[0].textStyle], S = "tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center", g = "focus:tw-outline-none tw-w-auto tw-min-w-[10px]", L = (e) => {
+  const { attributes: t, children: s, nodeProps: m, element: o, editor: n, style: a } = e, r = o.checked, d = o.align ?? "left", { styles: h } = N(), i = C();
+  return /* @__PURE__ */ f("div", { ...t, style: a, className: l([S, k[d]]), children: [
     /* @__PURE__ */ c("div", { contentEditable: !1, className: "tw-flex tw-items-center tw-justify-center tw-select-none", children: /* @__PURE__ */ c(
       "input",
       {
+        "aria-labelledby": i,
         "data-test-id": "checkbox-input",
         className: "tw-w-4 tw-h-4 tw-m-0",
         type: "checkbox",
         checked: !!r,
-        onChange: (h) => {
-          const p = x(n, o);
-          f(n, { checked: h.target.checked }, { at: p });
+        onChange: (p) => {
+          const w = u(n, o);
+          x(n, { checked: p.target.checked }, { at: w });
         },
-        ...l
+        ...m
       }
     ) }),
     /* @__PURE__ */ c(
       "span",
       {
-        style: N(d, o),
-        className: i([b, r && "!tw-line-through"]),
+        id: i,
+        style: y(h, o),
+        className: l([g, r && "!tw-line-through"]),
         children: s
       }
     )
   ] });
 };
-class P extends u {
-  constructor(t = E, s = g) {
+class v extends E {
+  constructor(t = b, s = L) {
     super(t, s);
   }
 }
 export {
   S as CHECKBOX_DIV_CLASSES,
-  b as CHECKBOX_SPAN_CLASSES,
-  P as CheckboxListElement,
-  g as CheckboxListElementNode
+  g as CHECKBOX_SPAN_CLASSES,
+  v as CheckboxListElement,
+  L as CheckboxListElementNode
 };
 //# sourceMappingURL=CheckboxListElement.es.js.map

package/dist/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxListElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps } from '@udecode/plate-core';\nimport { type TTodoListItemElement } from '@udecode/plate-list';\nimport { type TElement, setNodes } from '@udecode/slate';\nimport { type TReactEditor, findNodePath } from '@udecode/slate-react';\nimport { type CSSProperties } from 'react';\n\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context';\nimport { merge } from '@utilities/merge';\n\nimport { MarkupElement } from '../MarkupElement';\nimport { justifyClassNames } from '../helper';\n\nimport { ELEMENT_CHECK_ITEM } from './id';\n\nconst getCheckboxListStyles = (styles: Record<string, CSSProperties>, element: TElement): CSSProperties =>\n    styles[element.children[0].textStyle as string];\n\nexport const CHECKBOX_DIV_CLASSES = 'tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center';\nexport const CHECKBOX_SPAN_CLASSES = 'focus:tw-outline-none tw-w-auto tw-min-w-[10px]';\n\nexport const CheckboxListElementNode = (props: PlateRenderElementProps & { style: CSSProperties }) => {\n    const { attributes, children, nodeProps, element, editor, style } = props;\n    const checked = element.checked as boolean;\n    const align = (element.align as string) ?? 'left';\n    const { styles } = useRichTextEditorContext();\n\n    return (\n        <div {...attributes} style={style} className={merge([CHECKBOX_DIV_CLASSES, justifyClassNames[align]])}>\n            <div contentEditable={false} className=\"tw-flex tw-items-center tw-justify-center tw-select-none\">\n                <input\n                    data-test-id=\"checkbox-input\"\n                    className=\"tw-w-4 tw-h-4 tw-m-0\"\n                    type=\"checkbox\"\n                    checked={!!checked}\n                    onChange={(event) => {\n                        const path = findNodePath(editor as TReactEditor, element);\n                        setNodes<TTodoListItemElement>(editor, { checked: event.target.checked }, { at: path });\n                    }}\n                    {...nodeProps}\n                />\n            </div>\n            <span\n                style={getCheckboxListStyles(styles, element)}\n                className={merge([CHECKBOX_SPAN_CLASSES, checked && '!tw-line-through'])}\n            >\n                {children}\n            </span>\n        </div>\n    );\n};\n\nexport class CheckboxListElement extends MarkupElement {\n    constructor(\n        id = ELEMENT_CHECK_ITEM,\n        node: (props: PlateRenderElementProps & { style: CSSProperties }) => JSX.Element = CheckboxListElementNode,\n    ) {\n        super(id, node);\n    }\n}\n"],"names":["getCheckboxListStyles","styles","element","CHECKBOX_DIV_CLASSES","CHECKBOX_SPAN_CLASSES","CheckboxListElementNode","props","attributes","children","nodeProps","editor","style","checked","align","useRichTextEditorContext","jsxs","merge","justifyClassNames","jsx","event","path","findNodePath","setNodes","CheckboxListElement","MarkupElement","id","ELEMENT_CHECK_ITEM","node"],"mappings":";;;;;;;;AAgBA,MAAMA,IAAwB,CAACC,GAAuCC,MAClED,EAAOC,EAAQ,SAAS,CAAC,EAAE,SAAmB,GAErCC,IAAuB,0DACvBC,IAAwB,mDAExBC,IAA0B,CAACC,MAA8D;AAClG,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,SAAAP,GAAS,QAAAQ,GAAQ,OAAAC,MAAUL,GAC9DM,IAAUV,EAAQ,SAClBW,IAASX,EAAQ,SAAoB,QACrC,EAAE,QAAAD,EAAO,IAAIa,EAAyB;AAE5C,SACK,gBAAAC,EAAA,OAAA,EAAK,GAAGR,GAAY,OAAAI,GAAc,WAAWK,EAAM,CAACb,GAAsBc,EAAkBJ,CAAK,CAAC,CAAC,GAChG,UAAA;AAAA,IAAA,gBAAAK,EAAC,OAAI,EAAA,iBAAiB,IAAO,WAAU,4DACnC,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,CAAC,CAACN;AAAA,QACX,UAAU,CAACO,MAAU;AACX,gBAAAC,IAAOC,EAAaX,GAAwBR,CAAO;AAC1B,UAAAoB,EAAAZ,GAAQ,EAAE,SAASS,EAAM,OAAO,WAAW,EAAE,IAAIC,GAAM;AAAA,QAC1F;AAAA,QACC,GAAGX;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IACA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAOlB,EAAsBC,GAAQC,CAAO;AAAA,QAC5C,WAAWc,EAAM,CAACZ,GAAuBQ,KAAW,kBAAkB,CAAC;AAAA,QAEtE,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;AAEO,MAAMe,UAA4BC,EAAc;AAAA,EACnD,YACIC,IAAKC,GACLC,IAAmFtB,GACrF;AACE,UAAMoB,GAAIE,CAAI;AAAA,EAAA;AAEtB;"}
+{"version":3,"file":"CheckboxListElement.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateRenderElementProps } from '@udecode/plate-core';\nimport { type TTodoListItemElement } from '@udecode/plate-list';\nimport { type TElement, setNodes } from '@udecode/slate';\nimport { type TReactEditor, findNodePath } from '@udecode/slate-react';\nimport { useId, type CSSProperties } from 'react';\n\nimport { useRichTextEditorContext } from '@components/RichTextEditor/context';\nimport { merge } from '@utilities/merge';\n\nimport { MarkupElement } from '../MarkupElement';\nimport { justifyClassNames } from '../helper';\n\nimport { ELEMENT_CHECK_ITEM } from './id';\n\nconst getCheckboxListStyles = (styles: Record<string, CSSProperties>, element: TElement): CSSProperties =>\n    styles[element.children[0].textStyle as string];\n\nexport const CHECKBOX_DIV_CLASSES = 'tw-flex tw-flex-row tw-pb-2 tw-gap-1.5 tw-items-center';\nexport const CHECKBOX_SPAN_CLASSES = 'focus:tw-outline-none tw-w-auto tw-min-w-[10px]';\n\nexport const CheckboxListElementNode = (props: PlateRenderElementProps & { style: CSSProperties }) => {\n    const { attributes, children, nodeProps, element, editor, style } = props;\n    const checked = element.checked as boolean;\n    const align = (element.align as string) ?? 'left';\n    const { styles } = useRichTextEditorContext();\n    const id = useId();\n\n    return (\n        <div {...attributes} style={style} className={merge([CHECKBOX_DIV_CLASSES, justifyClassNames[align]])}>\n            <div contentEditable={false} className=\"tw-flex tw-items-center tw-justify-center tw-select-none\">\n                <input\n                    aria-labelledby={id}\n                    data-test-id=\"checkbox-input\"\n                    className=\"tw-w-4 tw-h-4 tw-m-0\"\n                    type=\"checkbox\"\n                    checked={!!checked}\n                    onChange={(event) => {\n                        const path = findNodePath(editor as TReactEditor, element);\n                        setNodes<TTodoListItemElement>(editor, { checked: event.target.checked }, { at: path });\n                    }}\n                    {...nodeProps}\n                />\n            </div>\n            <span\n                id={id}\n                style={getCheckboxListStyles(styles, element)}\n                className={merge([CHECKBOX_SPAN_CLASSES, checked && '!tw-line-through'])}\n            >\n                {children}\n            </span>\n        </div>\n    );\n};\n\nexport class CheckboxListElement extends MarkupElement {\n    constructor(\n        id = ELEMENT_CHECK_ITEM,\n        node: (props: PlateRenderElementProps & { style: CSSProperties }) => JSX.Element = CheckboxListElementNode,\n    ) {\n        super(id, node);\n    }\n}\n"],"names":["getCheckboxListStyles","styles","element","CHECKBOX_DIV_CLASSES","CHECKBOX_SPAN_CLASSES","CheckboxListElementNode","props","attributes","children","nodeProps","editor","style","checked","align","useRichTextEditorContext","id","useId","jsxs","merge","justifyClassNames","jsx","event","path","findNodePath","setNodes","CheckboxListElement","MarkupElement","ELEMENT_CHECK_ITEM","node"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAwB,CAACC,GAAuCC,MAClED,EAAOC,EAAQ,SAAS,CAAC,EAAE,SAAmB,GAErCC,IAAuB,0DACvBC,IAAwB,mDAExBC,IAA0B,CAACC,MAA8D;AAClG,QAAM,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,GAAW,SAAAP,GAAS,QAAAQ,GAAQ,OAAAC,MAAUL,GAC9DM,IAAUV,EAAQ,SAClBW,IAASX,EAAQ,SAAoB,QACrC,EAAE,QAAAD,EAAO,IAAIa,EAAyB,GACtCC,IAAKC,EAAM;AAEjB,SACK,gBAAAC,EAAA,OAAA,EAAK,GAAGV,GAAY,OAAAI,GAAc,WAAWO,EAAM,CAACf,GAAsBgB,EAAkBN,CAAK,CAAC,CAAC,GAChG,UAAA;AAAA,IAAA,gBAAAO,EAAC,OAAI,EAAA,iBAAiB,IAAO,WAAU,4DACnC,UAAA,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,mBAAiBL;AAAA,QACjB,gBAAa;AAAA,QACb,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAS,CAAC,CAACH;AAAA,QACX,UAAU,CAACS,MAAU;AACX,gBAAAC,IAAOC,EAAab,GAAwBR,CAAO;AAC1B,UAAAsB,EAAAd,GAAQ,EAAE,SAASW,EAAM,OAAO,WAAW,EAAE,IAAIC,GAAM;AAAA,QAC1F;AAAA,QACC,GAAGb;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IACA,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAAL;AAAA,QACA,OAAOf,EAAsBC,GAAQC,CAAO;AAAA,QAC5C,WAAWgB,EAAM,CAACd,GAAuBQ,KAAW,kBAAkB,CAAC;AAAA,QAEtE,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;AAEO,MAAMiB,UAA4BC,EAAc;AAAA,EACnD,YACIX,IAAKY,GACLC,IAAmFvB,GACrF;AACE,UAAMU,GAAIa,CAAI;AAAA,EAAA;AAEtB;"}

package/dist/components/RichTextEditor/Plugins/LinkPlugin/FloatingLink/EditLinkModal/EditModal.es.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useLinkOpenButtonState as s } from "@udecode/plate-link";
-import d from "../../../../../../foundation/Icon/Generated/IconPen16.es.js";
-import l from "../../../../../../foundation/Icon/Generated/IconTrashBin16.es.js";
-import { LINK_PLUGIN as m } from "../../id.es.js";
-import { getUrlFromLinkOrLegacyLink as p } from "../../utils/getUrl.es.js";
+import { getUrlFromLinkOrLegacyLink as d } from "../../utils/getUrl.es.js";
+import l from "../../../../../../foundation/Icon/Generated/IconPen16.es.js";
+import m from "../../../../../../foundation/Icon/Generated/IconTrashBin16.es.js";
+import { LINK_PLUGIN as p } from "../../id.es.js";
 import { FloatingModalWrapper as c } from "../../../../components/FloatingModal/FloatingModal.es.js";
 import { useRichTextEditorContext as w } from "../../../../context/RichTextEditorContext.es.js";
 const I = ({ editButtonProps: o, unlinkButtonProps: r }) => {
-  const { element: e } = s(), { styles: i } = w(), a = e ? p(e) : "";
+  const { element: e } = s(), { styles: i } = w(), a = e ? d(e) : "";
   return /* @__PURE__ */ t(c, { "data-test-id": "floating-link-edit", padding: "16px", minWidth: "400px", children: /* @__PURE__ */ n("span", { "data-test-id": "preview-link-flyout", className: "tw-flex tw-justify-between", children: [
-    /* @__PURE__ */ t("span", { style: i[m], className: "tw-pointer-events-none", children: a }),
+    /* @__PURE__ */ t("span", { style: i[p], className: "tw-pointer-events-none", children: a }),
     /* @__PURE__ */ n("span", { className: "tw-flex tw-gap-2", children: [
       /* @__PURE__ */ t(
         "button",
@@ -18,7 +18,7 @@ const I = ({ editButtonProps: o, unlinkButtonProps: r }) => {
           "data-test-id": "edit-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
           ...o,
-          children: /* @__PURE__ */ t(d, {})
+          children: /* @__PURE__ */ t(l, {})
         }
       ),
       /* @__PURE__ */ t(
@@ -28,7 +28,7 @@ const I = ({ editButtonProps: o, unlinkButtonProps: r }) => {
           "data-test-id": "remove-link-button",
           className: "tw-transition tw-cursor-pointer tw-rounded hover:tw-bg-black-10 tw-p-1",
           ...r,
-          children: /* @__PURE__ */ t(l, {})
+          children: /* @__PURE__ */ t(m, {})
         }
       )
     ] })

package/dist/components/RichTextEditor/serializer/nodes/checkItem.es.js

@@ -1,22 +1,27 @@
-import { CHECKBOX_SPAN_CLASSES as i } from "../../Plugins/CheckboxListPlugin/CheckboxListElement.es.js";
-import { merge as c } from "../../../../utilities/merge.es.js";
+import { CHECKBOX_SPAN_CLASSES as c } from "../../Plugins/CheckboxListPlugin/CheckboxListElement.es.js";
+import { merge as a } from "../../../../utilities/merge.es.js";
 import { reactCssPropsToCss as l } from "../utils/reactCssPropsToCss.es.js";
-const n = (t, e, r, s) => `<div dir="auto" disabled class="tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${r}" style="margin-left:${(t.indent ?? 0) * 24}px;">
+const w = (t, r, i, s) => {
+  const e = window.crypto.randomUUID();
+  return `<div dir="auto" disabled class="tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${i}" style="margin-left:${(t.indent ?? 0) * 24}px;">
     <div dir="auto" class="tw-flex tw-items-center tw-justify-center tw-select-none tw-mr-1.5">
         <input
+            aria-labelledby="${e}"
+            aria-label="checkbox"
             class="tw-w-4 tw-h-4 tw-m-0 tw-pointer-events-none"
             type="checkbox"
             tabindex="-1"
             aria-disabled="true"
             ${t.checked ? "checked" : ""} />
     </div>
-    <span dir="auto" class="${c([
-  "tw-flex-1",
-  t.checked ? "!tw-line-through" : "",
-  i
-])}" style="${l(s[t.children[0].textStyle])}">${e}</span>
+    <span id="${e}" dir="auto" class="${a([
+    "tw-flex-1",
+    t.checked ? "!tw-line-through" : "",
+    c
+  ])}" style="${l(s[t.children[0].textStyle])}">${r}</span>
 </div>`;
+};
 export {
-  n as checkItemNode
+  w as checkItemNode
 };
 //# sourceMappingURL=checkItem.es.js.map

package/dist/components/RichTextEditor/serializer/nodes/checkItem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkItem.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/checkItem.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type TElement } from '@udecode/slate';\n\nimport { CHECKBOX_SPAN_CLASSES } from '@components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement';\nimport { merge } from '@utilities/merge';\n\nimport { type CSSPropertiesHover } from '../types';\nimport { reactCssPropsToCss } from '../utils/reactCssPropsToCss';\n\nexport const checkItemNode = (\n    node: TElement,\n    children: string,\n    defaultClassNames: string,\n    styles: Record<string, CSSPropertiesHover>,\n) => {\n    return `<div dir=\"auto\" disabled class=\"tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${defaultClassNames}\" style=\"margin-left:${\n        ((node.indent as number) ?? 0) * 24\n    }px;\">\n    <div dir=\"auto\" class=\"tw-flex tw-items-center tw-justify-center tw-select-none tw-mr-1.5\">\n        <input\n            class=\"tw-w-4 tw-h-4 tw-m-0 tw-pointer-events-none\"\n            type=\"checkbox\"\n            tabindex=\"-1\"\n            aria-disabled=\"true\"\n            ${node.checked ? 'checked' : ''} />\n    </div>\n    <span dir=\"auto\" class=\"${merge([\n        'tw-flex-1',\n        node.checked ? '!tw-line-through' : '',\n        CHECKBOX_SPAN_CLASSES,\n    ])}\" style=\"${reactCssPropsToCss(styles[node.children[0].textStyle as string])}\">${children}</span>\n</div>`;\n};\n"],"names":["checkItemNode","node","children","defaultClassNames","styles","merge","CHECKBOX_SPAN_CLASSES","reactCssPropsToCss"],"mappings":";;;AAUO,MAAMA,IAAgB,CACzBC,GACAC,GACAC,GACAC,MAEO,qFAAqFD,CAAiB,yBACvGF,EAAK,UAAqB,KAAK,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAOUA,EAAK,UAAU,YAAY,EAAE;AAAA;AAAA,8BAEbI,EAAM;AAAA,EAC5B;AAAA,EACAJ,EAAK,UAAU,qBAAqB;AAAA,EACpCK;AACH,CAAA,CAAC,YAAYC,EAAmBH,EAAOH,EAAK,SAAS,CAAC,EAAE,SAAmB,CAAC,CAAC,KAAKC,CAAQ;AAAA;"}
+{"version":3,"file":"checkItem.es.js","sources":["../../../../../src/components/RichTextEditor/serializer/nodes/checkItem.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type TElement } from '@udecode/slate';\n\nimport { CHECKBOX_SPAN_CLASSES } from '@components/RichTextEditor/Plugins/CheckboxListPlugin/CheckboxListElement';\nimport { merge } from '@utilities/merge';\n\nimport { type CSSPropertiesHover } from '../types';\nimport { reactCssPropsToCss } from '../utils/reactCssPropsToCss';\n\nexport const checkItemNode = (\n    node: TElement,\n    children: string,\n    defaultClassNames: string,\n    styles: Record<string, CSSPropertiesHover>,\n) => {\n    const id = window.crypto.randomUUID();\n\n    return `<div dir=\"auto\" disabled class=\"tw-flex tw-flex-row tw-pb-2 first-of-type:tw-ml-0 ${defaultClassNames}\" style=\"margin-left:${\n        ((node.indent as number) ?? 0) * 24\n    }px;\">\n    <div dir=\"auto\" class=\"tw-flex tw-items-center tw-justify-center tw-select-none tw-mr-1.5\">\n        <input\n            aria-labelledby=\"${id}\"\n            aria-label=\"checkbox\"\n            class=\"tw-w-4 tw-h-4 tw-m-0 tw-pointer-events-none\"\n            type=\"checkbox\"\n            tabindex=\"-1\"\n            aria-disabled=\"true\"\n            ${node.checked ? 'checked' : ''} />\n    </div>\n    <span id=\"${id}\" dir=\"auto\" class=\"${merge([\n        'tw-flex-1',\n        node.checked ? '!tw-line-through' : '',\n        CHECKBOX_SPAN_CLASSES,\n    ])}\" style=\"${reactCssPropsToCss(styles[node.children[0].textStyle as string])}\">${children}</span>\n</div>`;\n};\n"],"names":["checkItemNode","node","children","defaultClassNames","styles","id","merge","CHECKBOX_SPAN_CLASSES","reactCssPropsToCss"],"mappings":";;;AAUO,MAAMA,IAAgB,CACzBC,GACAC,GACAC,GACAC,MACC;AACK,QAAAC,IAAK,OAAO,OAAO,WAAW;AAEpC,SAAO,qFAAqFF,CAAiB,yBACvGF,EAAK,UAAqB,KAAK,EACrC;AAAA;AAAA;AAAA,+BAG2BI,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMnBJ,EAAK,UAAU,YAAY,EAAE;AAAA;AAAA,gBAE3BI,CAAE,uBAAuBC,EAAM;AAAA,IACvC;AAAA,IACAL,EAAK,UAAU,qBAAqB;AAAA,IACpCM;AAAA,EACH,CAAA,CAAC,YAAYC,EAAmBJ,EAAOH,EAAK,SAAS,CAAC,EAAE,SAAmB,CAAC,CAAC,KAAKC,CAAQ;AAAA;AAE/F;"}