@copilotkit/react-textarea 0.28.0-alpha.7 → 0.28.0-alpha.9

package/dist/components/copilot-textarea/copilot-textarea.mjs

@@ -1,45 +1,49 @@
-export { CopilotTextarea } from '../../chunk-SNQEBH5I.mjs';
-import '../../chunk-RT4UTBH3.mjs';
-import '../../chunk-QCPS6IYI.mjs';
-import '../../chunk-RUV6NBIF.mjs';
-import '../../chunk-AZHILHKM.mjs';
-import '../../chunk-4OJ3H65F.mjs';
-import '../../chunk-RKQ6RTZM.mjs';
-import '../../chunk-KDVMG3XF.mjs';
-import '../../chunk-B6TKVDDY.mjs';
-import '../../chunk-DRV2FOHZ.mjs';
-import '../../chunk-4NHVQZ67.mjs';
-import '../../chunk-VPEH6V7T.mjs';
-import '../../chunk-2C7O2EVM.mjs';
-import '../../chunk-GQN2HYFJ.mjs';
-import '../../chunk-5UNJXFUO.mjs';
-import '../../chunk-72P3KOHZ.mjs';
-import '../../chunk-JJLQVT7S.mjs';
-import '../../chunk-LQ2OWQU7.mjs';
-import '../../chunk-7LSRNPNI.mjs';
-import '../../chunk-5J3UZV77.mjs';
-import '../../chunk-L7VVZH4Q.mjs';
-import '../../chunk-BBZ7AWOB.mjs';
-import '../../chunk-VB4VNCIQ.mjs';
-import '../../chunk-SX6NY5FW.mjs';
-import '../../chunk-3PQ7GSFE.mjs';
-import '../../chunk-WFTAAA7R.mjs';
-import '../../chunk-KFQZHRPJ.mjs';
-import '../../chunk-LYB4B6MK.mjs';
-import '../../chunk-P4QVFRLY.mjs';
-import '../../chunk-FJNUPSQK.mjs';
-import '../../chunk-WTASPE2W.mjs';
-import '../../chunk-PTZVE6NC.mjs';
-import '../../chunk-2QDCE7PD.mjs';
-import '../../chunk-7SUZ6CXM.mjs';
-import '../../chunk-WJHSY5T6.mjs';
-import '../../chunk-FP2EKU3L.mjs';
-import '../../chunk-224UKA7C.mjs';
-import '../../chunk-XW3ICO4S.mjs';
-import '../../chunk-M2DR4KVB.mjs';
-import '../../chunk-T6MTDQZ7.mjs';
-import '../../chunk-ECR45NSD.mjs';
-import '../../chunk-KNQIEOFP.mjs';
-import '../../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
+import {
+  CopilotTextarea
+} from "../../chunk-SNQEBH5I.mjs";
+import "../../chunk-RT4UTBH3.mjs";
+import "../../chunk-QCPS6IYI.mjs";
+import "../../chunk-RUV6NBIF.mjs";
+import "../../chunk-AZHILHKM.mjs";
+import "../../chunk-4OJ3H65F.mjs";
+import "../../chunk-RKQ6RTZM.mjs";
+import "../../chunk-KDVMG3XF.mjs";
+import "../../chunk-B6TKVDDY.mjs";
+import "../../chunk-DRV2FOHZ.mjs";
+import "../../chunk-4NHVQZ67.mjs";
+import "../../chunk-VPEH6V7T.mjs";
+import "../../chunk-2C7O2EVM.mjs";
+import "../../chunk-GQN2HYFJ.mjs";
+import "../../chunk-5UNJXFUO.mjs";
+import "../../chunk-72P3KOHZ.mjs";
+import "../../chunk-JJLQVT7S.mjs";
+import "../../chunk-LQ2OWQU7.mjs";
+import "../../chunk-7LSRNPNI.mjs";
+import "../../chunk-5J3UZV77.mjs";
+import "../../chunk-L7VVZH4Q.mjs";
+import "../../chunk-BBZ7AWOB.mjs";
+import "../../chunk-VB4VNCIQ.mjs";
+import "../../chunk-SX6NY5FW.mjs";
+import "../../chunk-3PQ7GSFE.mjs";
+import "../../chunk-WFTAAA7R.mjs";
+import "../../chunk-KFQZHRPJ.mjs";
+import "../../chunk-LYB4B6MK.mjs";
+import "../../chunk-P4QVFRLY.mjs";
+import "../../chunk-FJNUPSQK.mjs";
+import "../../chunk-WTASPE2W.mjs";
+import "../../chunk-PTZVE6NC.mjs";
+import "../../chunk-2QDCE7PD.mjs";
+import "../../chunk-7SUZ6CXM.mjs";
+import "../../chunk-WJHSY5T6.mjs";
+import "../../chunk-FP2EKU3L.mjs";
+import "../../chunk-224UKA7C.mjs";
+import "../../chunk-XW3ICO4S.mjs";
+import "../../chunk-M2DR4KVB.mjs";
+import "../../chunk-T6MTDQZ7.mjs";
+import "../../chunk-ECR45NSD.mjs";
+import "../../chunk-KNQIEOFP.mjs";
+import "../../chunk-MRXNTQOX.mjs";
+export {
+  CopilotTextarea
+};
 //# sourceMappingURL=copilot-textarea.mjs.map

