@longline/aqua-ui 1.0.197 → 1.0.199

package/hooks/useAssemblyAIRecorder/SpeechManager.d.ts

@@ -0,0 +1,12 @@
+type StopFn = () => void;
+/**
+ * Global SpeechManager module that:
+ * - Maintains a reference to the currently active transcription session
+ * - Automatically stops any existing session before starting a new one
+ */
+declare class SpeechManager {
+    private static currentStopFn;
+    static startNewSession(stopFn: StopFn): void;
+    static stopCurrentSession(): void;
+}
+export { SpeechManager };

package/hooks/useAssemblyAIRecorder/SpeechManager.js

@@ -0,0 +1,26 @@
+/**
+ * Global SpeechManager module that:
+ * - Maintains a reference to the currently active transcription session
+ * - Automatically stops any existing session before starting a new one
+ */
+var SpeechManager = /** @class */ (function () {
+    function SpeechManager() {
+    }
+    SpeechManager.startNewSession = function (stopFn) {
+        // Stop previous session, if any
+        if (this.currentStopFn) {
+            this.currentStopFn();
+        }
+        // Register new session
+        this.currentStopFn = stopFn;
+    };
+    SpeechManager.stopCurrentSession = function () {
+        if (this.currentStopFn) {
+            this.currentStopFn();
+            this.currentStopFn = null;
+        }
+    };
+    SpeechManager.currentStopFn = null;
+    return SpeechManager;
+}());
+export { SpeechManager };

package/hooks/useAssemblyAIRecorder/useAssemblyAIRecorder.d.ts

@@ -15,6 +15,10 @@ type TRecordingStatus = 'idle' | 'connecting' | 'recording';
  * @returns An object containing:
  *   - recordingStatus: 'idle' | 'connecting' | 'recording'
  *   - toggleRecording: function to start or stop recording
