bubble-toolbar 0.1.0 → 1.0.0

package/dist/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/index.ts
@@ -39,15 +29,51 @@ __export(index_exports, {
   getGlassStyles: () => getGlassStyles,
   getValidChildren: () => getValidChildren,
   resolveSize: () => resolveSize,
+  useBubbleActivity: () => useBubbleActivity,
   useBubbleToolbar: () => useBubbleToolbar
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/BubbleToolbar.tsx
+// src/activity.ts
+var import_react = require("react");
+var BubbleActivityContext = (0, import_react.createContext)(null);
+var useBubbleActivity = () => {
+  const activity = (0, import_react.useContext)(BubbleActivityContext);
+  if (!activity) {
+    throw new Error("useBubbleActivity must be used inside a BubbleGroup or BubbleToolbar.Group.");
+  }
+  return activity;
+};
+var useGroupActivity = (externalBusy) => {
+  const [pending, setPending] = (0, import_react.useState)(0);
+  const mounted = (0, import_react.useRef)(true);
+  (0, import_react.useEffect)(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const run = (0, import_react.useCallback)(async (task) => {
+    if (mounted.current) {
+      setPending((count) => count + 1);
+    }
+    try {
+      return await task();
+    } finally {
+      if (mounted.current) {
+        setPending((count) => count - 1);
+      }
+    }
+  }, []);
+  const isBusy = externalBusy || pending > 0;
+  return (0, import_react.useMemo)(() => ({ isBusy, run }), [isBusy, run]);
+};
+
+// src/BubbleGroup.tsx
 var import_react4 = require("react");
 
 // src/context.ts
-var import_react = require("react");
+var import_react2 = require("react");
 var defaultContextValue = {
   size: "md",
   theme: "glass",
@@ -57,26 +83,21 @@ var defaultContextValue = {
   bordered: true,
   shadow: true
 };
-var BubbleToolbarContext = (0, import_react.createContext)(defaultContextValue);
+var BubbleToolbarContext = (0, import_react2.createContext)(defaultContextValue);
 var useBubbleToolbar = () => {
-  return (0, import_react.useContext)(BubbleToolbarContext);
+  return (0, import_react2.useContext)(BubbleToolbarContext);
 };
 
-// src/BubbleGroup.tsx
-var import_react3 = require("react");
-
 // src/utils/children.ts
-var import_react2 = __toESM(require("react"));
+var import_react3 = require("react");
 function getValidChildren(children) {
   const result = [];
-  import_react2.default.Children.forEach(children, (child) => {
+  import_react3.Children.forEach(children, (child) => {
     if (child === null || child === void 0 || typeof child === "boolean") {
       return;
     }
-    if (import_react2.default.isValidElement(child) && child.type === import_react2.default.Fragment) {
-      const fragmentChildren = getValidChildren(
-        child.props.children
-      );
+    if ((0, import_react3.isValidElement)(child) && child.type === import_react3.Fragment) {
+      const fragmentChildren = getValidChildren(child.props.children);
       result.push(...fragmentChildren);
     } else {
       result.push(child);
@@ -87,13 +108,14 @@ function getValidChildren(children) {
 
 // src/utils/styles.ts
 function resolveSize(size) {
-  if (typeof size === "number") return size;
+  if (typeof size === "number") {
+    return size;
+  }
   switch (size) {
     case "sm":
       return 40;
     case "lg":
       return 56;
-    case "md":
     default:
       return 48;
   }
@@ -122,7 +144,6 @@ function getGlassStyles(theme, blurred, blurAmount, bordered, shadow) {
       borderColor = "var(--bubble-border, rgba(0, 0, 0, 0.08))";
       color = "var(--bubble-fg, #18181b)";
       break;
-    case "glass":
     default:
       background = blurred ? "rgba(255, 255, 255, 0.65)" : "rgba(255, 255, 255, 0.92)";
       borderColor = "rgba(255, 255, 255, 0.4)";
@@ -143,17 +164,23 @@ function getGlassStyles(theme, blurred, blurAmount, bordered, shadow) {
 
 // src/BubbleGroup.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var BubbleGroup = (0, import_react3.forwardRef)(
+var BubbleGroup = (0, import_react4.forwardRef)(
   ({
     children,
     shape: explicitShape,
     size: explicitSize,
     itemGap: explicitItemGap,
+    busy = false,
+    activityColors,
+    activityDuration,
     className = "",
     style,
     ...rest
   }, ref) => {
     const context = useBubbleToolbar();
+    const activity = useGroupActivity(Boolean(context.busy || busy));
+    const colors = activityColors ?? context.activityColors ?? ["#22d3ee", "#8b5cf6", "#ec4899"];
+    const duration = activityDuration ?? context.activityDuration ?? 2.4;
     const validChildren = getValidChildren(children);
     const count = validChildren.length;
     const computedShape = explicitShape || (count <= 1 ? "circle" : "pill");
@@ -168,6 +195,10 @@ var BubbleGroup = (0, import_react3.forwardRef)(
     );
     const isCircle = computedShape === "circle";
     const groupStyles = {
+      "--bubble-activity-color-1": colors[0],
+      "--bubble-activity-color-2": colors[1],
+      "--bubble-activity-color-3": colors[2],
+      "--bubble-activity-duration": `${Number.isFinite(duration) && duration > 0 ? duration : 2.4}s`,
       ...glassStyles,
       height: `${effectiveSize}px`,
       boxSizing: "border-box",
@@ -196,9 +227,10 @@ var BubbleGroup = (0, import_react3.forwardRef)(
     const combinedClassName = [
       "bubble-group",
       `bubble-group--${computedShape}`,
+      activity.isBusy && "bubble-group--busy",
       className
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BubbleActivityContext.Provider, { value: activity, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref,
@@ -208,16 +240,18 @@ var BubbleGroup = (0, import_react3.forwardRef)(
         "data-shape": computedShape,
         "data-items-count": count,
         ...rest,
+        "aria-busy": activity.isBusy,
         children: validChildren
       }
-    );
+    ) });
   }
 );
 BubbleGroup.displayName = "BubbleGroup";
 
 // src/BubbleToolbar.tsx
+var import_react5 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var BubbleToolbar = (0, import_react4.forwardRef)(
+var BubbleToolbar = (0, import_react5.forwardRef)(
   ({
     groups,
     children,
@@ -230,12 +264,15 @@ var BubbleToolbar = (0, import_react4.forwardRef)(
     itemGap = 8,
     bordered = true,
     shadow = true,
+    busy = false,
+    activityColors,
+    activityDuration,
     className = "",
     style,
     ariaLabel = "Toolbar",
     ...rest
   }, ref) => {
-    const contextValue = (0, import_react4.useMemo)(
+    const contextValue = (0, import_react5.useMemo)(
       () => ({
         size,
         theme,
@@ -243,9 +280,23 @@ var BubbleToolbar = (0, import_react4.forwardRef)(
         blurAmount,
         itemGap,
         bordered,
-        shadow
+        shadow,
+        busy,
+        activityColors,
+        activityDuration
       }),
-      [size, theme, blurred, blurAmount, itemGap, bordered, shadow]
+      [
+        size,
+        theme,
+        blurred,
+        blurAmount,
+        itemGap,
+        bordered,
+        shadow,
+        busy,
+        activityColors,
+        activityDuration
+      ]
     );
     const getPositionStyles = () => {
       switch (position) {
@@ -269,7 +320,6 @@ var BubbleToolbar = (0, import_react4.forwardRef)(
           return {
             position: "relative"
           };
-        case "custom":
         default:
           return {};
       }
@@ -308,7 +358,10 @@ var BubbleToolbar = (0, import_react4.forwardRef)(
         style: containerStyles,
         ...rest,
         children: [
-          groups && groups.length > 0 ? groups.map((groupItems, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BubbleGroup, { children: groupItems }, index)) : null,
+          groups && groups.length > 0 ? groups.map((groupItems, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: The groups array API identifies groups by position; use compound children for keyed groups.
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BubbleGroup, { children: groupItems }, index)
+          )) : null,
           children
         ]
       }
@@ -318,41 +371,151 @@ var BubbleToolbar = (0, import_react4.forwardRef)(
 BubbleToolbar.displayName = "BubbleToolbar";
 BubbleToolbar.Group = BubbleGroup;
 
-// src/components/BubbleIconButton.tsx
-var import_react5 = require("react");
+// src/components/BubbleArea.tsx
+var import_react6 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var BubbleArea = (0, import_react6.forwardRef)(
+  ({ children, minWidth = 120, maxWidth, className = "", style, ...rest }, ref) => {
+    const areaStyles = {
+      display: "inline-flex",
+      alignItems: "center",
+      minWidth: formatPx(minWidth),
+      maxWidth: maxWidth ? formatPx(maxWidth) : void 0,
+      flex: "1 1 auto",
+      fontSize: "14px",
+      color: "inherit",
+      ...style
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ref, className: `bubble-area ${className}`.trim(), style: areaStyles, ...rest, children });
+  }
+);
+BubbleArea.displayName = "BubbleArea";
+
+// src/components/BubbleIconButton.tsx
+var import_react7 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var ICONS = {
-  search: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
-  ] }),
-  theme: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
-  ] }),
-  chat: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) }),
-  notifications: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
-  ] }),
-  logo: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "2 17 12 22 22 17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "2 12 12 17 22 12" })
-  ] }),
-  close: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-  ] })
+  search: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+      ]
+    }
+  ),
+  theme: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "12", cy: "12", r: "5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
+      ]
+    }
+  ),
+  chat: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+    }
+  ),
+  notifications: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M13.73 21a2 2 0 0 1-3.46 0" })
+      ]
+    }
+  ),
+  logo: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: "20",
+      height: "20",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "2 17 12 22 22 17" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "2 12 12 17 22 12" })
+      ]
+    }
+  ),
+  close: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      width: "18",
+      height: "18",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+      ]
+    }
+  )
 };
