@frontify/guideline-blocks-settings 0.33.1 → 0.33.3

package/dist/components/Link/LinkSelector/DocumentLinks.es.js

@@ -1,60 +0,0 @@
-import { jsx as i, Fragment as k } from "react/jsx-runtime";
-import { useState as r, useEffect as m } from "react";
-import { DocumentLink as x } from "./DocumentLink.es.js";
-import { LoadingIndicator as A } from "./LoadingIndicator.es.js";
-const q = ({
-  selectedUrl: t,
-  onSelectUrl: f,
-  getAllDocuments: l,
-  getDocumentPagesByDocumentId: a,
-  getDocumentSectionsByDocumentPageId: c
-}) => {
-  const [p, u] = r(!0), [I, g] = r([]), [L, v] = r({
-    documentId: void 0,
-    pageId: void 0
-  }), e = [...I.values()];
-  m(() => {
-    t && e.length > 0 && y().then((n) => {
-      v(n);
-    });
-  }, [e.length]), m(() => {
-    l().then((n) => {
-      g(n);
-    }).finally(() => {
-      u(!1);
-    });
-  }, []);
-  const y = async () => {
-    const n = {
-      documentId: void 0,
-      pageId: void 0
-    };
-    if (e.find((o) => o.permanentLink === t))
-      return n;
-    for (const o of e) {
-      const d = [...(await a(o.id)).values()];
-      if (!!d.find((s) => s.permanentLink === t))
-        return n.documentId = o.id, n;
-      for (const s of d)
-        if (!![...(await c(s.id)).values()].find((h) => h.permanentLink === t))
-          return n.documentId = o.id, n.pageId = s.id, n;
-    }
-    return n;
-  };
-  return p ? /* @__PURE__ */ i(A, {}) : /* @__PURE__ */ i(k, { children: e.map((n) => /* @__PURE__ */ i(
-    x,
-    {
-      document: n,
-      selectedUrl: t,
-      onSelectUrl: f,
-      itemsToExpandInitially: L,
-      getDocumentSectionsByDocumentPageId: c,
-      getDocumentPagesByDocumentId: a
-    },
-    n.id
-  )) });
-};
-export {
-  q as DocumentLinks
-};
-//# sourceMappingURL=DocumentLinks.es.js.map