+ *
+ * The `SpeechManager` singleton is use to keep track of which
+ * AssemblyAIRecorder is currently recording; when a new recording is started,
+ * the current one is stopped.
  */
 declare const useAssemblyAIRecorder: (url: string, onTranscript: TranscriptCallback) => {
     recordingStatus: TRecordingStatus;

package/hooks/useAssemblyAIRecorder/useAssemblyAIRecorder.js

@@ -35,6 +35,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { useRef, useState, useEffect, useCallback } from 'react';
+import { SpeechManager } from './SpeechManager';
 //
 // The audio processing needs a worklet that runs in a separate thread.
 // Ordinarily such a worklet would have to reside in a separate JavaScript
@@ -59,6 +60,10 @@ var moduleScript = /* js */ "\nconst MAX_16BIT_INT = 32767\nclass AudioProcessor
  * @returns An object containing:
  *   - recordingStatus: 'idle' | 'connecting' | 'recording'
  *   - toggleRecording: function to start or stop recording
+ *
+ * The `SpeechManager` singleton is use to keep track of which
+ * AssemblyAIRecorder is currently recording; when a new recording is started,
+ * the current one is stopped.
  */
 var useAssemblyAIRecorder = function (url, onTranscript) {
     // State to track the current recording status
@@ -213,13 +218,19 @@ var useAssemblyAIRecorder = function (url, onTranscript) {
                         cleanup();
                         return [2 /*return*/];
                     }
+                    // Turn off any other speech recording through the SpeechManager singleton.
+                    // Register this stream as the current one.
+                    console.log("START SESSION");
+                    SpeechManager.startNewSession(function () {
+                        cleanup();
+                    });
                     // Update state to show we are connecting
                     setRecordingStatus('connecting');
                     return [4 /*yield*/, fetchToken()];
                 case 1:
                     token = _a.sent();
                     if (!token) {
-                        alert('Failed to get temp token');
+                        console.error('Failed to get temp token');
                         setRecordingStatus('idle');
                         return [2 /*return*/];
                     }
@@ -272,7 +283,7 @@ var useAssemblyAIRecorder = function (url, onTranscript) {
      */
     useEffect(function () {
         return function () {
-            cleanup();
+            SpeechManager.stopCurrentSession();
         };
     }, []);
     return {

package/hooks/useOpenAIStream/useOpenAIStream.js

@@ -51,6 +51,11 @@ import { useCallback, useRef } from 'react';
  */
 var useOpenAIStream = function (url) {
     var abortRef = useRef(null);
+    // Get CSRF token, if any, from cookie:
+    var getCsrfTokenFromCookie = function () {
+        var match = document.cookie.match(/XSRF-TOKEN=([^;]+)/);
+        return match ? decodeURIComponent(match[1]) : null;
+    };
     /**
      * Streams a prompt to a backend AI endpoint and handles streamed chunks.
      *
@@ -64,10 +69,10 @@ var useOpenAIStream = function (url) {
         }
         return __awaiter(void 0, __spreadArray([prompt_1, onText_1], args_1, true), void 0, function (prompt, onText, options) {
             var controller, response, reader, decoder, buffer, isDone, _a, done, value, parts, _b, parts_1, part, jsonStr, data, content, err_1;
-            var _c, _d, _e;
+            var _c, _d, _e, _f;
             if (options === void 0) { options = { temperature: 0, top_p: 0 }; }
-            return __generator(this, function (_f) {
-                switch (_f.label) {
+            return __generator(this, function (_g) {
+                switch (_g.label) {
                     case 0:
                         controller = new AbortController();
                         abortRef.current = controller;
@@ -75,6 +80,7 @@ var useOpenAIStream = function (url) {
                                 method: 'POST',
                                 headers: {
                                     'Content-Type': 'application/json',
+                                    'X-CSRF-TOKEN': (_c = getCsrfTokenFromCookie()) !== null && _c !== void 0 ? _c : '',
                                     'Accept': 'text/event-stream',
                                     'Connection': 'keep-alive',
                                     'Cache-Control': 'no-cache, no-transform'
@@ -87,7 +93,7 @@ var useOpenAIStream = function (url) {
                                 signal: controller.signal
                             })];
                     case 1:
-                        response = _f.sent();
+                        response = _g.sent();
                         if (!response.ok) {
                             console.error("OpenAI stream request failed: ".concat(response.statusText));
                             return [2 /*return*/];
@@ -100,19 +106,19 @@ var useOpenAIStream = function (url) {
                         decoder = new TextDecoder('utf-8');
                         buffer = '';
                         isDone = false;
-                        _f.label = 2;
+                        _g.label = 2;
                     case 2:
                         if (!!isDone) return [3 /*break*/, 11];
                         return [4 /*yield*/, reader.read()];
                     case 3:
-                        _a = _f.sent(), done = _a.done, value = _a.value;
+                        _a = _g.sent(), done = _a.done, value = _a.value;
                         if (done)
                             return [3 /*break*/, 11];
                         buffer += decoder.decode(value, { stream: true });
                         parts = buffer.split('\n\n');
                         buffer = parts.pop(); // Keep partial data for next chunk
                         _b = 0, parts_1 = parts;
-                        _f.label = 4;
+                        _g.label = 4;
                     case 4:
                         if (!(_b < parts_1.length)) return [3 /*break*/, 10];
                         part = parts_1[_b];
@@ -122,19 +128,19 @@ var useOpenAIStream = function (url) {
                             isDone = true;
                             return [3 /*break*/, 10];
                         }
-                        _f.label = 5;
+                        _g.label = 5;
                     case 5:
-                        _f.trys.push([5, 8, , 9]);
+                        _g.trys.push([5, 8, , 9]);
                         data = JSON.parse(jsonStr);
-                        content = (_e = (_d = (_c = data.choices) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.delta) === null || _e === void 0 ? void 0 : _e.content;
+                        content = (_f = (_e = (_d = data.choices) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.delta) === null || _f === void 0 ? void 0 : _f.content;
                         if (!content) return [3 /*break*/, 7];
                         return [4 /*yield*/, onText(content)];
                     case 6:
-                        _f.sent();
-                        _f.label = 7;
+                        _g.sent();
+                        _g.label = 7;
                     case 7: return [3 /*break*/, 9];
                     case 8:
-                        err_1 = _f.sent();
+                        err_1 = _g.sent();
                         console.error('Failed to parse chunk:', jsonStr);
                         return [3 /*break*/, 9];
                     case 9:

package/inputs/Editor/Editor.d.ts

@@ -44,6 +44,10 @@ interface IEditorProps {
      * If set, allow fullscreen mode (adding a toolbar button).
      */
     allowFullscreen?: boolean;
+    /**
+     * If set, adds code and code block buttons to menu bar.
+     */
+    codeButtons?: boolean;
     /**
      * URL for OpenAI requests.
      * If not present, no OpenAI controls will be available.
@@ -60,7 +64,7 @@ interface IEditorProps {
     onChange?: (value: any) => void;
 }
 declare const Editor: {
-    ({ fluid, error, disabled, transparent, ghost, allowFullscreen, ...props }: IEditorProps): React.JSX.Element;
+    ({ fluid, error, disabled, transparent, ghost, allowFullscreen, codeButtons, ...props }: IEditorProps): React.JSX.Element;
     displayName: string;
 };
 export { Editor, IEditorProps };

package/inputs/Editor/Editor.js

@@ -83,18 +83,18 @@ var EditorBase = function (props) {
     }; }, []);
     return (React.createElement(InputWrapper, { fluid: props.fluid, ghost: props.ghost, error: props.error, disabled: props.disabled, transparent: props.transparent, flex: props.flex },
         React.createElement("div", { className: props.className, ref: wrapperRef },
-            !props.disabled && !props.ghost &&
-                React.createElement(MenuBar, { allowFullscreen: props.allowFullscreen, fullscreen: fullscreen, editor: editor, onToggleFullscreen: handleToggleFullscreen, openAIurl: props.openAIurl, assemblyAIurl: props.assemblyAIurl }),
             React.createElement(Wrapper, { className: fullscreen ? 'fullscreen' : '' },
+                !props.disabled && !props.ghost &&
+                    React.createElement(MenuBar, { allowFullscreen: props.allowFullscreen, codeButtons: props.codeButtons, fullscreen: fullscreen, editor: editor, onToggleFullscreen: handleToggleFullscreen, openAIurl: props.openAIurl, assemblyAIurl: props.assemblyAIurl }),
                 React.createElement(EditorContent, { editor: editor, ref: setRef })))));
 };
 var pulse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: .15;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: .15;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
 var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  overflow-y: scroll;\n\n  &.fullscreen {\n    padding: 32px 32px 32px 32px;\n  }\n\n  .tiptap {\n    border: none;\n    outline: none;\n    // Define colors for placeholder text.\n    ::placeholder {\n      color: rgb(from ", " r g b / 50%);\n      opacity: 1 !important; /* Firefox applies opacity */\n    }\n    // Define colors for selected text.\n    ::selection {\n      background-color: ", ";\n      color: ", ";\n    }      \n  }\n\n  // Content styles:\n  .tiptap {\n    code {\n      background-color: ", ";\n      color: ", ";\n      outline: solid 1px ", ";\n      border-radius: 4px;\n      padding: 0 4px 0px 4px;\n    }\n\n    pre {\n      background-color: ", ";\n      border-radius: 4px;\n      color: ", ";\n      outline: solid 1px ", ";\n      padding: 8px 12px 8px 12px;\n      code {\n        background-color: transparent;\n        outline: none;\n        border-radius: none;\n        padding: 0 0 0 0;\n      }\n    }\n\n    // The 'mark' is used to show a small animated circle inside the last\n    // element being rendered from AI input.\n    mark {\n      display: inline-block;\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      color: transparent;\n      background-color: ", ";\n      animation: ", " 1s infinite alternate ease-in-out;\n      vertical-align: middle;\n      margin-left: 4px;\n      margin-right: 4px;\n    }\n  }\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  overflow-y: scroll;\n\n  &.fullscreen {\n    padding: 32px 32px 32px 32px;\n  }\n\n  .tiptap {\n    border: none;\n    outline: none;\n    // Define colors for placeholder text.\n    ::placeholder {\n      color: rgb(from ", " r g b / 50%);\n      opacity: 1 !important; /* Firefox applies opacity */\n    }\n    // Define colors for selected text.\n    ::selection {\n      background-color: ", ";\n      color: ", ";\n    }      \n  }\n\n  // Content styles:\n  .tiptap {\n    code {\n      background-color: ", ";\n      color: ", ";\n      outline: solid 1px ", ";\n      border-radius: 4px;\n      padding: 0 4px 0px 4px;\n    }\n\n    pre {\n      background-color: ", ";\n      border-radius: 4px;\n      color: ", ";\n      outline: solid 1px ", ";\n      padding: 8px 12px 8px 12px;\n      code {\n        background-color: transparent;\n        outline: none;\n        border-radius: none;\n        padding: 0 0 0 0;\n      }\n    }\n\n    // The 'mark' is used to show a small animated circle inside the last\n    // element being rendered from AI input.\n    mark {\n      display: inline-block;\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      color: transparent;\n      background-color: ", ";\n      animation: ", " 1s infinite alternate ease-in-out;\n      vertical-align: middle;\n      margin-left: 4px;\n      margin-right: 4px;\n    }\n  }\n"])), function (p) { return p.theme.colors.primary[3]; }, function (p) { return p.theme.colors.primary[2]; }, function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.theme.colors.primary[3]; }, function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.theme.colors.primary[1]; }, function (p) { return p.theme.colors.primary[3]; }, function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.theme.colors.primary[1]; }, function (p) { return p.theme.colors.primary[1]; }, pulse);
-var EditorStyled = styled(EditorBase)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position:         relative;\n  box-sizing:       border-box;\n  width:            100%;\n  background-color: ", ";\n\n  // Editor has a fixed height, unless it flexes; then it will fill its \n  // container vertically.\n  height: 120px;\n  ", "\n  overflow-y: scroll;\n\n  // When a menu bar is displayed, allow space for it.\n  ", "\n"], ["\n  position:         relative;\n  box-sizing:       border-box;\n  width:            100%;\n  background-color: ", ";\n\n  // Editor has a fixed height, unless it flexes; then it will fill its \n  // container vertically.\n  height: 120px;\n  ", "\n  overflow-y: scroll;\n\n  // When a menu bar is displayed, allow space for it.\n  ", "\n"])), function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.flex && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 100%; \n  "], ["\n    height: 100%; \n  "]))); }, function (p) { return !p.disabled && !p.ghost && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    ", " {\n      margin-top: 30px;\n    }\n  "], ["\n    ", " {\n      margin-top: 30px;\n    }\n  "])), Wrapper); });
+var EditorStyled = styled(EditorBase)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position:         relative;\n  box-sizing:       border-box;\n  width:            100%;\n  background-color: ", ";\n\n  // Editor has a fixed height, unless it flexes; then it will fill its \n  // container vertically.\n  height: 120px;\n  ", "\n"], ["\n  position:         relative;\n  box-sizing:       border-box;\n  width:            100%;\n  background-color: ", ";\n\n  // Editor has a fixed height, unless it flexes; then it will fill its \n  // container vertically.\n  height: 120px;\n  ", "\n"])), function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.flex && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    height: 100%; \n  "], ["\n    height: 100%; \n  "]))); });
 var Editor = function (_a) {
-    var _b = _a.fluid, fluid = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.transparent, transparent = _e === void 0 ? false : _e, _f = _a.ghost, ghost = _f === void 0 ? false : _f, _g = _a.allowFullscreen, allowFullscreen = _g === void 0 ? false : _g, props = __rest(_a, ["fluid", "error", "disabled", "transparent", "ghost", "allowFullscreen"]);
-    return React.createElement(EditorStyled, __assign({ fluid: fluid, error: error, disabled: disabled, transparent: transparent, ghost: ghost, allowFullscreen: allowFullscreen }, props));
+    var _b = _a.fluid, fluid = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.transparent, transparent = _e === void 0 ? false : _e, _f = _a.ghost, ghost = _f === void 0 ? false : _f, _g = _a.allowFullscreen, allowFullscreen = _g === void 0 ? false : _g, _h = _a.codeButtons, codeButtons = _h === void 0 ? false : _h, props = __rest(_a, ["fluid", "error", "disabled", "transparent", "ghost", "allowFullscreen", "codeButtons"]);
+    return React.createElement(EditorStyled, __assign({ fluid: fluid, error: error, disabled: disabled, transparent: transparent, ghost: ghost, allowFullscreen: allowFullscreen, codeButtons: codeButtons }, props));
 };
 Editor.displayName = 'Editor';
 export { Editor };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/inputs/Editor/menu/MenuBar.d.ts

@@ -12,10 +12,18 @@ interface IProps {
     /** Is editor currently fullscreen? This will affect toolbar positioning. */
     fullscreen?: boolean;
     /**
-     * URL for AI requests.
+     * If set, adds code and code block buttons to MenuBar.
+     */
+    codeButtons?: boolean;
+    /**
+     * URL for OpenAI requests.
      * If not present, no AI controls will be available.
      */
     openAIurl?: string;
+    /**
+     * URL for AssemblyAI requests.
+     * If not present, no AI controls will be available.
+     */
     assemblyAIurl?: string;
     /** Fired when fullscreen mode must be toggled. */
     onToggleFullscreen: () => void;

package/inputs/Editor/menu/MenuBar.js

@@ -27,9 +27,10 @@ var MenuBarBase = function (props) {
             React.createElement(MenuSeparator, null),
             React.createElement(OrderedListButton, { editor: props.editor }),
             React.createElement(BulletListButton, { editor: props.editor }),
-            React.createElement(MenuSeparator, null),
-            React.createElement(CodeButton, { editor: props.editor }),
-            React.createElement(CodeBlockButton, { editor: props.editor }),
+            props.codeButtons && React.createElement(React.Fragment, null,
+                React.createElement(MenuSeparator, null),
+                React.createElement(CodeButton, { editor: props.editor }),
+                React.createElement(CodeBlockButton, { editor: props.editor })),
             (props.openAIurl || props.allowFullscreen) && React.createElement(MenuSeparator, null),
             props.openAIurl &&
                 React.createElement(OpenAIButton, { url: props.openAIurl, editor: props.editor }),
@@ -38,7 +39,7 @@ var MenuBarBase = function (props) {
             props.allowFullscreen &&
                 React.createElement(FullscreenButton, { fullscreen: props.fullscreen, editor: props.editor, onClick: props.onToggleFullscreen }))));
 };
-var MenuBar = styled(MenuBarBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // Keep MenuBar at top of editor; it must not scroll when the editor\n  // content scrolls.\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  z-index: 1;\n"], ["\n  // Keep MenuBar at top of editor; it must not scroll when the editor\n  // content scrolls.\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  z-index: 1;\n"])), function (p) { return p.fullscreen ? 32 : 0; }, function (p) { return p.fullscreen ? 32 : 0; });
-var Buttons = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 4px;\n  padding: 2px;\n\n  // Flex-align buttons and separators:\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n"], ["\n  border-radius: 4px;\n  padding: 2px;\n\n  // Flex-align buttons and separators:\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n"])));
+var MenuBar = styled(MenuBarBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // Keep MenuBar at top of editor; it must not scroll when the editor\n  // content scrolls.\n  position: sticky;\n  left: ", "px;\n  top: ", "px;\n  z-index: 1;\n  background-color: ", ";\n  border-bottom: solid 1px ", ";\n"], ["\n  // Keep MenuBar at top of editor; it must not scroll when the editor\n  // content scrolls.\n  position: sticky;\n  left: ", "px;\n  top: ", "px;\n  z-index: 1;\n  background-color: ", ";\n  border-bottom: solid 1px ", ";\n"])), function (p) { return p.fullscreen ? 32 : 0; }, function (p) { return p.fullscreen ? 32 : 0; }, function (p) { return p.theme.colors.neutral[100]; }, function (p) { return p.theme.colors.neutral[80]; });
+var Buttons = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border-radius: 4px;\n  padding: 2px;\n\n  // Flex-align buttons and separators:\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 4px;\n"], ["\n  border-radius: 4px;\n  padding: 2px;\n\n  // Flex-align buttons and separators:\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 4px;\n"])));
 export { MenuBar };
 var templateObject_1, templateObject_2;

package/inputs/Editor/menu/MenuSeparator.js

@@ -18,7 +18,7 @@ import styled from 'styled-components';
 var MenuSeparatorBase = function (props) {
     return React.createElement("div", { className: props.className });
 };
-var MenuSeparatorStyled = styled(MenuSeparatorBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 1px;\n  margin-left: 2px;\n  margin-right: 2px;  \n  &:before {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 0;\n    bottom: 2px;\n    border-left: solid 1px ", ";\n  }\n"], ["\n  position: relative;\n  width: 1px;\n  margin-left: 2px;\n  margin-right: 2px;  \n  &:before {\n    content: '';\n    position: absolute;\n    top: 2px;\n    left: 0;\n    bottom: 2px;\n    border-left: solid 1px ", ";\n  }\n"])), function (p) { return p.theme.colors.neutral[80]; });
+var MenuSeparatorStyled = styled(MenuSeparatorBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 1px;\n  margin-left: 2px;\n  margin-right: 2px;  \n  &:before {\n    content: '';\n    position: absolute;\n    top: 4px;\n    left: 0;\n    bottom: 4px;\n    border-left: solid 1px ", ";\n  }\n"], ["\n  position: relative;\n  width: 1px;\n  margin-left: 2px;\n  margin-right: 2px;  \n  &:before {\n    content: '';\n    position: absolute;\n    top: 4px;\n    left: 0;\n    bottom: 4px;\n    border-left: solid 1px ", ";\n  }\n"])), function (p) { return p.theme.colors.neutral[80]; });
 var MenuSeparator = function (props) { return React.createElement(MenuSeparatorStyled, __assign({}, props)); };
 export { MenuSeparator };
 var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.197",
+  "version": "1.0.199",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",