@contember/react-devbar 2.1.0-alpha.30 → 2.1.0-alpha.35

package/dist/development/src/ui/DevBar/DevBar.cjs

@@ -1,193 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const reactUtils = require("@contember/react-utils");
-const utilities = require("@contember/utilities");
-const React = require("react");
-const className = (cls) => cls ? `cui-devBar-${cls}` : "cui-devBar";
-const DevBar = ({
-  breakpoint = 768,
-  children
-}) => {
-  const [expanded, setExpanded] = React.useState(false);
-  const isSmallScreen = reactUtils.useWindowSize().width < breakpoint;
-  const handleToggle = reactUtils.useReferentiallyStableCallback(() => {
-    setExpanded((expanded2) => !expanded2);
-  });
-  React.useEffect(() => {
-    function handleKeyDown(event) {
-      if (event.code === "KeyJ" && (event.ctrlKey || event.metaKey)) {
-        event.preventDefault();
-        event.stopPropagation();
-        handleToggle();
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [expanded, handleToggle]);
-  const devBarContentRef = React.useRef(null);
-  reactUtils.useOnElementClickOutsideCallback(devBarContentRef, () => {
-    if (expanded) {
-      setExpanded(false);
-    }
-  });
-  const id = `dev-bar-panel${reactUtils.useId()}`;
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-    "section",
-    {
-      "data-transparent": "true",
-      "data-overrides-lucide-icons": "true",
-      "data-expanded": utilities.dataAttribute(expanded),
-      "data-small-screen": utilities.dataAttribute(isSmallScreen),
-      className: className(null),
-      children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { ref: devBarContentRef, className: className("content"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-        "div",
-        {
-          "data-expanded": true,
-          id,
-          role: "dialog",
-          style: { display: "contents" },
-          children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panels"), children }, void 0, false, {
-            fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-            lineNumber: 64,
-            columnNumber: 6
-          }, void 0)
-        },
-        void 0,
-        false,
-        {
-          fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-          lineNumber: 58,
-          columnNumber: 5
-        },
-        void 0
-      ) }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 57,
-        columnNumber: 4
-      }, void 0)
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-      lineNumber: 50,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-const DevPanel = ({ heading, icon, children, preview }) => {
-  const id = `cui-devBar-panel-${reactUtils.useId()}`;
-  const dialogRef = React.useRef(null);
-  const triggerRef = React.useRef(null);
-  const handleOpen = React.useCallback(() => {
-    dialogRef.current?.showModal();
-  }, []);
-  const handleClose = React.useCallback(() => {
-    dialogRef.current?.close();
-  }, []);
-  React.useEffect(() => {
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    const handleClickOutside = (event) => {
-      const rect = dialog.getBoundingClientRect();
-      const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-      if (!isInDialog) {
-        dialog.close();
-      }
-    };
-    dialog.addEventListener("click", handleClickOutside);
-    return () => dialog.removeEventListener("click", handleClickOutside);
-  }, []);
-  React.useEffect(() => {
-    const handleEscape = (event) => {
-      if (event.key === "Escape") {
-        handleClose();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [handleClose]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("trigger"), children: [
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-      "button",
-      {
-        type: "button",
-        ref: triggerRef,
-        tabIndex: 0,
-        "aria-haspopup": "dialog",
-        "aria-controls": id,
-        className: className("trigger-label"),
-        onClick: handleOpen,
-        children: [
-          icon,
-          /* @__PURE__ */ jsxDevRuntime.jsxDEV("span", { className: className("trigger-label-text"), children: preview ?? heading }, void 0, false, {
-            fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-            lineNumber: 138,
-            columnNumber: 5
-          }, void 0)
-        ]
-      },
-      void 0,
-      true,
-      {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 128,
-        columnNumber: 4
-      },
-      void 0
-    ),
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV("dialog", { ref: dialogRef, id, className: className("panel"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panel-content"), children: [
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panel-header"), children: [
-        /* @__PURE__ */ jsxDevRuntime.jsxDEV("h2", { className: "h4", children: heading }, void 0, false, {
-          fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-          lineNumber: 146,
-          columnNumber: 7
-        }, void 0),
-        /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-          "button",
-          {
-            type: "button",
-            onClick: handleClose,
-            className: className("close-button"),
-            "aria-label": "Close",
-            children: "✕"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-            lineNumber: 147,
-            columnNumber: 7
-          },
-          void 0
-        )
-      ] }, void 0, true, {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 145,
-        columnNumber: 6
-      }, void 0),
-      /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("panel-body"), children }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 156,
-        columnNumber: 6
-      }, void 0)
-    ] }, void 0, true, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-      lineNumber: 144,
-      columnNumber: 5
-    }, void 0) }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-      lineNumber: 143,
-      columnNumber: 4
-    }, void 0)
-  ] }, void 0, true, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-    lineNumber: 127,
-    columnNumber: 3
-  }, void 0);
-};
-exports.DevBar = DevBar;
-exports.DevPanel = DevPanel;
-//# sourceMappingURL=DevBar.cjs.map