-var BubbleIconButton = (0, import_react5.forwardRef)(
+var BubbleIconButton = (0, import_react7.forwardRef)(
   ({
     name,
     icon,
@@ -367,7 +530,7 @@ var BubbleIconButton = (0, import_react5.forwardRef)(
     ariaLabel,
     ...rest
   }, ref) => {
-    const [isHovered, setIsHovered] = (0, import_react5.useState)(false);
+    const [isHovered, setIsHovered] = (0, import_react7.useState)(false);
     const iconContent = icon || (name ? ICONS[name] : null) || children;
     const computedAriaLabel = ariaLabel || tooltip || (name ? `${name} button` : "button");
     const buttonStyles = {
@@ -408,7 +571,7 @@ var BubbleIconButton = (0, import_react5.forwardRef)(
       justifyContent: "center",
       boxShadow: "0 0 0 1.5px rgba(255, 255, 255, 0.9)"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "button",
       {
         ref,
@@ -428,49 +591,13 @@ var BubbleIconButton = (0, import_react5.forwardRef)(
         ...rest,
         children: [
           iconContent,
-          badge ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "bubble-icon-button__badge", style: badgeStyles, children: typeof badge !== "boolean" ? badge : null }) : null
+          badge ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "bubble-icon-button__badge", style: badgeStyles, children: typeof badge !== "boolean" ? badge : null }) : null
         ]
       }
     );
   }
 );
 BubbleIconButton.displayName = "BubbleIconButton";
-
-// src/components/BubbleArea.tsx
-var import_react6 = require("react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var BubbleArea = (0, import_react6.forwardRef)(
-  ({
-    children,
-    minWidth = 120,
-    maxWidth,
-    className = "",
-    style,
-    ...rest
-  }, ref) => {
-    const areaStyles = {
-      display: "inline-flex",
-      alignItems: "center",
-      minWidth: formatPx(minWidth),
-      maxWidth: maxWidth ? formatPx(maxWidth) : void 0,
-      flex: "1 1 auto",
-      fontSize: "14px",
-      color: "inherit",
-      ...style
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "div",
-      {
-        ref,
-        className: `bubble-area ${className}`.trim(),
-        style: areaStyles,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-BubbleArea.displayName = "BubbleArea";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BubbleArea,
@@ -482,6 +609,7 @@ BubbleArea.displayName = "BubbleArea";
   getGlassStyles,
   getValidChildren,
   resolveSize,
+  useBubbleActivity,
   useBubbleToolbar
 });
 //# sourceMappingURL=index.js.map