package/dist/components/Link/LinkSelector/DocumentLinks.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentLinks.es.js","sources":["../../../../src/components/Link/LinkSelector/DocumentLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { ReactElement, useEffect, useState } from 'react';\nimport { DocumentLink } from './DocumentLink';\nimport { LoadingIndicator } from './LoadingIndicator';\nimport { InitiallyExpandedItems } from '../';\n\ntype DocumentLinksProps = {\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const DocumentLinks = ({\n    selectedUrl,\n    onSelectUrl,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: DocumentLinksProps): ReactElement => {\n    const [isLoading, setIsLoading] = useState(true);\n    const [documents, setDocuments] = useState<Document[]>([]);\n    const [itemsToExpandInitially, setItemsToExpandInitially] = useState<InitiallyExpandedItems>({\n        documentId: undefined,\n        pageId: undefined,\n    });\n\n    const documentArray = [...documents.values()];\n\n    useEffect(() => {\n        if (selectedUrl && documentArray.length > 0) {\n            findLocationOfSelectedUrl().then((items) => {\n                setItemsToExpandInitially(items);\n            });\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [documentArray.length]);\n\n    useEffect(() => {\n        getAllDocuments()\n            .then((_documents) => {\n                setDocuments(_documents);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    }, []);\n\n    const findLocationOfSelectedUrl = async () => {\n        const itemsToExpand: InitiallyExpandedItems = {\n            documentId: undefined,\n            pageId: undefined,\n        };\n        const selectedUrlIsDocument = documentArray.find((document) => document.permanentLink === selectedUrl);\n        if (selectedUrlIsDocument) {\n            return itemsToExpand;\n        }\n        for (const document of documentArray) {\n            const pages = await getDocumentPagesByDocumentId(document.id);\n            const pagesArray = [...pages.values()];\n            const selectedUrlIsPage = !!pagesArray.find((page) => page.permanentLink === selectedUrl);\n            if (selectedUrlIsPage) {\n                itemsToExpand.documentId = document.id;\n                return itemsToExpand;\n            }\n            for (const page of pagesArray) {\n                const sections = await getDocumentSectionsByDocumentPageId(page.id);\n                const sectionsArray = [...sections.values()];\n                const selectedUrlIsSection = !!sectionsArray.find((section) => section.permanentLink === selectedUrl);\n                if (selectedUrlIsSection) {\n                    itemsToExpand.documentId = document.id;\n                    itemsToExpand.pageId = page.id;\n                    return itemsToExpand;\n                }\n            }\n        }\n        return itemsToExpand;\n    };\n\n    return isLoading ? (\n        <LoadingIndicator />\n    ) : (\n        <>\n            {documentArray.map((document) => {\n                return (\n                    <DocumentLink\n                        key={document.id}\n                        document={document}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                    />\n                );\n            })}\n        </>\n    );\n};\n"],"names":["DocumentLinks","selectedUrl","onSelectUrl","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","isLoading","setIsLoading","useState","documents","setDocuments","itemsToExpandInitially","setItemsToExpandInitially","documentArray","useEffect","findLocationOfSelectedUrl","items","_documents","itemsToExpand","document","pagesArray","page","section","LoadingIndicator","jsx","DocumentLink"],"mappings":";;;;AAgBO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAwC;AACpC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAqB,CAAE,CAAA,GACnD,CAACG,GAAwBC,CAAyB,IAAIJ,EAAiC;AAAA,IACzF,YAAY;AAAA,IACZ,QAAQ;AAAA,EAAA,CACX,GAEKK,IAAgB,CAAC,GAAGJ,EAAU,OAAQ,CAAA;AAE5C,EAAAK,EAAU,MAAM;AACR,IAAAb,KAAeY,EAAc,SAAS,KACZE,EAAA,EAAE,KAAK,CAACC,MAAU;AACxC,MAAAJ,EAA0BI,CAAK;AAAA,IAAA,CAClC;AAAA,EACL,GAED,CAACH,EAAc,MAAM,CAAC,GAEzBC,EAAU,MAAM;AACI,IAAAX,EAAA,EACX,KAAK,CAACc,MAAe;AAClB,MAAAP,EAAaO,CAAU;AAAA,IAAA,CAC1B,EACA,QAAQ,MAAM;AACX,MAAAV,EAAa,EAAK;AAAA,IAAA,CACrB;AAAA,EACT,GAAG,CAAE,CAAA;AAEL,QAAMQ,IAA4B,YAAY;AAC1C,UAAMG,IAAwC;AAAA,MAC1C,YAAY;AAAA,MACZ,QAAQ;AAAA,IAAA;AAGZ,QAD8BL,EAAc,KAAK,CAACM,MAAaA,EAAS,kBAAkBlB,CAAW;AAE1F,aAAAiB;AAEX,eAAWC,KAAYN,GAAe;AAElC,YAAMO,IAAa,CAAC,IADN,MAAMhB,EAA6Be,EAAS,EAAE,GAC/B,OAAQ,CAAA;AAErC,UAD0B,CAAC,CAACC,EAAW,KAAK,CAACC,MAASA,EAAK,kBAAkBpB,CAAW;AAEpF,eAAAiB,EAAc,aAAaC,EAAS,IAC7BD;AAEX,iBAAWG,KAAQD;AAIf,YAD6B,CAAC,CADR,CAAC,IADN,MAAMf,EAAoCgB,EAAK,EAAE,GAC/B,OAAQ,CAAA,EACE,KAAK,CAACC,MAAYA,EAAQ,kBAAkBrB,CAAW;AAEhG,iBAAAiB,EAAc,aAAaC,EAAS,IACpCD,EAAc,SAASG,EAAK,IACrBH;AAAA,IAGnB;AACO,WAAAA;AAAA,EAAA;AAGJ,SAAAZ,sBACFiB,GAAiB,CAAA,CAAA,2BAGb,UAAcV,EAAA,IAAI,CAACM,MAEZ,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,UAAAN;AAAA,MACA,aAAAlB;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAS;AAAA,MACA,qCAAAN;AAAA,MACA,8BAAAD;AAAA,IAAA;AAAA,IANKe,EAAS;AAAA,EAAA,CASzB,EACL,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/LinkSelector.es.js

@@ -1,78 +0,0 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { Button as B, IconLink as L, ButtonType as T, ButtonStyle as r, ButtonEmphasis as c, Modal as o, ButtonSize as x } from "@frontify/fondue";
-import { useOverlayTriggerState as E } from "@react-stately/overlays";
-import { useState as O, useEffect as b } from "react";
-import { DocumentLinks as z } from "./DocumentLinks.es.js";
-const F = ({
-  url: n,
-  onUrlChange: s,
-  buttonSize: m = x.Medium,
-  getAllDocuments: u,
-  getDocumentPagesByDocumentId: f,
-  getDocumentSectionsByDocumentPageId: k
-}) => {
-  const { open: y, isOpen: D, close: l } = E({}), [i, a] = O(n), S = (e) => {
-    a(e);
-  }, h = (e) => {
-    e.key === "Enter" && d();
-  };
-  b(() => {
-    n && !i && a(n);
-  }, [n, i]);
-  const d = () => {
-    s == null || s(i), l();
-  };
-  return /* @__PURE__ */ p("div", { "data-test-id": "internal-link-selector", onKeyDown: h, children: [
-    /* @__PURE__ */ t(
-      B,
-      {
-        icon: /* @__PURE__ */ t(L, {}),
-        size: m,
-        type: T.Button,
-        style: r.Default,
-        emphasis: c.Default,
-        onClick: () => y(),
-        children: "Internal link"
-      }
-    ),
-    /* @__PURE__ */ p(o, { zIndex: 1001, onClose: () => l(), isOpen: D, isDismissable: !0, children: [
-      /* @__PURE__ */ t(o.Header, { title: "Select internal link" }),
-      /* @__PURE__ */ t(o.Body, { children: /* @__PURE__ */ t(
-        z,
-        {
-          selectedUrl: i,
-          onSelectUrl: S,
-          getAllDocuments: u,
-          getDocumentPagesByDocumentId: f,
-          getDocumentSectionsByDocumentPageId: k
-        }
-      ) }),
-      /* @__PURE__ */ t(
-        o.Footer,
-        {
-          buttons: [
-            {
-              children: "Cancel",
-              onClick: () => l(),
-              style: r.Default,
-              emphasis: c.Default
-            },
-            {
-              children: "Choose",
-              onClick: (e) => {
-                e == null || e.preventDefault(), d();
-              },
-              style: r.Default,
-              emphasis: c.Strong,
-              disabled: !i
-            }
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  F as LinkSelector
-};
-//# sourceMappingURL=LinkSelector.es.js.map

package/dist/components/Link/LinkSelector/LinkSelector.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkSelector.es.js","sources":["../../../../src/components/Link/LinkSelector/LinkSelector.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { Document, DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { Button, ButtonEmphasis, ButtonSize, ButtonStyle, ButtonType, IconLink, Modal } from '@frontify/fondue';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport { KeyboardEvent, ReactElement, useEffect, useState } from 'react';\nimport { DocumentLinks } from './DocumentLinks';\n\ntype LinkSelectorProps = {\n    url: string;\n    onUrlChange?: (value: string) => void;\n    buttonSize?: ButtonSize;\n    getAllDocuments: () => Promise<Document[]>;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const LinkSelector = ({\n    url,\n    onUrlChange,\n    buttonSize = ButtonSize.Medium,\n    getAllDocuments,\n    getDocumentPagesByDocumentId,\n    getDocumentSectionsByDocumentPageId,\n}: LinkSelectorProps): ReactElement => {\n    const { open: openLinkTree, isOpen: isLinkTreeOpen, close: closeLinkTree } = useOverlayTriggerState({});\n    const [selectedUrl, setSelectedUrl] = useState<string>(url);\n\n    const onSelectUrl = (url: string) => {\n        setSelectedUrl(url);\n    };\n\n    const onPressEnter = (event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            saveLink();\n        }\n    };\n\n    useEffect(() => {\n        if (url && !selectedUrl) {\n            setSelectedUrl(url);\n        }\n    }, [url, selectedUrl]);\n\n    const saveLink = () => {\n        onUrlChange?.(selectedUrl);\n        closeLinkTree();\n    };\n\n    return (\n        <div data-test-id=\"internal-link-selector\" onKeyDown={onPressEnter}>\n            <Button\n                icon={<IconLink />}\n                size={buttonSize}\n                type={ButtonType.Button}\n                style={ButtonStyle.Default}\n                emphasis={ButtonEmphasis.Default}\n                onClick={() => openLinkTree()}\n            >\n                Internal link\n            </Button>\n            <Modal zIndex={1001} onClose={() => closeLinkTree()} isOpen={isLinkTreeOpen} isDismissable>\n                <Modal.Header title=\"Select internal link\" />\n                <Modal.Body>\n                    <DocumentLinks\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        getAllDocuments={getAllDocuments}\n                        getDocumentPagesByDocumentId={getDocumentPagesByDocumentId}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                </Modal.Body>\n                <Modal.Footer\n                    buttons={[\n                        {\n                            children: 'Cancel',\n                            onClick: () => closeLinkTree(),\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Default,\n                        },\n                        {\n                            children: 'Choose',\n                            onClick: (event) => {\n                                event?.preventDefault();\n                                saveLink();\n                            },\n                            style: ButtonStyle.Default,\n                            emphasis: ButtonEmphasis.Strong,\n                            disabled: !selectedUrl,\n                        },\n                    ]}\n                />\n            </Modal>\n        </div>\n    );\n};\n"],"names":["LinkSelector","url","onUrlChange","buttonSize","ButtonSize","getAllDocuments","getDocumentPagesByDocumentId","getDocumentSectionsByDocumentPageId","openLinkTree","isLinkTreeOpen","closeLinkTree","useOverlayTriggerState","selectedUrl","setSelectedUrl","useState","onSelectUrl","onPressEnter","event","saveLink","useEffect","jsxs","jsx","Button","IconLink","ButtonType","ButtonStyle","ButtonEmphasis","Modal","DocumentLinks"],"mappings":";;;;;AAiBO,MAAMA,IAAe,CAAC;AAAA,EACzB,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAaC,EAAW;AAAA,EACxB,iBAAAC;AAAA,EACA,8BAAAC;AAAA,EACA,qCAAAC;AACJ,MAAuC;AAC7B,QAAA,EAAE,MAAMC,GAAc,QAAQC,GAAgB,OAAOC,EAAc,IAAIC,EAAuB,CAAA,CAAE,GAChG,CAACC,GAAaC,CAAc,IAAIC,EAAiBb,CAAG,GAEpDc,IAAc,CAACd,MAAgB;AACjC,IAAAY,EAAeZ,CAAG;AAAA,EAAA,GAGhBe,IAAe,CAACC,MAA2C;AACzD,IAAAA,EAAM,QAAQ,WACLC;EACb;AAGJ,EAAAC,EAAU,MAAM;AACR,IAAAlB,KAAO,CAACW,KACRC,EAAeZ,CAAG;AAAA,EACtB,GACD,CAACA,GAAKW,CAAW,CAAC;AAErB,QAAMM,IAAW,MAAM;AACnB,IAAAhB,KAAA,QAAAA,EAAcU,IACAF;EAAA;AAGlB,SACK,gBAAAU,EAAA,OAAA,EAAI,gBAAa,0BAAyB,WAAWJ,GAClD,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,wBAAOC,GAAS,EAAA;AAAA,QAChB,MAAMpB;AAAA,QACN,MAAMqB,EAAW;AAAA,QACjB,OAAOC,EAAY;AAAA,QACnB,UAAUC,EAAe;AAAA,QACzB,SAAS,MAAMlB,EAAa;AAAA,QAC/B,UAAA;AAAA,MAAA;AAAA,IAED;AAAA,IACA,gBAAAY,EAACO,GAAM,EAAA,QAAQ,MAAM,SAAS,MAAMjB,EAAiB,GAAA,QAAQD,GAAgB,eAAa,IACtF,UAAA;AAAA,MAAA,gBAAAY,EAACM,EAAM,QAAN,EAAa,OAAM,uBAAuB,CAAA;AAAA,MAC3C,gBAAAN,EAACM,EAAM,MAAN,EACG,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACG,aAAAhB;AAAA,UACA,aAAAG;AAAA,UACA,iBAAAV;AAAA,UACA,8BAAAC;AAAA,UACA,qCAAAC;AAAA,QAAA;AAAA,MAAA,GAER;AAAA,MACA,gBAAAc;AAAA,QAACM,EAAM;AAAA,QAAN;AAAA,UACG,SAAS;AAAA,YACL;AAAA,cACI,UAAU;AAAA,cACV,SAAS,MAAMjB,EAAc;AAAA,cAC7B,OAAOe,EAAY;AAAA,cACnB,UAAUC,EAAe;AAAA,YAC7B;AAAA,YACA;AAAA,cACI,UAAU;AAAA,cACV,SAAS,CAACT,MAAU;AAChB,gBAAAA,KAAA,QAAAA,EAAO,kBACEC;cACb;AAAA,cACA,OAAOO,EAAY;AAAA,cACnB,UAAUC,EAAe;AAAA,cACzB,UAAU,CAACd;AAAA,YACf;AAAA,UACJ;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA,GACJ;AAAA,EACJ,EAAA,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/LoadingIndicator.es.js

@@ -1,7 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { LoadingCircle as i, LoadingCircleSize as t } from "@frontify/fondue";
-const n = () => /* @__PURE__ */ e("div", { className: "tw-flex tw-justify-center tw-h-10 tw-items-center", children: /* @__PURE__ */ e(i, { size: t.Small }) });
-export {
-  n as LoadingIndicator
-};
-//# sourceMappingURL=LoadingIndicator.es.js.map

package/dist/components/Link/LinkSelector/LoadingIndicator.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingIndicator.es.js","sources":["../../../../src/components/Link/LinkSelector/LoadingIndicator.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { LoadingCircle, LoadingCircleSize } from '@frontify/fondue';\n\nexport const LoadingIndicator = () => {\n    return (\n        <div className=\"tw-flex tw-justify-center tw-h-10 tw-items-center\">\n            <LoadingCircle size={LoadingCircleSize.Small} />\n        </div>\n    );\n};\n"],"names":["LoadingIndicator","jsx","LoadingCircle","LoadingCircleSize"],"mappings":";;AAIO,MAAMA,IAAmB,MAExB,gBAAAC,EAAC,SAAI,WAAU,qDACX,4BAACC,GAAc,EAAA,MAAMC,EAAkB,MAAO,CAAA,EAClD,CAAA;"}

package/dist/components/Link/LinkSelector/PageLink.es.js

@@ -1,70 +0,0 @@
-import { jsxs as d, Fragment as v, jsx as e } from "react/jsx-runtime";
-import { merge as m } from "@frontify/fondue";
-import { useState as h, useEffect as x } from "react";
-import { SectionLink as g } from "./SectionLink.es.js";
-const j = ({
-  page: t,
-  selectedUrl: i,
-  onSelectUrl: w,
-  itemsToExpandInitially: r,
-  getDocumentSectionsByDocumentPageId: c
-}) => {
-  const [n, a] = h(t.id === r.documentId), [b, f] = h([]), u = t.permanentLink === i;
-  x(() => {
-    (async () => {
-      const p = await c(t.id);
-      f(p);
-    })();
-  }, [t.id, c]), x(() => {
-    t.id === r.pageId && a(!0);
-  }, [r, t.id]);
-  const s = [...b.values()], l = s.length > 0;
-  return /* @__PURE__ */ d(v, { children: [
-    /* @__PURE__ */ e(
-      "button",
-      {
-        "data-test-id": "internal-link-selector-page-link",
-        className: m([
-          "tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full",
-          l ? "tw-pl-7" : "tw-pl-12",
-          u ? "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover" : "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
-        ]),
-        onClick: () => w(t.permanentLink),
-        children: /* @__PURE__ */ d("div", { className: "tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6", children: [
-          l && /* @__PURE__ */ e(
-            "button",
-            {
-              "data-test-id": "tree-item-toggle",
-              className: "tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer",
-              onClick: () => a(!n),
-              children: /* @__PURE__ */ e(
-                "div",
-                {
-                  className: m([
-                    "tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong",
-                    n ? "tw-rotate-90" : ""
-                  ])
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e("span", { className: "tw-text-s", children: t.title }),
-          /* @__PURE__ */ e("span", { className: "tw-flex-auto tw-font-sans tw-text-xs tw-text-right", children: "Page" })
-        ] }, t.id)
-      }
-    ),
-    n && s.length > 0 && s.map((o) => /* @__PURE__ */ e(
-      g,
-      {
-        section: o,
-        selectedUrl: i,
-        onSelectUrl: w
-      },
-      o.id
-    ))
-  ] });
-};
-export {
-  j as PageLink
-};
-//# sourceMappingURL=PageLink.es.js.map

package/dist/components/Link/LinkSelector/PageLink.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLink.es.js","sources":["../../../../src/components/Link/LinkSelector/PageLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type DocumentSection } from '@frontify/app-bridge';\nimport { merge } from '@frontify/fondue';\nimport { useEffect, useState } from 'react';\nimport { InitiallyExpandedItems } from '../';\nimport { SectionLink } from './SectionLink';\n\ntype PageLinkProps = {\n    page: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n};\n\nexport const PageLink = ({\n    page,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n}: PageLinkProps) => {\n    const [isExpanded, setIsExpanded] = useState(page.id === itemsToExpandInitially.documentId);\n    const [documentSections, setDocumentSections] = useState<DocumentSection[]>([]);\n    const isActive = page.permanentLink === selectedUrl;\n\n    useEffect(() => {\n        const fetchDocumentSections = async () => {\n            const sections = await getDocumentSectionsByDocumentPageId(page.id);\n            setDocumentSections(sections);\n        };\n\n        fetchDocumentSections();\n    }, [page.id, getDocumentSectionsByDocumentPageId]);\n\n    useEffect(() => {\n        if (page.id === itemsToExpandInitially.pageId) {\n            setIsExpanded(true);\n        }\n    }, [itemsToExpandInitially, page.id]);\n\n    const sectionsArray = [...documentSections.values()];\n    const hasSections = sectionsArray.length > 0;\n\n    return (\n        <>\n            <button\n                data-test-id=\"internal-link-selector-page-link\"\n                className={merge([\n                    'tw-py-2 tw-pr-2.5 tw-leading-5 tw-cursor-pointer tw-flex tw-w-full',\n                    hasSections ? 'tw-pl-7' : 'tw-pl-12',\n                    isActive\n                        ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                        : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n                ])}\n                onClick={() => onSelectUrl(page.permanentLink)}\n            >\n                <div key={page.id} className=\"tw-flex tw-flex-1 tw-space-x-1 tw-items-center tw-h-6\">\n                    {hasSections && (\n                        <button\n                            data-test-id=\"tree-item-toggle\"\n                            className=\"tw-flex tw-items-center tw-justify-center -tw-mr-2 tw-pr-3.5 tw-pt-1.5 tw-pb-1.5 tw-pl-3.5 tw-cursor-pointer\"\n                            onClick={() => setIsExpanded(!isExpanded)}\n                        >\n                            <div\n                                className={merge([\n                                    'tw-transition-transform tw-w-0 tw-h-0 tw-font-normal tw-border-t-4 tw-border-t-transparent tw-border-b-4 tw-border-b-transparent tw-border-l-4 tw-border-l-x-strong',\n                                    isExpanded ? 'tw-rotate-90' : '',\n                                ])}\n                            ></div>\n                        </button>\n                    )}\n                    <span className=\"tw-text-s\">{page.title}</span>\n                    <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Page</span>\n                </div>\n            </button>\n            {isExpanded &&\n                sectionsArray.length > 0 &&\n                sectionsArray.map((section) => {\n                    return (\n                        <SectionLink\n                            key={section.id}\n                            section={section}\n                            selectedUrl={selectedUrl}\n                            onSelectUrl={onSelectUrl}\n                        />\n                    );\n                })}\n        </>\n    );\n};\n"],"names":["PageLink","page","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","isExpanded","setIsExpanded","useState","documentSections","setDocumentSections","isActive","useEffect","sections","sectionsArray","hasSections","jsxs","Fragment","jsx","merge","section","SectionLink"],"mappings":";;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AACJ,MAAqB;AACX,QAAA,CAACC,GAAYC,CAAa,IAAIC,EAASP,EAAK,OAAOG,EAAuB,UAAU,GACpF,CAACK,GAAkBC,CAAmB,IAAIF,EAA4B,CAAE,CAAA,GACxEG,IAAWV,EAAK,kBAAkBC;AAExC,EAAAU,EAAU,MAAM;AAMU,KALQ,YAAY;AACtC,YAAMC,IAAW,MAAMR,EAAoCJ,EAAK,EAAE;AAClE,MAAAS,EAAoBG,CAAQ;AAAA,IAAA;EAIjC,GAAA,CAACZ,EAAK,IAAII,CAAmC,CAAC,GAEjDO,EAAU,MAAM;AACR,IAAAX,EAAK,OAAOG,EAAuB,UACnCG,EAAc,EAAI;AAAA,EAEvB,GAAA,CAACH,GAAwBH,EAAK,EAAE,CAAC;AAEpC,QAAMa,IAAgB,CAAC,GAAGL,EAAiB,OAAQ,CAAA,GAC7CM,IAAcD,EAAc,SAAS;AAE3C,SAEQ,gBAAAE,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,gBAAa;AAAA,QACb,WAAWC,EAAM;AAAA,UACb;AAAA,UACAJ,IAAc,YAAY;AAAA,UAC1BJ,IACM,oKACA;AAAA,QAAA,CACT;AAAA,QACD,SAAS,MAAMR,EAAYF,EAAK,aAAa;AAAA,QAE7C,UAAA,gBAAAe,EAAC,OAAkB,EAAA,WAAU,yDACxB,UAAA;AAAA,UACGD,KAAA,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,gBAAa;AAAA,cACb,WAAU;AAAA,cACV,SAAS,MAAMX,EAAc,CAACD,CAAU;AAAA,cAExC,UAAA,gBAAAY;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,WAAWC,EAAM;AAAA,oBACb;AAAA,oBACAb,IAAa,iBAAiB;AAAA,kBAAA,CACjC;AAAA,gBAAA;AAAA,cACJ;AAAA,YAAA;AAAA,UACL;AAAA,UAEH,gBAAAY,EAAA,QAAA,EAAK,WAAU,aAAa,YAAK,OAAM;AAAA,UACvC,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAI,QAAA;AAAA,QAAA,EAAA,GAhBnEjB,EAAK,EAiBf;AAAA,MAAA;AAAA,IACJ;AAAA,IACCK,KACGQ,EAAc,SAAS,KACvBA,EAAc,IAAI,CAACM,MAEX,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEG,SAAAD;AAAA,QACA,aAAAlB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,MAHKiB,EAAQ;AAAA,IAAA,CAMxB;AAAA,EACT,EAAA,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/PageLinks.es.js

@@ -1,38 +0,0 @@
-import { jsx as o, Fragment as x } from "react/jsx-runtime";
-import { useState as n, useEffect as L } from "react";
-import { PageLink as P } from "./PageLink.es.js";
-import { LoadingIndicator as k } from "./LoadingIndicator.es.js";
-const j = ({
-  documentId: i,
-  selectedUrl: c,
-  onSelectUrl: g,
-  itemsToExpandInitially: l,
-  getDocumentSectionsByDocumentPageId: m,
-  getDocumentPagesByDocumentId: f
-}) => {
-  const [d, p] = n([]), [s, h] = n(!0), a = [...d.values()], u = !s && a.length > 0;
-  return L(() => {
-    f(i).then((e) => {
-      const w = e.filter((t) => !!t.category).sort(
-        (t, r) => t.category.sort === r.category.sort ? t.sort - r.sort : t.category.sort - r.category.sort
-      ), y = e.filter((t) => !t.category).sort((t, r) => t.sort - r.sort);
-      p([...w, ...y]);
-    }).finally(() => {
-      h(!1);
-    });
-  }, []), s ? /* @__PURE__ */ o(k, {}) : u ? /* @__PURE__ */ o(x, { children: a.map((e) => /* @__PURE__ */ o(
-    P,
-    {
-      page: e,
-      selectedUrl: c,
-      onSelectUrl: g,
-      itemsToExpandInitially: l,
-      getDocumentSectionsByDocumentPageId: m
-    },
-    e.id
-  )) }) : /* @__PURE__ */ o("div", { className: "tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-s tw-text-text-weak", children: "This document does not contain any pages." });
-};
-export {
-  j as PageLinks
-};
-//# sourceMappingURL=PageLinks.es.js.map

package/dist/components/Link/LinkSelector/PageLinks.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageLinks.es.js","sources":["../../../../src/components/Link/LinkSelector/PageLinks.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport type { DocumentPage, DocumentSection } from '@frontify/app-bridge';\nimport { ReactElement, useEffect, useState } from 'react';\nimport { InitiallyExpandedItems } from '../';\nimport { PageLink } from './PageLink';\nimport { LoadingIndicator } from './LoadingIndicator';\n\ntype PageLinksProps = {\n    documentId: number;\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n    itemsToExpandInitially: InitiallyExpandedItems;\n    getDocumentSectionsByDocumentPageId: (documentPageId: number) => Promise<DocumentSection[]>;\n    getDocumentPagesByDocumentId: (documentId: number) => Promise<DocumentPage[]>;\n};\n\nexport const PageLinks = ({\n    documentId,\n    selectedUrl,\n    onSelectUrl,\n    itemsToExpandInitially,\n    getDocumentSectionsByDocumentPageId,\n    getDocumentPagesByDocumentId,\n}: PageLinksProps): ReactElement => {\n    const [pages, setPages] = useState<DocumentPage[]>([]);\n    const [isLoading, setIsLoading] = useState(true);\n    const pagesArray = [...pages.values()];\n    const hasPages = !isLoading && pagesArray.length > 0;\n\n    useEffect(() => {\n        getDocumentPagesByDocumentId(documentId)\n            .then((_pages) => {\n                const pagesWithCategories = _pages\n                    .filter((page) => !!page.category)\n                    .sort((a, b) =>\n                        a.category.sort === b.category.sort ? a.sort - b.sort : a.category.sort - b.category.sort,\n                    );\n                const pagesWithoutCategories = _pages.filter((page) => !page.category).sort((a, b) => a.sort - b.sort);\n                setPages([...pagesWithCategories, ...pagesWithoutCategories]);\n            })\n            .finally(() => {\n                setIsLoading(false);\n            });\n    }, []);\n\n    if (isLoading) {\n        return <LoadingIndicator />;\n    }\n\n    return hasPages ? (\n        <>\n            {pagesArray.map((page) => {\n                return (\n                    <PageLink\n                        key={page.id}\n                        page={page}\n                        selectedUrl={selectedUrl}\n                        onSelectUrl={onSelectUrl}\n                        itemsToExpandInitially={itemsToExpandInitially}\n                        getDocumentSectionsByDocumentPageId={getDocumentSectionsByDocumentPageId}\n                    />\n                );\n            })}\n        </>\n    ) : (\n        <div className=\"tw-h-10 tw-flex tw-items-center tw-pr-2.5 tw-pl-7 tw-leading-5 tw-text-s tw-text-text-weak\">\n            This document does not contain any pages.\n        </div>\n    );\n};\n"],"names":["PageLinks","documentId","selectedUrl","onSelectUrl","itemsToExpandInitially","getDocumentSectionsByDocumentPageId","getDocumentPagesByDocumentId","pages","setPages","useState","isLoading","setIsLoading","pagesArray","hasPages","useEffect","_pages","pagesWithCategories","page","a","b","pagesWithoutCategories","LoadingIndicator","jsx","Fragment","PageLink"],"mappings":";;;;AAiBO,MAAMA,IAAY,CAAC;AAAA,EACtB,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,qCAAAC;AAAA,EACA,8BAAAC;AACJ,MAAoC;AAChC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyB,CAAE,CAAA,GAC/C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAI,GACzCG,IAAa,CAAC,GAAGL,EAAM,OAAQ,CAAA,GAC/BM,IAAW,CAACH,KAAaE,EAAW,SAAS;AAkBnD,SAhBAE,EAAU,MAAM;AACZ,IAAAR,EAA6BL,CAAU,EAClC,KAAK,CAACc,MAAW;AACR,YAAAC,IAAsBD,EACvB,OAAO,CAACE,MAAS,CAAC,CAACA,EAAK,QAAQ,EAChC;AAAA,QAAK,CAACC,GAAGC,MACND,EAAE,SAAS,SAASC,EAAE,SAAS,OAAOD,EAAE,OAAOC,EAAE,OAAOD,EAAE,SAAS,OAAOC,EAAE,SAAS;AAAA,MAAA,GAEvFC,IAAyBL,EAAO,OAAO,CAACE,MAAS,CAACA,EAAK,QAAQ,EAAE,KAAK,CAACC,GAAGC,MAAMD,EAAE,OAAOC,EAAE,IAAI;AACrG,MAAAX,EAAS,CAAC,GAAGQ,GAAqB,GAAGI,CAAsB,CAAC;AAAA,IAAA,CAC/D,EACA,QAAQ,MAAM;AACX,MAAAT,EAAa,EAAK;AAAA,IAAA,CACrB;AAAA,EACT,GAAG,CAAE,CAAA,GAEDD,sBACQW,GAAiB,CAAA,CAAA,IAGtBR,IACH,gBAAAS,EAAAC,GAAA,EACK,UAAWX,EAAA,IAAI,CAACK,MAET,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MAEG,MAAAP;AAAA,MACA,aAAAf;AAAA,MACA,aAAAC;AAAA,MACA,wBAAAC;AAAA,MACA,qCAAAC;AAAA,IAAA;AAAA,IALKY,EAAK;AAAA,EAAA,CAQrB,EACL,CAAA,sBAEC,OAAI,EAAA,WAAU,8FAA6F,UAE5G,4CAAA,CAAA;AAER;"}

package/dist/components/Link/LinkSelector/SectionLink.es.js

@@ -1,25 +0,0 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { merge as l, IconDocumentText16 as i } from "@frontify/fondue";
-const x = ({ section: e, selectedUrl: r, onSelectUrl: n }) => {
-  const o = e.permanentLink === r;
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      "data-test-id": "internal-link-selector-section-link",
-      className: l([
-        "tw-py-2 tw-px-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full",
-        o ? "tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover" : "hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover"
-      ]),
-      onClick: () => n(e.permanentLink),
-      children: /* @__PURE__ */ s("div", { className: "tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6", children: [
-        /* @__PURE__ */ t(i, {}),
-        /* @__PURE__ */ t("span", { className: "tw-text-s", children: e.title }),
-        /* @__PURE__ */ t("span", { className: "tw-flex-auto tw-font-sans tw-text-xs tw-text-right", children: "Section" })
-      ] })
-    }
-  );
-};
-export {
-  x as SectionLink
-};
-//# sourceMappingURL=SectionLink.es.js.map

package/dist/components/Link/LinkSelector/SectionLink.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionLink.es.js","sources":["../../../../src/components/Link/LinkSelector/SectionLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { IconDocumentText16, merge } from '@frontify/fondue';\n\ntype SectionLinkProps = {\n    section: {\n        id: number;\n        title: string;\n        permanentLink: string;\n    };\n    selectedUrl: string;\n    onSelectUrl: (url: string) => void;\n};\n\nexport const SectionLink = ({ section, selectedUrl, onSelectUrl }: SectionLinkProps) => {\n    const isActive = section.permanentLink === selectedUrl;\n\n    return (\n        <button\n            data-test-id=\"internal-link-selector-section-link\"\n            className={merge([\n                'tw-py-2 tw-px-2.5 tw-pl-14 tw-leading-5 tw-cursor-pointer tw-w-full',\n                isActive\n                    ? 'tw-bg-box-selected-strong tw-text-box-selected-strong-inverse hover:tw-bg-box-selected-strong-hover:hover hover:tw-text-box-selected-strong-inverse-hover:hover'\n                    : 'hover:tw-bg-box-neutral-hover hover:tw-text-box-neutral-inverse-hover',\n            ])}\n            onClick={() => onSelectUrl(section.permanentLink)}\n        >\n            <div className=\"tw-flex tw-flex-1 tw-space-x-2 tw-items-center tw-h-6\">\n                <IconDocumentText16 />\n                <span className=\"tw-text-s\">{section.title}</span>\n                <span className=\"tw-flex-auto tw-font-sans tw-text-xs tw-text-right\">Section</span>\n            </div>\n        </button>\n    );\n};\n"],"names":["SectionLink","section","selectedUrl","onSelectUrl","isActive","jsx","merge","jsxs","IconDocumentText16"],"mappings":";;AAcO,MAAMA,IAAc,CAAC,EAAE,SAAAC,GAAS,aAAAC,GAAa,aAAAC,QAAoC;AAC9E,QAAAC,IAAWH,EAAQ,kBAAkBC;AAGvC,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAa;AAAA,MACb,WAAWC,EAAM;AAAA,QACb;AAAA,QACAF,IACM,oKACA;AAAA,MAAA,CACT;AAAA,MACD,SAAS,MAAMD,EAAYF,EAAQ,aAAa;AAAA,MAEhD,UAAA,gBAAAM,EAAC,OAAI,EAAA,WAAU,yDACX,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAmB,EAAA;AAAA,QACnB,gBAAAH,EAAA,QAAA,EAAK,WAAU,aAAa,YAAQ,OAAM;AAAA,QAC1C,gBAAAA,EAAA,QAAA,EAAK,WAAU,sDAAqD,UAAO,WAAA;AAAA,MAAA,GAChF;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/components/Link/utils/getUrl.es.js

@@ -1,18 +0,0 @@
-import { getAboveNode as c, ELEMENT_LINK as s } from "@udecode/plate";
-const n = (r, e) => {
-  const t = c(r, { match: { type: s } });
-  return Array.isArray(t) ? e(t[0]) : "";
-}, L = (r) => n(r, (e) => {
-  var t, o;
-  return ((o = (t = e.chosenLink) == null ? void 0 : t.searchResult) == null ? void 0 : o.link) || "";
-}), l = (r) => n(r, (e) => e.url || ""), i = (r) => {
-  var e, t;
-  return r.url || ((t = (e = r.chosenLink) == null ? void 0 : e.searchResult) == null ? void 0 : t.link) || "";
-}, g = (r) => n(r, i);
-export {
-  L as getLegacyUrl,
-  g as getLinkFromEditor,
-  l as getUrl,
-  i as getUrlFromLinkOrLegacyLink
-};
-//# sourceMappingURL=getUrl.es.js.map

package/dist/components/Link/utils/getUrl.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getUrl.es.js","sources":["../../../../src/components/Link/utils/getUrl.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { ELEMENT_LINK, PlateEditor, getAboveNode } from '@udecode/plate';\nimport { TLinkElement } from '../../RichTextEditor/plugins/LinkPlugin/types';\n\nconst getLinkNode = (editor: PlateEditor, cb: (link: TLinkElement) => string): string => {\n    const linkNode = getAboveNode<TLinkElement>(editor, { match: { type: ELEMENT_LINK } });\n\n    if (!Array.isArray(linkNode)) {\n        return '';\n    }\n\n    return cb(linkNode[0]);\n};\n\nexport const getLegacyUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.chosenLink?.searchResult?.link || '');\n};\n\nexport const getUrl = (editor: PlateEditor) => {\n    return getLinkNode(editor, (link) => link.url || '');\n};\n\nexport const getUrlFromLinkOrLegacyLink = (link: TLinkElement): string => {\n    return link.url || link.chosenLink?.searchResult?.link || '';\n};\n\nexport const getLinkFromEditor = (editor: PlateEditor) => {\n    return getLinkNode(editor, getUrlFromLinkOrLegacyLink);\n};\n"],"names":["getLinkNode","editor","cb","linkNode","getAboveNode","ELEMENT_LINK","getLegacyUrl","link","_b","_a","getUrl","getUrlFromLinkOrLegacyLink","getLinkFromEditor"],"mappings":";AAKA,MAAMA,IAAc,CAACC,GAAqBC,MAA+C;AAC/E,QAAAC,IAAWC,EAA2BH,GAAQ,EAAE,OAAO,EAAE,MAAMI,EAAa,EAAA,CAAG;AAErF,SAAK,MAAM,QAAQF,CAAQ,IAIpBD,EAAGC,EAAS,CAAC,CAAC,IAHV;AAIf,GAEaG,IAAe,CAACL,MAClBD,EAAYC,GAAQ,CAACM,MAAS;;AAAA,WAAAC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAAA,CAAE,GAGrEE,IAAS,CAACT,MACZD,EAAYC,GAAQ,CAACM,MAASA,EAAK,OAAO,EAAE,GAG1CI,IAA6B,CAACJ,MAA+B;;AACtE,SAAOA,EAAK,SAAOC,KAAAC,IAAAF,EAAK,eAAL,gBAAAE,EAAiB,iBAAjB,gBAAAD,EAA+B,SAAQ;AAC9D,GAEaI,IAAoB,CAACX,MACvBD,EAAYC,GAAQU,CAA0B;"}

package/dist/components/Link/utils/relativeUrlRegex.es.js

@@ -1,5 +0,0 @@
-const e = /^\/(document|r)\/\S+$/i;
-export {
-  e as relativeUrlRegex
-};
-//# sourceMappingURL=relativeUrlRegex.es.js.map

package/dist/components/Link/utils/relativeUrlRegex.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"relativeUrlRegex.es.js","sources":["../../../../src/components/Link/utils/relativeUrlRegex.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const relativeUrlRegex = /^\\/(document|r)\\/\\S+$/i;\n"],"names":["relativeUrlRegex"],"mappings":"AAEO,MAAMA,IAAmB;"}

package/dist/components/Link/utils/url.es.js

@@ -1,17 +0,0 @@
-import { relativeUrlRegex as o } from "./relativeUrlRegex.es.js";
-import { addHttps as e } from "../../../helpers/addHttps.es.js";
-const l = (t) => {
-  if (o.test(t))
-    return !0;
-  try {
-    const r = new URL(t);
-    return ["http:", "https:", "mailto:", "tel:"].includes(r.protocol) && r.pathname !== "";
-  } catch {
-    return !1;
-  }
-}, n = (t) => l(e(t)) || t === "";
-export {
-  l as isValidUrl,
-  n as isValidUrlOrEmpty
-};
-//# sourceMappingURL=url.es.js.map

package/dist/components/Link/utils/url.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"url.es.js","sources":["../../../../src/components/Link/utils/url.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { addHttps } from '../../../helpers';\nimport { relativeUrlRegex } from './relativeUrlRegex';\n\nexport const isValidUrl = (url: string) => {\n    if (relativeUrlRegex.test(url)) {\n        return true;\n    }\n    try {\n        const parsedUrl = new URL(url);\n        const validProtocols = ['http:', 'https:', 'mailto:', 'tel:'];\n        return validProtocols.includes(parsedUrl.protocol) && parsedUrl.pathname !== '';\n    } catch (error) {\n        return false;\n    }\n};\n\nexport const isValidUrlOrEmpty = (url: string): boolean => {\n    return isValidUrl(addHttps(url)) || url === '';\n};\n"],"names":["isValidUrl","url","relativeUrlRegex","parsedUrl","isValidUrlOrEmpty","addHttps"],"mappings":";;AAKa,MAAAA,IAAa,CAACC,MAAgB;AACnC,MAAAC,EAAiB,KAAKD,CAAG;AAClB,WAAA;AAEP,MAAA;AACM,UAAAE,IAAY,IAAI,IAAIF,CAAG;AAE7B,WADuB,CAAC,SAAS,UAAU,WAAW,MAAM,EACtC,SAASE,EAAU,QAAQ,KAAKA,EAAU,aAAa;AAAA,UACjE;AACL,WAAA;AAAA,EACX;AACJ,GAEaC,IAAoB,CAACH,MACvBD,EAAWK,EAASJ,CAAG,CAAC,KAAKA,MAAQ;"}

package/dist/components/RichTextEditor/RichTextEditor.es.js

@@ -1,42 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as p, useEffect as x } from "react";
-import { RichTextEditor as E } from "@frontify/fondue";
-import { SerializedText as g } from "./SerializedText.es.js";
-import { floatingButtonSelectors as v, floatingButtonActions as T } from "./plugins/ButtonPlugin/components/FloatingButton/floatingButtonStore.es.js";
-const R = ({
-  id: d = "rte",
-  isEditing: f,
-  value: t,
-  columns: l,
-  gap: u,
-  placeholder: c,
-  plugins: r,
-  onTextChange: o,
-  showSerializedText: m
-}) => {
-  const [n, i] = p(!1), h = (e) => {
-    o && e !== t && o(e), i(!1);
-  };
-  return x(() => {
-    const e = (a) => (a.preventDefault(), a.returnValue = "Unprocessed changes");
-    return n && window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
-  }, [n]), f ? /* @__PURE__ */ s(
-    E,
-    {
-      id: d,
-      value: t,
-      border: !1,
-      placeholder: c,
-      plugins: r,
-      onValueChanged: () => i(!0),
-      onTextChange: h,
-      hideExternalFloatingModals: (e) => {
-        v.isOpen(e) && T.reset();
-      }
-    }
-  ) : /* @__PURE__ */ s(g, { value: t, columns: l, gap: u, show: m, plugins: r });
-};
-export {
-  R as RichTextEditor
-};
-//# sourceMappingURL=RichTextEditor.es.js.map

package/dist/components/RichTextEditor/RichTextEditor.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RichTextEditor.es.js","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect, useState } from 'react';\n\nimport { RichTextEditor as FondueRichTextEditor } from '@frontify/fondue';\nimport { RichTextEditorProps } from './types';\nimport { SerializedText } from './SerializedText';\nimport { floatingButtonActions, floatingButtonSelectors } from './plugins/ButtonPlugin/components';\n\nexport const RichTextEditor = ({\n    id = 'rte',\n    isEditing,\n    value,\n    columns,\n    gap,\n    placeholder,\n    plugins,\n    onTextChange,\n    showSerializedText,\n}: RichTextEditorProps) => {\n    const [shouldPreventPageLeave, setShouldPreventPageLeave] = useState(false);\n\n    const saveText = (newContent: string) => {\n        if (onTextChange && newContent !== value) {\n            onTextChange(newContent);\n        }\n        setShouldPreventPageLeave(false);\n    };\n\n    useEffect(() => {\n        const unloadHandler = (event: BeforeUnloadEvent) => {\n            event.preventDefault();\n            return (event.returnValue = 'Unprocessed changes');\n        };\n\n        if (shouldPreventPageLeave) {\n            window.addEventListener('beforeunload', unloadHandler);\n        }\n\n        return () => window.removeEventListener('beforeunload', unloadHandler);\n    }, [shouldPreventPageLeave]);\n\n    if (isEditing) {\n        return (\n            <FondueRichTextEditor\n                id={id}\n                value={value}\n                border={false}\n                placeholder={placeholder}\n                plugins={plugins}\n                onValueChanged={() => setShouldPreventPageLeave(true)}\n                onTextChange={saveText}\n                hideExternalFloatingModals={(editorId: string) => {\n                    if (floatingButtonSelectors.isOpen(editorId)) {\n                        floatingButtonActions.reset();\n                    }\n                }}\n            />\n        );\n    }\n    return <SerializedText value={value} columns={columns} gap={gap} show={showSerializedText} plugins={plugins} />;\n};\n"],"names":["RichTextEditor","id","isEditing","value","columns","gap","placeholder","plugins","onTextChange","showSerializedText","shouldPreventPageLeave","setShouldPreventPageLeave","useState","saveText","newContent","useEffect","unloadHandler","event","jsx","FondueRichTextEditor","editorId","floatingButtonSelectors","floatingButtonActions","SerializedText"],"mappings":";;;;;AASO,MAAMA,IAAiB,CAAC;AAAA,EAC3B,IAAAC,IAAK;AAAA,EACL,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AACJ,MAA2B;AACvB,QAAM,CAACC,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GAEpEC,IAAW,CAACC,MAAuB;AACjC,IAAAN,KAAgBM,MAAeX,KAC/BK,EAAaM,CAAU,GAE3BH,EAA0B,EAAK;AAAA,EAAA;AAgBnC,SAbAI,EAAU,MAAM;AACN,UAAAC,IAAgB,CAACC,OACnBA,EAAM,eAAe,GACbA,EAAM,cAAc;AAGhC,WAAIP,KACO,OAAA,iBAAiB,gBAAgBM,CAAa,GAGlD,MAAM,OAAO,oBAAoB,gBAAgBA,CAAa;AAAA,EAAA,GACtE,CAACN,CAAsB,CAAC,GAEvBR,IAEI,gBAAAgB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,IAAAlB;AAAA,MACA,OAAAE;AAAA,MACA,QAAQ;AAAA,MACR,aAAAG;AAAA,MACA,SAAAC;AAAA,MACA,gBAAgB,MAAMI,EAA0B,EAAI;AAAA,MACpD,cAAcE;AAAA,MACd,4BAA4B,CAACO,MAAqB;AAC1C,QAAAC,EAAwB,OAAOD,CAAQ,KACvCE,EAAsB,MAAM;AAAA,MAEpC;AAAA,IAAA;AAAA,EAAA,sBAIJC,GAAe,EAAA,OAAApB,GAAc,SAAAC,GAAkB,KAAAC,GAAU,MAAMI,GAAoB,SAAAF,EAAkB,CAAA;AACjH;"}

package/dist/components/RichTextEditor/SerializedText.es.js

@@ -1,20 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as i, useEffect as w } from "react";
-import { serializeRawToHtmlAsync as o } from "@frontify/fondue";
-const d = ({ value: e = "", gap: l, columns: r, show: m = !0, plugins: a }) => {
-  const [t, n] = i(null);
-  return w(() => {
-    (async () => n(await o(e, a, r, l)))();
-  }, [e, r, l, a]), !m || t === "<br />" ? null : t !== null ? /* @__PURE__ */ s(
-    "div",
-    {
-      className: "tw-w-full tw-whitespace-pre-wrap",
-      "data-test-id": "rte-content-html",
-      dangerouslySetInnerHTML: { __html: t }
-    }
-  ) : /* @__PURE__ */ s("div", { className: "tw-rounded-sm tw-bg-base-alt tw-animate-pulse tw-h-full tw-min-h-[10px] tw-w-full" });
-};
-export {
-  d as SerializedText
-};
-//# sourceMappingURL=SerializedText.es.js.map

package/dist/components/RichTextEditor/SerializedText.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SerializedText.es.js","sources":["../../../src/components/RichTextEditor/SerializedText.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { useEffect, useState } from 'react';\nimport { serializeRawToHtmlAsync } from '@frontify/fondue';\nimport { SerializedTextProps } from './types';\n\nexport const SerializedText = ({ value = '', gap, columns, show = true, plugins }: SerializedTextProps) => {\n    const [html, setHtml] = useState<string | null>(null);\n\n    useEffect(() => {\n        (async () => {\n            setHtml(await serializeRawToHtmlAsync(value, plugins, columns, gap));\n        })();\n    }, [value, columns, gap, plugins]);\n\n    if (!show || html === '<br />') {\n        return null;\n    }\n\n    return html !== null ? (\n        <div\n            className=\"tw-w-full tw-whitespace-pre-wrap\"\n            data-test-id=\"rte-content-html\"\n            dangerouslySetInnerHTML={{ __html: html }}\n        />\n    ) : (\n        <div className=\"tw-rounded-sm tw-bg-base-alt tw-animate-pulse tw-h-full tw-min-h-[10px] tw-w-full\" />\n    );\n};\n"],"names":["SerializedText","value","gap","columns","show","plugins","html","setHtml","useState","useEffect","serializeRawToHtmlAsync","jsx"],"mappings":";;;AAMa,MAAAA,IAAiB,CAAC,EAAE,OAAAC,IAAQ,IAAI,KAAAC,GAAK,SAAAC,GAAS,MAAAC,IAAO,IAAM,SAAAC,QAAmC;AACvG,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAwB,IAAI;AAQhD,SANJC,EAAU,MAAM;AACZ,KAAC,YACGF,EAAQ,MAAMG,EAAwBT,GAAOI,GAASF,GAASD,CAAG,CAAC;AAAA,KAExE,CAACD,GAAOE,GAASD,GAAKG,CAAO,CAAC,GAE7B,CAACD,KAAQE,MAAS,WACX,OAGJA,MAAS,OACZ,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,yBAAyB,EAAE,QAAQL,EAAK;AAAA,IAAA;AAAA,EAG5C,IAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,oFAAoF,CAAA;AAE3G;"}

package/dist/components/RichTextEditor/constants.es.js

@@ -1,5 +0,0 @@
-const t = "--f-theme-settings-";
-export {
-  t as THEME_PREFIX
-};
-//# sourceMappingURL=constants.es.js.map

package/dist/components/RichTextEditor/constants.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.es.js","sources":["../../../src/components/RichTextEditor/constants.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nexport const THEME_PREFIX = '--f-theme-settings-';\n"],"names":["THEME_PREFIX"],"mappings":"AAEO,MAAMA,IAAe;"}

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js

@@ -1,35 +0,0 @@
-import { PluginComposer as i, SoftBreakPlugin as t, TextStylePlugin as l, BoldPlugin as g, ItalicPlugin as u, UnderlinePlugin as o, StrikethroughPlugin as r, CodePlugin as P, AlignLeftPlugin as w, AlignCenterPlugin as s, AlignRightPlugin as m, AlignJustifyPlugin as a, UnorderedListPlugin as d, CheckboxListPlugin as f, OrderedListPlugin as y, ResetFormattingPlugin as h, AutoformatPlugin as p } from "@frontify/fondue";
-import { TextStylePluginsWithoutImage as T, TextStylesWithoutImage as n } from "../plugins/TextStylePlugins/helpers.es.js";
-import { LinkPlugin as x } from "../plugins/LinkPlugin/index.es.js";
-import { ButtonPlugin as L } from "../plugins/ButtonPlugin/createButtonPlugin.es.js";
-const v = (e) => new i().setPlugin(
-  new t(),
-  new l({
-    textStyles: T
-  })
-).setPlugin(
-  [
-    new g(),
-    new u(),
-    new o(),
-    new r(),
-    new x({ appBridge: e }),
-    new L({ appBridge: e }),
-    new P()
-  ],
-  [
-    new w({ validTypes: n }),
-    new s({ validTypes: n }),
-    new m({ validTypes: n }),
-    new a({ validTypes: n }),
-    new d(),
-    new f(),
-    new y(),
-    new h(),
-    new p()
-  ]
-);
-export {
-  v as getDefaultPluginsWithLinkChooser
-};
-//# sourceMappingURL=defaultPluginsWithLinkChooser.es.js.map

package/dist/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultPluginsWithLinkChooser.es.js","sources":["../../../../src/components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { AppBridgeBlock } from '@frontify/app-bridge';\nimport {\n    AlignCenterPlugin,\n    AlignJustifyPlugin,\n    AlignLeftPlugin,\n    AlignRightPlugin,\n    AutoformatPlugin,\n    BoldPlugin,\n    CheckboxListPlugin,\n    CodePlugin,\n    ItalicPlugin,\n    OrderedListPlugin,\n    PluginComposer,\n    ResetFormattingPlugin,\n    SoftBreakPlugin,\n    StrikethroughPlugin,\n    TextStylePlugin,\n    UnderlinePlugin,\n    UnorderedListPlugin,\n} from '@frontify/fondue';\nimport { ButtonPlugin, LinkPlugin, TextStylePluginsWithoutImage, TextStylesWithoutImage } from '../plugins';\n\nexport const getDefaultPluginsWithLinkChooser = (appBridge: AppBridgeBlock) => {\n    return new PluginComposer()\n        .setPlugin(\n            new SoftBreakPlugin(),\n            new TextStylePlugin({\n                textStyles: TextStylePluginsWithoutImage,\n            }),\n        )\n        .setPlugin(\n            [\n                new BoldPlugin(),\n                new ItalicPlugin(),\n                new UnderlinePlugin(),\n                new StrikethroughPlugin(),\n                new LinkPlugin({ appBridge }),\n                new ButtonPlugin({ appBridge }),\n                new CodePlugin(),\n            ],\n            [\n                new AlignLeftPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignCenterPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignRightPlugin({ validTypes: TextStylesWithoutImage }),\n                new AlignJustifyPlugin({ validTypes: TextStylesWithoutImage }),\n                new UnorderedListPlugin(),\n                new CheckboxListPlugin(),\n                new OrderedListPlugin(),\n                new ResetFormattingPlugin(),\n                new AutoformatPlugin(),\n            ],\n        );\n};\n"],"names":["getDefaultPluginsWithLinkChooser","appBridge","PluginComposer","SoftBreakPlugin","TextStylePlugin","TextStylePluginsWithoutImage","BoldPlugin","ItalicPlugin","UnderlinePlugin","StrikethroughPlugin","LinkPlugin","ButtonPlugin","CodePlugin","AlignLeftPlugin","TextStylesWithoutImage","AlignCenterPlugin","AlignRightPlugin","AlignJustifyPlugin","UnorderedListPlugin","CheckboxListPlugin","OrderedListPlugin","ResetFormattingPlugin","AutoformatPlugin"],"mappings":";;;;AAwBa,MAAAA,IAAmC,CAACC,MACtC,IAAIC,IACN;AAAA,EACG,IAAIC,EAAgB;AAAA,EACpB,IAAIC,EAAgB;AAAA,IAChB,YAAYC;AAAA,EAAA,CACf;AAAA,EAEJ;AAAA,EACG;AAAA,IACI,IAAIC,EAAW;AAAA,IACf,IAAIC,EAAa;AAAA,IACjB,IAAIC,EAAgB;AAAA,IACpB,IAAIC,EAAoB;AAAA,IACxB,IAAIC,EAAW,EAAE,WAAAT,GAAW;AAAA,IAC5B,IAAIU,EAAa,EAAE,WAAAV,GAAW;AAAA,IAC9B,IAAIW,EAAW;AAAA,EACnB;AAAA,EACA;AAAA,IACI,IAAIC,EAAgB,EAAE,YAAYC,GAAwB;AAAA,IAC1D,IAAIC,EAAkB,EAAE,YAAYD,GAAwB;AAAA,IAC5D,IAAIE,EAAiB,EAAE,YAAYF,GAAwB;AAAA,IAC3D,IAAIG,EAAmB,EAAE,YAAYH,GAAwB;AAAA,IAC7D,IAAII,EAAoB;AAAA,IACxB,IAAIC,EAAmB;AAAA,IACvB,IAAIC,EAAkB;AAAA,IACtB,IAAIC,EAAsB;AAAA,IAC1B,IAAIC,EAAiB;AAAA,EACzB;AAAA;"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js

@@ -1,54 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useElementProps as p } from "@udecode/plate";
-import { useState as l } from "react";
-import { BlockButtonStyles as c } from "../utils/styles.es.js";
-const i = (e) => ({
-  ...p({
-    ...e,
-    elementToAttributes: (t) => ({
-      url: t.href,
-      buttonStyle: t.buttonStyle || "primary",
-      target: t.target || "_blank"
-    })
-  }),
-  // quick fix: hovering <a> with href loses the editor focus
-  onMouseOver: (t) => {
-    t.stopPropagation();
-  }
-}), y = (e) => {
-  const { href: o, target: t, buttonStyle: r } = i(e), { attributes: n, children: s } = e;
-  return /* @__PURE__ */ a(
-    m,
-    {
-      attributes: n,
-      href: o,
-      target: t,
-      styles: c[`button${r.charAt(0).toUpperCase() + r.slice(1)}`],
-      children: s
-    }
-  );
-}, m = ({
-  attributes: e,
-  styles: o = { hover: {} },
-  children: t,
-  href: r = "#",
-  target: n
-}) => {
-  const [s, u] = l(!1);
-  return /* @__PURE__ */ a(
-    "a",
-    {
-      ...e,
-      onMouseEnter: () => u(!0),
-      onMouseLeave: () => u(!1),
-      href: r,
-      target: n,
-      style: s ? { ...o, ...o.hover } : o,
-      children: t
-    }
-  );
-};
-export {
-  y as ButtonMarkupElementNode
-};
-//# sourceMappingURL=ButtonMarkupElementNode.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonMarkupElementNode.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { HTMLPropsAs, PlateRenderElementProps, Value, useElementProps } from '@udecode/plate';\nimport { CSSProperties, HTMLAttributeAnchorTarget, ReactElement, ReactNode, useState } from 'react';\nimport { RichTextButtonStyle, TButtonElement } from '../types';\nimport { BlockButtonStyles } from '../utils';\n\nexport type ButtonRootProps = PlateRenderElementProps<Value, TButtonElement> & HTMLPropsAs<'a'>;\n\nconst useButton = (props: ButtonRootProps): HTMLPropsAs<'a'> & { buttonStyle: RichTextButtonStyle } => {\n    const _props = useElementProps<TButtonElement, 'a'>({\n        ...props,\n        elementToAttributes: (element) => ({\n            url: element.href,\n            buttonStyle: element.buttonStyle || 'primary',\n            target: element.target || '_blank',\n        }),\n    });\n\n    return {\n        ...(_props as HTMLPropsAs<'a'> & { buttonStyle: RichTextButtonStyle }),\n        // quick fix: hovering <a> with href loses the editor focus\n        onMouseOver: (e) => {\n            e.stopPropagation();\n        },\n    };\n};\n\nexport const ButtonMarkupElementNode = (props: ButtonRootProps) => {\n    const { href, target, buttonStyle } = useButton(props);\n    const { attributes, children } = props;\n\n    return (\n        <HoverableButtonLink\n            attributes={attributes}\n            href={href}\n            target={target}\n            styles={BlockButtonStyles[`button${buttonStyle.charAt(0).toUpperCase() + buttonStyle.slice(1)}`]}\n        >\n            {children}\n        </HoverableButtonLink>\n    );\n};\n\ntype Props = {\n    attributes: ButtonRootProps['attributes'];\n    children: ReactNode;\n    styles?: CSSProperties & { hover?: CSSProperties };\n    href?: string;\n    target?: HTMLAttributeAnchorTarget;\n};\n\nconst HoverableButtonLink = ({\n    attributes,\n    styles = { hover: {} },\n    children,\n    href = '#',\n    target,\n}: Props): ReactElement => {\n    const [hovered, setHovered] = useState(false);\n\n    return (\n        <a\n            {...attributes}\n            onMouseEnter={() => setHovered(true)}\n            onMouseLeave={() => setHovered(false)}\n            href={href}\n            target={target}\n            style={hovered ? { ...styles, ...styles.hover } : styles}\n        >\n            {children}\n        </a>\n    );\n};\n"],"names":["useButton","props","useElementProps","element","e","ButtonMarkupElementNode","href","target","buttonStyle","attributes","children","jsx","HoverableButtonLink","BlockButtonStyles","styles","hovered","setHovered","useState"],"mappings":";;;;AASA,MAAMA,IAAY,CAACC,OAUR;AAAA,EACH,GAVWC,EAAqC;AAAA,IAChD,GAAGD;AAAA,IACH,qBAAqB,CAACE,OAAa;AAAA,MAC/B,KAAKA,EAAQ;AAAA,MACb,aAAaA,EAAQ,eAAe;AAAA,MACpC,QAAQA,EAAQ,UAAU;AAAA,IAAA;AAAA,EAC9B,CACH;AAAA;AAAA,EAKG,aAAa,CAACC,MAAM;AAChB,IAAAA,EAAE,gBAAgB;AAAA,EACtB;AAAA,IAIKC,IAA0B,CAACJ,MAA2B;AAC/D,QAAM,EAAE,MAAAK,GAAM,QAAAC,GAAQ,aAAAC,EAAY,IAAIR,EAAUC,CAAK,GAC/C,EAAE,YAAAQ,GAAY,UAAAC,EAAa,IAAAT;AAG7B,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,YAAAH;AAAA,MACA,MAAAH;AAAA,MACA,QAAAC;AAAA,MACA,QAAQM,EAAkB,SAASL,EAAY,OAAO,CAAC,EAAE,YAAgB,IAAAA,EAAY,MAAM,CAAC,CAAC,EAAE;AAAA,MAE9F,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGb,GAUME,IAAsB,CAAC;AAAA,EACzB,YAAAH;AAAA,EACA,QAAAK,IAAS,EAAE,OAAO,GAAG;AAAA,EACrB,UAAAJ;AAAA,EACA,MAAAJ,IAAO;AAAA,EACP,QAAAC;AACJ,MAA2B;AACvB,QAAM,CAACQ,GAASC,CAAU,IAAIC,EAAS,EAAK;AAGxC,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGF;AAAA,MACJ,cAAc,MAAMO,EAAW,EAAI;AAAA,MACnC,cAAc,MAAMA,EAAW,EAAK;AAAA,MACpC,MAAAV;AAAA,MACA,QAAAC;AAAA,MACA,OAAOQ,IAAU,EAAE,GAAGD,GAAQ,GAAGA,EAAO,UAAUA;AAAA,MAEjD,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGb;"}