package/dist/development/src/ui/DevBar/DevBar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevBar.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { type PropsWithChildren, type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\n\nconst className = (cls: string | null) => cls ? `cui-devBar-${cls}` : 'cui-devBar'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n}: PropsWithChildren<{\n\tbreakpoint?: number\n}>) => {\n\tconst [expanded, setExpanded] = useState(false)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey || event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\thandleToggle()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent=\"true\"\n\t\t\tdata-overrides-lucide-icons=\"true\"\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={true}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\ninterface DevPanelProps {\n\ticon: ReactNode\n\theading: ReactNode\n\tchildren: ReactNode\n\tpreview?: ReactNode\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: DevPanelProps) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst dialogRef = useRef<HTMLDialogElement>(null)\n\tconst triggerRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleOpen = useCallback(() => {\n\t\tdialogRef.current?.showModal()\n\t}, [])\n\n\tconst handleClose = useCallback(() => {\n\t\tdialogRef.current?.close()\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst dialog = dialogRef.current\n\t\tif (!dialog) return\n\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tconst rect = dialog.getBoundingClientRect()\n\t\t\tconst isInDialog = (\n\t\t\t\trect.top <= event.clientY &&\n\t\t\t\tevent.clientY <= rect.top + rect.height &&\n\t\t\t\trect.left <= event.clientX &&\n\t\t\t\tevent.clientX <= rect.left + rect.width\n\t\t\t)\n\n\t\t\tif (!isInDialog) {\n\t\t\t\tdialog.close()\n\t\t\t}\n\t\t}\n\n\t\tdialog.addEventListener('click', handleClickOutside)\n\t\treturn () => dialog.removeEventListener('click', handleClickOutside)\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst handleEscape = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\thandleClose()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleEscape)\n\t\treturn () => document.removeEventListener('keydown', handleEscape)\n\t}, [handleClose])\n\n\treturn (\n\t\t<div className={className('trigger')}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tref={triggerRef}\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={handleOpen}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>\n\t\t\t\t\t{preview ?? heading}\n\t\t\t\t</span>\n\t\t\t</button>\n\n\t\t\t<dialog ref={dialogRef} id={id} className={className('panel')}>\n\t\t\t\t<div className={className('panel-content')}>\n\t\t\t\t\t<div className={className('panel-header')}>\n\t\t\t\t\t\t<h2 className=\"h4\">{heading}</h2>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\tclassName={className('close-button')}\n\t\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t</div>\n\t)\n}\n"],"names":["useState","useWindowSize","useReferentiallyStableCallback","expanded","useEffect","useRef","useOnElementClickOutsideCallback","useId","jsxDEV","dataAttribute","this","useCallback"],"mappings":";;;;;;AASA,MAAM,YAAY,CAAC,QAAuB,MAAM,cAAc,GAAG,KAAK;AAE/D,MAAM,SAAS,CAAC;AAAA,EACtB,aAAa;AAAA,EACb;AACD,MAEO;AACN,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AACxC,QAAA,gBAAgBC,WAAAA,gBAAgB,QAAQ;AAExC,QAAA,eAAeC,WAAAA,+BAA+B,MAAM;AAC7C,gBAAA,CAAAC,cAAY,CAACA,SAAQ;AAAA,EAAA,CACjC;AAEDC,QAAAA,UAAU,MAAM;AACf,aAAS,cAAc,OAAsB;AAC5C,UAAI,MAAM,SAAS,WAAW,MAAM,WAAW,MAAM,UAAU;AAC9D,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAET,qBAAA;AAAA,MAAA;AAAA,IACd;AAGQ,aAAA,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EAAA,GAChE,CAAC,UAAU,YAAY,CAAC;AAErB,QAAA,mBAAmBC,aAAuB,IAAI;AAEpDC,aAAA,iCAAiC,kBAAkB,MAAM;AACxD,QAAI,UAAU;AACb,kBAAY,KAAK;AAAA,IAAA;AAAA,EAClB,CACA;AAEK,QAAA,KAAK,gBAAgBC,WAAAA,MAAO,CAAA;AAGjC,SAAAC,8BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,oBAAiB;AAAA,MACjB,+BAA4B;AAAA,MAC5B,iBAAeC,wBAAc,QAAQ;AAAA,MACrC,qBAAmBA,wBAAc,aAAa;AAAA,MAC9C,WAAW,UAAU,IAAI;AAAA,MAEzB,+CAAC,OAAI,EAAA,KAAK,kBAAkB,WAAW,UAAU,SAAS,GACzD,UAAAD,8BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,iBAAe;AAAA,UACf;AAAA,UACA,MAAK;AAAA,UACL,OAAO,EAAE,SAAS,WAAW;AAAA,UAE7B,+CAAC,OAAI,EAAA,WAAW,UAAU,QAAQ,GAChC,SADF,GAAA,QAAA,OAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAEAE,MAAA;AAAA,QAAA;AAAA,QARD;AAAA,QAAA;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAAA;AAAAA,MAAA,KADD,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAWAA,MAAA;AAAA,IAAA;AAAA,IAlBD;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAmBA;AAEF;AASO,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,UAAU,cAA6B;AAC1E,QAAA,KAAK,oBAAoBH,WAAAA,MAAO,CAAA;AAChC,QAAA,YAAYF,aAA0B,IAAI;AAC1C,QAAA,aAAaA,aAA0B,IAAI;AAE3C,QAAA,aAAaM,MAAAA,YAAY,MAAM;AACpC,cAAU,SAAS,UAAU;AAAA,EAC9B,GAAG,EAAE;AAEC,QAAA,cAAcA,MAAAA,YAAY,MAAM;AACrC,cAAU,SAAS,MAAM;AAAA,EAC1B,GAAG,EAAE;AAELP,QAAAA,UAAU,MAAM;AACf,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ;AAEP,UAAA,qBAAqB,CAAC,UAAsB;AAC3C,YAAA,OAAO,OAAO,sBAAsB;AAC1C,YAAM,aACL,KAAK,OAAO,MAAM,WAClB,MAAM,WAAW,KAAK,MAAM,KAAK,UACjC,KAAK,QAAQ,MAAM,WACnB,MAAM,WAAW,KAAK,OAAO,KAAK;AAGnC,UAAI,CAAC,YAAY;AAChB,eAAO,MAAM;AAAA,MAAA;AAAA,IAEf;AAEO,WAAA,iBAAiB,SAAS,kBAAkB;AACnD,WAAO,MAAM,OAAO,oBAAoB,SAAS,kBAAkB;AAAA,EACpE,GAAG,EAAE;AAELA,QAAAA,UAAU,MAAM;AACT,UAAA,eAAe,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACf,oBAAA;AAAA,MAAA;AAAA,IAEd;AAES,aAAA,iBAAiB,WAAW,YAAY;AACjD,WAAO,MAAM,SAAS,oBAAoB,WAAW,YAAY;AAAA,EAAA,GAC/D,CAAC,WAAW,CAAC;AAEhB,SACEI,8BAAAA,OAAA,OAAA,EAAI,WAAW,UAAU,SAAS,GAClC,UAAA;AAAA,IAAAA,8BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AAAA,QACV,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,WAAW,UAAU,eAAe;AAAA,QACpC,SAAS;AAAA,QAER,UAAA;AAAA,UAAA;AAAA,+CACA,QAAK,EAAA,WAAW,UAAU,oBAAoB,GAC7C,qBAAW,QADb,GAAA,QAAA,OAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAEAE,MAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAZD;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAAA;AAAAA,IAaA;AAAA,IAECF,8BAAA,OAAA,UAAA,EAAO,KAAK,WAAW,IAAQ,WAAW,UAAU,OAAO,GAC3D,UAACA,8BAAA,OAAA,OAAA,EAAI,WAAW,UAAU,eAAe,GACxC,UAAA;AAAA,MAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,cAAc,GACvC,UAAA;AAAA,QAACA,qCAAA,MAAA,EAAG,WAAU,MAAM,UAApB,QAAA,GAAA,QAAA,OAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAA4B,GAAAE,MAAA;AAAA,QAC5BF,8BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAW,UAAU,cAAc;AAAA,YACnC,cAAW;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,UALD;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAE;AAAAA,QAAA;AAAA,MAOA,KATD,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAUA,GAAAA,MAAA;AAAA,2CACC,OAAI,EAAA,WAAW,UAAU,YAAY,GACpC,SADF,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAEAA,MAAA;AAAA,IAAA,KAdD,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAAA,MAeA,EAhBD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAiBAA,MAAA;AAAA,EAAA,KAjCD,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAkCA,GAAAA,MAAA;AAEF;;;"}

