@gobolt/genesis 0.3.3 → 0.3.5

package/dist/components/Chat/Chat.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { default as Message } from './Message';
 type Message = {
     id: string;
@@ -6,6 +5,17 @@ type Message = {
     sender: string;
     isThinking?: boolean;
     timestamp: string;
+    respondedBy?: "ai" | "search";
+};
+export type ChatHistoryRecord = {
+    visitorId: string;
+    visitorEmail: string;
+    name: string;
+    question: string;
+    response: string;
+    timeToRespond: number;
+    createdAt: string;
+    responseBy: "search" | "ai";
 };
 export interface ChatProps {
     socketUrl: string;
@@ -13,6 +23,9 @@ export interface ChatProps {
     messageHistory: Array<Message>;
     title?: string;
     isSimulated?: boolean;
+    authToken?: string;
+    overrideStyle?: React.CSSProperties;
+    onChange?: (chatHistoryRecord: ChatHistoryRecord) => void;
 }
-declare const Chat: FC<ChatProps>;
+declare const Chat: ({ socketUrl, isOpen, messageHistory, title, isSimulated, authToken, overrideStyle, onChange, }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/dist/components/Chat/__stories__/Chat.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: import('react').FC<import('..').ChatProps>;
+    component: ({ socketUrl, isOpen, messageHistory, title, isSimulated, authToken, overrideStyle, onChange, }: import('..').ChatProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
         docs: {
@@ -14,6 +14,8 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const local: Story;
+export declare const remote: Story;
 export declare const WithMessageHistory: Story;
 export declare const WithTitle: Story;
+export declare const Remote: Story;

package/dist/index.cjs

@@ -75336,7 +75336,8 @@ const ChatContainer = styled.div`
   display: flex;
   flex-direction: column;
   position: relative;
-  width: 600px;
+  width: "100%";
+  max-width: "800px";
   overflow: hidden;
 `;
 const HeroContainer = styled.div`
@@ -75386,7 +75387,10 @@ const Chat = ({
   isOpen = false,
   messageHistory = [],
   title = null,
-  isSimulated = false
+  isSimulated = false,
+  authToken,
+  overrideStyle,
+  onChange
 }) => {
   const [isChatOpen, setIsChatOpen] = React.useState(isOpen);
   const [message2, setMessage] = React.useState("");
@@ -75398,108 +75402,137 @@ const Chat = ({
   const serverReadyRef = React.useRef(false);
   const handle = "user";
   const [isLocked, setIsLocked] = React.useState(false);
+  const [messageStartTime, setMessageStartTime] = React.useState(null);
+  const [currentQuestion, setCurrentQuestion] = React.useState("");
   React.useEffect(() => {
     if (isSimulated) return;
     const socketUrlToUse = window.location.hostname === "localhost" && window.location.port === "6006" ? "http://localhost:3000" : socketUrl;
     console.log("Connecting to socket server at:", socketUrlToUse);
-    socketRef.current = lookup(socketUrlToUse, {
-      transports: ["polling", "websocket"],
-      reconnection: true,
-      reconnectionAttempts: 5,
-      reconnectionDelay: 1e3,
-      withCredentials: true,
-      forceNew: true,
-      autoConnect: true,
-      timeout: 1e4
-    });
-    const socket = socketRef.current;
-    socket.on("connect", () => {
-      console.log("Socket connected successfully");
-      setServerError("");
-      setServerStatus("ready");
-      serverReadyRef.current = true;
-    });
-    socket.on("connect_error", (error2) => {
-      console.error("Socket connection error:", error2);
-      setServerError(`Connection error: ${error2.message}`);
-      setServerStatus("error");
-      serverReadyRef.current = false;
-      setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
-      setIsLocked(false);
-    });
-    socket.on("disconnect", (reason) => {
-      console.log("Socket disconnected:", reason);
-      setServerError(`Disconnected: ${reason}`);
-      setServerStatus("error");
-      serverReadyRef.current = false;
-      setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
-      setIsLocked(false);
-    });
-    socket.on("new connection", () => {
-      console.log("New connection established");
-    });
-    socket.on("server-ready", () => {
-      console.log("Server is ready");
-      setServerError("");
-      setServerStatus("ready");
-      serverReadyRef.current = true;
-    });
-    socket.on("message", (newMessage) => {
-      setMessages((prev2) => {
-        if (newMessage.sender === "bot") {
-          if (newMessage.content === "Processing your message...") {
-            const hasThinkingMessage = prev2.some((msg) => msg.isThinking);
-            if (hasThinkingMessage) {
-              return prev2;
+    const validateToken = async () => {
+      try {
+        const response = await fetch(
+          "https://www.googleapis.com/oauth2/v2/userinfo",
+          {
+            headers: {
+              Authorization: `Bearer ${authToken}`
             }
-            return [...prev2, { ...newMessage, isThinking: true }];
           }
-          const thinkingMessage = prev2.find((msg) => msg.isThinking);
-          if (thinkingMessage) {
-            return prev2.map(
-              (msg) => msg.isThinking ? { ...newMessage, isThinking: false } : msg
+        );
+        if (!response.ok) {
+          throw new Error("Invalid token");
+        }
+        socketRef.current = lookup(socketUrlToUse, {
+          transports: ["polling", "websocket"],
+          reconnection: true,
+          reconnectionAttempts: 5,
+          reconnectionDelay: 1e3,
+          withCredentials: true,
+          forceNew: true,
+          autoConnect: true,
+          timeout: 1e4,
+          auth: {
+            token: authToken,
+            type: "Bearer"
+          }
+        });
+        const socket = socketRef.current;
+        socket.on("connect", () => {
+          console.log("Socket connected successfully");
+          setServerError("");
+          setServerStatus("ready");
+          serverReadyRef.current = true;
+        });
+        socket.on("connect_error", (error2) => {
+          console.error("Socket connection error:", error2);
+          setServerError(`Connection error: ${error2.message}`);
+          setServerStatus("error");
+          serverReadyRef.current = false;
+          setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
+          setIsLocked(false);
+        });
+        socket.on("disconnect", (reason) => {
+          console.log("Socket disconnected:", reason);
+          setServerError(`Disconnected: ${reason}`);
+          setServerStatus("error");
+          serverReadyRef.current = false;
+          setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
+          setIsLocked(false);
+        });
+        socket.on("new connection", () => {
+          console.log("New connection established");
+        });
+        socket.on("server-ready", () => {
+          console.log("Server is ready");
+          setServerError("");
+          setServerStatus("ready");
+          serverReadyRef.current = true;
+        });
+        socket.on("message", (newMessage) => {
+          setMessages((prev2) => {
+            if (newMessage.sender === "bot") {
+              if (newMessage.content === "Processing your message...") {
+                const hasThinkingMessage = prev2.some((msg) => msg.isThinking);
+                if (hasThinkingMessage) {
+                  return prev2;
+                }
+                return [...prev2, { ...newMessage, isThinking: true }];
+              }
+              const thinkingMessage = prev2.find((msg) => msg.isThinking);
+              if (thinkingMessage) {
+                return prev2.map(
+                  (msg) => msg.isThinking ? { ...newMessage, isThinking: false } : msg
+                );
+              }
+              return [...prev2, { ...newMessage, isThinking: false }];
+            }
+            const lastUserMsg = [...prev2].reverse().find((msg) => msg.sender === "user");
+            if (lastUserMsg && lastUserMsg.content === newMessage.content) {
+              return prev2;
+            }
+            return [...prev2, newMessage];
+          });
+          setIsLocked(false);
+        });
+        socket.on("update-bot-message", (updatedData) => {
+          console.log("Received bot message update:", updatedData);
+          setMessages(
+            (prev2) => prev2.map(
+              (message22) => message22.id === updatedData.id ? { ...updatedData } : message22
+            )
+          );
+        });
+        socket.on("error", (error2) => {
+          console.error("Socket error:", error2);
+          setServerError("Server error occurred");
+        });
+        socket.onAny((eventName, ...args) => {
+          console.log(`Socket event received: ${eventName}`, args);
+        });
+        const timeoutId = setTimeout(() => {
+          if (!serverReadyRef.current) {
+            console.log("Server status check failed");
+            setServerError(
+              "Server status check failed - please check the server"
             );
+            setServerStatus("error");
+            setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
+            setIsLocked(false);
           }
-          return [...prev2, { ...newMessage, isThinking: false }];
-        }
-        const lastUserMsg = [...prev2].reverse().find((msg) => msg.sender === "user");
-        if (lastUserMsg && lastUserMsg.content === newMessage.content) {
-          return prev2;
-        }
-        return [...prev2, newMessage];
-      });
-      setIsLocked(false);
-    });
-    socket.on("update-bot-message", (updatedData) => {
-      console.log("Received bot message update:", updatedData);
-      setMessages(
-        (prev2) => prev2.map(
-          (message22) => message22.id === updatedData.id ? { ...updatedData } : message22
-        )
-      );
-    });
-    socket.on("error", (error2) => {
-      console.error("Socket error:", error2);
-      setServerError("Server error occurred");
-    });
-    socket.onAny((eventName, ...args) => {
-      console.log(`Socket event received: ${eventName}`, args);
-    });
-    const timeoutId = setTimeout(() => {
-      if (!serverReadyRef.current) {
-        console.log("Server status check failed");
-        setServerError("Server status check failed - please check the server");
+        }, 2e3);
+        return () => {
+          console.log("Disconnecting socket");
+          socket.disconnect();
+          clearTimeout(timeoutId);
+        };
+      } catch (error2) {
+        console.error("Token validation error:", error2);
+        setServerError("Authentication error: Invalid token");
         setServerStatus("error");
-        setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
-        setIsLocked(false);
+        serverReadyRef.current = false;
       }
-    }, 2e3);
-    return () => {
-      console.log("Disconnecting socket");
-      socket.disconnect();
-      clearTimeout(timeoutId);
     };
-  }, [isSimulated, socketUrl]);
+    validateToken();
+  }, [isSimulated, socketUrl, authToken]);
   React.useEffect(() => {
     if (messageListRef.current) {
       messageListRef.current.scrollTo({
@@ -75528,6 +75561,8 @@ const Chat = ({
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     };
     setIsLocked(true);
+    setMessageStartTime(Date.now());
+    setCurrentQuestion(message2);
     setMessages((prev2) => [...prev2, userMessage]);
     if ((_a = socketRef.current) == null ? void 0 : _a.connected) {
       const botMessageId = `bot_${timestamp}`;
@@ -75562,6 +75597,29 @@ const Chat = ({
     }
     setMessage("");
   };
+  React.useEffect(() => {
+    const lastMessage = messages2.at(-1);
+    if (!lastMessage || !messageStartTime || !currentQuestion) return;
+    if (lastMessage.sender === "bot" && !lastMessage.isThinking) {
+      const timeToRespond = Date.now() - messageStartTime;
+      const chatHistoryRecord = {
+        visitorId: "user",
+        // You might want to get this from props or context
+        visitorEmail: "",
+        // You might want to get this from props or context
+        name: handle,
+        question: currentQuestion,
+        response: lastMessage.content,
+        timeToRespond,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        responseBy: lastMessage.respondedBy || "ai"
+        // Use the respondedBy from the message, default to "ai"
+      };
+      onChange == null ? void 0 : onChange(chatHistoryRecord);
+      setMessageStartTime(null);
+      setCurrentQuestion("");
+    }
+  }, [messages2, messageStartTime, currentQuestion, onChange, handle]);
   const toggleChat = () => {
     setIsChatOpen(!isChatOpen);
   };
@@ -75575,9 +75633,9 @@ const Chat = ({
     (msg, index2, self2) => index2 === self2.findIndex((t2) => t2.id === msg.id)
   );
   console.log("uniqueMessages", uniqueMessages);
-  return /* @__PURE__ */ jsxRuntime.jsxs(ChatContainer, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(ChatContainer, { style: overrideStyle || {}, children: [
     /* @__PURE__ */ jsxRuntime.jsx(HeroContainer, { $isVisible: !isChatOpen, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      title ? /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "heading3", children: title }) : null,
+      title && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "heading3", children: title }),
       /* @__PURE__ */ jsxRuntime.jsx(Subtitle, { children: "Click the Chat Icon below to begin" }),
       serverError ? /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { children: serverError }) : null
     ] }) }),

package/dist/index.js

@@ -75318,7 +75318,8 @@ const ChatContainer = styled.div`
   display: flex;
   flex-direction: column;
   position: relative;
-  width: 600px;
+  width: "100%";
+  max-width: "800px";
   overflow: hidden;
 `;
 const HeroContainer = styled.div`
@@ -75368,7 +75369,10 @@ const Chat = ({
   isOpen = false,
   messageHistory = [],
   title = null,
-  isSimulated = false
+  isSimulated = false,
+  authToken,
+  overrideStyle,
+  onChange
 }) => {
   const [isChatOpen, setIsChatOpen] = useState(isOpen);
   const [message2, setMessage] = useState("");
@@ -75380,108 +75384,137 @@ const Chat = ({
   const serverReadyRef = useRef(false);
   const handle = "user";
   const [isLocked, setIsLocked] = useState(false);
+  const [messageStartTime, setMessageStartTime] = useState(null);
+  const [currentQuestion, setCurrentQuestion] = useState("");
   useEffect(() => {
     if (isSimulated) return;
     const socketUrlToUse = window.location.hostname === "localhost" && window.location.port === "6006" ? "http://localhost:3000" : socketUrl;
     console.log("Connecting to socket server at:", socketUrlToUse);
-    socketRef.current = lookup(socketUrlToUse, {
-      transports: ["polling", "websocket"],
-      reconnection: true,
-      reconnectionAttempts: 5,
-      reconnectionDelay: 1e3,
-      withCredentials: true,
-      forceNew: true,
-      autoConnect: true,
-      timeout: 1e4
-    });
-    const socket = socketRef.current;
-    socket.on("connect", () => {
-      console.log("Socket connected successfully");
-      setServerError("");
-      setServerStatus("ready");
-      serverReadyRef.current = true;
-    });
-    socket.on("connect_error", (error2) => {
-      console.error("Socket connection error:", error2);
-      setServerError(`Connection error: ${error2.message}`);
-      setServerStatus("error");
-      serverReadyRef.current = false;
-      setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
-      setIsLocked(false);
-    });
-    socket.on("disconnect", (reason) => {
-      console.log("Socket disconnected:", reason);
-      setServerError(`Disconnected: ${reason}`);
-      setServerStatus("error");
-      serverReadyRef.current = false;
-      setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
-      setIsLocked(false);
-    });
-    socket.on("new connection", () => {
-      console.log("New connection established");
-    });
-    socket.on("server-ready", () => {
-      console.log("Server is ready");
-      setServerError("");
-      setServerStatus("ready");
-      serverReadyRef.current = true;
-    });
-    socket.on("message", (newMessage) => {
-      setMessages((prev2) => {
-        if (newMessage.sender === "bot") {
-          if (newMessage.content === "Processing your message...") {
-            const hasThinkingMessage = prev2.some((msg) => msg.isThinking);
-            if (hasThinkingMessage) {
-              return prev2;
+    const validateToken = async () => {
+      try {
+        const response = await fetch(
+          "https://www.googleapis.com/oauth2/v2/userinfo",
+          {
+            headers: {
+              Authorization: `Bearer ${authToken}`
             }
-            return [...prev2, { ...newMessage, isThinking: true }];
           }
-          const thinkingMessage = prev2.find((msg) => msg.isThinking);
-          if (thinkingMessage) {
-            return prev2.map(
-              (msg) => msg.isThinking ? { ...newMessage, isThinking: false } : msg
+        );
+        if (!response.ok) {
+          throw new Error("Invalid token");
+        }
+        socketRef.current = lookup(socketUrlToUse, {
+          transports: ["polling", "websocket"],
+          reconnection: true,
+          reconnectionAttempts: 5,
+          reconnectionDelay: 1e3,
+          withCredentials: true,
+          forceNew: true,
+          autoConnect: true,
+          timeout: 1e4,
+          auth: {
+            token: authToken,
+            type: "Bearer"
+          }
+        });
+        const socket = socketRef.current;
+        socket.on("connect", () => {
+          console.log("Socket connected successfully");
+          setServerError("");
+          setServerStatus("ready");
+          serverReadyRef.current = true;
+        });
+        socket.on("connect_error", (error2) => {
+          console.error("Socket connection error:", error2);
+          setServerError(`Connection error: ${error2.message}`);
+          setServerStatus("error");
+          serverReadyRef.current = false;
+          setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
+          setIsLocked(false);
+        });
+        socket.on("disconnect", (reason) => {
+          console.log("Socket disconnected:", reason);
+          setServerError(`Disconnected: ${reason}`);
+          setServerStatus("error");
+          serverReadyRef.current = false;
+          setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
+          setIsLocked(false);
+        });
+        socket.on("new connection", () => {
+          console.log("New connection established");
+        });
+        socket.on("server-ready", () => {
+          console.log("Server is ready");
+          setServerError("");
+          setServerStatus("ready");
+          serverReadyRef.current = true;
+        });
+        socket.on("message", (newMessage) => {
+          setMessages((prev2) => {
+            if (newMessage.sender === "bot") {
+              if (newMessage.content === "Processing your message...") {
+                const hasThinkingMessage = prev2.some((msg) => msg.isThinking);
+                if (hasThinkingMessage) {
+                  return prev2;
+                }
+                return [...prev2, { ...newMessage, isThinking: true }];
+              }
+              const thinkingMessage = prev2.find((msg) => msg.isThinking);
+              if (thinkingMessage) {
+                return prev2.map(
+                  (msg) => msg.isThinking ? { ...newMessage, isThinking: false } : msg
+                );
+              }
+              return [...prev2, { ...newMessage, isThinking: false }];
+            }
+            const lastUserMsg = [...prev2].reverse().find((msg) => msg.sender === "user");
+            if (lastUserMsg && lastUserMsg.content === newMessage.content) {
+              return prev2;
+            }
+            return [...prev2, newMessage];
+          });
+          setIsLocked(false);
+        });
+        socket.on("update-bot-message", (updatedData) => {
+          console.log("Received bot message update:", updatedData);
+          setMessages(
+            (prev2) => prev2.map(
+              (message22) => message22.id === updatedData.id ? { ...updatedData } : message22
+            )
+          );
+        });
+        socket.on("error", (error2) => {
+          console.error("Socket error:", error2);
+          setServerError("Server error occurred");
+        });
+        socket.onAny((eventName, ...args) => {
+          console.log(`Socket event received: ${eventName}`, args);
+        });
+        const timeoutId = setTimeout(() => {
+          if (!serverReadyRef.current) {
+            console.log("Server status check failed");
+            setServerError(
+              "Server status check failed - please check the server"
             );
+            setServerStatus("error");
+            setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
+            setIsLocked(false);
           }
-          return [...prev2, { ...newMessage, isThinking: false }];
-        }
-        const lastUserMsg = [...prev2].reverse().find((msg) => msg.sender === "user");
-        if (lastUserMsg && lastUserMsg.content === newMessage.content) {
-          return prev2;
-        }
-        return [...prev2, newMessage];
-      });
-      setIsLocked(false);
-    });
-    socket.on("update-bot-message", (updatedData) => {
-      console.log("Received bot message update:", updatedData);
-      setMessages(
-        (prev2) => prev2.map(
-          (message22) => message22.id === updatedData.id ? { ...updatedData } : message22
-        )
-      );
-    });
-    socket.on("error", (error2) => {
-      console.error("Socket error:", error2);
-      setServerError("Server error occurred");
-    });
-    socket.onAny((eventName, ...args) => {
-      console.log(`Socket event received: ${eventName}`, args);
-    });
-    const timeoutId = setTimeout(() => {
-      if (!serverReadyRef.current) {
-        console.log("Server status check failed");
-        setServerError("Server status check failed - please check the server");
+        }, 2e3);
+        return () => {
+          console.log("Disconnecting socket");
+          socket.disconnect();
+          clearTimeout(timeoutId);
+        };
+      } catch (error2) {
+        console.error("Token validation error:", error2);
+        setServerError("Authentication error: Invalid token");
         setServerStatus("error");
-        setMessages((prev2) => prev2.filter((msg) => !msg.isThinking));
-        setIsLocked(false);
+        serverReadyRef.current = false;
       }
-    }, 2e3);
-    return () => {
-      console.log("Disconnecting socket");
-      socket.disconnect();
-      clearTimeout(timeoutId);
     };
-  }, [isSimulated, socketUrl]);
+    validateToken();
+  }, [isSimulated, socketUrl, authToken]);
   useEffect(() => {
     if (messageListRef.current) {
       messageListRef.current.scrollTo({
@@ -75510,6 +75543,8 @@ const Chat = ({
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     };
     setIsLocked(true);
+    setMessageStartTime(Date.now());
+    setCurrentQuestion(message2);
     setMessages((prev2) => [...prev2, userMessage]);
     if ((_a = socketRef.current) == null ? void 0 : _a.connected) {
       const botMessageId = `bot_${timestamp}`;
@@ -75544,6 +75579,29 @@ const Chat = ({
     }
     setMessage("");
   };
+  useEffect(() => {
+    const lastMessage = messages2.at(-1);
+    if (!lastMessage || !messageStartTime || !currentQuestion) return;
+    if (lastMessage.sender === "bot" && !lastMessage.isThinking) {
+      const timeToRespond = Date.now() - messageStartTime;
+      const chatHistoryRecord = {
+        visitorId: "user",
+        // You might want to get this from props or context
+        visitorEmail: "",
+        // You might want to get this from props or context
+        name: handle,
+        question: currentQuestion,
+        response: lastMessage.content,
+        timeToRespond,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        responseBy: lastMessage.respondedBy || "ai"
+        // Use the respondedBy from the message, default to "ai"
+      };
+      onChange == null ? void 0 : onChange(chatHistoryRecord);
+      setMessageStartTime(null);
+      setCurrentQuestion("");
+    }
+  }, [messages2, messageStartTime, currentQuestion, onChange, handle]);
   const toggleChat = () => {
     setIsChatOpen(!isChatOpen);
   };
@@ -75557,9 +75615,9 @@ const Chat = ({
     (msg, index2, self2) => index2 === self2.findIndex((t2) => t2.id === msg.id)
   );
   console.log("uniqueMessages", uniqueMessages);
-  return /* @__PURE__ */ jsxs(ChatContainer, { children: [
+  return /* @__PURE__ */ jsxs(ChatContainer, { style: overrideStyle || {}, children: [
     /* @__PURE__ */ jsx(HeroContainer, { $isVisible: !isChatOpen, children: /* @__PURE__ */ jsxs("div", { children: [
-      title ? /* @__PURE__ */ jsx(Typography, { variant: "heading3", children: title }) : null,
+      title && /* @__PURE__ */ jsx(Typography, { variant: "heading3", children: title }),
       /* @__PURE__ */ jsx(Subtitle, { children: "Click the Chat Icon below to begin" }),
       serverError ? /* @__PURE__ */ jsx(ErrorMessage, { children: serverError }) : null
     ] }) }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",