package/dist/components/copilot-textarea/copilot-textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/hovering-toolbar/hovering-editor-provider.js

@@ -1,21 +1,44 @@
-'use strict';
-
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/hovering-toolbar/hovering-editor-provider.tsx
-var HoveringEditorContext = react.createContext({
+var hovering_editor_provider_exports = {};
+__export(hovering_editor_provider_exports, {
+  HoveringEditorProvider: () => HoveringEditorProvider,
+  useHoveringEditorContext: () => useHoveringEditorContext
+});
+module.exports = __toCommonJS(hovering_editor_provider_exports);
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HoveringEditorContext = (0, import_react.createContext)({
   isDisplayed: false,
   setIsDisplayed: () => {
   }
 });
 var HoveringEditorProvider = ({ children }) => {
-  const [isDisplayed, setIsDisplayed] = react.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
+  const [isDisplayed, setIsDisplayed] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HoveringEditorContext.Provider, { value: { isDisplayed, setIsDisplayed }, children });
 };
-var useHoveringEditorContext = () => react.useContext(HoveringEditorContext);
-
-exports.HoveringEditorProvider = HoveringEditorProvider;
-exports.useHoveringEditorContext = useHoveringEditorContext;
-//# sourceMappingURL=out.js.map
+var useHoveringEditorContext = () => (0, import_react.useContext)(HoveringEditorContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoveringEditorProvider,
+  useHoveringEditorContext
+});
 //# sourceMappingURL=hovering-editor-provider.js.map