package/dist/development/src/ui/DevBar/DevBar.js

@@ -1,193 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useWindowSize, useReferentiallyStableCallback, useOnElementClickOutsideCallback, useId } from "@contember/react-utils";
-import { dataAttribute } from "@contember/utilities";
-import { useState, useEffect, useRef, useCallback } from "react";
-const className = (cls) => cls ? `cui-devBar-${cls}` : "cui-devBar";
-const DevBar = ({
-  breakpoint = 768,
-  children
-}) => {
-  const [expanded, setExpanded] = useState(false);
-  const isSmallScreen = useWindowSize().width < breakpoint;
-  const handleToggle = useReferentiallyStableCallback(() => {
-    setExpanded((expanded2) => !expanded2);
-  });
-  useEffect(() => {
-    function handleKeyDown(event) {
-      if (event.code === "KeyJ" && (event.ctrlKey || event.metaKey)) {
-        event.preventDefault();
-        event.stopPropagation();
-        handleToggle();
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [expanded, handleToggle]);
-  const devBarContentRef = useRef(null);
-  useOnElementClickOutsideCallback(devBarContentRef, () => {
-    if (expanded) {
-      setExpanded(false);
-    }
-  });
-  const id = `dev-bar-panel${useId()}`;
-  return /* @__PURE__ */ jsxDEV(
-    "section",
-    {
-      "data-transparent": "true",
-      "data-overrides-lucide-icons": "true",
-      "data-expanded": dataAttribute(expanded),
-      "data-small-screen": dataAttribute(isSmallScreen),
-      className: className(null),
-      children: /* @__PURE__ */ jsxDEV("div", { ref: devBarContentRef, className: className("content"), children: /* @__PURE__ */ jsxDEV(
-        "div",
-        {
-          "data-expanded": true,
-          id,
-          role: "dialog",
-          style: { display: "contents" },
-          children: /* @__PURE__ */ jsxDEV("div", { className: className("panels"), children }, void 0, false, {
-            fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-            lineNumber: 64,
-            columnNumber: 6
-          }, void 0)
-        },
-        void 0,
-        false,
-        {
-          fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-          lineNumber: 58,
-          columnNumber: 5
-        },
-        void 0
-      ) }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 57,
-        columnNumber: 4
-      }, void 0)
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-      lineNumber: 50,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-const DevPanel = ({ heading, icon, children, preview }) => {
-  const id = `cui-devBar-panel-${useId()}`;
-  const dialogRef = useRef(null);
-  const triggerRef = useRef(null);
-  const handleOpen = useCallback(() => {
-    dialogRef.current?.showModal();
-  }, []);
-  const handleClose = useCallback(() => {
-    dialogRef.current?.close();
-  }, []);
-  useEffect(() => {
-    const dialog = dialogRef.current;
-    if (!dialog) return;
-    const handleClickOutside = (event) => {
-      const rect = dialog.getBoundingClientRect();
-      const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
-      if (!isInDialog) {
-        dialog.close();
-      }
-    };
-    dialog.addEventListener("click", handleClickOutside);
-    return () => dialog.removeEventListener("click", handleClickOutside);
-  }, []);
-  useEffect(() => {
-    const handleEscape = (event) => {
-      if (event.key === "Escape") {
-        handleClose();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [handleClose]);
-  return /* @__PURE__ */ jsxDEV("div", { className: className("trigger"), children: [
-    /* @__PURE__ */ jsxDEV(
-      "button",
-      {
-        type: "button",
-        ref: triggerRef,
-        tabIndex: 0,
-        "aria-haspopup": "dialog",
-        "aria-controls": id,
-        className: className("trigger-label"),
-        onClick: handleOpen,
-        children: [
-          icon,
-          /* @__PURE__ */ jsxDEV("span", { className: className("trigger-label-text"), children: preview ?? heading }, void 0, false, {
-            fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-            lineNumber: 138,
-            columnNumber: 5
-          }, void 0)
-        ]
-      },
-      void 0,
-      true,
-      {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 128,
-        columnNumber: 4
-      },
-      void 0
-    ),
-    /* @__PURE__ */ jsxDEV("dialog", { ref: dialogRef, id, className: className("panel"), children: /* @__PURE__ */ jsxDEV("div", { className: className("panel-content"), children: [
-      /* @__PURE__ */ jsxDEV("div", { className: className("panel-header"), children: [
-        /* @__PURE__ */ jsxDEV("h2", { className: "h4", children: heading }, void 0, false, {
-          fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-          lineNumber: 146,
-          columnNumber: 7
-        }, void 0),
-        /* @__PURE__ */ jsxDEV(
-          "button",
-          {
-            type: "button",
-            onClick: handleClose,
-            className: className("close-button"),
-            "aria-label": "Close",
-            children: "✕"
-          },
-          void 0,
-          false,
-          {
-            fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-            lineNumber: 147,
-            columnNumber: 7
-          },
-          void 0
-        )
-      ] }, void 0, true, {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 145,
-        columnNumber: 6
-      }, void 0),
-      /* @__PURE__ */ jsxDEV("div", { className: className("panel-body"), children }, void 0, false, {
-        fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-        lineNumber: 156,
-        columnNumber: 6
-      }, void 0)
-    ] }, void 0, true, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-      lineNumber: 144,
-      columnNumber: 5
-    }, void 0) }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-      lineNumber: 143,
-      columnNumber: 4
-    }, void 0)
-  ] }, void 0, true, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevBar/DevBar.tsx",
-    lineNumber: 127,
-    columnNumber: 3
-  }, void 0);
-};
-export {
-  DevBar,
-  DevPanel
-};
-//# sourceMappingURL=DevBar.js.map

package/dist/development/src/ui/DevBar/DevBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevBar.js","sources":["../../../../../../packages/react-devbar/src/ui/DevBar/DevBar.tsx"],"sourcesContent":["import {\n\tuseId,\n\tuseOnElementClickOutsideCallback,\n\tuseReferentiallyStableCallback,\n\tuseWindowSize,\n} from '@contember/react-utils'\nimport { dataAttribute } from '@contember/utilities'\nimport { type PropsWithChildren, type ReactNode, useCallback, useEffect, useRef, useState } from 'react'\n\nconst className = (cls: string | null) => cls ? `cui-devBar-${cls}` : 'cui-devBar'\n\nexport const DevBar = ({\n\tbreakpoint = 768,\n\tchildren,\n}: PropsWithChildren<{\n\tbreakpoint?: number\n}>) => {\n\tconst [expanded, setExpanded] = useState(false)\n\tconst isSmallScreen = useWindowSize().width < breakpoint\n\n\tconst handleToggle = useReferentiallyStableCallback(() => {\n\t\tsetExpanded(expanded => !expanded)\n\t})\n\n\tuseEffect(() => {\n\t\tfunction handleKeyDown(event: KeyboardEvent) {\n\t\t\tif (event.code === 'KeyJ' && (event.ctrlKey || event.metaKey)) {\n\t\t\t\tevent.preventDefault()\n\t\t\t\tevent.stopPropagation()\n\n\t\t\t\thandleToggle()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleKeyDown)\n\t\treturn () => document.removeEventListener('keydown', handleKeyDown)\n\t}, [expanded, handleToggle])\n\n\tconst devBarContentRef = useRef<HTMLDivElement>(null)\n\n\tuseOnElementClickOutsideCallback(devBarContentRef, () => {\n\t\tif (expanded) {\n\t\t\tsetExpanded(false)\n\t\t}\n\t})\n\n\tconst id = `dev-bar-panel${useId()}`\n\n\treturn (\n\t\t<section\n\t\t\tdata-transparent=\"true\"\n\t\t\tdata-overrides-lucide-icons=\"true\"\n\t\t\tdata-expanded={dataAttribute(expanded)}\n\t\t\tdata-small-screen={dataAttribute(isSmallScreen)}\n\t\t\tclassName={className(null)}\n\t\t>\n\t\t\t<div ref={devBarContentRef} className={className('content')}>\n\t\t\t\t<div\n\t\t\t\t\tdata-expanded={true}\n\t\t\t\t\tid={id}\n\t\t\t\t\trole=\"dialog\"\n\t\t\t\t\tstyle={{ display: 'contents' }}\n\t\t\t\t>\n\t\t\t\t\t<div className={className('panels')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t)\n}\n\ninterface DevPanelProps {\n\ticon: ReactNode\n\theading: ReactNode\n\tchildren: ReactNode\n\tpreview?: ReactNode\n}\n\nexport const DevPanel = ({ heading, icon, children, preview }: DevPanelProps) => {\n\tconst id = `cui-devBar-panel-${useId()}`\n\tconst dialogRef = useRef<HTMLDialogElement>(null)\n\tconst triggerRef = useRef<HTMLButtonElement>(null)\n\n\tconst handleOpen = useCallback(() => {\n\t\tdialogRef.current?.showModal()\n\t}, [])\n\n\tconst handleClose = useCallback(() => {\n\t\tdialogRef.current?.close()\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst dialog = dialogRef.current\n\t\tif (!dialog) return\n\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tconst rect = dialog.getBoundingClientRect()\n\t\t\tconst isInDialog = (\n\t\t\t\trect.top <= event.clientY &&\n\t\t\t\tevent.clientY <= rect.top + rect.height &&\n\t\t\t\trect.left <= event.clientX &&\n\t\t\t\tevent.clientX <= rect.left + rect.width\n\t\t\t)\n\n\t\t\tif (!isInDialog) {\n\t\t\t\tdialog.close()\n\t\t\t}\n\t\t}\n\n\t\tdialog.addEventListener('click', handleClickOutside)\n\t\treturn () => dialog.removeEventListener('click', handleClickOutside)\n\t}, [])\n\n\tuseEffect(() => {\n\t\tconst handleEscape = (event: KeyboardEvent) => {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\thandleClose()\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('keydown', handleEscape)\n\t\treturn () => document.removeEventListener('keydown', handleEscape)\n\t}, [handleClose])\n\n\treturn (\n\t\t<div className={className('trigger')}>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tref={triggerRef}\n\t\t\t\ttabIndex={0}\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t\taria-controls={id}\n\t\t\t\tclassName={className('trigger-label')}\n\t\t\t\tonClick={handleOpen}\n\t\t\t>\n\t\t\t\t{icon}\n\t\t\t\t<span className={className('trigger-label-text')}>\n\t\t\t\t\t{preview ?? heading}\n\t\t\t\t</span>\n\t\t\t</button>\n\n\t\t\t<dialog ref={dialogRef} id={id} className={className('panel')}>\n\t\t\t\t<div className={className('panel-content')}>\n\t\t\t\t\t<div className={className('panel-header')}>\n\t\t\t\t\t\t<h2 className=\"h4\">{heading}</h2>\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={handleClose}\n\t\t\t\t\t\t\tclassName={className('close-button')}\n\t\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t✕\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={className('panel-body')}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</dialog>\n\t\t</div>\n\t)\n}\n"],"names":["expanded","this"],"mappings":";;;;AASA,MAAM,YAAY,CAAC,QAAuB,MAAM,cAAc,GAAG,KAAK;AAE/D,MAAM,SAAS,CAAC;AAAA,EACtB,aAAa;AAAA,EACb;AACD,MAEO;AACN,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AACxC,QAAA,gBAAgB,gBAAgB,QAAQ;AAExC,QAAA,eAAe,+BAA+B,MAAM;AAC7C,gBAAA,CAAAA,cAAY,CAACA,SAAQ;AAAA,EAAA,CACjC;AAED,YAAU,MAAM;AACf,aAAS,cAAc,OAAsB;AAC5C,UAAI,MAAM,SAAS,WAAW,MAAM,WAAW,MAAM,UAAU;AAC9D,cAAM,eAAe;AACrB,cAAM,gBAAgB;AAET,qBAAA;AAAA,MAAA;AAAA,IACd;AAGQ,aAAA,iBAAiB,WAAW,aAAa;AAClD,WAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,EAAA,GAChE,CAAC,UAAU,YAAY,CAAC;AAErB,QAAA,mBAAmB,OAAuB,IAAI;AAEpD,mCAAiC,kBAAkB,MAAM;AACxD,QAAI,UAAU;AACb,kBAAY,KAAK;AAAA,IAAA;AAAA,EAClB,CACA;AAEK,QAAA,KAAK,gBAAgB,MAAO,CAAA;AAGjC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,oBAAiB;AAAA,MACjB,+BAA4B;AAAA,MAC5B,iBAAe,cAAc,QAAQ;AAAA,MACrC,qBAAmB,cAAc,aAAa;AAAA,MAC9C,WAAW,UAAU,IAAI;AAAA,MAEzB,iCAAC,OAAI,EAAA,KAAK,kBAAkB,WAAW,UAAU,SAAS,GACzD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,iBAAe;AAAA,UACf;AAAA,UACA,MAAK;AAAA,UACL,OAAO,EAAE,SAAS,WAAW;AAAA,UAE7B,iCAAC,OAAI,EAAA,WAAW,UAAU,QAAQ,GAChC,SADF,GAAA,QAAA,OAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAEAC,MAAA;AAAA,QAAA;AAAA,QARD;AAAA,QAAA;AAAA,QAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA;AAAA,QAAAA;AAAAA,MAAA,KADD,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAWAA,MAAA;AAAA,IAAA;AAAA,IAlBD;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAmBA;AAEF;AASO,MAAM,WAAW,CAAC,EAAE,SAAS,MAAM,UAAU,cAA6B;AAC1E,QAAA,KAAK,oBAAoB,MAAO,CAAA;AAChC,QAAA,YAAY,OAA0B,IAAI;AAC1C,QAAA,aAAa,OAA0B,IAAI;AAE3C,QAAA,aAAa,YAAY,MAAM;AACpC,cAAU,SAAS,UAAU;AAAA,EAC9B,GAAG,EAAE;AAEC,QAAA,cAAc,YAAY,MAAM;AACrC,cAAU,SAAS,MAAM;AAAA,EAC1B,GAAG,EAAE;AAEL,YAAU,MAAM;AACf,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ;AAEP,UAAA,qBAAqB,CAAC,UAAsB;AAC3C,YAAA,OAAO,OAAO,sBAAsB;AAC1C,YAAM,aACL,KAAK,OAAO,MAAM,WAClB,MAAM,WAAW,KAAK,MAAM,KAAK,UACjC,KAAK,QAAQ,MAAM,WACnB,MAAM,WAAW,KAAK,OAAO,KAAK;AAGnC,UAAI,CAAC,YAAY;AAChB,eAAO,MAAM;AAAA,MAAA;AAAA,IAEf;AAEO,WAAA,iBAAiB,SAAS,kBAAkB;AACnD,WAAO,MAAM,OAAO,oBAAoB,SAAS,kBAAkB;AAAA,EACpE,GAAG,EAAE;AAEL,YAAU,MAAM;AACT,UAAA,eAAe,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACf,oBAAA;AAAA,MAAA;AAAA,IAEd;AAES,aAAA,iBAAiB,WAAW,YAAY;AACjD,WAAO,MAAM,SAAS,oBAAoB,WAAW,YAAY;AAAA,EAAA,GAC/D,CAAC,WAAW,CAAC;AAEhB,SACE,uBAAA,OAAA,EAAI,WAAW,UAAU,SAAS,GAClC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,KAAK;AAAA,QACL,UAAU;AAAA,QACV,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,WAAW,UAAU,eAAe;AAAA,QACpC,SAAS;AAAA,QAER,UAAA;AAAA,UAAA;AAAA,iCACA,QAAK,EAAA,WAAW,UAAU,oBAAoB,GAC7C,qBAAW,QADb,GAAA,QAAA,OAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA,GAEAA,MAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAZD;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAAA;AAAAA,IAaA;AAAA,IAEC,uBAAA,UAAA,EAAO,KAAK,WAAW,IAAQ,WAAW,UAAU,OAAO,GAC3D,UAAC,uBAAA,OAAA,EAAI,WAAW,UAAU,eAAe,GACxC,UAAA;AAAA,MAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,cAAc,GACvC,UAAA;AAAA,QAAC,uBAAA,MAAA,EAAG,WAAU,MAAM,UAApB,QAAA,GAAA,QAAA,OAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAA4B,GAAAA,MAAA;AAAA,QAC5B;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAW,UAAU,cAAc;AAAA,YACnC,cAAW;AAAA,YACX,UAAA;AAAA,UAAA;AAAA,UALD;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAA;AAAAA,QAAA;AAAA,MAOA,KATD,QAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAUA,GAAAA,MAAA;AAAA,6BACC,OAAI,EAAA,WAAW,UAAU,YAAY,GACpC,SADF,GAAA,QAAA,OAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAEAA,MAAA;AAAA,IAAA,KAdD,QAAA,MAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAAA,MAeA,EAhBD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAiBAA,MAAA;AAAA,EAAA,KAjCD,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAkCA,GAAAA,MAAA;AAEF;"}

package/dist/development/src/ui/DevError/DevError.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const DevErrorInner = require("./DevErrorInner.cjs");
-const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
-function DevError(props) {
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("in"), children: [
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("bar"), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className("errorSource"), children: props.source }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-      lineNumber: 14,
-      columnNumber: 6
-    }, this) }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-      lineNumber: 13,
-      columnNumber: 5
-    }, this),
-    /* @__PURE__ */ jsxDevRuntime.jsxDEV(DevErrorInner.DevErrorInner, { error: props.error }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-      lineNumber: 16,
-      columnNumber: 5
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-    lineNumber: 12,
-    columnNumber: 4
-  }, this) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-    lineNumber: 11,
-    columnNumber: 3
-  }, this);
-}
-exports.DevError = DevError;
-//# sourceMappingURL=DevError.cjs.map

