@super_studio/ecforce-ai-agent-react 0.1.5 → 0.3.0

package/dist/agent-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"agent-frame.d.ts","sourceRoot":"","sources":["../src/agent-frame.tsx"],"names":[],"mappings":"AAcA,KAAK,GAAG,GAAG;IACT,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;CACd,CAAC;AAiBF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B;;OAEG;IACH,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU,0GAmHtB,CAAC"}
+{"version":3,"file":"agent-frame.d.ts","sourceRoot":"","sources":["../src/agent-frame.tsx"],"names":[],"mappings":"AAiBA,KAAK,GAAG,GAAG;IACT,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;CACd,CAAC;AAiBF,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC/B;;OAEG;IACH,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,UAAU,0GAgItB,CAAC"}

package/dist/chatbot-proivder.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface ChatbotContextType {
+    hasOpened: boolean;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    isExpanded: boolean;
+    setIsExpanded: (expanded: boolean) => void;
+}
+export declare function useChatbot(): ChatbotContextType;
+interface ChatbotProviderProps {
+    children: React.ReactNode;
+}
+export declare function ChatbotProvider({ children }: ChatbotProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chatbot-proivder.d.ts.map

package/dist/chatbot-proivder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-proivder.d.ts","sourceRoot":"","sources":["../src/chatbot-proivder.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C;AAMD,wBAAgB,UAAU,uBAMzB;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAsBjE"}

package/dist/chatbot-sheet.css

@@ -0,0 +1,104 @@
+@import "./tooltip.css";
+
+/* Chatbot Trigger Button */
+.chatbot-trigger {
+  position: fixed;
+  bottom: 1rem;
+  right: 1rem;
+  z-index: 50;
+  border-radius: 9999px;
+  border: 1px solid #f0f2f7;
+  background-color: #ffffff;
+  color: #0061ff;
+  box-shadow:
+    0 1px 3px 0 rgba(0, 0, 0, 0.1),
+    0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  transition: colors 200ms ease-in-out;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  width: 40px;
+}
+
+.chatbot-trigger:hover {
+  background-color: #f0f2f7;
+}
+
+/* Sheet Content */
+.chatbot-sheet-content {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 50;
+  background-color: #ffffff;
+  box-shadow:
+    0 10px 15px -3px rgba(0, 0, 0, 0.1),
+    0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  border-left: 1px solid #e5e7eb;
+  width: var(--sheet-width, 400px);
+  height: 100vh;
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.chatbot-sheet-content.chatbot-sheet-expanded {
+  --sheet-width: 848px;
+}
+
+/* Sheet Header */
+.chatbot-sheet-header {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+  padding: 1rem;
+}
+
+/* Sheet Footer */
+.chatbot-sheet-footer {
+  margin-top: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  padding: 1rem;
+}
+
+/* Invisible Title and Description (For radix accessibility) */
+.chatbot-sheet-title,
+.chatbot-sheet-description {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* Sheet Description */
+.chatbot-sheet-description {
+  color: #6b7280;
+  font-size: 0.875rem;
+}
+
+/* Sheet Close */
+.chatbot-sheet-close {
+  cursor: pointer;
+}
+
+/* Initial mount animation */
+@keyframes chatbot-sheet-enter {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+.chatbot-sheet-content[data-state="open"] {
+  animation: chatbot-sheet-enter 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}

package/dist/chatbot-sheet.d.ts

@@ -0,0 +1,6 @@
+import { type CSSProperties } from "react";
+import { type AgentElement, type AgentFrameProps } from "./agent-frame";
+export declare const ChatbotSheet: import("react").ForwardRefExoticComponent<AgentFrameProps & {
+    sheetStyle?: CSSProperties;
+} & import("react").RefAttributes<AgentElement>>;
+//# sourceMappingURL=chatbot-sheet.d.ts.map

package/dist/chatbot-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-sheet.d.ts","sourceRoot":"","sources":["../src/chatbot-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,eAAe,CAAC;AAcvB,eAAO,MAAM,YAAY;iBAHV,aAAa;gDAyB3B,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
+export * from "./chatbot-proivder";
 export * from "./agent-frame";
-export * from "./chatbot-popover";
-export * from "./popover";
+export * from "./chatbot-sheet";
+export * from "./sheet";
+export * from "./tooltip";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/index.js

@@ -31,6 +31,38 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
+// src/chatbot-proivder.tsx
+var _react = require('react'); var React2 = _interopRequireWildcard(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var ChatbotContext = React2.default.createContext(
+  void 0
+);
+function useChatbot() {
+  const context = React2.default.useContext(ChatbotContext);
+  if (!context) {
+    throw new Error("useChatbot must be used within a ChatbotProvider");
+  }
+  return context;
+}
+function ChatbotProvider({ children }) {
+  const [hasOpened, setHasOpened] = React2.default.useState(false);
+  const [open, setOpen] = React2.default.useState(false);
+  const [isExpanded, setIsExpanded] = React2.default.useState(false);
+  React2.default.useEffect(() => {
+    if (open) {
+      setHasOpened(true);
+    }
+  }, [open]);
+  const value = {
+    hasOpened,
+    open,
+    setOpen,
+    isExpanded,
+    setIsExpanded
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChatbotContext.Provider, { value, children });
+}
+
 // src/agent-frame.tsx
 
 
@@ -39,13 +71,13 @@ var __objRest = (source, exclude) => {
 
 
 
-var _react = require('react'); var React = _interopRequireWildcard(_react);
+
 
 // src/constants.ts
 var PROD_CHATBOT_URL = "https://ecforce-ai-agent.vercel.app";
 
 // src/agent-frame.tsx
-var _jsxruntime = require('react/jsx-runtime');
+
 var AgentFrame = _react.forwardRef.call(void 0, 
   ({ agentId, mcps = [], appName, className, url }, ref) => {
     var _a;
@@ -54,6 +86,7 @@ var AgentFrame = _react.forwardRef.call(void 0,
     const [isReady, setIsReady] = _react.useState.call(void 0, false);
     const [hasInitialized, setHasInitialized] = _react.useState.call(void 0, false);
     const [currentMcps, setCurrentMcps] = _react.useState.call(void 0, mcps);
+    const { setIsExpanded, setOpen } = useChatbot();
     const postMessage = _react.useCallback.call(void 0, (message) => {
       var _a2;
       if ((_a2 = iframeRef.current) == null ? void 0 : _a2.contentWindow) {
@@ -101,8 +134,19 @@ var AgentFrame = _react.forwardRef.call(void 0,
         if (process.env.NODE_ENV === "development") {
           console.log("iframe message", event.data);
         }
-        if (((_a2 = event.data) == null ? void 0 : _a2.type) === "CHATBOT_READY") {
-          setIsReady(true);
+        switch ((_a2 = event.data) == null ? void 0 : _a2.type) {
+          case "CHATBOT_READY":
+            setIsReady(true);
+            break;
+          case "CLOSE_CHATBOT":
+            setOpen(false);
+            break;
+          case "EXPAND_CHATBOT":
+            setIsExpanded(true);
+            break;
+          case "SHRINK_CHATBOT":
+            setIsExpanded(false);
+            break;
         }
       };
       const handleIframeLoad = () => {
@@ -146,80 +190,211 @@ var AgentFrame = _react.forwardRef.call(void 0,
 );
 AgentFrame.displayName = "AgentFrame";
 
-// src/chatbot-popover.tsx
+// src/chatbot-sheet.tsx
 
 
-// src/popover.tsx
-var _reactpopover = require('@radix-ui/react-popover'); var PopoverPrimitive = _interopRequireWildcard(_reactpopover);
+// src/sheet.tsx
+var _reactdialog = require('@radix-ui/react-dialog'); var SheetPrimitive = _interopRequireWildcard(_reactdialog);
 
 
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = React.forwardRef((_a, ref) => {
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  const { open, setOpen } = useChatbot();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SheetPrimitive.Root,
+    __spreadValues({
+      "data-slot": "sheet",
+      modal: false,
+      open,
+      onOpenChange: setOpen
+    }, props)
+  );
+}
+var SheetTrigger = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SheetPrimitive.Trigger,
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-trigger",
+      className: `chatbot-trigger ${className || ""}`
+    }, props)
+  );
+});
+SheetTrigger.displayName = SheetPrimitive.Trigger.displayName;
+var SheetClose = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SheetPrimitive.Close,
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-close",
+      className: `chatbot-sheet-close ${className || ""}`
+    }, props)
+  );
+});
+SheetClose.displayName = SheetPrimitive.Close.displayName;
+function SheetPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+}
+var SheetContent = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, style } = _b, props = __objRest(_b, ["className", "children", "style"]);
+  const { isExpanded, open, hasOpened } = useChatbot();
+  const width = isExpanded ? "848px" : "400px";
+  const translateX = open ? "0" : "100%";
+  const contentStyle = __spreadValues({
+    "--sheet-width": width,
+    transform: `translateX(${translateX})`
+  }, style);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetPortal, { forceMount: hasOpened || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SheetPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "sheet-content",
+      forceMount: hasOpened || void 0,
+      onInteractOutside: (e) => e.preventDefault(),
+      className: `chatbot-sheet-content ${isExpanded ? "chatbot-sheet-expanded" : ""} ${className || ""}`,
+      style: contentStyle
+    }, props), {
+      children
+    })
+  ) });
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = React2.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    PopoverPrimitive.Trigger,
+    "div",
     __spreadValues({
       ref,
-      className: `chatbot-trigger ${className}`
+      "data-slot": "sheet-header",
+      className: `chatbot-sheet-header ${className || ""}`
     }, props)
   );
 });
-PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
-var PopoverContent = React.forwardRef(
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-footer",
+      className: `chatbot-sheet-footer ${className || ""}`
+    }, props)
+  );
+});
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SheetPrimitive.Title,
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-title",
+      className: `chatbot-sheet-title ${className || ""}`
+    }, props)
+  );
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    SheetPrimitive.Description,
+    __spreadValues({
+      ref,
+      "data-slot": "sheet-description",
+      className: `chatbot-sheet-description ${className || ""}`
+    }, props)
+  );
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/tooltip.tsx
+
+
+
+
+
+
+
+var _reacttooltip = require('@radix-ui/react-tooltip');
+require('./tooltip.css');
+
+function Tooltip({
+  content,
+  trigger,
+  side,
+  align,
+  disabled,
+  delayDuration,
+  skipDelayDuration,
+  className,
+  open,
+  alignOffset,
+  sideOffset,
+  arrowClassName,
+  keepTooltipOpen
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reacttooltip.Provider,
+    {
+      delayDuration: delayDuration != null ? delayDuration : 200,
+      skipDelayDuration: skipDelayDuration != null ? skipDelayDuration : 200,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reacttooltip.Root, { open: disabled ? false : open, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _reacttooltip.Trigger,
+          {
+            onClick: keepTooltipOpen ? (event) => {
+              event.preventDefault();
+            } : void 0,
+            asChild: true,
+            children: trigger
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _reacttooltip.Content,
+          {
+            className: `tooltip-content ${className || ""}`,
+            side,
+            align,
+            alignOffset,
+            sideOffset,
+            onPointerDownOutside: keepTooltipOpen ? (event) => {
+              event.preventDefault();
+            } : void 0,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.Arrow, { className: arrowClassName }),
+              content
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+// src/chatbot-sheet.tsx
+
+var ChatbotSheet = _react.forwardRef.call(void 0, 
   (_a, ref) => {
-    var _b = _a, {
-      className,
-      align = "center",
-      backdrop,
-      sideOffset = 4,
-      forceMount
-    } = _b, props = __objRest(_b, [
-      "className",
-      "align",
-      "backdrop",
-      "sideOffset",
-      "forceMount"
-    ]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverPrimitive.Portal, { forceMount, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      backdrop && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "chatbot-popover-backdrop" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PopoverPrimitive.Content,
-        __spreadValues({
-          ref,
-          align,
-          sideOffset,
-          forceMount,
-          className: `chatbot-popover-content ${className}`
-        }, props)
-      )
-    ] }) });
-  }
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-// src/chatbot-popover.tsx
-
-var ChatbotPopover = _react.forwardRef.call(void 0, 
-  (props, ref) => {
-    const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
-    const [hasOpened, setHasOpened] = _react.useState.call(void 0, false);
-    const handleOpenChange = (open) => {
-      setIsOpen(open);
-      if (open && !hasOpened) {
-        setHasOpened(true);
-      }
-    };
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Popover, { open: isOpen, onOpenChange: handleOpenChange, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EcforceAiIcon, {}) }),
+    var _b = _a, { sheetStyle } = _b, props = __objRest(_b, ["sheetStyle"]);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Sheet, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PopoverContent,
+        Tooltip,
         {
+          side: "top",
           align: "end",
-          backdrop: isOpen,
-          forceMount: hasOpened || void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentFrame, __spreadProps(__spreadValues({}, props), { ref }))
+          content: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046",
+          trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetTrigger, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EcforceAiIcon, {}) })
         }
-      )
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetContent, { style: sheetStyle, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetTitle, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SheetDescription, { children: "AI\u306B\u8CEA\u554F\u3057\u3066\u307F\u307E\u3057\u3087\u3046" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentFrame, __spreadProps(__spreadValues({}, props), { ref }))
+      ] })
     ] });
   }
 );
@@ -227,8 +402,8 @@ function EcforceAiIcon() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "18",
+      height: "18",
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
       fill: "currentColor",
@@ -249,4 +424,12 @@ function EcforceAiIcon() {
 
 
 
-exports.AgentFrame = AgentFrame; exports.ChatbotPopover = ChatbotPopover; exports.Popover = Popover; exports.PopoverContent = PopoverContent; exports.PopoverTrigger = PopoverTrigger;
+
+
+
+
+
+
+
+
+exports.AgentFrame = AgentFrame; exports.ChatbotProvider = ChatbotProvider; exports.ChatbotSheet = ChatbotSheet; exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger; exports.Tooltip = Tooltip; exports.useChatbot = useChatbot;