package/dist/components/hovering-toolbar/hovering-editor-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hovering-toolbar/hovering-editor-provider.tsx"],"names":[],"mappings":";AAAA,SAAS,eAAe,UAAU,kBAA6B;AAwB3D;AAjBJ,IAAM,wBAAwB,cAA0C;AAAA,EACtE,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAUM,IAAM,yBAAyB,CAAC,EAAE,SAAS,MAAmC;AACnF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAkB,KAAK;AAE7D,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,aAAa,eAAe,GAClE,UACH;AAEJ;AAEO,IAAM,2BAA2B,MAAM,WAAW,qBAAqB","sourcesContent":["import { createContext, useState, useContext, ReactNode } from \"react\";\n\ninterface HoveringEditorContextProps {\n  isDisplayed: boolean;\n  setIsDisplayed: (value: boolean) => void;\n}\n\nconst HoveringEditorContext = createContext<HoveringEditorContextProps>({\n  isDisplayed: false,\n  setIsDisplayed: () => {},\n});\n\nexport interface HoveringEditorProviderProps {\n  children: ReactNode;\n}\n\n/**\n * A context provider for the hovering editor over the `CopilotTextarea`\n * (used to edit and insert text into the `CopilotTextarea`).\n */\nexport const HoveringEditorProvider = ({ children }: HoveringEditorProviderProps) => {\n  const [isDisplayed, setIsDisplayed] = useState<boolean>(false);\n\n  return (\n    <HoveringEditorContext.Provider value={{ isDisplayed, setIsDisplayed }}>\n      {children}\n    </HoveringEditorContext.Provider>\n  );\n};\n\nexport const useHoveringEditorContext = () => useContext(HoveringEditorContext);\n"]}
+{"version":3,"sources":["../../../src/components/hovering-toolbar/hovering-editor-provider.tsx"],"sourcesContent":["import { createContext, useState, useContext, ReactNode } from \"react\";\n\ninterface HoveringEditorContextProps {\n  isDisplayed: boolean;\n  setIsDisplayed: (value: boolean) => void;\n}\n\nconst HoveringEditorContext = createContext<HoveringEditorContextProps>({\n  isDisplayed: false,\n  setIsDisplayed: () => {},\n});\n\nexport interface HoveringEditorProviderProps {\n  children: ReactNode;\n}\n\n/**\n * A context provider for the hovering editor over the `CopilotTextarea`\n * (used to edit and insert text into the `CopilotTextarea`).\n */\nexport const HoveringEditorProvider = ({ children }: HoveringEditorProviderProps) => {\n  const [isDisplayed, setIsDisplayed] = useState<boolean>(false);\n\n  return (\n    <HoveringEditorContext.Provider value={{ isDisplayed, setIsDisplayed }}>\n      {children}\n    </HoveringEditorContext.Provider>\n  );\n};\n\nexport const useHoveringEditorContext = () => useContext(HoveringEditorContext);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+D;AAwB3D;AAjBJ,IAAM,4BAAwB,4BAA0C;AAAA,EACtE,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EAAC;AACzB,CAAC;AAUM,IAAM,yBAAyB,CAAC,EAAE,SAAS,MAAmC;AACnF,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAE7D,SACE,4CAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,aAAa,eAAe,GAClE,UACH;AAEJ;AAEO,IAAM,2BAA2B,UAAM,yBAAW,qBAAqB;","names":[]}

package/dist/components/hovering-toolbar/hovering-editor-provider.mjs

@@ -1,4 +1,10 @@
-export { HoveringEditorProvider, useHoveringEditorContext } from '../../chunk-LYB4B6MK.mjs';
-import '../../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
+import {
+  HoveringEditorProvider,
+  useHoveringEditorContext
+} from "../../chunk-LYB4B6MK.mjs";
+import "../../chunk-MRXNTQOX.mjs";
+export {
+  HoveringEditorProvider,
+  useHoveringEditorContext
+};
 //# sourceMappingURL=hovering-editor-provider.mjs.map

package/dist/components/hovering-toolbar/hovering-editor-provider.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/hovering-toolbar/hovering-toolbar-components.js

@@ -1,19 +1,12 @@
-'use strict';
-
-var css = require('@emotion/css');
-var React = require('react');
-var ReactDOM = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
-
+"use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -41,7 +34,43 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var Button = React__default.default.forwardRef(
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/hovering-toolbar/hovering-toolbar-components.tsx
+var hovering_toolbar_components_exports = {};
+__export(hovering_toolbar_components_exports, {
+  Button: () => Button,
+  Icon: () => Icon,
+  Menu: () => Menu,
+  Portal: () => Portal,
+  Toolbar: () => Toolbar
+});
+module.exports = __toCommonJS(hovering_toolbar_components_exports);
+var import_css = require("@emotion/css");
+var import_react = __toESM(require("react"));
+var import_react_dom = __toESM(require("react-dom"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
@@ -52,13 +81,13 @@ var Button = React__default.default.forwardRef(
       "active",
       "reversed"
     ]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           cursor: pointer;
           color: ${reversed ? active ? "white" : "#aaa" : active ? "black" : "#ccc"};
         `
@@ -67,17 +96,17 @@ var Button = React__default.default.forwardRef(
     );
   }
 );
-var Icon = React__default.default.forwardRef(
+var Icon = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "span",
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           "material-icons",
           className,
-          css.css`
+          import_css.css`
           font-size: 18px;
           vertical-align: text-bottom;
         `
@@ -86,17 +115,17 @@ var Icon = React__default.default.forwardRef(
     );
   }
 );
-var Menu = React__default.default.forwardRef(
+var Menu = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       __spreadProps(__spreadValues({}, props), {
         "data-test-id": "menu",
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           & > * {
             display: inline-block;
           }
@@ -111,18 +140,18 @@ var Menu = React__default.default.forwardRef(
   }
 );
 var Portal = ({ children }) => {
-  return typeof document === "object" ? ReactDOM__default.default.createPortal(children, document.body) : null;
+  return typeof document === "object" ? import_react_dom.default.createPortal(children, document.body) : null;
 };
-var Toolbar = React__default.default.forwardRef(
+var Toolbar = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Menu,
       __spreadProps(__spreadValues({}, props), {
         ref,
-        className: css.cx(
+        className: (0, import_css.cx)(
           className,
-          css.css`
+          import_css.css`
           position: relative;
           padding: 1px 18px 17px;
           margin: 0 -20px;
@@ -134,11 +163,12 @@ var Toolbar = React__default.default.forwardRef(
     );
   }
 );
-
-exports.Button = Button;
-exports.Icon = Icon;
-exports.Menu = Menu;
-exports.Portal = Portal;
-exports.Toolbar = Toolbar;
-//# sourceMappingURL=out.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Icon,
+  Menu,
+  Portal,
+  Toolbar
+});
 //# sourceMappingURL=hovering-toolbar-components.js.map

package/dist/components/hovering-toolbar/hovering-toolbar-components.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/hovering-toolbar/hovering-toolbar-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,KAAK,UAAU;AACxB,OAAO,WAAuC;AAC9C,OAAO,cAAc;AAsBjB;AAfG,IAAM,SAAS,MAAM;AAAA,EAC1B,CACE,IAWA,QACA;AAZA,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,IAdN,IAWI,IAIK,kBAJL,IAIK;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAUF;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA,mBAEW,WAAY,SAAS,UAAU,SAAU,SAAS,UAAU;AAAA;AAAA,QAEzE;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,IAAuD,QAAkC;AAAzF,iBAAE,YAvCL,IAuCG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,QAIF;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,MAAM;AAAA,EACxB,CAAC,IAAuD,QAAiC;AAAxF,iBAAE,YAxDL,IAwDG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC,gBAAa;AAAA,QACb;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASF;AAAA;AAAA,IACF;AAAA;AAEJ;AACO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAqC;AACrE,SAAO,OAAO,aAAa,WAAW,SAAS,aAAa,UAAU,SAAS,IAAI,IAAI;AACzF;AAEO,IAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,IAAuD,QAA2B;AAAlF,iBAAE,YAjFL,IAiFG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOF;AAAA;AAAA,IACF;AAAA;AAEJ","sourcesContent":["import { css, cx } from \"@emotion/css\";\nimport React, { PropsWithChildren, Ref } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface BaseProps {\n  className: string;\n  [key: string]: unknown;\n}\n\nexport const Button = React.forwardRef(\n  (\n    {\n      className,\n      active,\n      reversed,\n      ...props\n    }: PropsWithChildren<\n      {\n        active: boolean;\n        reversed: boolean;\n      } & BaseProps\n    >,\n    ref: Ref<HTMLSpanElement | null>,\n  ) => (\n    <span\n      {...props}\n      ref={ref as Ref<HTMLSpanElement>}\n      className={cx(\n        className,\n        css`\n          cursor: pointer;\n          color: ${reversed ? (active ? \"white\" : \"#aaa\") : active ? \"black\" : \"#ccc\"};\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Icon = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLSpanElement | null>) => (\n    <span\n      {...props}\n      ref={ref as Ref<HTMLSpanElement>}\n      className={cx(\n        \"material-icons\",\n        className,\n        css`\n          font-size: 18px;\n          vertical-align: text-bottom;\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Menu = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLDivElement | null>) => (\n    <div\n      {...props}\n      data-test-id=\"menu\"\n      ref={ref as Ref<HTMLDivElement>}\n      className={cx(\n        className,\n        css`\n          & > * {\n            display: inline-block;\n          }\n\n          & > * + * {\n            margin-left: 15px;\n          }\n        `,\n      )}\n    />\n  ),\n);\nexport const Portal = ({ children }: { children: React.ReactNode }) => {\n  return typeof document === \"object\" ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref?: Ref<HTMLDivElement>) => (\n    <Menu\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          position: relative;\n          padding: 1px 18px 17px;\n          margin: 0 -20px;\n          border-bottom: 2px solid #eee;\n          margin-bottom: 20px;\n        `,\n      )}\n    />\n  ),\n);\n"]}
+{"version":3,"sources":["../../../src/components/hovering-toolbar/hovering-toolbar-components.tsx"],"sourcesContent":["import { css, cx } from \"@emotion/css\";\nimport React, { PropsWithChildren, Ref } from \"react\";\nimport ReactDOM from \"react-dom\";\n\ninterface BaseProps {\n  className: string;\n  [key: string]: unknown;\n}\n\nexport const Button = React.forwardRef(\n  (\n    {\n      className,\n      active,\n      reversed,\n      ...props\n    }: PropsWithChildren<\n      {\n        active: boolean;\n        reversed: boolean;\n      } & BaseProps\n    >,\n    ref: Ref<HTMLSpanElement | null>,\n  ) => (\n    <span\n      {...props}\n      ref={ref as Ref<HTMLSpanElement>}\n      className={cx(\n        className,\n        css`\n          cursor: pointer;\n          color: ${reversed ? (active ? \"white\" : \"#aaa\") : active ? \"black\" : \"#ccc\"};\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Icon = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLSpanElement | null>) => (\n    <span\n      {...props}\n      ref={ref as Ref<HTMLSpanElement>}\n      className={cx(\n        \"material-icons\",\n        className,\n        css`\n          font-size: 18px;\n          vertical-align: text-bottom;\n        `,\n      )}\n    />\n  ),\n);\n\nexport const Menu = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref: Ref<HTMLDivElement | null>) => (\n    <div\n      {...props}\n      data-test-id=\"menu\"\n      ref={ref as Ref<HTMLDivElement>}\n      className={cx(\n        className,\n        css`\n          & > * {\n            display: inline-block;\n          }\n\n          & > * + * {\n            margin-left: 15px;\n          }\n        `,\n      )}\n    />\n  ),\n);\nexport const Portal = ({ children }: { children: React.ReactNode }) => {\n  return typeof document === \"object\" ? ReactDOM.createPortal(children, document.body) : null;\n};\n\nexport const Toolbar = React.forwardRef(\n  ({ className, ...props }: PropsWithChildren<BaseProps>, ref?: Ref<HTMLDivElement>) => (\n    <Menu\n      {...props}\n      ref={ref}\n      className={cx(\n        className,\n        css`\n          position: relative;\n          padding: 1px 18px 17px;\n          margin: 0 -20px;\n          border-bottom: 2px solid #eee;\n          margin-bottom: 20px;\n        `,\n      )}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAwB;AACxB,mBAA8C;AAC9C,uBAAqB;AAsBjB;AAfG,IAAM,SAAS,aAAAA,QAAM;AAAA,EAC1B,CACE,IAWA,QACA;AAZA,iBACE;AAAA;AAAA,MACA;AAAA,MACA;AAAA,IAdN,IAWI,IAIK,kBAJL,IAIK;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAUF;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA,mBAEW,WAAY,SAAS,UAAU,SAAU,SAAS,UAAU;AAAA;AAAA,QAEzE;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,aAAAA,QAAM;AAAA,EACxB,CAAC,IAAuD,QAAkC;AAAzF,iBAAE,YAvCL,IAuCG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,QAIF;AAAA;AAAA,IACF;AAAA;AAEJ;AAEO,IAAM,OAAO,aAAAA,QAAM;AAAA,EACxB,CAAC,IAAuD,QAAiC;AAAxF,iBAAE,YAxDL,IAwDG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC,gBAAa;AAAA,QACb;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QASF;AAAA;AAAA,IACF;AAAA;AAEJ;AACO,IAAM,SAAS,CAAC,EAAE,SAAS,MAAqC;AACrE,SAAO,OAAO,aAAa,WAAW,iBAAAC,QAAS,aAAa,UAAU,SAAS,IAAI,IAAI;AACzF;AAEO,IAAM,UAAU,aAAAD,QAAM;AAAA,EAC3B,CAAC,IAAuD,QAA2B;AAAlF,iBAAE,YAjFL,IAiFG,IAAgB,kBAAhB,IAAgB,CAAd;AACD;AAAA,MAAC;AAAA,uCACK,QADL;AAAA,QAEC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOF;AAAA;AAAA,IACF;AAAA;AAEJ;","names":["React","ReactDOM"]}

package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs

@@ -1,4 +1,16 @@
-export { Button, Icon, Menu, Portal, Toolbar } from '../../chunk-P4QVFRLY.mjs';
-import '../../chunk-MRXNTQOX.mjs';
-//# sourceMappingURL=out.js.map
+import {
+  Button,
+  Icon,
+  Menu,
+  Portal,
+  Toolbar
+} from "../../chunk-P4QVFRLY.mjs";
+import "../../chunk-MRXNTQOX.mjs";
+export {
+  Button,
+  Icon,
+  Menu,
+  Portal,
+  Toolbar
+};
 //# sourceMappingURL=hovering-toolbar-components.mjs.map

package/dist/components/hovering-toolbar/hovering-toolbar-components.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":""}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}