package/dist/development/src/ui/DevError/DevError.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevError.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevError.tsx"],"sourcesContent":["import { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevError(props: DevErrorProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":["jsxDEV","DevErrorInner"],"mappings":";;;;AAMA,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAElE,SAAS,SAAS,OAAsB;AAE7C,SAAAA,8BAAA,OAAC,OAAI,EAAA,WAAW,UAAU,GACzB,+CAAC,OAAI,EAAA,WAAW,UAAU,IAAI,GAC7B,UAAA;AAAA,IAAAA,qCAAC,OAAI,EAAA,WAAW,UAAU,KAAK,GAC9B,UAAAA,8BAAAA,OAAC,OAAI,EAAA,WAAW,UAAU,aAAa,GAAI,UAAA,MAAM,OAAjD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAwD,EADzD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAEA,GAAA,IAAA;AAAA,IACCA,qCAAAC,cAAAA,eAAA,EAAc,OAAO,MAAM,SAA5B,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAmC,IAAA;AAAA,EAAA,KAJpC,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAA,IAAA;AAEF;;"}

package/dist/development/src/ui/DevError/DevError.js

@@ -1,33 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { DevErrorInner } from "./DevErrorInner.js";
-const className = (cls) => cls ? `cui-devError-${cls}` : "cui-devError";
-function DevError(props) {
-  return /* @__PURE__ */ jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDEV("div", { className: className("in"), children: [
-    /* @__PURE__ */ jsxDEV("div", { className: className("bar"), children: /* @__PURE__ */ jsxDEV("div", { className: className("errorSource"), children: props.source }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-      lineNumber: 14,
-      columnNumber: 6
-    }, this) }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-      lineNumber: 13,
-      columnNumber: 5
-    }, this),
-    /* @__PURE__ */ jsxDEV(DevErrorInner, { error: props.error }, void 0, false, {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-      lineNumber: 16,
-      columnNumber: 5
-    }, this)
-  ] }, void 0, true, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-    lineNumber: 12,
-    columnNumber: 4
-  }, this) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevError.tsx",
-    lineNumber: 11,
-    columnNumber: 3
-  }, this);
-}
-export {
-  DevError
-};
-//# sourceMappingURL=DevError.js.map

package/dist/development/src/ui/DevError/DevError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevError.js","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevError.tsx"],"sourcesContent":["import { DevErrorInner, DevErrorInnerProps } from './DevErrorInner'\n\nexport interface DevErrorProps extends DevErrorInnerProps {\n\tsource: string\n}\n\nconst className = (cls?: string | null) => cls ? `cui-devError-${cls}` : 'cui-devError'\n\nexport function DevError(props: DevErrorProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<div className={className('in')}>\n\t\t\t\t<div className={className('bar')}>\n\t\t\t\t\t<div className={className('errorSource')}>{props.source}</div>\n\t\t\t\t</div>\n\t\t\t\t<DevErrorInner error={props.error} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";;AAMA,MAAM,YAAY,CAAC,QAAwB,MAAM,gBAAgB,GAAG,KAAK;AAElE,SAAS,SAAS,OAAsB;AAE7C,SAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,GACzB,iCAAC,OAAI,EAAA,WAAW,UAAU,IAAI,GAC7B,UAAA;AAAA,IAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,KAAK,GAC9B,UAAA,uBAAC,OAAI,EAAA,WAAW,UAAU,aAAa,GAAI,UAAA,MAAM,OAAjD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAA,IAAwD,EADzD,GAAA,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAEA,GAAA,IAAA;AAAA,IACC,uBAAA,eAAA,EAAc,OAAO,MAAM,SAA5B,QAAA,OAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA,GAAmC,IAAA;AAAA,EAAA,KAJpC,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAKA,EAND,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAOA,GAAA,IAAA;AAEF;"}

package/dist/development/src/ui/DevError/DevErrorBadge.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const className = (cls) => cls ? `cui-devErrorBadge-${cls}` : "cui-devErrorBadge";
-function DevErrorBadge({ errorCount, onOpen, onClear }) {
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDevRuntime.jsxDEV("a", { className: className("button"), onClick: onOpen, children: [
-    errorCount,
-    " ",
-    errorCount > 1 ? "errors" : "error"
-  ] }, void 0, true, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
-    lineNumber: 13,
-    columnNumber: 4
-  }, this) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
-    lineNumber: 12,
-    columnNumber: 3
-  }, this);
-}
-exports.DevErrorBadge = DevErrorBadge;
-//# sourceMappingURL=DevErrorBadge.cjs.map

package/dist/development/src/ui/DevError/DevErrorBadge.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevErrorBadge.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["export interface DevErrorBadgeProps {\n\tonOpen: () => void\n\tonClear: () => void\n\terrorCount: number\n}\n\n\nconst className = (cls?: string | null) => cls ? `cui-devErrorBadge-${cls}` : 'cui-devErrorBadge'\n\nexport function DevErrorBadge({ errorCount, onOpen, onClear }: DevErrorBadgeProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<a className={className('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":["jsxDEV"],"mappings":";;;AAOA,MAAM,YAAY,CAAC,QAAwB,MAAM,qBAAqB,GAAG,KAAK;AAEvE,SAAS,cAAc,EAAE,YAAY,QAAQ,WAA+B;AAClF,SACEA,8BAAAA,OAAA,OAAA,EAAI,WAAW,UAAA,GACf,UAAAA,8BAAA,OAAC,KAAE,EAAA,WAAW,UAAU,QAAQ,GAAG,SAAS,QAC1C,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,KAD3C,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAA,IAAA;AAEF;;"}

package/dist/development/src/ui/DevError/DevErrorBadge.js

@@ -1,21 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-const className = (cls) => cls ? `cui-devErrorBadge-${cls}` : "cui-devErrorBadge";
-function DevErrorBadge({ errorCount, onOpen, onClear }) {
-  return /* @__PURE__ */ jsxDEV("div", { className: className(), children: /* @__PURE__ */ jsxDEV("a", { className: className("button"), onClick: onOpen, children: [
-    errorCount,
-    " ",
-    errorCount > 1 ? "errors" : "error"
-  ] }, void 0, true, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
-    lineNumber: 13,
-    columnNumber: 4
-  }, this) }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx",
-    lineNumber: 12,
-    columnNumber: 3
-  }, this);
-}
-export {
-  DevErrorBadge
-};
-//# sourceMappingURL=DevErrorBadge.js.map

package/dist/development/src/ui/DevError/DevErrorBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevErrorBadge.js","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorBadge.tsx"],"sourcesContent":["export interface DevErrorBadgeProps {\n\tonOpen: () => void\n\tonClear: () => void\n\terrorCount: number\n}\n\n\nconst className = (cls?: string | null) => cls ? `cui-devErrorBadge-${cls}` : 'cui-devErrorBadge'\n\nexport function DevErrorBadge({ errorCount, onOpen, onClear }: DevErrorBadgeProps) {\n\treturn (\n\t\t<div className={className()}>\n\t\t\t<a className={className('button')} onClick={onOpen}>\n\t\t\t\t{errorCount} {errorCount > 1 ? 'errors' : 'error'}\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":[],"mappings":";AAOA,MAAM,YAAY,CAAC,QAAwB,MAAM,qBAAqB,GAAG,KAAK;AAEvE,SAAS,cAAc,EAAE,YAAY,QAAQ,WAA+B;AAClF,SACE,uBAAA,OAAA,EAAI,WAAW,UAAA,GACf,UAAA,uBAAC,KAAE,EAAA,WAAW,UAAU,QAAQ,GAAG,SAAS,QAC1C,UAAA;AAAA,IAAA;AAAA,IAAW;AAAA,IAAE,aAAa,IAAI,WAAW;AAAA,EAAA,KAD3C,QAAA,MAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAEA,EAHD,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAIA,GAAA,IAAA;AAEF;"}

package/dist/development/src/ui/DevError/DevErrorCopy.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const useCopyErrorMarkdown = require("../../hooks/useCopyErrorMarkdown.cjs");
-const DevErrorCopy = ({ currentError, currentErrorSource }) => {
-  const { copyStatus, handleCopyMarkdown, isClipboardSupported } = useCopyErrorMarkdown.useCopyErrorMarkdown({ currentError, currentErrorSource });
-  if (!isClipboardSupported) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-    "button",
-    {
-      type: "button",
-      className: "cui-devError-copyButton",
-      onClick: handleCopyMarkdown,
-      disabled: copyStatus === "copying",
-      title: "Copy current error as Markdown",
-      children: {
-        success: "Copied!",
-        copying: "Copying...",
-        error: "❌ Copy Failed",
-        idle: "Copy as Markdown"
-      }[copyStatus]
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorCopy.tsx",
-      lineNumber: 15,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-exports.DevErrorCopy = DevErrorCopy;
-//# sourceMappingURL=DevErrorCopy.cjs.map

package/dist/development/src/ui/DevError/DevErrorCopy.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevErrorCopy.cjs","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorCopy.tsx"],"sourcesContent":["import { useCopyErrorMarkdown } from '../../hooks/useCopyErrorMarkdown'\nimport { ProcessedError } from './types'\n\nexport const DevErrorCopy = ({ currentError, currentErrorSource }: {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n}) => {\n\tconst { copyStatus, handleCopyMarkdown, isClipboardSupported } = useCopyErrorMarkdown({ currentError, currentErrorSource })\n\n\tif (!isClipboardSupported) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName=\"cui-devError-copyButton\"\n\t\t\tonClick={handleCopyMarkdown}\n\t\t\tdisabled={copyStatus === 'copying'}\n\t\t\ttitle=\"Copy current error as Markdown\"\n\t\t>\n\t\t\t{({\n\t\t\t\tsuccess: 'Copied!',\n\t\t\t\tcopying: 'Copying...',\n\t\t\t\terror: '❌ Copy Failed',\n\t\t\t\tidle: 'Copy as Markdown',\n\t\t\t}[copyStatus])}\n\t\t</button>\n\t)\n\n}\n"],"names":["useCopyErrorMarkdown","jsxDEV","this"],"mappings":";;;;AAGO,MAAM,eAAe,CAAC,EAAE,cAAc,yBAGvC;AACC,QAAA,EAAE,YAAY,oBAAoB,qBAAA,IAAyBA,qBAAAA,qBAAqB,EAAE,cAAc,oBAAoB;AAE1H,MAAI,CAAC,sBAAsB;AACnB,WAAA;AAAA,EAAA;AAIP,SAAAC,8BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU,eAAe;AAAA,MACzB,OAAM;AAAA,MAEJ,UAAA;AAAA,QACD,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA,EACL,UAAU;AAAA,IAAA;AAAA,IAZb;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAaA;AAGF;;"}

package/dist/development/src/ui/DevError/DevErrorCopy.js

@@ -1,36 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useCopyErrorMarkdown } from "../../hooks/useCopyErrorMarkdown.js";
-const DevErrorCopy = ({ currentError, currentErrorSource }) => {
-  const { copyStatus, handleCopyMarkdown, isClipboardSupported } = useCopyErrorMarkdown({ currentError, currentErrorSource });
-  if (!isClipboardSupported) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxDEV(
-    "button",
-    {
-      type: "button",
-      className: "cui-devError-copyButton",
-      onClick: handleCopyMarkdown,
-      disabled: copyStatus === "copying",
-      title: "Copy current error as Markdown",
-      children: {
-        success: "Copied!",
-        copying: "Copying...",
-        error: "❌ Copy Failed",
-        idle: "Copy as Markdown"
-      }[copyStatus]
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-devbar/src/ui/DevError/DevErrorCopy.tsx",
-      lineNumber: 15,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-export {
-  DevErrorCopy
-};
-//# sourceMappingURL=DevErrorCopy.js.map

package/dist/development/src/ui/DevError/DevErrorCopy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DevErrorCopy.js","sources":["../../../../../../packages/react-devbar/src/ui/DevError/DevErrorCopy.tsx"],"sourcesContent":["import { useCopyErrorMarkdown } from '../../hooks/useCopyErrorMarkdown'\nimport { ProcessedError } from './types'\n\nexport const DevErrorCopy = ({ currentError, currentErrorSource }: {\n\tcurrentError: ProcessedError\n\tcurrentErrorSource: string\n}) => {\n\tconst { copyStatus, handleCopyMarkdown, isClipboardSupported } = useCopyErrorMarkdown({ currentError, currentErrorSource })\n\n\tif (!isClipboardSupported) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName=\"cui-devError-copyButton\"\n\t\t\tonClick={handleCopyMarkdown}\n\t\t\tdisabled={copyStatus === 'copying'}\n\t\t\ttitle=\"Copy current error as Markdown\"\n\t\t>\n\t\t\t{({\n\t\t\t\tsuccess: 'Copied!',\n\t\t\t\tcopying: 'Copying...',\n\t\t\t\terror: '❌ Copy Failed',\n\t\t\t\tidle: 'Copy as Markdown',\n\t\t\t}[copyStatus])}\n\t\t</button>\n\t)\n\n}\n"],"names":["this"],"mappings":";;AAGO,MAAM,eAAe,CAAC,EAAE,cAAc,yBAGvC;AACC,QAAA,EAAE,YAAY,oBAAoB,qBAAA,IAAyB,qBAAqB,EAAE,cAAc,oBAAoB;AAE1H,MAAI,CAAC,sBAAsB;AACnB,WAAA;AAAA,EAAA;AAIP,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU,eAAe;AAAA,MACzB,OAAM;AAAA,MAEJ,UAAA;AAAA,QACD,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA,EACL,UAAU;AAAA,IAAA;AAAA,IAZb;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAaA;AAGF;"}