import React, { createContext, useContext, useState, useRef, useEffect, useMemo } from 'react';
import { flushSync } from 'react-dom';

/******************************************************************************
Copyright (c) Microsoft Corporation.

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */

var __assign = function() {
    __assign = Object.assign || function __assign(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};

function __rest(s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
}

function __awaiter(thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
}

function __generator(thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
}

function __spreadArray(to, from, pack) {
    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
        if (ar || !(i in from)) {
            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
            ar[i] = from[i];
        }
    }
    return to.concat(ar || Array.prototype.slice.call(from));
}

var VeltContext = createContext({ client: null });
function useVeltClient() {
    return useContext(VeltContext);
}

/**
 * Loads the Velt script dynamically and calls the callback when ready.
 * Returns a cleanup function to remove the event listener if component unmounts.
 *
 * ## Issue (Rapid Mount/Unmount with Slow Network)
 *
 * When VeltProvider is rapidly mounted/unmounted (e.g., conditional rendering,
 * React Strict Mode, or route changes) while the Velt script is still loading
 * over a slow network, multiple issues can occur:
 *
 * 1. First component mount creates the script tag and starts loading
 * 2. Component unmounts before script loads (script tag remains in DOM)
 * 3. Second component mount finds existing script tag
 * 4. OLD BEHAVIOR: Immediately triggered callback assuming script was loaded
 * 5. PROBLEM: Script wasn't actually loaded yet (still loading due to network delay)
 * 6. This caused initVelt to run with window.Velt = undefined
 *
 * ## Fix
 *
 * 1. Check if window.Velt exists before triggering callback for existing scripts
 * 2. If script tag exists but window.Velt doesn't, attach a new load event listener
 * 3. Return a cleanup function that removes the event listener when component unmounts
 * 4. This prevents orphaned callbacks from firing on destroyed component instances
 *
 * @returns Cleanup function to remove event listener (call on component unmount)
 */
var loadVelt = function (callback, version, staging, develop, proxyDomain, integrity, integrityValue) {
    if (version === void 0) { version = 'latest'; }
    if (staging === void 0) { staging = false; }
    if (develop === void 0) { develop = false; }
    var existingScript = document.getElementById('veltScript');
    // Store reference to the handler so we can remove it on cleanup.
    // This is essential for proper cleanup - we need the exact same function
    // reference to remove the event listener later.
    var loadHandler = null;
    var scriptElement = null;
    if (!existingScript) {
        // No script tag exists - this is the first component to request Velt
        var script = document.createElement('script');
        if (staging) {
            script.src = "https://serveprivatenpmpackage-4mfhcuyw2q-uc.a.run.app/sdk-staging/lib/sdk@".concat(version, "/velt.js");
        }
        else if (develop) {
            script.src = "https://serveprivatenpmpackage-4mfhcuyw2q-uc.a.run.app/sdk-dev/lib/sdk@".concat(version, "/velt.js");
        }
        else {
            if (proxyDomain) {
                // remove trailing slash from proxy
                if (proxyDomain[proxyDomain.length - 1] === '/') {
                    proxyDomain = proxyDomain.slice(0, -1);
                }
                script.src = "".concat(proxyDomain, "/lib/sdk@").concat(version, "/velt.js");
            }
            else {
                script.src = "https://cdn.velt.dev/lib/sdk@".concat(version, "/velt.js");
            }
        }
        script.id = 'veltScript';
        script.type = 'module';
        if (integrity && integrityValue) {
            script.integrity = integrityValue;
            script.crossOrigin = 'anonymous';
        }
        document.body.appendChild(script);
        // Create handler and store reference for cleanup.
        // We store the reference so we can remove this exact listener on cleanup.
        loadHandler = function () {
            if (callback) {
                callback();
            }
        };
        scriptElement = script;
        script.addEventListener('load', loadHandler);
    }
    else {
        // Script tag already exists in DOM (created by a previous component instance).
        // We need to check if it's actually finished loading or still in progress.
        if (window.Velt) {
            // Script has finished loading - window.Velt is available.
            // Trigger callback directly without attaching any event listener.
            if (callback) {
                callback();
            }
        }
        else {
            // IMPORTANT: Script tag exists but window.Velt is undefined.
            // This means the script is still loading (slow network scenario).
            // 
            // Previous bug: We used to trigger callback immediately here,
            // which caused initVelt to run with window.Velt = undefined.
            // 
            // Fix: Attach a load event listener to wait for the script to finish loading.
            // Using addEventListener (not onload) to avoid overwriting existing handlers.
            loadHandler = function () {
                if (callback) {
                    callback();
                }
            };
            scriptElement = existingScript;
            existingScript.addEventListener('load', loadHandler);
        }
    }
    // Return cleanup function to remove event listener when component unmounts.
    // This prevents the callback from firing on destroyed component instances,
    // which would cause React state updates on unmounted components.
    return function () {
        if (loadHandler && scriptElement) {
            scriptElement.removeEventListener('load', loadHandler);
        }
    };
};

var VELT_SDK_VERSION = '6.0.8-beta.1';
var VELT_SDK_INIT_EVENT = 'onVeltInit';
var VELT_TAB_ID = 'veltTabId';
// integrity map for the Velt SDK
// Note: generate integrity hashes with: https://www.srihash.org/
var INTEGRITY_MAP = {
    '6.0.8-beta.1': 'sha384-Hj8ZYrvjmyYAqy5YhFQeVFHefd2EMKZ0FTc4heTIT4GbsMLH7r76A+CV4+P5zxrv',
};

var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
var transformWireframeProps = function (props) {
    try {
        var transformedProps_1 = {};
        Object.entries(props).forEach(function (_a) {
            var key = _a[0], value = _a[1];
            if (key === 'children' || key === 'ref' || !validProps.includes(key)) {
                transformedProps_1[key] = value;
                return;
            }
            if (key === 'className') {
                transformedProps_1['class'] = value;
                return;
            }
            // Convert camelCase to dash-case
            var dashKey = key.replace(/[A-Z]/g, function (letter) { return "-".concat(letter.toLowerCase()); });
            transformedProps_1[dashKey] = value;
            // // Handle boolean values - only convert if explicitly true/false
            // if (typeof value === 'boolean') {
            //     transformedProps[dashKey] = [true, false].includes(value) ? (value ? 'true' : 'false') : undefined;
            // } else {
            //     transformedProps[dashKey] = value;
            // }
        });
        return transformedProps_1;
    }
    catch (error) {
        return props;
    }
};
/**
 * To deep compare two objects.
 * @param arg1 object 1
 * @param arg2 object 2
 * @returns true if both objects are equal, false otherwise
 */
var deepCompare = function (arg1, arg2) {
    try {
        if (Object.prototype.toString.call(arg1) === Object.prototype.toString.call(arg2)) {
            if (Object.prototype.toString.call(arg1) === '[object Object]' || Object.prototype.toString.call(arg1) === '[object Array]') {
                if (Object.keys(arg1).length !== Object.keys(arg2).length) {
                    return false;
                }
                return (Object.keys(arg1).every(function (key) {
                    return deepCompare(arg1[key], arg2[key]);
                }));
            }
            return (arg1 === arg2);
        }
        return false;
    }
    catch (err) {
        return false;
    }
};

var SnippylyProvider = function (props) {
    var apiKey = props.apiKey, user = props.user, config = props.config, documentId = props.documentId, language = props.language, translations = props.translations, autoTranslation = props.autoTranslation, userDataProvider = props.userDataProvider, dataProviders = props.dataProviders, encryptionProvider = props.encryptionProvider, authProvider = props.authProvider, permissionProvider = props.permissionProvider, onClientLoad = props.onClientLoad, children = props.children;
    var _a = useState(null), client = _a[0], setClient = _a[1];
    var prevAuthProviderRef = useRef(undefined);
    var prevUserDataProviderRef = useRef(undefined);
    var prevDataProvidersRef = useRef(undefined);
    var prevPermissionProviderRef = useRef(undefined);
    /**
     * Tracks whether the component is currently mounted.
     * Used to prevent state updates and async operations on unmounted components.
     *
     * ## Issue (Rapid Mount/Unmount)
     * When VeltProvider is rapidly mounted/unmounted (e.g., conditional rendering
     * based on state changes, React Strict Mode, or route transitions), multiple
     * component instances can have async operations (like Velt.init()) in flight.
     * When these async operations complete, they try to call setClient() on
     * unmounted component instances, causing React warnings and incorrect state.
     *
     * ## Fix
     * Track mount state and check it before/after async operations to bail out
     * if the component has been unmounted.
     */
    var isMountedRef = useRef(true);
    useEffect(function () {
        // IMPORTANT: Reset isMountedRef to true on every mount/remount.
        // This is critical for React Strict Mode which simulates unmount/remount:
        // 
        // React Strict Mode sequence:
        // 1. Mount → isMountedRef = true (initial value)
        // 2. Effect runs
        // 3. Strict Mode simulates unmount → cleanup sets isMountedRef = false
        // 4. Strict Mode simulates remount → effect runs again
        // 
        // Without this reset, step 4 would still see isMountedRef = false from step 3,
        // causing initVelt to skip even though the component is actually mounted.
        isMountedRef.current = true;
        // Cleanup: mark component as unmounted
        return function () {
            isMountedRef.current = false;
        };
    }, []);
    useEffect(function () {
        var _a;
        // Pre-bootstrap selfHosted stash: the SDK's default Firebase app initializes while
        // velt.js EVALUATES (any velt-* elements already in the DOM upgrade synchronously
        // during customElements.define), which is BEFORE the script's load event and therefore
        // BEFORE Velt.init() can write this stash itself. Writing it here — before the script
        // tag is appended — is the only ordering that guarantees selfHosted.firebaseConfig
        // applies. Velt.init() later writes the same value; sdk.js compares by JSON and stays
        // silent when they match.
        if (typeof window !== "undefined" && (config === null || config === void 0 ? void 0 : config.selfHosted)) {
            window.__VELT_PRE_BOOTSTRAP_SELF_HOSTED__ = config.selfHosted;
        }
        // Store cleanup function returned from loadVelt to remove event listeners on unmount
        var cleanupLoadVelt;
        if (apiKey) {
            var staging = config === null || config === void 0 ? void 0 : config.staging;
            var develop = config === null || config === void 0 ? void 0 : config.develop;
            var version = (config === null || config === void 0 ? void 0 : config.version) || VELT_SDK_VERSION;
            var integrity = !!(config === null || config === void 0 ? void 0 : config.integrity);
            var integrityValue = "";
            if (integrity) {
                if (develop || staging) {
                    if (config === null || config === void 0 ? void 0 : config.sriv) {
                        integrityValue = config === null || config === void 0 ? void 0 : config.sriv;
                    }
                }
                else {
                    if (INTEGRITY_MAP[version]) {
                        integrityValue = INTEGRITY_MAP[version];
                    }
                }
            }
            // Rapid mount/unmount issue found in OpenEnvoy client code with slow network.
            // 
            // Scenario: VeltProvider is conditionally rendered and toggles rapidly while
            // the Velt script is loading over a slow network connection.
            // 
            // We check if Velt is already loaded (window.Velt exists) and call initVelt
            // directly. If not loaded, we call loadVelt which handles the script loading
            // and returns a cleanup function to remove event listeners.
            if (window === null || window === void 0 ? void 0 : window.Velt) {
                initVelt();
            }
            else {
                // loadVelt returns a cleanup function that removes the load event listener.
                // This prevents the callback from firing on destroyed component instances.
                cleanupLoadVelt = loadVelt(function () {
                    initVelt();
                }, version, staging, develop, ((_a = config === null || config === void 0 ? void 0 : config.proxyConfig) === null || _a === void 0 ? void 0 : _a.cdnHost) || (config === null || config === void 0 ? void 0 : config.proxyDomain), integrity, integrityValue);
            }
        }
        // Cleanup: remove event listener when component unmounts.
        // This is critical for rapid mount/unmount scenarios - without this cleanup,
        // the load callback would fire on destroyed component instances and try to
        // call initVelt, which would then try to update state on an unmounted component.
        return function () {
            if (cleanupLoadVelt) {
                cleanupLoadVelt();
            }
        };
    }, []);
    useEffect(function () {
        if (!deepCompare(prevUserDataProviderRef.current, userDataProvider)) {
            if (client && userDataProvider) {
                if (typeof (client === null || client === void 0 ? void 0 : client.setUserDataProvider) === "function") {
                    client === null || client === void 0 ? void 0 : client.setUserDataProvider(userDataProvider);
                }
                prevUserDataProviderRef.current = userDataProvider;
            }
            else {
                // Only update ref to undefined if client is available (to track removal)
                // If client is not available, keep old ref so we can set provider when client becomes available
                if (client) {
                    prevUserDataProviderRef.current = userDataProvider;
                }
            }
        }
    }, [client, userDataProvider]);
    useEffect(function () {
        if (!deepCompare(prevDataProvidersRef.current, dataProviders)) {
            if (client && dataProviders) {
                if (typeof (client === null || client === void 0 ? void 0 : client.setDataProviders) === "function") {
                    client === null || client === void 0 ? void 0 : client.setDataProviders(dataProviders);
                }
                prevDataProvidersRef.current = dataProviders;
            }
            else {
                // Only update ref to undefined if client is available (to track removal)
                // If client is not available, keep old ref so we can set provider when client becomes available
                if (client) {
                    prevDataProvidersRef.current = dataProviders;
                }
            }
        }
    }, [client, dataProviders]);
    useEffect(function () {
        if (client && encryptionProvider) {
            if (typeof (client === null || client === void 0 ? void 0 : client.setEncryptionProvider) === "function") {
                client === null || client === void 0 ? void 0 : client.setEncryptionProvider(encryptionProvider);
            }
        }
    }, [client, encryptionProvider]);
    useEffect(function () {
        if (!deepCompare(prevAuthProviderRef.current, authProvider)) {
            if (client && authProvider && authProvider.user) {
                client.setVeltAuthProvider(authProvider);
                prevAuthProviderRef.current = authProvider;
            }
            else {
                // Only update ref to undefined if client is available (to track removal)
                // If client is not available, keep old ref so we can set provider when client becomes available
                if (client) {
                    prevAuthProviderRef.current = authProvider;
                }
            }
        }
    }, [client, authProvider]);
    useEffect(function () {
        if (!deepCompare(prevPermissionProviderRef.current, permissionProvider)) {
            if (client && permissionProvider) {
                if (typeof (client === null || client === void 0 ? void 0 : client.setPermissionProvider) === "function") {
                    client === null || client === void 0 ? void 0 : client.setPermissionProvider(permissionProvider);
                }
                prevPermissionProviderRef.current = permissionProvider;
            }
            else {
                // Only update ref to undefined if client is available (to track removal)
                // If client is not available, keep old ref so we can set provider when client becomes available
                if (client) {
                    prevPermissionProviderRef.current = permissionProvider;
                }
            }
        }
    }, [client, permissionProvider]);
    /**
     * Initializes the Velt SDK with proper mount state checks.
     *
     * ## Async Safety Pattern
     * This function contains async operations (Velt.init). During the await,
     * the component might unmount. We must check isMountedRef:
     * 1. BEFORE starting - skip if already unmounted
     * 2. AFTER await completes - abort if unmounted during the wait
     *
     * Without these checks, setClient() would be called on unmounted components,
     * causing React warnings and potential memory leaks.
     */
    var initVelt = function () { return __awaiter(void 0, void 0, void 0, function () {
        var velt, event;
        var _a, _b;
        return __generator(this, function (_c) {
            switch (_c.label) {
                case 0:
                    // CHECK 1: Skip initialization if component has already been unmounted.
                    // This handles the case where cleanup ran before initVelt was called.
                    if (!isMountedRef.current) {
                        return [2 /*return*/];
                    }
                    if (!config) return [3 /*break*/, 2];
                    if (config.staging) {
                        delete config.staging;
                    }
                    if (config.develop) {
                        delete config.develop;
                    }
                    if (config === null || config === void 0 ? void 0 : config.version) {
                        config === null || config === void 0 ? true : delete config.version;
                    }
                    if (config === null || config === void 0 ? void 0 : config.proxyDomain) {
                        delete config.proxyDomain;
                    }
                    return [4 /*yield*/, ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.init(apiKey, config))];
                case 1:
                    velt = _c.sent();
                    return [3 /*break*/, 4];
                case 2: return [4 /*yield*/, ((_b = window.Velt) === null || _b === void 0 ? void 0 : _b.init(apiKey))];
                case 3:
                    velt = _c.sent();
                    _c.label = 4;
                case 4:
                    // CHECK 2: Abort if component unmounted during the await.
                    // Velt.init() is async and can take time. The component might have
                    // been unmounted while we were waiting. Check again before proceeding
                    // with state updates and side effects.
                    if (!isMountedRef.current) {
                        return [2 /*return*/];
                    }
                    // Set language
                    if (language && (velt === null || velt === void 0 ? void 0 : velt.setLanguage)) {
                        velt === null || velt === void 0 ? void 0 : velt.setLanguage(language);
                    }
                    // Set translations
                    if (translations && (velt === null || velt === void 0 ? void 0 : velt.setTranslations)) {
                        if (typeof translations === "object") {
                            Object.keys(translations).forEach(function (languageCode) {
                                velt === null || velt === void 0 ? void 0 : velt.setTranslations(languageCode, translations[languageCode] || {});
                            });
                        }
                    }
                    if (typeof autoTranslation === "boolean") {
                        if (autoTranslation && (velt === null || velt === void 0 ? void 0 : velt.enableAutoTranslation)) {
                            velt === null || velt === void 0 ? void 0 : velt.enableAutoTranslation();
                        }
                        else if (!autoTranslation && (velt === null || velt === void 0 ? void 0 : velt.disableAutoTranslation)) {
                            velt === null || velt === void 0 ? void 0 : velt.disableAutoTranslation();
                        }
                    }
                    if (velt === null || velt === void 0 ? void 0 : velt.st) {
                        velt === null || velt === void 0 ? void 0 : velt.st("react");
                    }
                    setClient(velt);
                    if (onClientLoad) {
                        onClientLoad(velt);
                    }
                    if (!user) return [3 /*break*/, 6];
                    return [4 /*yield*/, (velt === null || velt === void 0 ? void 0 : velt.identify(user))];
                case 5:
                    _c.sent();
                    _c.label = 6;
                case 6:
                    if (documentId) {
                        velt === null || velt === void 0 ? void 0 : velt.setDocumentId(documentId);
                    }
                    event = new CustomEvent(VELT_SDK_INIT_EVENT, { detail: velt });
                    window.dispatchEvent(event);
                    return [2 /*return*/];
            }
        });
    }); };
    return (React.createElement(React.Fragment, null,
        React.createElement(VeltContext.Provider, { value: { client: client } }, children)));
};

var SnippylyCommentBubble = function (props) {
    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType, context = props.context, contextOptions = props.contextOptions, annotationId = props.annotationId, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, readOnly = props.readOnly, openDialog = props.openDialog;
    return (React.createElement("velt-comment-bubble", { "annotation-id": annotationId, "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "open-dialog": [true, false].includes(openDialog) ? (openDialog ? 'true' : 'false') : undefined, variant: variant }, children));
};

var SnippylyComments = function (props) {
    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, lazyLoadResolvedComments = props.lazyLoadResolvedComments, filterCommentsOnDom = props.filterCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, visibilityOptions = props.visibilityOptions, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, draftConfirmation = props.draftConfirmation, collapsedComments = props.collapsedComments, collapsedRepliesPreview = props.collapsedRepliesPreview, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload, pinDrag = props.pinDrag, anonymousEmail = props.anonymousEmail, restrictTextSearchToAnchor = props.restrictTextSearchToAnchor;
    var ref = useRef();
    var onSignInRef = useRef(onSignIn);
    var onUpgradeRef = useRef(onUpgrade);
    var onCommentAddRef = useRef(onCommentAdd);
    var onCommentUpdateRef = useRef(onCommentUpdate);
    var onCommentAcceptRef = useRef(onCommentAccept);
    var onCommentRejectRef = useRef(onCommentReject);
    var onSidebarButtonOnCommentDialogClickRef = useRef(onSidebarButtonOnCommentDialogClick);
    var onCustomPinInjectRef = useRef(onCustomPinInject);
    var onCommentSelectionChangeRef = useRef(onCommentSelectionChange);
    var onCopyLinkRef = useRef(onCopyLink);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onSignInRef.current = onSignIn;
    }, [onSignIn]);
    useEffect(function () {
        onCopyLinkRef.current = onCopyLink;
    }, [onCopyLink]);
    useEffect(function () {
        onUpgradeRef.current = onUpgrade;
    }, [onUpgrade]);
    useEffect(function () {
        onCommentAddRef.current = onCommentAdd;
    }, [onCommentAdd]);
    useEffect(function () {
        onCommentUpdateRef.current = onCommentUpdate;
    }, [onCommentUpdate]);
    useEffect(function () {
        onCommentAcceptRef.current = onCommentAccept;
    }, [onCommentAccept]);
    useEffect(function () {
        onCommentRejectRef.current = onCommentReject;
    }, [onCommentReject]);
    useEffect(function () {
        onSidebarButtonOnCommentDialogClickRef.current = onSidebarButtonOnCommentDialogClick;
    }, [onSidebarButtonOnCommentDialogClick]);
    useEffect(function () {
        onCustomPinInjectRef.current = onCustomPinInject;
    }, [onCustomPinInject]);
    useEffect(function () {
        onCommentSelectionChangeRef.current = onCommentSelectionChange;
    }, [onCommentSelectionChange]);
    useEffect(function () {
        var element;
        var handleSignIn = function (event) {
            if (onSignInRef.current) {
                onSignInRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleUpgrade = function (event) {
            if (onUpgradeRef.current) {
                onUpgradeRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCommentAdd = function (event) {
            if (onCommentAddRef.current) {
                onCommentAddRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCommentUpdate = function (event) {
            if (onCommentUpdateRef.current) {
                onCommentUpdateRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCommentAccept = function (event) {
            if (onCommentAcceptRef.current) {
                onCommentAcceptRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCommentReject = function (event) {
            if (onCommentRejectRef.current) {
                onCommentRejectRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleSidebarButtonOnCommentDialogClick = function (event) {
            if (onSidebarButtonOnCommentDialogClickRef.current) {
                onSidebarButtonOnCommentDialogClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCustomPinInject = function (event) {
            if (onCustomPinInjectRef.current) {
                onCustomPinInjectRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCommentSelectionChange = function (event) {
            if (onCommentSelectionChangeRef.current) {
                onCommentSelectionChangeRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCopyLink = function (event) {
            if (onCopyLinkRef.current) {
                onCopyLinkRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onSignIn', handleSignIn);
                element.addEventListener('onUpgrade', handleUpgrade);
                element.addEventListener('onCommentAdd', handleCommentAdd);
                element.addEventListener('onCommentUpdate', handleCommentUpdate);
                element.addEventListener('onCommentAccept', handleCommentAccept);
                element.addEventListener('onCommentReject', handleCommentReject);
                element.addEventListener('onSidebarButtonOnCommentDialogClick', handleSidebarButtonOnCommentDialogClick);
                element.addEventListener('onCustomPinInject', handleCustomPinInject);
                element.addEventListener('onCommentSelectionChange', handleCommentSelectionChange);
                element.addEventListener('onCopyLink', handleCopyLink);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onSignIn', handleSignIn);
                element.removeEventListener('onUpgrade', handleUpgrade);
                element.removeEventListener('onCommentAdd', handleCommentAdd);
                element.removeEventListener('onCommentUpdate', handleCommentUpdate);
                element.removeEventListener('onCommentAccept', handleCommentAccept);
                element.removeEventListener('onCommentReject', handleCommentReject);
                element.removeEventListener('onSidebarButtonOnCommentDialogClick', handleSidebarButtonOnCommentDialogClick);
                element.removeEventListener('onCustomPinInject', handleCustomPinInject);
                element.removeEventListener('onCommentSelectionChange', handleCommentSelectionChange);
                element.removeEventListener('onCopyLink', handleCopyLink);
            }
        };
    }, []);
    return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "collapsed-replies-preview": [true, false].includes(collapsedRepliesPreview) ? (collapsedRepliesPreview ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "draft-confirmation": [true, false].includes(draftConfirmation) ? (draftConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "visibility-options": [true, false].includes(visibilityOptions) ? (visibilityOptions ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "lazy-load-resolved-comments": [true, false].includes(lazyLoadResolvedComments) ? (lazyLoadResolvedComments ? 'true' : 'false') : undefined, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined, "pin-drag": [true, false].includes(pinDrag) ? (pinDrag ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "restrict-text-search-to-anchor": [true, false].includes(restrictTextSearchToAnchor) ? (restrictTextSearchToAnchor ? 'true' : 'false') : undefined }, children));
};

var SnippylyCommentsSidebar = function (props) {
    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, pageModePlaceholder = props.pageModePlaceholder;
    var ref = useRef();
    var openSidebarRef = useRef(openSidebar);
    var onSidebarOpenRef = useRef(onSidebarOpen);
    var onSidebarCommentClickRef = useRef(onSidebarCommentClick);
    var onCommentClickRef = useRef(onCommentClick);
    var onSidebarCloseRef = useRef(onSidebarClose);
    var onCommentNavigationButtonClickRef = useRef(onCommentNavigationButtonClick);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        openSidebarRef.current = openSidebar;
    }, [openSidebar]);
    useEffect(function () {
        onSidebarOpenRef.current = onSidebarOpen;
    }, [onSidebarOpen]);
    useEffect(function () {
        onSidebarCommentClickRef.current = onSidebarCommentClick;
    }, [onSidebarCommentClick]);
    useEffect(function () {
        onSidebarCloseRef.current = onSidebarClose;
    }, [onSidebarClose]);
    useEffect(function () {
        onCommentClickRef.current = onCommentClick;
    }, [onCommentClick]);
    useEffect(function () {
        onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick;
    }, [onCommentNavigationButtonClick]);
    useEffect(function () {
        var element;
        var handleSidebarOpen = function (event) {
            if (openSidebarRef.current) {
                openSidebarRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
            if (onSidebarOpenRef.current) {
                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleSidebarCommentClick = function (event) {
            if (onSidebarCommentClickRef.current) {
                onSidebarCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
            if (onCommentClickRef.current) {
                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleSidebarClose = function (event) {
            if (onSidebarCloseRef.current) {
                onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleCommentNavigationButtonClick = function (event) {
            if (onCommentNavigationButtonClickRef.current) {
                onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onSidebarOpen', handleSidebarOpen);
                element.addEventListener('onSidebarCommentClick', handleSidebarCommentClick);
                element.addEventListener('onSidebarClose', handleSidebarClose);
                element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
                element.removeEventListener('onSidebarCommentClick', handleSidebarCommentClick);
                element.removeEventListener('onSidebarClose', handleSidebarClose);
                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
            }
        };
    }, []);
    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "page-mode-placeholder": pageModePlaceholder }));
};

var SnippylyCommentTool = function (props) {
    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, disabled = props.disabled, contextInPageModeComposer = props.contextInPageModeComposer;
    var ref = useRef();
    var onCommentModeChangeRef = useRef(onCommentModeChange);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onCommentModeChangeRef.current = onCommentModeChange;
    }, [onCommentModeChange]);
    useEffect(function () {
        var element;
        var handleCommentModeChange = function (event) {
            if (onCommentModeChangeRef.current) {
                onCommentModeChangeRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onCommentModeChange', handleCommentModeChange);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onCommentModeChange', handleCommentModeChange);
            }
        };
    }, []);
    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, "context-in-page-mode-composer": [true, false].includes(contextInPageModeComposer) ? (contextInPageModeComposer ? 'true' : 'false') : undefined }, children));
};

var SnippylyCursor = function (props) {
    var allowedElementIds = props.allowedElementIds, avatarMode = props.avatarMode, inactivityTime = props.inactivityTime, onCursorUsersChanged = props.onCursorUsersChanged, onCursorUserChange = props.onCursorUserChange, children = props.children;
    var ref = useRef();
    var onCursorUsersChangedRef = useRef(onCursorUsersChanged);
    var onCursorUserChangeRef = useRef(onCursorUserChange);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onCursorUsersChangedRef.current = onCursorUsersChanged;
    }, [onCursorUsersChanged]);
    useEffect(function () {
        onCursorUserChangeRef.current = onCursorUserChange;
    }, [onCursorUserChange]);
    useEffect(function () {
        var element;
        var handleCursorUserChange = function (event) {
            if (onCursorUsersChangedRef.current) {
                onCursorUsersChangedRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
            if (onCursorUserChangeRef.current) {
                onCursorUserChangeRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onCursorUserChange', handleCursorUserChange);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onCursorUserChange', handleCursorUserChange);
            }
        };
    }, []);
    return (React.createElement("velt-cursor", { ref: ref, "allowed-element-ids": allowedElementIds, "avatar-mode": avatarMode ? 'true' : undefined, "inactivity-time": inactivityTime }, children));
};

var SnippylyHuddle = function (props) {
    var chat = props.chat, flockModeOnAvatarClick = props.flockModeOnAvatarClick, serverFallback = props.serverFallback;
    return (React.createElement("velt-huddle", { chat: [true, false].includes(chat) ? (chat ? 'true' : 'false') : undefined, "flock-mode-on-avatar-click": [true, false].includes(flockModeOnAvatarClick) ? (flockModeOnAvatarClick ? 'true' : 'false') : undefined, "server-fallback": [true, false].includes(serverFallback) ? (serverFallback ? 'true' : 'false') : undefined }));
};

var SnippylyHuddleTool = function (props) {
    var type = props.type, children = props.children, darkMode = props.darkMode;
    return (React.createElement("velt-huddle-tool", { type: type, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
};

var SnippylyPresence = function (props) {
    var maxUsers = props.maxUsers, inactivityTime = props.inactivityTime, offlineInactivityTime = props.offlineInactivityTime, documentParams = props.documentParams, location = props.location, locationId = props.locationId, self = props.self, onPresenceUserClick = props.onPresenceUserClick, onUsersChanged = props.onUsersChanged, onPresenceUserChange = props.onPresenceUserChange, disableFlockNavigation = props.disableFlockNavigation, defaultFlockNavigation = props.defaultFlockNavigation, onNavigate = props.onNavigate, flockMode = props.flockMode, shadowDom = props.shadowDom;
    var ref = useRef();
    var onUsersChangedRef = useRef(onUsersChanged);
    var onPresenceUserChangeRef = useRef(onPresenceUserChange);
    var onNavigateRef = useRef(onNavigate);
    var onPresenceUserClickRef = useRef(onPresenceUserClick);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onUsersChangedRef.current = onUsersChanged;
    }, [onUsersChanged]);
    useEffect(function () {
        onPresenceUserChangeRef.current = onPresenceUserChange;
    }, [onPresenceUserChange]);
    useEffect(function () {
        onNavigateRef.current = onNavigate;
    }, [onNavigate]);
    useEffect(function () {
        onPresenceUserClickRef.current = onPresenceUserClick;
    }, [onPresenceUserClick]);
    useEffect(function () {
        var element;
        var handlePresenceUserChange = function (event) {
            if (onUsersChangedRef.current) {
                onUsersChangedRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
            if (onPresenceUserChangeRef.current) {
                onPresenceUserChangeRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleNavigate = function (event) {
            if (onNavigateRef.current) {
                onNavigateRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handlePresenceUserClick = function (event) {
            if (onPresenceUserClickRef.current) {
                onPresenceUserClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onPresenceUserChange', handlePresenceUserChange);
                element.addEventListener('onNavigate', handleNavigate);
                element.addEventListener('onPresenceUserClick', handlePresenceUserClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onPresenceUserChange', handlePresenceUserChange);
                element.removeEventListener('onNavigate', handleNavigate);
                element.removeEventListener('onPresenceUserClick', handlePresenceUserClick);
            }
        };
    }, []);
    return (React.createElement("velt-presence", { ref: ref, "flock-mode": [true, false].includes(flockMode) ? (flockMode ? 'true' : 'false') : undefined, "max-users": maxUsers, "inactivity-time": inactivityTime, "offline-inactivity-time": offlineInactivityTime, "document-params": (typeof documentParams === 'object') ? JSON.stringify(documentParams) : (documentParams ? documentParams : undefined), "disable-flock-navigation": [true, false].includes(disableFlockNavigation) ? (disableFlockNavigation ? 'true' : 'false') : undefined, "default-flock-navigation": [true, false].includes(defaultFlockNavigation) ? (defaultFlockNavigation ? 'true' : 'false') : undefined, self: [true, false].includes(self) ? (self ? 'true' : 'false') : undefined, location: (typeof location === 'object') ? JSON.stringify(location) : (location ? location : undefined), "location-id": locationId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
};

var SnippylyRecorderControlPanel = function (props) {
    var mode = props.mode, panelId = props.panelId, onRecordedData = props.onRecordedData, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, videoEditor = props.videoEditor, settingsEmbedded = props.settingsEmbedded, autoOpenVideoEditor = props.autoOpenVideoEditor, playVideoInFullScreen = props.playVideoInFullScreen, retakeOnVideoEditor = props.retakeOnVideoEditor, pictureInPicture = props.pictureInPicture, maxLength = props.maxLength, videoEditorTimelinePreview = props.videoEditorTimelinePreview;
    var ref = useRef();
    var onRecordedDataRef = useRef(onRecordedData);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onRecordedDataRef.current = onRecordedData;
    }, [onRecordedData]);
    useEffect(function () {
        var element;
        var handleRecordedData = function (event) {
            if (onRecordedDataRef.current) {
                onRecordedDataRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onRecordedData', handleRecordedData);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onRecordedData', handleRecordedData);
            }
        };
    }, []);
    return (React.createElement("velt-recorder-control-panel", { ref: ref, mode: mode, "panel-id": panelId, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "settings-embedded": [true, false].includes(settingsEmbedded) ? (settingsEmbedded ? 'true' : 'false') : undefined, "auto-open-video-editor": [true, false].includes(autoOpenVideoEditor) ? (autoOpenVideoEditor ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined, "picture-in-picture": [true, false].includes(pictureInPicture) ? (pictureInPicture ? 'true' : 'false') : undefined, "max-length": maxLength, "video-editor-timeline-preview": [true, false].includes(videoEditorTimelinePreview) ? (videoEditorTimelinePreview ? 'true' : 'false') : undefined }));
};

var SnippylyRecorderNotes = function (props) {
    var shadowDom = props.shadowDom, children = props.children, videoEditor = props.videoEditor, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, playVideoInFullScreen = props.playVideoInFullScreen, videoEditorTimelinePreview = props.videoEditorTimelinePreview;
    return (React.createElement("velt-recorder-notes", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined, "video-editor-timeline-preview": [true, false].includes(videoEditorTimelinePreview) ? (videoEditorTimelinePreview ? 'true' : 'false') : undefined }, children));
};

var SnippylyRecorderPlayer = function (props) {
    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen, retakeOnVideoEditor = props.retakeOnVideoEditor, playbackOnPreviewClick = props.playbackOnPreviewClick;
    var ref = useRef();
    var onDeleteRef = useRef(onDelete);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onDeleteRef.current = onDelete;
    }, [onDelete]);
    useEffect(function () {
        var element;
        var handleOnDelete = function (event) {
            if (onDeleteRef.current) {
                onDeleteRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element === null || element === void 0 ? void 0 : element.addEventListener('onDelete', handleOnDelete);
            }
        }
        return function () {
            if (element) {
                element === null || element === void 0 ? void 0 : element.removeEventListener('onDelete', handleOnDelete);
            }
        };
    }, []);
    return (React.createElement("velt-recorder-player", { ref: ref, "recorder-id": recorderId, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "show-summary": [true, false].includes(showSummary) ? (showSummary ? 'true' : 'false') : undefined, summary: [true, false].includes(summary) ? (summary ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined, "playback-on-preview-click": [true, false].includes(playbackOnPreviewClick) ? (playbackOnPreviewClick ? 'true' : 'false') : undefined }));
};

var SnippylyRecorderTool = function (props) {
    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, recordingCountdown = props.recordingCountdown, variant = props.variant, retakeOnVideoEditor = props.retakeOnVideoEditor, pictureInPicture = props.pictureInPicture, maxLength = props.maxLength;
    return (React.createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, variant: variant, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "picture-in-picture": [true, false].includes(pictureInPicture) ? (pictureInPicture ? 'true' : 'false') : undefined, "max-length": maxLength }, children));
};

var SnippylySidebarButton = function (props) {
    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, variant = props.variant, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, commentCountType = props.commentCountType, defaultCondition = props.defaultCondition;
    var ref = useRef();
    var onSidebarOpenRef = useRef(onSidebarOpen);
    var onCommentClickRef = useRef(onCommentClick);
    useEffect(function () {
        onCommentClickRef.current = onCommentClick;
    }, [onCommentClick]);
    useEffect(function () {
        onSidebarOpenRef.current = onSidebarOpen;
    }, [onSidebarOpen]);
    useEffect(function () {
        var element;
        var handleSidebarOpen = function (event) {
            if (onSidebarOpenRef.current) {
                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleSidebarCommentClick = function (event) {
            if (onCommentClickRef.current) {
                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onSidebarOpen', handleSidebarOpen);
                element.addEventListener('onCommentClick', handleSidebarCommentClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
                element.removeEventListener('onCommentClick', handleSidebarCommentClick);
            }
        };
    });
    return (React.createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, variant: variant, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "comment-count-type": commentCountType, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentsSidebarButton = function (props) {
    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout;
    var ref = useRef();
    var onSidebarOpenRef = useRef(onSidebarOpen);
    var onCommentClickRef = useRef(onCommentClick);
    useEffect(function () {
        onCommentClickRef.current = onCommentClick;
    }, [onCommentClick]);
    useEffect(function () {
        onSidebarOpenRef.current = onSidebarOpen;
    }, [onSidebarOpen]);
    useEffect(function () {
        var element;
        var handleSidebarOpen = function (event) {
            if (onSidebarOpenRef.current) {
                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleSidebarCommentClick = function (event) {
            if (onCommentClickRef.current) {
                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onSidebarOpen', handleSidebarOpen);
                element.addEventListener('onCommentClick', handleSidebarCommentClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
                element.removeEventListener('onCommentClick', handleSidebarCommentClick);
            }
        };
    });
    return (React.createElement("velt-comments-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout }, children));
};

var SnippylyTags = function (props) {
    var pinHighlighterClass = props.pinHighlighterClass;
    return (React.createElement("velt-tags", { "pin-highlighter-class": pinHighlighterClass }));
};

var SnippylyTagTool = function (props) {
    var targetTagElementId = props.targetTagElementId, children = props.children;
    return (React.createElement("velt-tag-tool", { "target-tag-element-id": targetTagElementId }, children));
};

var SnippylyArrows = function () {
    return (React.createElement("velt-arrows", null));
};

var SnippylyArrowTool = function (props) {
    var children = props.children, darkMode = props.darkMode;
    return (React.createElement("velt-arrow-tool", { "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
};

var SnippylyUserInviteTool = function (props) {
    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, inviteUrl = props.inviteUrl, accessControlDropdown = props.accessControlDropdown, documentUserAccessList = props.documentUserAccessList, children = props.children, darkMode = props.darkMode;
    return (React.createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "invite-url": inviteUrl, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined, "document-user-access-list": [true, false].includes(documentUserAccessList) ? documentUserAccessList : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
};

var SnippylyUserRequestTool = function (props) {
    var type = props.type;
    return (React.createElement("velt-user-request-tool", { type: type }));
};

var VeltCommentPlayerTimeline = function (props) {
    var totalMediaLength = props.totalMediaLength, offset = props.offset, onCommentClick = props.onCommentClick, shadowDom = props.shadowDom, videoPlayerId = props.videoPlayerId, onReactionClick = props.onReactionClick;
    var ref = useRef();
    var onCommentClickRef = useRef(onCommentClick);
    var onReactionClickRef = useRef(onReactionClick);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onCommentClickRef.current = onCommentClick;
    }, [onCommentClick]);
    useEffect(function () {
        onReactionClickRef.current = onReactionClick;
    }, [onReactionClick]);
    useEffect(function () {
        var element;
        var handleCommentClick = function (event) {
            if (onCommentClickRef.current) {
                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        var handleReactionClick = function (event) {
            if (onReactionClickRef.current) {
                onReactionClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onCommentClick', handleCommentClick);
                element.addEventListener('onReactionClick', handleReactionClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onCommentClick', handleCommentClick);
                element.removeEventListener('onReactionClick', handleReactionClick);
            }
        };
    }, []);
    return (React.createElement("velt-comment-player-timeline", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "total-media-length": totalMediaLength, offset: offset, "video-player-id": videoPlayerId }));
};

var VeltVideoPlayer = function (props) {
    var darkMode = props.darkMode, src = props.src, sync = props.sync, commentTool = props.commentTool, shadowDom = props.shadowDom;
    return (React.createElement("velt-video-player", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, src: src, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, sync: [true, false].includes(sync) ? (sync ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined }));
};

var VeltViewAnalytics = function (props) {
    var type = props.type, locationId = props.locationId;
    return (React.createElement("velt-view-analytics", { type: type, "location-id": locationId }));
};

var VeltCommentThread = function (props) {
    var annotationId = props.annotationId, annotation = props.annotation, onCommentClick = props.onCommentClick, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, fullExpanded = props.fullExpanded;
    var ref = useRef();
    var onCommentClickRef = useRef(onCommentClick);
    useEffect(function () {
        onCommentClickRef.current = onCommentClick;
    }, [onCommentClick]);
    useEffect(function () {
        var element;
        var handleCommentClick = function (event) {
            if (onCommentClickRef.current) {
                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onCommentClick', handleCommentClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onCommentClick', handleCommentClick);
            }
        };
    }, []);
    return (React.createElement("velt-comment-thread", { ref: ref, "annotation-id": annotationId, annotation: annotation ? JSON.stringify(annotation) : undefined, variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined }));
};

var VeltNotificationsTool = function (props) {
    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
    var ref = useRef();
    var onNotificationClickRef = useRef(onNotificationClick);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onNotificationClickRef.current = onNotificationClick;
    }, [onNotificationClick]);
    useEffect(function () {
        var element;
        var handleNotificationClick = function (event) {
            if (onNotificationClickRef.current) {
                onNotificationClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element === null || element === void 0 ? void 0 : element.addEventListener('onNotificationClick', handleNotificationClick);
            }
        }
        return function () {
            if (element) {
                element === null || element === void 0 ? void 0 : element.removeEventListener('onNotificationClick', handleNotificationClick);
            }
        };
    }, []);
    var enableCrossOrganizationValue = useMemo(function () {
        try {
            if (typeof enableCrossOrganization === 'boolean') {
                return enableCrossOrganization ? 'true' : 'false';
            }
            else if (typeof enableCrossOrganization === 'string') {
                return enableCrossOrganization;
            }
            else if (typeof enableCrossOrganization === 'object') {
                return JSON.stringify(enableCrossOrganization);
            }
            return undefined;
        }
        catch (error) {
            return undefined;
        }
    }, [enableCrossOrganization]);
    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
};

var VeltNotificationsToolIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-tool-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsToolUnreadIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-tool-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsToolLabel = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-tool-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsToolUnreadCount = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-tool-unread-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanel = function (props) {
    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
    var ref = useRef();
    var onNotificationClickRef = useRef(onNotificationClick);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onNotificationClickRef.current = onNotificationClick;
    }, [onNotificationClick]);
    useEffect(function () {
        var element;
        var handleNotificationClick = function (event) {
            if (onNotificationClickRef.current) {
                onNotificationClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element === null || element === void 0 ? void 0 : element.addEventListener('onNotificationClick', handleNotificationClick);
            }
        }
        return function () {
            if (element) {
                element === null || element === void 0 ? void 0 : element.removeEventListener('onNotificationClick', handleNotificationClick);
            }
        };
    }, []);
    var enableCrossOrganizationValue = useMemo(function () {
        try {
            if (typeof enableCrossOrganization === 'boolean') {
                return enableCrossOrganization ? 'true' : 'false';
            }
            else if (typeof enableCrossOrganization === 'string') {
                return enableCrossOrganization;
            }
            else if (typeof enableCrossOrganization === 'object') {
                return JSON.stringify(enableCrossOrganization);
            }
            return undefined;
        }
        catch (error) {
            return undefined;
        }
    }, [enableCrossOrganization]);
    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
};

var VeltNotificationsPanelTitle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelTitleText = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-title-text", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelHeader = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelHeaderTabForYou = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-header-tab-for-you", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelHeaderTabPeople = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-header-tab-people", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelHeaderTabDocuments = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-header-tab-documents", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelHeaderTabAll = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-header-tab-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContent = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentForYou = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-for-you", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentAll = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentPeople = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentDocuments = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentList = function (props) {
    var notifications = props.notifications, listItemTemplate = props.listItemTemplate, documentId = props.documentId, listType = props.listType, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list", { ref: ref, "document-id": documentId, "list-type": listType, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentListItem = function (props) {
    var notification = props.notification, listItemTemplate = props.listItemTemplate, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === 'string' ? notification : JSON.stringify(notification)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentListItemAvatar = function (props) {
    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item-avatar", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
};

var VeltNotificationsPanelContentListItemUnread = function (props) {
    var notification = props.notification, isDefault = props.isDefault, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item-unread", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentListItemHeadline = function (props) {
    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item-headline", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
};

var VeltNotificationsPanelContentListItemBody = function (props) {
    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item-body", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
};

var VeltNotificationsPanelContentListItemFileName = function (props) {
    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item-file-name", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
};

var VeltNotificationsPanelContentListItemTime = function (props) {
    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-list-item-time", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
};

var VeltNotificationsPanelContentAllList = function (props) {
    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-all-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentAllListItem = function (props) {
    var listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, date = props.date, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-all-list-item", { ref: ref, "notification-index": notificationIndex, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentAllListItemLabel = function (props) {
    var date = props.date, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-all-list-item-label", { ref: ref, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentAllListItemContent = function (props) {
    var date = props.date, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-all-list-item-content", { ref: ref, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentPeopleList = function (props) {
    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentPeopleListItem = function (props) {
    var data = props.data, listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people-list-item", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === 'string' ? data : JSON.stringify(data)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentPeopleListItemAvatar = function (props) {
    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people-list-item-avatar", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
};

var VeltNotificationsPanelContentPeopleListItemName = function (props) {
    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people-list-item-name", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
};

var VeltNotificationsPanelContentPeopleListItemCount = function (props) {
    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people-list-item-count", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
};

var VeltNotificationsPanelContentPeopleListItemContent = function (props) {
    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-people-list-item-content", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
};

var VeltNotificationsPanelContentDocumentsList = function (props) {
    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentDocumentsListItem = function (props) {
    var document = props.document, index = props.index, listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents-list-item", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, document: document ? (typeof document === 'string' ? document : JSON.stringify(document)) : undefined, index: index !== undefined ? String(index) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
};

var VeltNotificationsPanelContentDocumentsListItemName = function (props) {
    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-name", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentDocumentsListItemCount = function (props) {
    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-count", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentDocumentsListItemContent = function (props) {
    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-content", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentDocumentsListItemUnread = function (props) {
    var isDefault = props.isDefault, notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-unread", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelContentLoadMore = function (props) {
    var isLoadMoreVisible = props.isLoadMoreVisible, notifications = props.notifications, documentId = props.documentId, listType = props.listType, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-load-more", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-load-more-visible": [true, false].includes(isLoadMoreVisible) ? (isLoadMoreVisible ? 'true' : 'false') : undefined, "document-id": documentId, "list-type": listType, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined }, children));
};

var VeltNotificationsPanelContentAllReadContainer = function (props) {
    var isAllRead = props.isAllRead, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-content-all-read-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-all-read": [true, false].includes(isAllRead) ? (isAllRead ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelCloseButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelReadAllButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-read-all-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelViewAllButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-view-all-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSkeleton = function (props) {
    var isLoading = props.isLoading, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-loading": [true, false].includes(isLoading) ? (isLoading ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettings = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsHeader = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsHeaderTitle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-header-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsTitle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsDescription = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-description", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsList = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsMuteAllTitle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-mute-all-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsMuteAllDescription = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-mute-all-description", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsMuteAllToggle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-mute-all-toggle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordion = function (props) {
    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionTrigger = function (props) {
    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionTriggerLabel = function (props) {
    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-label", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionTriggerIcon = function (props) {
    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-icon", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionTriggerSelectedValue = function (props) {
    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-selected-value", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionContent = function (props) {
    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-content", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionContentItem = function (props) {
    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-item", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === 'string' ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionContentItemLabel = function (props) {
    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-label", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsAccordionContentItemIcon = function (props) {
    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-icon", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
};

var VeltNotificationsPanelSettingsBackButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-back-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsPanelSettingsFooter = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-notifications-panel-settings-footer", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltNotificationsHistoryPanel = function (props) {
    var embedMode = props.embedMode, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick;
    var ref = useRef();
    var onNotificationClickRef = useRef(onNotificationClick);
    // Update the ref to always point to the latest callback function
    useEffect(function () {
        onNotificationClickRef.current = onNotificationClick;
    }, [onNotificationClick]);
    useEffect(function () {
        var element;
        var handleNotificationClick = function (event) {
            if (onNotificationClickRef.current) {
                onNotificationClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element === null || element === void 0 ? void 0 : element.addEventListener('onNotificationClick', handleNotificationClick);
            }
        }
        return function () {
            if (element) {
                element === null || element === void 0 ? void 0 : element.removeEventListener('onNotificationClick', handleNotificationClick);
            }
        };
    }, []);
    return (React.createElement("velt-notifications-history-panel", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
};

var VeltChartComment = function (props) {
    var commentMetadata = props.commentMetadata, dialogMetadataTemplate = props.dialogMetadataTemplate, children = props.children, ghostComment = props.ghostComment;
    return (React.createElement("velt-chart-comment", { "comment-metadata": commentMetadata ? JSON.stringify(commentMetadata) : undefined, "dialog-metadata-template": (dialogMetadataTemplate === null || dialogMetadataTemplate === void 0 ? void 0 : dialogMetadataTemplate.length) ? JSON.stringify(dialogMetadataTemplate) : undefined, "ghost-comment": [true, false].includes(ghostComment) ? (ghostComment ? 'true' : 'false') : undefined }, children));
};

var VeltNivoChartComments = function (_a) {
    var _b, _c, _d, _e, _f;
    var chartComputedData = _a.chartComputedData, dialogMetadataTemplate = _a.dialogMetadataTemplate, id = _a.id;
    var client = useVeltClient().client;
    var _g = React.useState({ comments: [] }), ghostCommentsData = _g[0], setGhostCommentsData = _g[1];
    var _h = React.useState(null), documentPathsSubscription = _h[0], setDocumentPathsSubscription = _h[1];
    var _j = React.useState(null), commentSubscription = _j[0], setCommentSubscription = _j[1];
    // Unsubscribe from the subscriptions when the component is unmounted
    useEffect(function () {
        return function () {
            unsubscribeDocumentPathsSubscription();
            unsubscribeCommentSubscription();
        };
    }, []);
    useEffect(function () {
        getCommentAnnotations();
    }, [chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.data]);
    useEffect(function () {
        if (client) {
            getCommentAnnotations();
        }
    }, [client]);
    var getCommentAnnotations = function () {
        var _a;
        try {
            unsubscribeDocumentPathsSubscription();
            unsubscribeCommentSubscription();
            if (client) {
                var subscription = (_a = client === null || client === void 0 ? void 0 : client.docService) === null || _a === void 0 ? void 0 : _a.getDocumentPaths$().subscribe(function (paths) {
                    var _a;
                    if (paths === null || paths === void 0 ? void 0 : paths.clientDocumentId) {
                        unsubscribeCommentSubscription();
                        var commentElement = client.getCommentElement();
                        var subscription_1 = (_a = commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations(paths === null || paths === void 0 ? void 0 : paths.clientDocumentId)) === null || _a === void 0 ? void 0 : _a.subscribe(function (comments) {
                            filterGhostComments(comments);
                        });
                        setCommentSubscription(subscription_1);
                    }
                });
                setDocumentPathsSubscription(subscription);
            }
        }
        catch (err) {
        }
    };
    var filterGhostComments = function (comments) {
        var _a, _b, _c;
        try {
            var chartComments = (_a = comments === null || comments === void 0 ? void 0 : comments.filter(function (annotation) { return annotation.commentType === 'chart'; })) === null || _a === void 0 ? void 0 : _a.filter(function (annotation) { var _a; return ((_a = annotation === null || annotation === void 0 ? void 0 : annotation.metadata) === null || _a === void 0 ? void 0 : _a.id) === id; });
            if ((_b = chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.bars) === null || _b === void 0 ? void 0 : _b.length) {
                var ghostComments_1 = [];
                chartComments.forEach(function (annotation) {
                    var _a;
                    var metadata = annotation.metadata;
                    var groupId = metadata === null || metadata === void 0 ? void 0 : metadata.groupId;
                    var value = metadata === null || metadata === void 0 ? void 0 : metadata.value;
                    var label = metadata === null || metadata === void 0 ? void 0 : metadata.label;
                    if (groupId && value && label) {
                        var bar = (_a = chartComputedData.bars) === null || _a === void 0 ? void 0 : _a.find(function (bar) { var _a, _b, _c; return ((_a = bar === null || bar === void 0 ? void 0 : bar.data) === null || _a === void 0 ? void 0 : _a.id) === groupId && ((_b = bar === null || bar === void 0 ? void 0 : bar.data) === null || _b === void 0 ? void 0 : _b.value) === value && ((_c = bar === null || bar === void 0 ? void 0 : bar.data) === null || _c === void 0 ? void 0 : _c.indexValue) === label; });
                        if (!bar) {
                            ghostComments_1.push(annotation);
                        }
                    }
                });
                var width = ((_c = chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.bars[0]) === null || _c === void 0 ? void 0 : _c.width) || 0;
                setGhostCommentsData({ comments: ghostComments_1, width: width, type: 'bar' });
            }
            else if (chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.points) {
                var ghostComments_2 = [];
                chartComments.forEach(function (annotation) {
                    var _a;
                    var metadata = annotation.metadata;
                    var groupId = metadata === null || metadata === void 0 ? void 0 : metadata.groupId;
                    var value = metadata === null || metadata === void 0 ? void 0 : metadata.value;
                    var label = metadata === null || metadata === void 0 ? void 0 : metadata.label;
                    if (groupId && value && label) {
                        var point = (_a = chartComputedData.points) === null || _a === void 0 ? void 0 : _a.find(function (point) { var _a, _b; return (point === null || point === void 0 ? void 0 : point.serieId) === groupId && ((_a = point === null || point === void 0 ? void 0 : point.data) === null || _a === void 0 ? void 0 : _a.y) === value && ((_b = point === null || point === void 0 ? void 0 : point.data) === null || _b === void 0 ? void 0 : _b.x) === label; });
                        if (!point) {
                            ghostComments_2.push(annotation);
                        }
                    }
                });
                var width = 0;
                setGhostCommentsData({ comments: ghostComments_2, width: width, type: 'line' });
            }
        }
        catch (err) {
        }
    };
    var polarToCartesian = function (centerX, centerY, radius, angleInRadians) {
        return {
            x: centerX + radius * Math.cos(angleInRadians - Math.PI / 2),
            y: centerY + radius * Math.sin(angleInRadians - Math.PI / 2)
        };
    };
    var unsubscribeDocumentPathsSubscription = function () {
        try {
            if (documentPathsSubscription) {
                documentPathsSubscription === null || documentPathsSubscription === void 0 ? void 0 : documentPathsSubscription.unsubscribe();
            }
        }
        catch (err) {
        }
    };
    var unsubscribeCommentSubscription = function () {
        try {
            if (commentSubscription) {
                commentSubscription === null || commentSubscription === void 0 ? void 0 : commentSubscription.unsubscribe();
            }
        }
        catch (err) {
        }
    };
    return (React.createElement(React.Fragment, null,
        React.createElement("foreignObject", null,
            React.createElement("style", null, "\n                        .nivo-chart-comment-point {\n                            opacity: 0 !important;\n                            visibility: hidden !important;\n                          }\n                          \n                          .nivo-chart-comment-tool {\n                            opacity: 0;\n                          }\n                          \n                          .nivo-chart-comment-tool:hover {\n                            opacity: 1;\n                            visibility: visible;\n                            transition: 0.3s;\n                          }\n                          \n                          .nivo-chart-comment-container {\n                            position: relative;\n                            display: flex;\n                            flex-direction: column;\n                            align-items: center;\n                            justify-content: center;\n                            width: 100%;\n                            height: 100%;\n                          }\n                          \n                          .nivo-chart-comment-container velt-comment-tool {\n                            display: flex;\n                            cursor: pointer;\n                          }\n                          \n                          .nivo-chart-container snippyly-comment-pin-portal {\n                              /* hide it */\n                              display: none;\n                          }\n                    ")),
        ((_b = chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.points) === null || _b === void 0 ? void 0 : _b.length) && chartComputedData.points.map(function (point, index) {
            var _a, _b;
            var commentMetadata = {
                id: id,
                label: (_a = point === null || point === void 0 ? void 0 : point.data) === null || _a === void 0 ? void 0 : _a.x,
                groupId: point === null || point === void 0 ? void 0 : point.serieId,
                value: (_b = point === null || point === void 0 ? void 0 : point.data) === null || _b === void 0 ? void 0 : _b.y,
            };
            return (React.createElement("g", { transform: "translate(".concat(point.x, ", ").concat(point.y, ")"), key: point.id },
                React.createElement("foreignObject", { x: -12, y: -40, width: "24", height: "24" },
                    React.createElement("div", { className: 'nivo-chart-comment-container' },
                        React.createElement(VeltChartComment, { commentMetadata: commentMetadata, dialogMetadataTemplate: dialogMetadataTemplate || ['groupId', 'label', 'value'] })))));
        }),
        ((_c = chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.bars) === null || _c === void 0 ? void 0 : _c.length) && chartComputedData.bars.map(function (point, index) {
            var _a, _b, _c;
            var commentMetadata = {
                id: id,
                label: (_a = point === null || point === void 0 ? void 0 : point.data) === null || _a === void 0 ? void 0 : _a.indexValue,
                groupId: (_b = point === null || point === void 0 ? void 0 : point.data) === null || _b === void 0 ? void 0 : _b.id,
                value: (_c = point === null || point === void 0 ? void 0 : point.data) === null || _c === void 0 ? void 0 : _c.value,
            };
            return (React.createElement("g", { transform: "translate(".concat(point.x + point.width, ", ").concat(point.y, ")"), key: point.key },
                React.createElement("foreignObject", { x: 0, y: -8, width: "24", height: "24" },
                    React.createElement("div", { className: 'nivo-chart-comment-container' },
                        React.createElement(VeltChartComment, { commentMetadata: commentMetadata, dialogMetadataTemplate: dialogMetadataTemplate || ['groupId', 'label', 'value'] })))));
        }),
        ((_d = chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.dataWithArc) === null || _d === void 0 ? void 0 : _d.length) && chartComputedData.dataWithArc.map(function (arcData, index) {
            var midAngle = (arcData.arc.startAngle + arcData.arc.endAngle) / 2;
            var radiusOffset = 20; // Extend beyond the outer radius for visibility
            var position = polarToCartesian(chartComputedData.centerX, chartComputedData.centerY, arcData.arc.outerRadius + radiusOffset, midAngle);
            var commentMetadata = {
                id: id,
                label: arcData === null || arcData === void 0 ? void 0 : arcData.label,
                value: arcData === null || arcData === void 0 ? void 0 : arcData.value,
            };
            return (React.createElement("g", { transform: "translate(".concat(position.x, ", ").concat(position.y, ")"), key: arcData.id },
                React.createElement("foreignObject", { width: "100", height: "50", x: "-50", y: "-25", style: { overflow: 'visible' } },
                    React.createElement("div", { className: 'nivo-chart-comment-container' },
                        React.createElement(VeltChartComment, { commentMetadata: commentMetadata, dialogMetadataTemplate: dialogMetadataTemplate || ['label', 'value'] })))));
        }),
        ((_e = ghostCommentsData === null || ghostCommentsData === void 0 ? void 0 : ghostCommentsData.comments) === null || _e === void 0 ? void 0 : _e.length) && ((_f = ghostCommentsData === null || ghostCommentsData === void 0 ? void 0 : ghostCommentsData.comments) === null || _f === void 0 ? void 0 : _f.map(function (annotation) {
            var metadata = annotation.metadata;
            var groupId = metadata === null || metadata === void 0 ? void 0 : metadata.groupId;
            var value = metadata === null || metadata === void 0 ? void 0 : metadata.value;
            var label = metadata === null || metadata === void 0 ? void 0 : metadata.label;
            var x = (chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.xScale) ? chartComputedData.xScale(label) : 0;
            var y = (chartComputedData === null || chartComputedData === void 0 ? void 0 : chartComputedData.yScale) ? chartComputedData.yScale(value) : 0;
            var point = { x: x, y: y, width: (ghostCommentsData === null || ghostCommentsData === void 0 ? void 0 : ghostCommentsData.width) || 0, key: annotation.annotationId };
            var commentMetadata = {
                id: id,
                label: label,
                groupId: groupId,
                value: value,
            };
            switch (ghostCommentsData === null || ghostCommentsData === void 0 ? void 0 : ghostCommentsData.type) {
                case 'bar':
                    return (React.createElement("g", { transform: "translate(".concat(point.x + point.width, ", ").concat(point.y, ")"), key: point.key },
                        React.createElement("foreignObject", { x: 0, y: -8, width: "24", height: "24" },
                            React.createElement("div", { className: 'nivo-chart-comment-container' },
                                React.createElement(VeltChartComment, { ghostComment: true, commentMetadata: commentMetadata, dialogMetadataTemplate: dialogMetadataTemplate || ['groupId', 'label', 'value'] })))));
                case 'line':
                    return (React.createElement("g", { transform: "translate(".concat(point.x + point.width, ", ").concat(point.y, ")"), key: point.key },
                        React.createElement("foreignObject", { x: -12, y: -48, width: "24", height: "24" },
                            React.createElement("div", { className: 'nivo-chart-comment-container' },
                                React.createElement(VeltChartComment, { ghostComment: true, commentMetadata: commentMetadata, dialogMetadataTemplate: dialogMetadataTemplate || ['groupId', 'label', 'value'] })))));
                default:
                    return null;
            }
        }))));
};

var VeltHighChartComments = function (_a) {
    var chartComputedData = _a.chartComputedData, id = _a.id, dialogMetadataTemplate = _a.dialogMetadataTemplate, Highcharts = _a.Highcharts;
    var _b = useState([]), points = _b[0], setPoints = _b[1];
    var _c = useState([]), ghostPoints = _c[0], setGhostPoints = _c[1];
    var chartRef = useRef(chartComputedData);
    var commentsRef = useRef([]);
    var client = useVeltClient().client;
    var _d = React.useState(null), documentPathsSubscription = _d[0], setDocumentPathsSubscription = _d[1];
    var _e = useState(null), commentSubscription = _e[0], setCommentSubscription = _e[1];
    // Unsubscribe from the subscriptions when the component is unmounted
    useEffect(function () {
        return function () {
            unsubscribeDocumentPathsSubscription();
            unsubscribeCommentSubscription();
        };
    }, []);
    useEffect(function () {
        if (client) {
            getCommentAnnotations();
        }
    }, [client]);
    var getCommentAnnotations = function () {
        var _a;
        try {
            unsubscribeDocumentPathsSubscription();
            unsubscribeCommentSubscription();
            if (client) {
                var subscription = (_a = client === null || client === void 0 ? void 0 : client.docService) === null || _a === void 0 ? void 0 : _a.getDocumentPaths$().subscribe(function (paths) {
                    var _a;
                    if (paths === null || paths === void 0 ? void 0 : paths.clientDocumentId) {
                        unsubscribeCommentSubscription();
                        var commentElement = client.getCommentElement();
                        var subscription_1 = (_a = commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations(paths === null || paths === void 0 ? void 0 : paths.clientDocumentId)) === null || _a === void 0 ? void 0 : _a.subscribe(function (comments) {
                            commentsRef.current = comments;
                            filterGhostComments(comments);
                        });
                        setCommentSubscription(subscription_1);
                    }
                });
                setDocumentPathsSubscription(subscription);
            }
        }
        catch (err) {
        }
    };
    var filterGhostComments = function (comments) {
        var _a;
        try {
            var chartComments = (_a = comments === null || comments === void 0 ? void 0 : comments.filter(function (annotation) { return annotation.commentType === 'chart'; })) === null || _a === void 0 ? void 0 : _a.filter(function (annotation) { var _a; return ((_a = annotation === null || annotation === void 0 ? void 0 : annotation.metadata) === null || _a === void 0 ? void 0 : _a.id) === id; });
            var ghostPoints_1 = [];
            chartComments.forEach(function (annotation) {
                var metadata = annotation.metadata;
                var groupId = metadata === null || metadata === void 0 ? void 0 : metadata.groupId;
                var value = metadata === null || metadata === void 0 ? void 0 : metadata.value;
                var label = metadata === null || metadata === void 0 ? void 0 : metadata.label;
                if (groupId && value && label) {
                    var series = chartRef.current.chart.series.find(function (series) { return series.name === groupId; });
                    if (series === null || series === void 0 ? void 0 : series.visible) {
                        switch (series.type) {
                            case 'line':
                                var linePoint = series.points.find(function (point) { return point.y === value && point.x === label; });
                                if (!linePoint) {
                                    var x = series.xAxis.toPixels(label, true);
                                    var y = series.yAxis.toPixels(value, true);
                                    ghostPoints_1.push({
                                        x: x,
                                        y: y,
                                        seriesName: groupId,
                                        yValue: value,
                                        transform: 'translate(-50%, -150%)',
                                        id: "".concat(groupId, "-").concat(label, "-").concat(value),
                                        metadata: {
                                            id: id,
                                            groupId: groupId,
                                            label: label,
                                            value: value,
                                        },
                                    });
                                }
                                break;
                            case 'bar':
                            case 'column':
                                var barPoint = series.points.find(function (point) { return point.y === value && point.category === label; });
                                if (!barPoint) {
                                    var categoryIndex = series.xAxis.categories.indexOf(label);
                                    var x = series.xAxis.toPixels(categoryIndex, true);
                                    var y = series.yAxis.toPixels(value, true);
                                    // const width = series.xAxis.toPixels(categoryIndex + 1, true) - x;
                                    ghostPoints_1.push({
                                        x: x,
                                        y: y,
                                        seriesName: groupId,
                                        yValue: value,
                                        id: "".concat(groupId, "-").concat(label, "-").concat(value),
                                        // width: width,
                                        transform: 'translate(-50%, -100%)',
                                        metadata: {
                                            id: id,
                                            groupId: groupId,
                                            label: label,
                                            value: value,
                                        },
                                    });
                                }
                        }
                    }
                }
            });
            setGhostPoints(ghostPoints_1);
        }
        catch (err) {
        }
    };
    useEffect(function () {
        // Attach the redraw event listener when the chart updates
        if (chartRef.current && chartRef.current.chart) {
            var currentChart_1 = chartRef.current.chart;
            window.chart = currentChart_1;
            // Define the callback to execute on chart redraw
            var onRedraw_1 = function () {
                calculatePoints();
                filterGhostComments(commentsRef.current);
            };
            if (Highcharts) {
                // Attach the event listener
                Highcharts.addEvent(currentChart_1, 'redraw', onRedraw_1);
            }
            // Perform the initial calculation
            calculatePoints();
            // Clean up the event listener when the component unmounts or chart changes
            return function () {
                if (Highcharts) {
                    Highcharts.removeEvent(currentChart_1, 'redraw', onRedraw_1);
                }
            };
        }
    }, [chartComputedData]);
    var calculatePoints = function (from) {
        var _a, _b;
        if (!((_b = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.chart) === null || _b === void 0 ? void 0 : _b.series)) {
            return;
        }
        // Create an array of points from all series
        var newPoints = chartRef.current.chart.series.filter(function (series) { return series.visible; }).reduce(function (acc, series) {
            var seriesPoints = [];
            switch (series.type) {
                case 'line':
                    seriesPoints = series.points.map(function (point) { return ({
                        x: point.plotX,
                        y: point.plotY,
                        seriesName: series.name,
                        yValue: point.y,
                        transform: 'translate(-50%, -150%)',
                        id: "".concat(series.name, "-").concat(point.x, "-").concat(point.y),
                        metadata: {
                            id: id,
                            groupId: series.name,
                            label: point.x,
                            value: point.y,
                        },
                    }); });
                    break;
                case 'bar':
                case 'column':
                    seriesPoints = series.points.map(function (point) {
                        var _a, _b, _c, _d, _e, _f, _g;
                        var x = (_a = point.shapeArgs) === null || _a === void 0 ? void 0 : _a.x;
                        var y = (_b = point.shapeArgs) === null || _b === void 0 ? void 0 : _b.y;
                        var transform = 'translate(-50%, -100%)';
                        var width = (_c = point.shapeArgs) === null || _c === void 0 ? void 0 : _c.width;
                        (_d = point.shapeArgs) === null || _d === void 0 ? void 0 : _d.height;
                        if (series.type === 'column') {
                            // Center horizontally for columns
                            x += point.shapeArgs.width / 2;
                        }
                        else if (series.type === 'bar') {
                            // Center vertically for bars
                            // y += point.shapeArgs!.height / 2;
                            x = (_e = point.shapeArgs) === null || _e === void 0 ? void 0 : _e.brBoxHeight;
                            transform = null;
                            (_f = point.shapeArgs) === null || _f === void 0 ? void 0 : _f.width;
                            width = null;
                            // y = (point.shapeArgs?.x! / 2) + (point.shapeArgs?.width! / 2);
                            // x = point.plotX! - (point?.shapeArgs?.width! / 2);
                            y = (_g = point.shapeArgs) === null || _g === void 0 ? void 0 : _g.x;
                        }
                        return {
                            x: x,
                            y: y,
                            seriesName: series.name,
                            yValue: point.y,
                            id: "".concat(series.name, "-").concat(point.x, "-").concat(point.y),
                            width: width,
                            // height: height,
                            transform: transform,
                            metadata: {
                                id: id,
                                groupId: series.name,
                                label: point.category,
                                value: point.y,
                            },
                        };
                    });
                    break;
            }
            return __spreadArray(__spreadArray([], acc, true), seriesPoints, true);
        }, []);
        setPoints(newPoints);
    };
    var unsubscribeDocumentPathsSubscription = function () {
        try {
            if (documentPathsSubscription) {
                documentPathsSubscription === null || documentPathsSubscription === void 0 ? void 0 : documentPathsSubscription.unsubscribe();
            }
        }
        catch (err) {
        }
    };
    var unsubscribeCommentSubscription = function () {
        try {
            if (commentSubscription) {
                commentSubscription === null || commentSubscription === void 0 ? void 0 : commentSubscription.unsubscribe();
            }
        }
        catch (err) {
        }
    };
    return (React.createElement("div", { className: 'velt-chart-comments-container', style: {
            zIndex: 100000,
            position: 'absolute',
            top: 0,
            left: 0,
        } },
        React.createElement("style", null, "\n                        .velt-chart-comments-container .point-container {\n                            opacity: 0 !important;\n                            visibility: hidden !important;\n                        }\n                    "),
        points.map(function (point, index) { return (React.createElement("div", { key: index, style: {
                position: 'absolute',
                left: "".concat(chartRef.current.chart.plotLeft + point.x, "px"),
                top: "".concat(chartRef.current.chart.plotTop + point.y, "px"),
                transform: point.transform,
                padding: '2px 5px',
                color: '#fff',
                borderRadius: '3px',
                fontSize: '10px',
                width: "".concat(point.width, "px"),
                height: "".concat(point.height, "px"),
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                userSelect: 'none',
                boxSizing: 'border-box',
            } },
            React.createElement(VeltChartComment, { commentMetadata: point.metadata, dialogMetadataTemplate: dialogMetadataTemplate || point.dialogMetadataTemplate || ['groupId', 'label', 'value'] }))); }),
        ghostPoints.map(function (point, index) { return (React.createElement("div", { id: point.id, key: index, style: {
                position: 'absolute',
                left: "".concat(chartRef.current.chart.plotLeft + point.x, "px"),
                top: "".concat(chartRef.current.chart.plotTop + point.y, "px"),
                transform: point.transform,
                padding: '2px 5px',
                color: '#fff',
                borderRadius: '3px',
                fontSize: '10px',
                width: "".concat(point.width, "px"),
                height: "".concat(point.height, "px"),
                display: 'flex',
                alignItems: 'center',
                justifyContent: 'center',
                userSelect: 'none',
                boxSizing: 'border-box',
            } },
            React.createElement(VeltChartComment, { ghostComment: true, commentMetadata: point.metadata, dialogMetadataTemplate: dialogMetadataTemplate || point.dialogMetadataTemplate || ['groupId', 'label', 'value'] }))); })));
};

var VeltAutocomplete = function (props) {
    var hotkey = props.hotkey, listData = props.listData;
    return (React.createElement("velt-autocomplete", { hotkey: hotkey, "list-data": (typeof listData === 'object') ? JSON.stringify(listData) : undefined }));
};

var VeltAutocompletePanel = function (props) {
    var type = props.type, hideInput = props.hideInput, placeholder = props.placeholder, metadata = props.metadata, showAtHere = props.showAtHere, multiSelect = props.multiSelect, selectedFirstOrdering = props.selectedFirstOrdering, readOnly = props.readOnly, inline = props.inline, enableOnFocus = props.enableOnFocus, position = props.position, excludeContacts = props.excludeContacts, initialSelection = props.initialSelection, contacts = props.contacts, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-panel", { ref: ref, type: type, "hide-input": [true, false].includes(hideInput) ? (hideInput ? 'true' : 'false') : undefined, placeholder: placeholder, metadata: metadata ? (typeof metadata === 'string' ? metadata : JSON.stringify(metadata)) : undefined, "show-at-here": [true, false].includes(showAtHere) ? (showAtHere ? 'true' : 'false') : undefined, "multi-select": [true, false].includes(multiSelect) ? (multiSelect ? 'true' : 'false') : undefined, "selected-first-ordering": [true, false].includes(selectedFirstOrdering) ? (selectedFirstOrdering ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, inline: [true, false].includes(inline) ? (inline ? 'true' : 'false') : undefined, "enable-on-focus": [true, false].includes(enableOnFocus) ? (enableOnFocus ? 'true' : 'false') : undefined, "autocomplete-panel-position": position, "exclude-contacts": excludeContacts ? (typeof excludeContacts === 'string' ? excludeContacts : JSON.stringify(excludeContacts)) : undefined, "initial-selection": initialSelection ? (typeof initialSelection === 'string' ? initialSelection : JSON.stringify(initialSelection)) : undefined, contacts: contacts ? (typeof contacts === 'string' ? contacts : JSON.stringify(contacts)) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteOption = function (props) {
    var userObject = props.userObject, userId = props.userId, variant = props.variant, multiSelect = props.multiSelect, isSelected = props.isSelected, readOnly = props.readOnly, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-option", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, variant: variant, "multi-select": [true, false].includes(multiSelect) ? (multiSelect ? 'true' : 'false') : undefined, "is-selected": [true, false].includes(isSelected) ? (isSelected ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteOptionIcon = function (props) {
    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-option-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteOptionName = function (props) {
    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-option-name", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteOptionDescription = function (props) {
    var field = props.field, userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-option-description", { ref: ref, field: field, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteOptionErrorIcon = function (props) {
    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-option-error-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteGroupOption = function (props) {
    var group = props.group, groupName = props.groupName, groupObject = props.groupObject, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-group-option", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-name": groupName, "group-object": groupObject ? (typeof groupObject === 'object' ? JSON.stringify(groupObject) : groupObject) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteTool = function (props) {
    var hotkey = props.hotkey, componentMeta = props.componentMeta, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-tool", { ref: ref, hotkey: hotkey, "component-meta": componentMeta ? (typeof componentMeta === 'string' ? componentMeta : JSON.stringify(componentMeta)) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteEmpty = function (props) {
    var newUserContactError = props.newUserContactError, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-empty", { ref: ref, "new-user-contact-error": newUserContactError, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteChip = function (props) {
    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, custom = props.custom, group = props.group, contact = props.contact, shadowDom = props.shadowDom, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-chip", { ref: ref, type: type, email: email, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, custom: custom ? (typeof custom === 'string' ? custom : JSON.stringify(custom)) : undefined, group: group ? (typeof group === 'string' ? group : JSON.stringify(group)) : undefined, contact: contact ? (typeof contact === 'string' ? contact : JSON.stringify(contact)) : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteChipTooltip = function (props) {
    var userObject = props.userObject, userId = props.userId, variant = props.variant, shadowDom = props.shadowDom, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-chip-tooltip", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteChipTooltipIcon = function (props) {
    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteChipTooltipName = function (props) {
    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-chip-tooltip-name", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltAutocompleteChipTooltipDescription = function (props) {
    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-autocomplete-chip-tooltip-description", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSection = function (props) {
    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail, messageTruncation = props.messageTruncation, messageTruncationLines = props.messageTruncationLines, defaultCondition = props.defaultCondition;
    return (React.createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "message-truncation-lines": messageTruncationLines !== undefined ? String(messageTruncationLines) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionCommentCount = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-comment-count", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionComposerContainer = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-composer-container", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionList = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-list", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionPanel = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-panel", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionSkeleton = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-skeleton", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdown = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdownTrigger = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdownTriggerArrow = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdownTriggerName = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdownContent = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdownContentList = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionFilterDropdownContentListItem = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, sectionComponentId = props.sectionComponentId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId, "section-component-id": sectionComponentId }, children));
};

var VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId }, children));
};

var VeltInlineCommentsSectionFilterDropdownContentListItemLabel = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId }, children));
};

var VeltInlineCommentsSectionSortingDropdown = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionSortingDropdownTrigger = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionSortingDropdownTriggerIcon = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionSortingDropdownTriggerName = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionSortingDropdownContent = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltInlineCommentsSectionSortingDropdownContentItem = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, sortOptionText = props.sortOptionText, sectionComponentId = props.sectionComponentId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText, "section-component-id": sectionComponentId }, children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemIcon = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemName = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOptionText = props.sortOptionText, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option-text": sortOptionText }, children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemTick = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
};

var VeltInlineCommentsSectionFilterDropdownContentApplyButton = function (props) {
    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-apply-button", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPin = function (props) {
    var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, defaultCondition = props.defaultCondition;
    return (React.createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: context ? (typeof context === 'string' ? context : JSON.stringify(context)) : undefined, "context-options": contextOptions ? (typeof contextOptions === 'string' ? contextOptions : JSON.stringify(contextOptions)) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPinNumber$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-pin-number", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPinIndex$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-pin-index", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPinTriangle$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-pin-triangle", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPinPrivateCommentIndicator$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPinGhostCommentIndicator$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentPinUnreadCommentIndicator$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentText = function (props) {
    var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId;
    return (React.createElement("velt-comment-text", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId }, children));
};

var VeltCanvasComment = function (props) {
    var children = props.children, canvasId = props.canvasId, position = props.position;
    return (React.createElement("velt-canvas-comment", { "canvas-id": canvasId, position: JSON.stringify(position) }, children));
};

var VeltData = function (props) {
    var path = props.path, field = props.field, className = props.className, id = props.id;
    var ref = useRef();
    return (React.createElement("velt-data", { ref: ref, path: path, field: field, class: className, id: id }));
};

var VeltIf = function (props) {
    var condition = props.condition, children = props.children, className = props.className, id = props.id;
    var ref = useRef();
    return (React.createElement("velt-if", { ref: ref, condition: condition, class: className, id: id }, children));
};

var VeltCommentsMinimap = function (props) {
    var position = props.position, targetScrollableElementId = props.targetScrollableElementId;
    return (React.createElement("velt-comments-minimap", { position: position, "target-scrollable-element-id": targetScrollableElementId }));
};

var VeltReactionTool = function (props) {
    var videoPlayerId = props.videoPlayerId, onReactionToolClick = props.onReactionToolClick;
    var ref = useRef();
    var onReactionToolClickRef = useRef(onReactionToolClick);
    useEffect(function () {
        onReactionToolClickRef.current = onReactionToolClick;
    }, [onReactionToolClick]);
    useEffect(function () {
        var element;
        var handleReactionToolClick = function (event) {
            if (onReactionToolClickRef.current) {
                onReactionToolClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
            }
        };
        if (ref.current) {
            element = ref.current;
            if (element) {
                element.addEventListener('onReactionToolClick', handleReactionToolClick);
            }
        }
        return function () {
            if (element) {
                element.removeEventListener('onReactionToolClick', handleReactionToolClick);
            }
        };
    }, []);
    return (React.createElement("velt-reaction-tool", { ref: ref, "video-player-id": videoPlayerId }));
};

var VeltInlineReactionsSection = function (props) {
    var children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, targetReactionElementId = props.targetReactionElementId, customReactions = props.customReactions;
    return (React.createElement("velt-inline-reactions-section", { "target-reaction-element-id": targetReactionElementId, variant: variant, "custom-reactions": JSON.stringify(customReactions), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentComposer = function (props) {
    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, targetComposerElementId = props.targetComposerElementId, placeholder = props.placeholder, readOnly = props.readOnly;
    return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "target-composer-element-id": targetComposerElementId, placeholder: placeholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }));
};

var VeltSingleEditorModePanel = function (props) {
    var children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode;
    var ref = useRef();
    return (React.createElement("velt-single-editor-mode-panel", { ref: ref, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
};

var VeltVideoEditor = function (props) {
    var darkMode = props.darkMode, variant = props.variant, blob = props.blob, url = props.url, annotationId = props.annotationId, recorderId = props.recorderId, rest = __rest(props, ["darkMode", "variant", "blob", "url", "annotationId", "recorderId"]);
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current && blob) {
            ref.current.blob = blob;
        }
    }, [blob]);
    return (React.createElement("velt-video-editor", __assign({ ref: ref, variant: variant, "dark-mode": darkMode ? 'true' : undefined, url: url, "annotation-id": annotationId, "recorder-id": recorderId }, rest)));
};

var VeltCommentsSidebarV2 = function (props) {
    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, darkMode = props.darkMode, defaultCondition = props.defaultCondition, filters = props.filters, miniFilters = props.miniFilters, minimalFilters = props.minimalFilters, filterOperator = props.filterOperator, filterPanelLayout = props.filterPanelLayout, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, systemFiltersOperator = props.systemFiltersOperator, defaultMinimalFilter = props.defaultMinimalFilter, excludeLocationIds = props.excludeLocationIds, sortBy = props.sortBy, sortOrder = props.sortOrder, customActions = props.customActions, openAnnotationInFocusMode = props.openAnnotationInFocusMode, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, fullScreen = props.fullScreen, shadowDom = props.shadowDom, fullExpanded = props.fullExpanded, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, currentLocationSuffix = props.currentLocationSuffix, sidebarButtonCountType = props.sidebarButtonCountType, dialogVariant = props.dialogVariant, focusedThreadDialogVariant = props.focusedThreadDialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, pageModePlaceholder = props.pageModePlaceholder, searchPlaceholder = props.searchPlaceholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, context = props.context, groupConfig = props.groupConfig, measuredSize = props.measuredSize, minBufferPx = props.minBufferPx, maxBufferPx = props.maxBufferPx, onFullscreenClick = props.onFullscreenClick, children = props.children;
    var ref = useRef(null);
    var onFullscreenClickRef = useRef(onFullscreenClick);
    useEffect(function () { onFullscreenClickRef.current = onFullscreenClick; }, [onFullscreenClick]);
    // NOTE: sidebar open/close, comment click, and comment navigation-button click are no
    // longer @Output() callbacks on the V2 sidebar — they are emitted on the unified on()
    // bus. Subscribe via `useCommentEventCallback('sidebarOpen' | 'sidebarClose' |
    // 'commentClick' | 'commentNavigationButtonClick')`. Only fullscreen remains an @Output().
    useEffect(function () {
        var element;
        var handleFullscreenClick = function (event) { if (onFullscreenClickRef.current)
            onFullscreenClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
        if (ref.current) {
            element = ref.current;
            element.addEventListener('onFullscreenClick', handleFullscreenClick);
        }
        return function () {
            if (element) {
                element.removeEventListener('onFullscreenClick', handleFullscreenClick);
            }
        };
    }, []);
    return (React.createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filters: filters ? (typeof filters === 'object' ? JSON.stringify(filters) : filters) : undefined, "mini-filters": miniFilters ? (typeof miniFilters === 'object' ? JSON.stringify(miniFilters) : miniFilters) : undefined, "minimal-filters": minimalFilters ? (typeof minimalFilters === 'object' ? JSON.stringify(minimalFilters) : minimalFilters) : undefined, "filter-operator": filterOperator, "filter-panel-layout": filterPanelLayout, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "default-minimal-filter": defaultMinimalFilter, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "sort-by": sortBy, "sort-order": sortOrder, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "sidebar-button-count-type": sidebarButtonCountType, "dialog-variant": dialogVariant, "focused-thread-dialog-variant": focusedThreadDialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "page-mode-placeholder": pageModePlaceholder, "search-placeholder": searchPlaceholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, context: context ? JSON.stringify(context) : undefined, "group-config": groupConfig ? (typeof groupConfig === 'object' ? JSON.stringify(groupConfig) : groupConfig) : undefined, "measured-size": measuredSize !== undefined && measuredSize !== null ? String(measuredSize) : undefined, "min-buffer-px": minBufferPx !== undefined && minBufferPx !== null ? String(minBufferPx) : undefined, "max-buffer-px": maxBufferPx !== undefined && maxBufferPx !== null ? String(maxBufferPx) : undefined }, children));
};

var VeltCommentSidebarV2Skeleton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-skeleton-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2Panel = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-panel-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2Header = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-header-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2CloseButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-close-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2EmptyPlaceholder = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-empty-placeholder-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ResetFilterButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-reset-filter-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2List = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ListItem = function (props) {
    var annotation = props.annotation, annotationId = props.annotationId, showLine = props.showLine, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "annotation-id": annotationId, "show-line": [true, false].includes(showLine) ? (showLine ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2PageModeComposer = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-page-mode-composer-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FocusedThread = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-focused-thread-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FocusedThreadBackButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-focused-thread-back-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FocusedThreadDialogContainer = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-focused-thread-dialog-container-v2", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ListGroupHeader = function (props) {
    var group = props.group, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-group-header-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ListGroupHeaderLabel = function (props) {
    var group = props.group, showThisPageSuffix = props.showThisPageSuffix, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-group-header-v2-label", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "show-this-page-suffix": [true, false].includes(showThisPageSuffix) ? (showThisPageSuffix ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ListGroupHeaderCount = function (props) {
    var group = props.group, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-group-header-v2-count", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ListGroupHeaderSeparator = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-group-header-v2-separator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2ListGroupHeaderChevron = function (props) {
    var group = props.group, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-list-group-header-v2-chevron", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdown = function (props) {
    var showCategoryFilters = props.showCategoryFilters, field = props.field, fields = props.fields, label = props.label, type = props.type, actions = props.actions, sorts = props.sorts, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-v2", { ref: ref, "show-category-filters": [true, false].includes(showCategoryFilters) ? (showCategoryFilters ? 'true' : 'false') : undefined, field: field, fields: fields ? (typeof fields === 'object' ? JSON.stringify(fields) : fields) : undefined, label: label, type: type, actions: actions ? (typeof actions === 'object' ? JSON.stringify(actions) : actions) : undefined, sorts: sorts ? (typeof sorts === 'object' ? JSON.stringify(sorts) : sorts) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownTrigger = function (props) {
    var isActive = props.isActive, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContent = function (props) {
    var groups = props.groups, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentList = function (props) {
    var groups = props.groups, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListItem = function (props) {
    var item = props.item, itemId = props.itemId, group = props.group, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, "item-id": itemId, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListItemIndicator = function (props) {
    var mode = props.mode, selected = props.selected, groupId = props.groupId, itemId = props.itemId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined, "group-id": groupId, "item-id": itemId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListItemLabel = function (props) {
    var label = props.label, groupId = props.groupId, itemId = props.itemId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label, "group-id": groupId, "item-id": itemId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListItemCount = function (props) {
    var count = props.count, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-item-count-v2", { ref: ref, count: count !== undefined && count !== null ? String(count) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListCategory = function (props) {
    var group = props.group, groupId = props.groupId, itemTemplate = props.itemTemplate, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListCategoryLabel = function (props) {
    var group = props.group, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-category-label-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterDropdownContentListCategoryContent = function (props) {
    var group = props.group, groupId = props.groupId, itemTemplate = props.itemTemplate, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterButtonAppliedIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-button-v2-applied-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainer = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerTitle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerCloseButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerGroupBy = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-group-by", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerResetButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-reset-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerApplyButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-apply-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionList = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSection = function (props) {
    var group = props.group, optionLayout = props.optionLayout, selectedIds = props.selectedIds, searchable = props.searchable, allOption = props.allOption, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "option-layout": optionLayout, "selected-ids": selectedIds ? (typeof selectedIds === 'object' ? JSON.stringify(selectedIds) : selectedIds) : undefined, searchable: [true, false].includes(searchable) ? (searchable ? 'true' : 'false') : undefined, "all-option": allOption ? (typeof allOption === 'object' ? JSON.stringify(allOption) : allOption) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionLabel = function (props) {
    var label = props.label, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-label", { ref: ref, label: label, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionField = function (props) {
    var group = props.group, optionLayout = props.optionLayout, selectedIds = props.selectedIds, searchable = props.searchable, allOption = props.allOption, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-field", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "option-layout": optionLayout, "selected-ids": selectedIds ? (typeof selectedIds === 'object' ? JSON.stringify(selectedIds) : selectedIds) : undefined, searchable: [true, false].includes(searchable) ? (searchable ? 'true' : 'false') : undefined, "all-option": allOption ? (typeof allOption === 'object' ? JSON.stringify(allOption) : allOption) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionControl = function (props) {
    var isSingle = props.isSingle, chips = props.chips, value = props.value, searchable = props.searchable, placeholder = props.placeholder, expanded = props.expanded, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-control", { ref: ref, "is-single": [true, false].includes(isSingle) ? (isSingle ? 'true' : 'false') : undefined, chips: chips ? (typeof chips === 'object' ? JSON.stringify(chips) : chips) : undefined, value: value, searchable: [true, false].includes(searchable) ? (searchable ? 'true' : 'false') : undefined, placeholder: placeholder, expanded: [true, false].includes(expanded) ? (expanded ? 'true' : 'false') : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionControlValue = function (props) {
    var isSingle = props.isSingle, value = props.value, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-control-value", { ref: ref, "is-single": [true, false].includes(isSingle) ? (isSingle ? 'true' : 'false') : undefined, value: value, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionControlChipList = function (props) {
    var isSingle = props.isSingle, chips = props.chips, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-control-chip-list", { ref: ref, "is-single": [true, false].includes(isSingle) ? (isSingle ? 'true' : 'false') : undefined, chips: chips ? (typeof chips === 'object' ? JSON.stringify(chips) : chips) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionControlChip = function (props) {
    var label = props.label, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-control-chip", { ref: ref, label: label, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionControlSearch = function (props) {
    var isSingle = props.isSingle, searchable = props.searchable, placeholder = props.placeholder, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-control-search", { ref: ref, "is-single": [true, false].includes(isSingle) ? (isSingle ? 'true' : 'false') : undefined, searchable: [true, false].includes(searchable) ? (searchable ? 'true' : 'false') : undefined, placeholder: placeholder, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionControlChevron = function (props) {
    var up = props.up, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-control-chevron", { ref: ref, up: [true, false].includes(up) ? (up ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionOptionList = function (props) {
    var options = props.options, selectedIds = props.selectedIds, allOption = props.allOption, isSingle = props.isSingle, allCount = props.allCount, filterCount = props.filterCount, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-option-list", { ref: ref, options: options ? (typeof options === 'object' ? JSON.stringify(options) : options) : undefined, "selected-ids": selectedIds ? (typeof selectedIds === 'object' ? JSON.stringify(selectedIds) : selectedIds) : undefined, "all-option": allOption ? (typeof allOption === 'object' ? JSON.stringify(allOption) : allOption) : undefined, "is-single": [true, false].includes(isSingle) ? (isSingle ? 'true' : 'false') : undefined, "all-count": allCount !== undefined && allCount !== null ? String(allCount) : undefined, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionOption = function (props) {
    var label = props.label, count = props.count, selected = props.selected, showCount = props.showCount, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-option", { ref: ref, label: label, count: count !== undefined && count !== null ? String(count) : undefined, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined, "show-count": [true, false].includes(showCount) ? (showCount ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionOptionCheckbox = function (props) {
    var checked = props.checked, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-option-checkbox", { ref: ref, checked: [true, false].includes(checked) ? (checked ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionOptionName = function (props) {
    var label = props.label, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-option-name", { ref: ref, label: label, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FilterContainerSectionOptionCount = function (props) {
    var count = props.count, showCount = props.showCount, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-filter-container-v2-section-option-count", { ref: ref, count: count !== undefined && count !== null ? String(count) : undefined, "show-count": [true, false].includes(showCount) ? (showCount ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2Search = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-search-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2SearchIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-search-v2-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2SearchInput = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-search-v2-input", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentSidebarV2FullscreenButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-sidebar-fullscreen-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialog = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, darkMode = props.darkMode, readOnly = props.readOnly, sidebarMode = props.sidebarMode, isFocusedThreadEnabled = props.isFocusedThreadEnabled, openAnnotationInFocusMode = props.openAnnotationInFocusMode, expandOnSelection = props.expandOnSelection, inlineCommentMode = props.inlineCommentMode, inboxMode = props.inboxMode, isInsidePdfViewer = props.isInsidePdfViewer, multiThread = props.multiThread, commentComposerMode = props.commentComposerMode, dialogSelection = props.dialogSelection, dialogMode = props.dialogMode, focusedThreadMode = props.focusedThreadMode, pageModeComposer = props.pageModeComposer, messageTruncation = props.messageTruncation, initialEditCommentIndex = props.initialEditCommentIndex, messageTruncationLines = props.messageTruncationLines, variant = props.variant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, commentPinType = props.commentPinType, containerComponentId = props.containerComponentId, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, locationVersion = props.locationVersion, locationDisplayName = props.locationDisplayName, context = props.context, placeholder = props.placeholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, anonymousEmail = props.anonymousEmail, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "sidebar-mode": [true, false].includes(sidebarMode) ? (sidebarMode ? 'true' : 'false') : undefined, "is-focused-thread-enabled": [true, false].includes(isFocusedThreadEnabled) ? (isFocusedThreadEnabled ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "is-inside-pdf-viewer": [true, false].includes(isInsidePdfViewer) ? (isInsidePdfViewer ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "comment-composer-mode": [true, false].includes(commentComposerMode) ? (commentComposerMode ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "dialog-mode": [true, false].includes(dialogMode) ? (dialogMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "page-mode-composer": [true, false].includes(pageModeComposer) ? (pageModeComposer ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "initial-edit-comment-index": initialEditCommentIndex != null ? initialEditCommentIndex.toString() : undefined, "message-truncation-lines": messageTruncationLines != null ? messageTruncationLines.toString() : undefined, variant: variant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "comment-pin-type": commentPinType, "container-component-id": containerComponentId, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, "location-version": locationVersion, "location-display-name": locationDisplayName, context: context ? (typeof context === 'string' ? context : JSON.stringify(context)) : undefined, placeholder: placeholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogContextWrapper = function (props) {
    var annotationId = props.annotationId, children = props.children, restProps = __rest(props, ["annotationId", "children"]);
    var ref = useRef(null);
    // Convert camelCase props to kebab-case attributes for custom element
    var customAttributes = {};
    Object.keys(restProps).forEach(function (key) {
        // Skip React-specific props
        if (['className', 'style', 'id', 'ref', 'key'].includes(key)) {
            return;
        }
        // Convert camelCase to kebab-case
        var kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
        var value = restProps[key];
        if (value !== undefined && value !== null) {
            customAttributes[kebabKey] = typeof value === 'object' ? JSON.stringify(value) : String(value);
        }
    });
    return (React.createElement("velt-comment-dialog-context-wrapper", __assign({ ref: ref, "annotation-id": annotationId }, customAttributes), children));
};

var VeltCommentDialogThreadCard$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAvatar$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardDeviceType$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-device-type", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardDraft$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-draft", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardEdited$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-edited", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardMessage$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-message", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardMessageShowMore$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, expanded = props.expanded, truncated = props.truncated, onToggle = props.onToggle, children = props.children;
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current && onToggle) {
            var element_1 = ref.current;
            var handleToggle_1 = function () {
                onToggle();
            };
            element_1.addEventListener('toggle', handleToggle_1);
            return function () {
                element_1.removeEventListener('toggle', handleToggle_1);
            };
        }
    }, [onToggle]);
    return (React.createElement("velt-comment-dialog-thread-card-message-show-more", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, expanded: [true, false].includes(expanded) ? (expanded ? 'true' : 'false') : undefined, truncated: [true, false].includes(truncated) ? (truncated ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogThreadCardMessageShowLess$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, expanded = props.expanded, onToggle = props.onToggle, children = props.children;
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current && onToggle) {
            var element_1 = ref.current;
            var handleToggle_1 = function () {
                onToggle();
            };
            element_1.addEventListener('toggle', handleToggle_1);
            return function () {
                element_1.removeEventListener('toggle', handleToggle_1);
            };
        }
    }, [onToggle]);
    return (React.createElement("velt-comment-dialog-thread-card-message-show-less", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, expanded: [true, false].includes(expanded) ? (expanded ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogThreadCardName$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardReactionTool$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, noPadding = props.noPadding, excludeReactionIds = props.excludeReactionIds, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "no-padding": noPadding !== undefined ? (typeof noPadding === 'string' ? noPadding : (noPadding ? 'true' : 'false')) : undefined, "exclude-reaction-ids": excludeReactionIds ? (Array.isArray(excludeReactionIds) ? JSON.stringify(excludeReactionIds) : excludeReactionIds) : undefined }, children));
};

var VeltCommentDialogThreadCardReactions$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, excludeReactionIds = props.excludeReactionIds, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-reactions", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "exclude-reaction-ids": excludeReactionIds ? (Array.isArray(excludeReactionIds) ? JSON.stringify(excludeReactionIds) : excludeReactionIds) : undefined }, children));
};

var VeltCommentDialogThreadCardRecordings$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, recorderId = props.recorderId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-recordings", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "recorder-id": recorderId }, children));
};

var VeltCommentDialogThreadCardReply$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardTime$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-time", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardUnread$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-unread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardOptions$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-options", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, variant: variant }, children));
};

var VeltCommentDialogStatusDropdown = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, onChangeStatus = props.onChangeStatus, children = props.children;
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current && onChangeStatus) {
            var element_1 = ref.current;
            var handleChangeStatus_1 = function (event) {
                onChangeStatus(event.detail);
            };
            element_1.addEventListener('changeStatus', handleChangeStatus_1);
            return function () {
                element_1.removeEventListener('changeStatus', handleChangeStatus_1);
            };
        }
    }, [onChangeStatus]);
    return (React.createElement("velt-comment-dialog-status-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogStatusDropdownTrigger = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogStatusDropdownTriggerIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
};

var VeltCommentDialogStatusDropdownTriggerName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
};

var VeltCommentDialogStatusDropdownTriggerArrow = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogStatusDropdownContent = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
};

var VeltCommentDialogStatusDropdownContentItem = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, statusIndex = props.statusIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined, "status-index": statusIndex !== undefined ? statusIndex.toString() : undefined }, children));
};

var VeltCommentDialogStatusDropdownContentItemIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
};

var VeltCommentDialogStatusDropdownContentItemName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
};

var VeltCommentDialogPriorityDropdown = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogPriorityDropdownTrigger = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogPriorityDropdownTriggerIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined }, children));
};

var VeltCommentDialogPriorityDropdownTriggerName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined }, children));
};

var VeltCommentDialogPriorityDropdownTriggerArrow = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogPriorityDropdownContent = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
};

var VeltCommentDialogPriorityDropdownContentItem = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, priorityIndex = props.priorityIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined, "priority-index": priorityIndex != null ? priorityIndex.toString() : undefined }, children));
};

var VeltCommentDialogPriorityDropdownContentItemIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
};

var VeltCommentDialogPriorityDropdownContentItemName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
};

var VeltCommentDialogPriorityDropdownContentItemTick = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-tick", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdown$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, type: type }, children));
};

var VeltCommentDialogCustomAnnotationDropdownTrigger$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerList$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, chip = props.chip, itemId = props.itemId, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, chip: chip ? (typeof chip === 'string' ? chip : JSON.stringify(chip)) : undefined, "item-id": itemId !== undefined ? itemId : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, placeholder = props.placeholder, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, placeholder: placeholder !== undefined ? placeholder : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownContent$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownContentItem$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
};

var VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
};

var VeltCommentDialogOptionsDropdown = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableAssignment = props.enableAssignment, allowAssignment = props.allowAssignment, enableEdit = props.enableEdit, allowEdit = props.allowEdit, enableNotifications = props.enableNotifications, allowToggleNotification = props.allowToggleNotification, enablePrivateMode = props.enablePrivateMode, allowChangeCommentAccessMode = props.allowChangeCommentAccessMode, triggerTemplate = props.triggerTemplate, contentTemplate = props.contentTemplate, onOpenDropdownIndex = props.onOpenDropdownIndex, children = props.children;
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current && onOpenDropdownIndex) {
            var element_1 = ref.current;
            var handleOpenDropdownIndex_1 = function (event) {
                onOpenDropdownIndex(event.detail);
            };
            element_1.addEventListener('openDropdownIndex', handleOpenDropdownIndex_1);
            return function () {
                element_1.removeEventListener('openDropdownIndex', handleOpenDropdownIndex_1);
            };
        }
    }, [onOpenDropdownIndex]);
    return (React.createElement("velt-comment-dialog-options-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "allow-assignment": [true, false].includes(allowAssignment) ? (allowAssignment ? 'true' : 'false') : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined, "allow-edit": [true, false].includes(allowEdit) ? (allowEdit ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "allow-toggle-notification": [true, false].includes(allowToggleNotification) ? (allowToggleNotification ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "allow-change-comment-access-mode": [true, false].includes(allowChangeCommentAccessMode) ? (allowChangeCommentAccessMode ? 'true' : 'false') : undefined, "trigger-template": triggerTemplate ? JSON.stringify(triggerTemplate) : undefined, "content-template": contentTemplate ? JSON.stringify(contentTemplate) : undefined }, children));
};

var VeltCommentDialogOptionsDropdownTrigger = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContent = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableAssignment = props.enableAssignment, enableEdit = props.enableEdit, enableNotifications = props.enableNotifications, enablePrivateMode = props.enablePrivateMode, enableMarkAsRead = props.enableMarkAsRead, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "enable-mark-as-read": [true, false].includes(enableMarkAsRead) ? (enableMarkAsRead ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentAssign = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, enableAssignment = props.enableAssignment, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-assign", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentEdit = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableEdit = props.enableEdit, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-edit", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentDelete = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, type = props.type, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, type: type !== undefined ? type : undefined, "comment-id": commentId !== undefined ? commentId.toString() : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentDeleteComment = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-comment", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? commentId.toString() : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentDeleteThread = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-thread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentMakePrivate = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, type = props.type, enablePrivateMode = props.enablePrivateMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, type: type !== undefined ? type : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentMakePrivateEnable = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enablePrivateMode = props.enablePrivateMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-enable", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentMakePrivateDisable = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enablePrivateMode = props.enablePrivateMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-disable", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentNotification = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, enableNotifications = props.enableNotifications, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentNotificationSubscribe = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableNotifications = props.enableNotifications, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-subscribe", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableNotifications = props.enableNotifications, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-unsubscribe", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentMarkAsRead = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableMarkAsRead = props.enableMarkAsRead, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-mark-as-read": [true, false].includes(enableMarkAsRead) ? (enableMarkAsRead ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-mark-read", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-mark-unread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBanner$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerText$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-text", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdown$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownTrigger$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, user = props.user, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownContent$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownContentItem$1 = function (props) {
    var type = props.type, annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-item", { ref: ref, type: type, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, type: type }, children));
};

var VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, type: type }, children));
};

var VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-user-picker", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityBannerDropdownContentOrgPicker$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-org-picker", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssignDropdown = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, assignTo = props.assignTo, selectedUserContacts = props.selectedUserContacts, onSetAssignTo = props.onSetAssignTo, children = props.children;
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current && onSetAssignTo) {
            var element_1 = ref.current;
            var handleSetAssignTo_1 = function (event) {
                onSetAssignTo(event.detail);
            };
            element_1.addEventListener('setAssignTo', handleSetAssignTo_1);
            return function () {
                element_1.removeEventListener('setAssignTo', handleSetAssignTo_1);
            };
        }
    }, [onSetAssignTo]);
    return (React.createElement("velt-comment-dialog-assign-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "assign-to": assignTo ? (typeof assignTo === 'string' ? assignTo : JSON.stringify(assignTo)) : undefined, "selected-user-contacts": selectedUserContacts ? (typeof selectedUserContacts === 'string' ? selectedUserContacts : JSON.stringify(selectedUserContacts)) : undefined }, children));
};

var VeltCommentDialogAttachmentButton = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, template = props.template, componentMeta = props.componentMeta, allowedFileTypes = props.allowedFileTypes, onClicked = props.onClicked, onSelectFiles = props.onSelectFiles, children = props.children;
    var ref = useRef(null);
    useEffect(function () {
        if (ref.current) {
            var element_1 = ref.current;
            var handleClicked_1 = function () {
                if (onClicked)
                    onClicked();
            };
            var handleSelectFiles_1 = function (event) {
                if (onSelectFiles)
                    onSelectFiles(event.detail);
            };
            if (onClicked) {
                element_1.addEventListener('clicked', handleClicked_1);
            }
            if (onSelectFiles) {
                element_1.addEventListener('selectFiles', handleSelectFiles_1);
            }
            return function () {
                if (onClicked) {
                    element_1.removeEventListener('clicked', handleClicked_1);
                }
                if (onSelectFiles) {
                    element_1.removeEventListener('selectFiles', handleSelectFiles_1);
                }
            };
        }
    }, [onClicked, onSelectFiles]);
    return (React.createElement("velt-comment-dialog-attachment-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, template: template ? JSON.stringify(template) : undefined, "component-meta": componentMeta ? (typeof componentMeta === 'string' ? componentMeta : JSON.stringify(componentMeta)) : undefined, "allowed-file-types": allowedFileTypes ? (typeof allowedFileTypes === 'string' ? allowedFileTypes : JSON.stringify(allowedFileTypes)) : undefined }, children));
};

var VeltCommentDialogDeviceTypeIcons = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, deviceType = props.deviceType, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-device-type-icons", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "device-type": deviceType }, children));
};

var VeltCommentDialogOptions$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-options", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
};

var VeltCommentDialogPriority$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-priority", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
};

var VeltCommentDialogStatus$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
};

var VeltCommentDialogVisibilityDropdown$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityDropdownTrigger = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityDropdownTriggerLabel = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-trigger-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityDropdownTriggerIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityDropdownContent = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityDropdownContentPublic = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-content-public", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogVisibilityDropdownContentPrivate = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-content-private", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogDeleteButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-delete-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssigneeBanner$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-assignee-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssigneeBannerUserName$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-assignee-banner-user-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssigneeBannerUserAvatar$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-assignee-banner-user-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssigneeBannerResolveButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-assignee-banner-resolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssigneeBannerUnresolveButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-assignee-banner-unresolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAllComment$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-all-comment", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogApprove$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-approve", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogAssignMenu$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, inline = props.inline, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-assign-menu", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, inline: [true, false].includes(inline) ? (inline ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogBody$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-body", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCloseButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-close-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCommentCategory$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, categories = props.categories, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-comment-category", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, categories: categories ? (typeof categories === 'string' ? categories : JSON.stringify(categories)) : undefined }, children));
};

var VeltCommentDialogCommentIndex$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-comment-index", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCommentNumber$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-comment-number", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogCommentSuggestionStatus$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, status = props.status, statusId = props.statusId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-comment-suggestion-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, status: status ? (typeof status === 'string' ? status : JSON.stringify(status)) : undefined, "status-id": statusId }, children));
};

var VeltCommentDialogCopyLink$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, defaultProp = props.default, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-copy-link", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, default: defaultProp }, children));
};

var VeltCommentDialogGhostBanner$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, message = props.message, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-ghost-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, message: message }, children));
};

var VeltCommentDialogHeader$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-header", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogHideReply$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-hide-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogMetadata = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, metadata = props.metadata, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-metadata", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, metadata: metadata ? (typeof metadata === 'string' ? metadata : JSON.stringify(metadata)) : undefined }, children));
};

var VeltCommentDialogMoreReply$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, index = props.index, moreReplyTemplate = props.moreReplyTemplate, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-more-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, index: index !== undefined ? index.toString() : undefined, "more-reply-template": moreReplyTemplate ? JSON.stringify(moreReplyTemplate) : undefined }, children));
};

var VeltCommentDialogMoreReplyCount$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-more-reply-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogMoreReplyText$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-more-reply-text", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogNavigationButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-navigation-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogPrivateBanner$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-private-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogPrivateButton = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-private-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogResolveButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-resolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSignIn$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-sign-in", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogThreads$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentDialogSelected = props.commentDialogSelected, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-threads", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-dialog-selected": [true, false].includes(commentDialogSelected) ? (commentDialogSelected ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogUnresolveButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-unresolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogUpgrade$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-upgrade", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogToggleReply$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-toggle-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogToggleReplyCount$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-toggle-reply-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogToggleReplyIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-toggle-reply-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogToggleReplyText$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-toggle-reply-text", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogReplyAvatars$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-reply-avatars", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogReplyAvatarsList$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-reply-avatars-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogReplyAvatarsListItem$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, user = props.user, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-reply-avatars-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltCommentDialogReplyAvatarsRemainingCount$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-reply-avatars-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

/**
 * @deprecated Renamed from VeltCommentDialogSuggestionAction* on 2026-07-20 to mirror the SDK's legacy rename
 * (velt-comment-dialog-legacy-suggestion-action*). Unreachable inside dialogs; kept for standalone usage.
 */
var VeltCommentDialogLegacySuggestionAction$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-legacy-suggestion-action", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

/**
 * @deprecated Renamed from VeltCommentDialogSuggestionAction* on 2026-07-20 to mirror the SDK's legacy rename
 * (velt-comment-dialog-legacy-suggestion-action*). Unreachable inside dialogs; kept for standalone usage.
 */
var VeltCommentDialogLegacySuggestionActionAccept$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-legacy-suggestion-action-accept", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

/**
 * @deprecated Renamed from VeltCommentDialogSuggestionAction* on 2026-07-20 to mirror the SDK's legacy rename
 * (velt-comment-dialog-legacy-suggestion-action*). Unreachable inside dialogs; kept for standalone usage.
 */
var VeltCommentDialogLegacySuggestionActionReject$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-legacy-suggestion-action-reject", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposer$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, editcommentplaceholder = props.editcommentplaceholder, editreplyplaceholder = props.editreplyplaceholder, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, documentId = props.documentId, locationId = props.locationId, folderId = props.folderId, context = props.context, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "edit-comment-placeholder": editcommentplaceholder, "edit-reply-placeholder": editreplyplaceholder, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, "document-id": documentId, "location-id": locationId, "folder-id": folderId, context: context ? JSON.stringify(context) : undefined }, children));
};

var VeltCommentDialogComposerActionButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, editMode = props.editMode, commentIndex = props.commentIndex, hotkey = props.hotkey, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-action-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, type: type, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, hotkey: hotkey }, children));
};

var VeltCommentDialogComposerAssignUser$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-assign-user", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAvatar$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerInput$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, editcommentplaceholder = props.editcommentplaceholder, editreplyplaceholder = props.editreplyplaceholder, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-input", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "edit-comment-placeholder": editcommentplaceholder, "edit-reply-placeholder": editreplyplaceholder }, children));
};

var VeltCommentDialogComposerPrivateBadge$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-private-badge", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerRecordings$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-recordings", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerFormatToolbar$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-format-toolbar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerFormatToolbarButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, editMode = props.editMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-format-toolbar-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, type: type, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachments$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsSelected$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, files = props.files, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-selected", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, files: files ? JSON.stringify(files) : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsImage$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-image", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsImageDelete$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsImageDownload$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-download", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsImageLoading$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsImagePreview$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOther$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOtherDelete$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOtherDownload$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-download", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOtherIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOtherLoading$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOtherName$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsOtherSize$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-size", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsInvalid$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, files = props.files, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, files: files ? JSON.stringify(files) : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsInvalidItem$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
};

var VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
};

var VeltCommentDialogThreadCardReactionPin$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, reactionId = props.reactionId, commentObj = props.commentObj, commentIndex = props.commentIndex, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-reaction-pin", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "reaction-id": reactionId, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, index: index !== undefined ? String(index) : undefined }, children));
};

var VeltCommentDialogThreadCardAssignButton$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-assign-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardEditComposer$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-edit-composer", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachments$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentId = props.attachmentId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-id": attachmentId }, children));
};

var VeltCommentDialogThreadCardAttachmentsImage$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsImageDelete$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsImageDownload$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsImagePreview$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsOtherDelete$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsOtherDownload$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsOtherIcon$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsOtherName$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardAttachmentsOtherSize$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, enableSeenByUsers = props.enableSeenByUsers, isDraft = props.isDraft, viewCount = props.viewCount, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "enable-seen-by-users": enableSeenByUsers !== undefined ? (typeof enableSeenByUsers === 'string' ? enableSeenByUsers : (enableSeenByUsers ? 'true' : 'false')) : undefined, "is-draft": isDraft !== undefined ? (typeof isDraft === 'string' ? isDraft : (isDraft ? 'true' : 'false')) : undefined, "view-count": viewCount !== undefined ? String(viewCount) : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownTrigger$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, isDropdownOpen = props.isDropdownOpen, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "is-dropdown-open": [true, false].includes(isDropdownOpen) ? (isDropdownOpen ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContent$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContentTitle$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-title", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItems$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, views = props.views, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-items", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined && commentId !== null ? commentId.toString() : undefined, views: views ? JSON.stringify(views) : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItem$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, viewedAt = props.viewedAt, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, "viewed-at": viewedAt !== undefined && viewedAt !== null ? viewedAt.toString() : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItemName$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, viewedAt = props.viewedAt, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-time", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, "viewed-at": viewedAt !== undefined && viewedAt !== null ? viewedAt.toString() : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
};

var VeltWireframe = function (props) {
    var children = props.children;
    return (React.createElement("velt-wireframe", { style: { display: 'none' } }, children));
};

var VeltCommentDialogAllComment = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-all-comment-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogApprove = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-approve-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogAssignMenu = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-assign-menu-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogAssigneeBannerResolveButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogAssigneeBannerUserAvatar = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogAssigneeBannerUserName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogAssigneeBannerUnresolveButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-assignee-banner-unresolve-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogAssigneeBanner = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-assignee-banner-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogAssigneeBanner.ResolveButton = VeltCommentDialogAssigneeBannerResolveButton;
VeltCommentDialogAssigneeBanner.UserAvatar = VeltCommentDialogAssigneeBannerUserAvatar;
VeltCommentDialogAssigneeBanner.UserName = VeltCommentDialogAssigneeBannerUserName;
VeltCommentDialogAssigneeBanner.UnresolveButton = VeltCommentDialogAssigneeBannerUnresolveButton;

var VeltCommentDialogVisibilityBannerIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerText = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-text-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-item-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-remaining-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList.Item = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem;
VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList.RemainingCount = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount;

var VeltCommentDialogVisibilityBannerDropdownTriggerIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityBannerDropdownTrigger.Label = VeltCommentDialogVisibilityBannerDropdownTriggerLabel;
VeltCommentDialogVisibilityBannerDropdownTrigger.AvatarList = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList;
VeltCommentDialogVisibilityBannerDropdownTrigger.Icon = VeltCommentDialogVisibilityBannerDropdownTriggerIcon;

var VeltCommentDialogVisibilityBannerDropdownContentItemIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownContentItemLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownContentItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityBannerDropdownContentItem.Icon = VeltCommentDialogVisibilityBannerDropdownContentItemIcon;
VeltCommentDialogVisibilityBannerDropdownContentItem.Label = VeltCommentDialogVisibilityBannerDropdownContentItemLabel;

var VeltCommentDialogVisibilityBannerDropdownContentUserPicker = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-user-picker-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownContentOrgPicker = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-org-picker-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityBannerDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityBannerDropdownContent.Item = VeltCommentDialogVisibilityBannerDropdownContentItem;
VeltCommentDialogVisibilityBannerDropdownContent.UserPicker = VeltCommentDialogVisibilityBannerDropdownContentUserPicker;
VeltCommentDialogVisibilityBannerDropdownContent.OrgPicker = VeltCommentDialogVisibilityBannerDropdownContentOrgPicker;

var VeltCommentDialogVisibilityBannerDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityBannerDropdown.Trigger = VeltCommentDialogVisibilityBannerDropdownTrigger;
VeltCommentDialogVisibilityBannerDropdown.Content = VeltCommentDialogVisibilityBannerDropdownContent;

var VeltCommentDialogVisibilityBanner = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-banner-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityBanner.Icon = VeltCommentDialogVisibilityBannerIcon;
VeltCommentDialogVisibilityBanner.Text = VeltCommentDialogVisibilityBannerText;
VeltCommentDialogVisibilityBanner.Dropdown = VeltCommentDialogVisibilityBannerDropdown;

var VeltCommentDialogBody = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-body-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCommentCategory = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-comment-category-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCommentIndex = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-comment-index-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCommentSuggestionStatus = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-comment-suggestion-status-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerActionButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-action-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAssignUser = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-assign-user-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsInvalidItemPreview = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsInvalidItemMessage = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsInvalidItemDelete = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsInvalidItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerAttachmentsInvalidItem.Preview = VeltCommentDialogComposerAttachmentsInvalidItemPreview;
VeltCommentDialogComposerAttachmentsInvalidItem.Message = VeltCommentDialogComposerAttachmentsInvalidItemMessage;
VeltCommentDialogComposerAttachmentsInvalidItem.Delete = VeltCommentDialogComposerAttachmentsInvalidItemDelete;

var VeltCommentDialogComposerAttachmentsInvalid = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerAttachmentsInvalid.Item = VeltCommentDialogComposerAttachmentsInvalidItem;

var VeltCommentDialogComposerAttachmentsImagePreview = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsImageDelete = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsImageDownload = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-download-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsImageLoading = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsImage = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-image-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerAttachmentsImage.Preview = VeltCommentDialogComposerAttachmentsImagePreview;
VeltCommentDialogComposerAttachmentsImage.Loading = VeltCommentDialogComposerAttachmentsImageLoading;
VeltCommentDialogComposerAttachmentsImage.Delete = VeltCommentDialogComposerAttachmentsImageDelete;
VeltCommentDialogComposerAttachmentsImage.Download = VeltCommentDialogComposerAttachmentsImageDownload;

var VeltCommentDialogComposerAttachmentsOtherDelete = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsOtherDownload = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-download-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsOtherIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsOtherLoading = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsOtherName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsOtherSize = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAttachmentsOther = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-other-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerAttachmentsOther.Delete = VeltCommentDialogComposerAttachmentsOtherDelete;
VeltCommentDialogComposerAttachmentsOther.Download = VeltCommentDialogComposerAttachmentsOtherDownload;
VeltCommentDialogComposerAttachmentsOther.Loading = VeltCommentDialogComposerAttachmentsOtherLoading;
VeltCommentDialogComposerAttachmentsOther.Icon = VeltCommentDialogComposerAttachmentsOtherIcon;
VeltCommentDialogComposerAttachmentsOther.Name = VeltCommentDialogComposerAttachmentsOtherName;
VeltCommentDialogComposerAttachmentsOther.Size = VeltCommentDialogComposerAttachmentsOtherSize;

var VeltCommentDialogComposerAttachmentsSelected = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-selected-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerAttachmentsSelected.Image = VeltCommentDialogComposerAttachmentsImage;
VeltCommentDialogComposerAttachmentsSelected.Other = VeltCommentDialogComposerAttachmentsOther;

var VeltCommentDialogComposerAttachments = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-attachments-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerAttachments.Invalid = VeltCommentDialogComposerAttachmentsInvalid;
VeltCommentDialogComposerAttachments.Selected = VeltCommentDialogComposerAttachmentsSelected;

var VeltCommentDialogComposerInput = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-input-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerRecordings = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-recordings-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerPrivateBadge = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-private-badge-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerAvatar = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerFormatToolbarButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-format-toolbar-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogComposerFormatToolbar = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-format-toolbar-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposerFormatToolbar.Button = VeltCommentDialogComposerFormatToolbarButton;

var VeltCommentDialogComposer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-composer-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogComposer.ActionButton = VeltCommentDialogComposerActionButton;
VeltCommentDialogComposer.AssignUser = VeltCommentDialogComposerAssignUser;
VeltCommentDialogComposer.Attachments = VeltCommentDialogComposerAttachments;
VeltCommentDialogComposer.Input = VeltCommentDialogComposerInput;
VeltCommentDialogComposer.Recordings = VeltCommentDialogComposerRecordings;
VeltCommentDialogComposer.PrivateBadge = VeltCommentDialogComposerPrivateBadge;
VeltCommentDialogComposer.Avatar = VeltCommentDialogComposerAvatar;
VeltCommentDialogComposer.FormatToolbar = VeltCommentDialogComposerFormatToolbar;

var VeltCommentDialogCopyLink = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-copy-link-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogGhostBanner = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-ghost-banner-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogHeader = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-header-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogMoreReplyCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-more-reply-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogMoreReplyText = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-more-reply-text-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogMoreReply = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-more-reply-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogMoreReply.Count = VeltCommentDialogMoreReplyCount;
VeltCommentDialogMoreReply.Text = VeltCommentDialogMoreReplyText;

var VeltCommentDialogOptionsDropdownContentAssignWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-assign-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogOptionsDropdownContentDeleteCommentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-comment-wireframe", __assign({}, remainingProps), children));
};

var VeltCommentDialogOptionsDropdownContentDeleteThreadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-thread-wireframe", __assign({}, remainingProps), children));
};

var VeltCommentDialogOptionsDropdownContentDeleteWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogOptionsDropdownContentDeleteWireframe.Comment = VeltCommentDialogOptionsDropdownContentDeleteCommentWireframe;
VeltCommentDialogOptionsDropdownContentDeleteWireframe.Thread = VeltCommentDialogOptionsDropdownContentDeleteThreadWireframe;

var VeltCommentDialogOptionsDropdownContentEditWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-edit-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogOptionsDropdownContentMakePrivateDisableWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-disable-wireframe", __assign({}, remainingProps), children));
};

var VeltCommentDialogOptionsDropdownContentMakePrivateEnableWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-enable-wireframe", __assign({}, remainingProps), children));
};

var VeltCommentDialogOptionsDropdownContentMakePrivateWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogOptionsDropdownContentMakePrivateWireframe.Enable = VeltCommentDialogOptionsDropdownContentMakePrivateEnableWireframe;
VeltCommentDialogOptionsDropdownContentMakePrivateWireframe.Disable = VeltCommentDialogOptionsDropdownContentMakePrivateDisableWireframe;

var VeltCommentDialogOptionsDropdownContentNotificationSubscribeWireframe = function (props) {
    var children = props.children;
    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-subscribe-wireframe", null, children));
};

var VeltCommentDialogOptionsDropdownContentNotificationUnsubscribeWireframe = function (props) {
    var children = props.children;
    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-unsubscribe-wireframe", null, children));
};

var VeltCommentDialogOptionsDropdownContentNotificationWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogOptionsDropdownContentNotificationWireframe.Subscribe = VeltCommentDialogOptionsDropdownContentNotificationSubscribeWireframe;
VeltCommentDialogOptionsDropdownContentNotificationWireframe.Unsubscribe = VeltCommentDialogOptionsDropdownContentNotificationUnsubscribeWireframe;

var VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogOptionsDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogOptionsDropdownContentWireframe.Assign = VeltCommentDialogOptionsDropdownContentAssignWireframe;
VeltCommentDialogOptionsDropdownContentWireframe.MakePrivate = VeltCommentDialogOptionsDropdownContentMakePrivateWireframe;
VeltCommentDialogOptionsDropdownContentWireframe.Edit = VeltCommentDialogOptionsDropdownContentEditWireframe;
VeltCommentDialogOptionsDropdownContentWireframe.Delete = VeltCommentDialogOptionsDropdownContentDeleteWireframe;
VeltCommentDialogOptionsDropdownContentWireframe.Notification = VeltCommentDialogOptionsDropdownContentNotificationWireframe;
VeltCommentDialogOptionsDropdownContentWireframe.MarkAsRead = VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe;

var VeltCommentDialogOptionsDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogOptions = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-options-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogOptions.Content = VeltCommentDialogOptionsDropdownContentWireframe;
VeltCommentDialogOptions.Trigger = VeltCommentDialogOptionsDropdownTriggerWireframe;

var VeltCommentDialogPriorityDropdownContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogPriorityDropdownContentItemNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogPriorityDropdownContentItemTickWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-tick-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogPriorityDropdownContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogPriorityDropdownContentItemWireframe.Icon = VeltCommentDialogPriorityDropdownContentItemIconWireframe;
VeltCommentDialogPriorityDropdownContentItemWireframe.Name = VeltCommentDialogPriorityDropdownContentItemNameWireframe;
VeltCommentDialogPriorityDropdownContentItemWireframe.Tick = VeltCommentDialogPriorityDropdownContentItemTickWireframe;

var VeltCommentDialogPriorityDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogPriorityDropdownContentWireframe.Item = VeltCommentDialogPriorityDropdownContentItemWireframe;

var VeltCommentDialogPriorityDropdownTriggerArrowWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogPriorityDropdownTriggerIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogPriorityDropdownTriggerNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogPriorityDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogPriorityDropdownTriggerWireframe.Arrow = VeltCommentDialogPriorityDropdownTriggerArrowWireframe;
VeltCommentDialogPriorityDropdownTriggerWireframe.Name = VeltCommentDialogPriorityDropdownTriggerNameWireframe;
VeltCommentDialogPriorityDropdownTriggerWireframe.Icon = VeltCommentDialogPriorityDropdownTriggerIconWireframe;

var VeltCommentDialogPriority = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-priority-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogPriority.Content = VeltCommentDialogPriorityDropdownContentWireframe;
VeltCommentDialogPriority.Trigger = VeltCommentDialogPriorityDropdownTriggerWireframe;

var VeltCommentDialogPrivateBanner = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-private-banner-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogResolveButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-resolve-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSignIn = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-sign-in-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogStatusDropdownContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogStatusDropdownContentItemNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogStatusDropdownContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogStatusDropdownContentItemWireframe.Icon = VeltCommentDialogStatusDropdownContentItemIconWireframe;
VeltCommentDialogStatusDropdownContentItemWireframe.Name = VeltCommentDialogStatusDropdownContentItemNameWireframe;

var VeltCommentDialogStatusDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogStatusDropdownContentWireframe.Item = VeltCommentDialogStatusDropdownContentItemWireframe;

var VeltCommentDialogStatusDropdownTriggerArrowWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogStatusDropdownTriggerIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogStatusDropdownTriggerNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogStatusDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogStatusDropdownTriggerWireframe.Arrow = VeltCommentDialogStatusDropdownTriggerArrowWireframe;
VeltCommentDialogStatusDropdownTriggerWireframe.Name = VeltCommentDialogStatusDropdownTriggerNameWireframe;
VeltCommentDialogStatusDropdownTriggerWireframe.Icon = VeltCommentDialogStatusDropdownTriggerIconWireframe;

var VeltCommentDialogStatus = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-status-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogStatus.Content = VeltCommentDialogStatusDropdownContentWireframe;
VeltCommentDialogStatus.Trigger = VeltCommentDialogStatusDropdownTriggerWireframe;

/**
 * @deprecated Renamed from VeltCommentDialogSuggestionAction* on 2026-07-20 to mirror the SDK's legacy rename
 * (velt-comment-dialog-legacy-suggestion-action*). Unreachable inside dialogs; kept for standalone usage.
 */
var VeltCommentDialogLegacySuggestionActionAccept = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-legacy-suggestion-action-accept-wireframe", __assign({}, transformedProps), children));
};

/**
 * @deprecated Renamed from VeltCommentDialogSuggestionAction* on 2026-07-20 to mirror the SDK's legacy rename
 * (velt-comment-dialog-legacy-suggestion-action*). Unreachable inside dialogs; kept for standalone usage.
 */
var VeltCommentDialogLegacySuggestionActionReject = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-legacy-suggestion-action-reject-wireframe", __assign({}, transformedProps), children));
};

/**
 * @deprecated Renamed from VeltCommentDialogSuggestionAction* on 2026-07-20 to mirror the SDK's legacy rename
 * (velt-comment-dialog-legacy-suggestion-action*). Unreachable inside dialogs; kept for standalone usage.
 */
var VeltCommentDialogLegacySuggestionAction = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-legacy-suggestion-action-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogLegacySuggestionAction.Accept = VeltCommentDialogLegacySuggestionActionAccept;
VeltCommentDialogLegacySuggestionAction.Reject = VeltCommentDialogLegacySuggestionActionReject;

var VeltCommentDialogSuggestionBodyWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-body-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionAgentAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-agent-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionAgentNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-agent-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionAgentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-agent-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionAgentWireframe.Avatar = VeltCommentDialogSuggestionAgentAvatarWireframe;
VeltCommentDialogSuggestionAgentWireframe.Name = VeltCommentDialogSuggestionAgentNameWireframe;

var VeltCommentDialogSuggestionAuthorAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-author-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionAuthorNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-author-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionAuthorWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-author-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionAuthorWireframe.Avatar = VeltCommentDialogSuggestionAuthorAvatarWireframe;
VeltCommentDialogSuggestionAuthorWireframe.Name = VeltCommentDialogSuggestionAuthorNameWireframe;

var VeltCommentDialogSuggestionTimestampWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-timestamp-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionMenuTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-menu-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionMenuContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionMenuContentItemLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionMenuContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionMenuContentItemWireframe.Icon = VeltCommentDialogSuggestionMenuContentItemIconWireframe;
VeltCommentDialogSuggestionMenuContentItemWireframe.Label = VeltCommentDialogSuggestionMenuContentItemLabelWireframe;

var VeltCommentDialogSuggestionMenuContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionMenuContentWireframe.Item = VeltCommentDialogSuggestionMenuContentItemWireframe;

var VeltCommentDialogSuggestionMenuWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-menu-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionMenuWireframe.Trigger = VeltCommentDialogSuggestionMenuTriggerWireframe;
VeltCommentDialogSuggestionMenuWireframe.Content = VeltCommentDialogSuggestionMenuContentWireframe;

var VeltCommentDialogSuggestionHeaderWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-header-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionHeaderWireframe.Agent = VeltCommentDialogSuggestionAgentWireframe;
VeltCommentDialogSuggestionHeaderWireframe.Author = VeltCommentDialogSuggestionAuthorWireframe;
VeltCommentDialogSuggestionHeaderWireframe.Timestamp = VeltCommentDialogSuggestionTimestampWireframe;
VeltCommentDialogSuggestionHeaderWireframe.Menu = VeltCommentDialogSuggestionMenuWireframe;

var VeltCommentDialogSuggestionFooterOpenCommentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-footer-open-comment-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionFooterWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-footer-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionFooterWireframe.OpenComment = VeltCommentDialogSuggestionFooterOpenCommentWireframe;

var VeltCommentDialogSuggestionActionAcceptWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-action-accept-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionActionRejectWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-action-reject-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionActionsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-actions-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionActionsWireframe.Accept = VeltCommentDialogSuggestionActionAcceptWireframe;
VeltCommentDialogSuggestionActionsWireframe.Reject = VeltCommentDialogSuggestionActionRejectWireframe;

var VeltCommentDialogSuggestionBannerAvatarUserImageWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-avatar-user-image-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionBannerAvatarStatusIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-avatar-status-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionBannerAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-avatar-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionBannerAvatarWireframe.UserImage = VeltCommentDialogSuggestionBannerAvatarUserImageWireframe;
VeltCommentDialogSuggestionBannerAvatarWireframe.StatusIcon = VeltCommentDialogSuggestionBannerAvatarStatusIconWireframe;

var VeltCommentDialogSuggestionBannerLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionBannerSeparatorWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-separator-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionBannerTimestampWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-timestamp-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionBannerResolverUserNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-resolver-user-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogSuggestionBannerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-banner-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionBannerWireframe.Avatar = VeltCommentDialogSuggestionBannerAvatarWireframe;
VeltCommentDialogSuggestionBannerWireframe.Label = VeltCommentDialogSuggestionBannerLabelWireframe;
VeltCommentDialogSuggestionBannerWireframe.Separator = VeltCommentDialogSuggestionBannerSeparatorWireframe;
VeltCommentDialogSuggestionBannerWireframe.Timestamp = VeltCommentDialogSuggestionBannerTimestampWireframe;
VeltCommentDialogSuggestionBannerWireframe.ResolverUserName = VeltCommentDialogSuggestionBannerResolverUserNameWireframe;

var VeltCommentDialogSuggestionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-suggestion-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogSuggestionWireframe.Body = VeltCommentDialogSuggestionBodyWireframe;
VeltCommentDialogSuggestionWireframe.Header = VeltCommentDialogSuggestionHeaderWireframe;
VeltCommentDialogSuggestionWireframe.Footer = VeltCommentDialogSuggestionFooterWireframe;
VeltCommentDialogSuggestionWireframe.Actions = VeltCommentDialogSuggestionActionsWireframe;
VeltCommentDialogSuggestionWireframe.Banner = VeltCommentDialogSuggestionBannerWireframe;

var VeltCommentDialogThreadCardAttachmentsImagePreview = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsImageDelete = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsImageDownload = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsImage = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardAttachmentsImage.Preview = VeltCommentDialogThreadCardAttachmentsImagePreview;
VeltCommentDialogThreadCardAttachmentsImage.Download = VeltCommentDialogThreadCardAttachmentsImageDownload;
VeltCommentDialogThreadCardAttachmentsImage.Delete = VeltCommentDialogThreadCardAttachmentsImageDelete;

var VeltCommentDialogThreadCardAttachmentsOtherDelete = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsOtherDownload = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsOtherIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsOtherName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsOtherSize = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardAttachmentsOther = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardAttachmentsOther.Icon = VeltCommentDialogThreadCardAttachmentsOtherIcon;
VeltCommentDialogThreadCardAttachmentsOther.Name = VeltCommentDialogThreadCardAttachmentsOtherName;
VeltCommentDialogThreadCardAttachmentsOther.Size = VeltCommentDialogThreadCardAttachmentsOtherSize;
VeltCommentDialogThreadCardAttachmentsOther.Download = VeltCommentDialogThreadCardAttachmentsOtherDownload;
VeltCommentDialogThreadCardAttachmentsOther.Delete = VeltCommentDialogThreadCardAttachmentsOtherDelete;

var VeltCommentDialogThreadCardAttachments = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-attachments-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardAttachments.Other = VeltCommentDialogThreadCardAttachmentsOther;
VeltCommentDialogThreadCardAttachments.Image = VeltCommentDialogThreadCardAttachmentsImage;

var VeltCommentDialogThreadCardAvatar = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardDeviceType = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-device-type-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardDraft = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-draft-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardMessageShowMore = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-message-show-more-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardMessageShowLess = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-message-show-less-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardMessage = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-message-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardMessage.ShowMore = VeltCommentDialogThreadCardMessageShowMore;
VeltCommentDialogThreadCardMessage.ShowLess = VeltCommentDialogThreadCardMessageShowLess;

var VeltCommentDialogThreadCardName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardOptions = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-options-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardOptions.Content = VeltCommentDialogOptionsDropdownContentWireframe;
VeltCommentDialogThreadCardOptions.Trigger = VeltCommentDialogOptionsDropdownTriggerWireframe;

var VeltCommentDialogThreadCardReactionTool = function (props) {
    var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, transformedProps, { "exclude-reaction-ids": excludeReactionIds ? JSON.stringify(excludeReactionIds) : undefined }), children));
};

var VeltCommentDialogThreadCardReactionPin = function (props) {
    var children = props.children, reactionId = props.reactionId, remainingProps = __rest(props, ["children", "reactionId"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-reaction-pin-wireframe", __assign({}, transformedProps, { "reaction-id": reactionId }), children));
};

var VeltCommentDialogThreadCardAssignButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-assign-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardReactions = function (props) {
    var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, transformedProps, { "exclude-reaction-ids": excludeReactionIds ? JSON.stringify(excludeReactionIds) : undefined }), children));
};

var VeltCommentDialogThreadCardRecordings = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-recordings-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardTime = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-time-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardUnread = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardSeenDropdownContentTitle = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-title-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItemAvatar = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItemName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItemTime = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-time-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardSeenDropdownContentItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardSeenDropdownContentItem.Avatar = VeltCommentDialogThreadCardSeenDropdownContentItemAvatar;
VeltCommentDialogThreadCardSeenDropdownContentItem.Name = VeltCommentDialogThreadCardSeenDropdownContentItemName;
VeltCommentDialogThreadCardSeenDropdownContentItem.Time = VeltCommentDialogThreadCardSeenDropdownContentItemTime;

var VeltCommentDialogThreadCardSeenDropdownContentItems = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-items-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardSeenDropdownContentItems.Item = VeltCommentDialogThreadCardSeenDropdownContentItem;

var VeltCommentDialogThreadCardSeenDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardSeenDropdownContent.Title = VeltCommentDialogThreadCardSeenDropdownContentTitle;
VeltCommentDialogThreadCardSeenDropdownContent.Items = VeltCommentDialogThreadCardSeenDropdownContentItems;

var VeltCommentDialogThreadCardSeenDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardSeenDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogThreadCardSeenDropdown.Trigger = VeltCommentDialogThreadCardSeenDropdownTrigger;
VeltCommentDialogThreadCardSeenDropdown.Content = VeltCommentDialogThreadCardSeenDropdownContent;

var VeltCommentDialogThreadCardEdited = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-edited-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardReply = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-reply-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogThreadCardEditComposer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-edit-composer-wireframe", __assign({}, transformedProps), children));
};

// Main Thread Card component
var VeltCommentDialogThreadCard = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-thread-card-wireframe", __assign({}, transformedProps), children));
};
// Attach the Sub component as a static property of the main Thread Card component
VeltCommentDialogThreadCard.Avatar = VeltCommentDialogThreadCardAvatar;
VeltCommentDialogThreadCard.DeviceType = VeltCommentDialogThreadCardDeviceType;
VeltCommentDialogThreadCard.Attachments = VeltCommentDialogThreadCardAttachments;
VeltCommentDialogThreadCard.Message = VeltCommentDialogThreadCardMessage;
VeltCommentDialogThreadCard.Name = VeltCommentDialogThreadCardName;
VeltCommentDialogThreadCard.Options = VeltCommentDialogThreadCardOptions;
VeltCommentDialogThreadCard.Reactions = VeltCommentDialogThreadCardReactions;
VeltCommentDialogThreadCard.ReactionTool = VeltCommentDialogThreadCardReactionTool;
VeltCommentDialogThreadCard.ReactionPin = VeltCommentDialogThreadCardReactionPin;
VeltCommentDialogThreadCard.AssignButton = VeltCommentDialogThreadCardAssignButton;
VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
VeltCommentDialogThreadCard.Unread = VeltCommentDialogThreadCardUnread;
VeltCommentDialogThreadCard.Draft = VeltCommentDialogThreadCardDraft;
VeltCommentDialogThreadCard.SeenDropdown = VeltCommentDialogThreadCardSeenDropdown;
VeltCommentDialogThreadCard.Edited = VeltCommentDialogThreadCardEdited;
VeltCommentDialogThreadCard.Reply = VeltCommentDialogThreadCardReply;
VeltCommentDialogThreadCard.EditComposer = VeltCommentDialogThreadCardEditComposer;

var VeltCommentDialogThreads = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-threads-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogToggleReplyCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-toggle-reply-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogToggleReplyText = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-toggle-reply-text-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogToggleReplyIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-toggle-reply-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogToggleReply = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-toggle-reply-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogToggleReply.Icon = VeltCommentDialogToggleReplyIcon;
VeltCommentDialogToggleReply.Text = VeltCommentDialogToggleReplyText;
VeltCommentDialogToggleReply.Count = VeltCommentDialogToggleReplyCount;

var VeltCommentDialogUpgrade = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-upgrade-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownContentItemIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownContentItemLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownContentItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogCustomAnnotationDropdownContentItem.Label = VeltCommentDialogCustomAnnotationDropdownContentItemLabel;
VeltCommentDialogCustomAnnotationDropdownContentItem.Icon = VeltCommentDialogCustomAnnotationDropdownContentItemIcon;

var VeltCommentDialogCustomAnnotationDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogCustomAnnotationDropdownContent.Item = VeltCommentDialogCustomAnnotationDropdownContentItem;

var VeltCommentDialogCustomAnnotationDropdownTriggerArrow = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerListItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list-item-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogCustomAnnotationDropdownTriggerList.Item = VeltCommentDialogCustomAnnotationDropdownTriggerListItem;

var VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-remaining-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCustomAnnotationDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogCustomAnnotationDropdownTrigger.Arrow = VeltCommentDialogCustomAnnotationDropdownTriggerArrow;
VeltCommentDialogCustomAnnotationDropdownTrigger.List = VeltCommentDialogCustomAnnotationDropdownTriggerList;
VeltCommentDialogCustomAnnotationDropdownTrigger.RemainingCount = VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount;
VeltCommentDialogCustomAnnotationDropdownTrigger.Placeholder = VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder;

var VeltCommentDialogCustomAnnotationDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogCustomAnnotationDropdown.Content = VeltCommentDialogCustomAnnotationDropdownContent;
VeltCommentDialogCustomAnnotationDropdown.Trigger = VeltCommentDialogCustomAnnotationDropdownTrigger;

var VeltCommentDialogDeleteButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-delete-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogCloseButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogUnresolveButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-unresolve-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogNavigationButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-navigation-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogReplyAvatarsListItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-reply-avatars-list-item-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogReplyAvatarsList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-reply-avatars-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogReplyAvatarsList.Item = VeltCommentDialogReplyAvatarsListItem;

var VeltCommentDialogReplyAvatarsRemainingCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-reply-avatars-remaining-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogReplyAvatars = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-reply-avatars-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogReplyAvatars.List = VeltCommentDialogReplyAvatarsList;
VeltCommentDialogReplyAvatars.RemainingCount = VeltCommentDialogReplyAvatarsRemainingCount;

var VeltCommentDialogCommentNumber = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-comment-number-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogHideReply = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-hide-reply-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityDropdownContentPublicWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-content-public-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityDropdownContentPrivateWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-content-private-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityDropdownContentWireframe.Public = VeltCommentDialogVisibilityDropdownContentPublicWireframe;
VeltCommentDialogVisibilityDropdownContentWireframe.Private = VeltCommentDialogVisibilityDropdownContentPrivateWireframe;

var VeltCommentDialogVisibilityDropdownTriggerLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityDropdownTriggerIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentDialogVisibilityDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityDropdownTriggerWireframe.Label = VeltCommentDialogVisibilityDropdownTriggerLabelWireframe;
VeltCommentDialogVisibilityDropdownTriggerWireframe.Icon = VeltCommentDialogVisibilityDropdownTriggerIconWireframe;

var VeltCommentDialogVisibilityDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-visibility-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogVisibilityDropdown.Content = VeltCommentDialogVisibilityDropdownContentWireframe;
VeltCommentDialogVisibilityDropdown.Trigger = VeltCommentDialogVisibilityDropdownTriggerWireframe;

var VeltCommentDialogWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-dialog-wireframe", __assign({}, transformedProps), children));
};
VeltCommentDialogWireframe.AllComment = VeltCommentDialogAllComment;
VeltCommentDialogWireframe.Approve = VeltCommentDialogApprove;
VeltCommentDialogWireframe.AssigneeBanner = VeltCommentDialogAssigneeBanner;
VeltCommentDialogWireframe.VisibilityBanner = VeltCommentDialogVisibilityBanner;
VeltCommentDialogWireframe.AssignMenu = VeltCommentDialogAssignMenu;
VeltCommentDialogWireframe.Body = VeltCommentDialogBody;
VeltCommentDialogWireframe.CommentCategory = VeltCommentDialogCommentCategory;
VeltCommentDialogWireframe.CommentIndex = VeltCommentDialogCommentIndex;
VeltCommentDialogWireframe.CommentNumber = VeltCommentDialogCommentNumber;
VeltCommentDialogWireframe.CommentSuggestionStatus = VeltCommentDialogCommentSuggestionStatus;
VeltCommentDialogWireframe.Composer = VeltCommentDialogComposer;
VeltCommentDialogWireframe.CopyLink = VeltCommentDialogCopyLink;
VeltCommentDialogWireframe.GhostBanner = VeltCommentDialogGhostBanner;
VeltCommentDialogWireframe.Header = VeltCommentDialogHeader;
VeltCommentDialogWireframe.MoreReply = VeltCommentDialogMoreReply;
VeltCommentDialogWireframe.Options = VeltCommentDialogOptions;
VeltCommentDialogWireframe.Priority = VeltCommentDialogPriority;
VeltCommentDialogWireframe.PrivateBanner = VeltCommentDialogPrivateBanner;
VeltCommentDialogWireframe.ResolveButton = VeltCommentDialogResolveButton;
VeltCommentDialogWireframe.UnresolveButton = VeltCommentDialogUnresolveButton;
VeltCommentDialogWireframe.SignIn = VeltCommentDialogSignIn;
VeltCommentDialogWireframe.Status = VeltCommentDialogStatus;
VeltCommentDialogWireframe.LegacySuggestionAction = VeltCommentDialogLegacySuggestionAction;
VeltCommentDialogWireframe.Suggestion = VeltCommentDialogSuggestionWireframe;
VeltCommentDialogWireframe.ThreadCard = VeltCommentDialogThreadCard;
VeltCommentDialogWireframe.Threads = VeltCommentDialogThreads;
VeltCommentDialogWireframe.ToggleReply = VeltCommentDialogToggleReply;
VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
VeltCommentDialogWireframe.CustomAnnotationDropdown = VeltCommentDialogCustomAnnotationDropdown;
VeltCommentDialogWireframe.DeleteButton = VeltCommentDialogDeleteButton;
VeltCommentDialogWireframe.CloseButton = VeltCommentDialogCloseButton;
VeltCommentDialogWireframe.NavigationButton = VeltCommentDialogNavigationButton;
VeltCommentDialogWireframe.ReplyAvatars = VeltCommentDialogReplyAvatars;
VeltCommentDialogWireframe.HideReply = VeltCommentDialogHideReply;
VeltCommentDialogWireframe.VisibilityDropdown = VeltCommentDialogVisibilityDropdown;

var VeltCommentsSidebarCloseButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarEmptyPlaceholder = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-empty-placeholder-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterItemCheckboxChecked = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-item-checkbox-checked-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterItemCheckboxUnchecked = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-item-checkbox-unchecked-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterItemCheckbox = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-item-checkbox-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterItemCheckbox.Checked = VeltCommentsSidebarFilterItemCheckboxChecked;
VeltCommentsSidebarFilterItemCheckbox.Unchecked = VeltCommentsSidebarFilterItemCheckboxUnchecked;

var VeltCommentsSidebarFilterItemCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-item-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterItemName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterItem.Checkbox = VeltCommentsSidebarFilterItemCheckbox;
VeltCommentsSidebarFilterItem.Count = VeltCommentsSidebarFilterItemCount;
VeltCommentsSidebarFilterItem.Name = VeltCommentsSidebarFilterItemName;

var VeltCommentsSidebarFilterName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterSearchDropdownIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-dropdown-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterSearchHiddenCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-hidden-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterSearchInput = function (props) {
    var children = props.children, placeholder = props.placeholder, remainingProps = __rest(props, ["children", "placeholder"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-input-wireframe", __assign({}, transformedProps, { placeholder: placeholder }), children));
};

var VeltCommentsSidebarFilterSearchTagsItemName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-tags-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterSearchTagsItemClose = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-tags-item-close-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterSearchTagsItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-tags-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterSearchTagsItem.Name = VeltCommentsSidebarFilterSearchTagsItemName;
VeltCommentsSidebarFilterSearchTagsItem.Close = VeltCommentsSidebarFilterSearchTagsItemClose;

var VeltCommentsSidebarFilterSearchTags = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-tags-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterSearchTags.Item = VeltCommentsSidebarFilterSearchTagsItem;

var VeltCommentsSidebarFilterSearch = function (props) {
    var children = props.children, placeholder = props.placeholder, remainingProps = __rest(props, ["children", "placeholder"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-search-wireframe", __assign({}, transformedProps, { placeholder: placeholder }), children));
};
VeltCommentsSidebarFilterSearch.DropdownIcon = VeltCommentsSidebarFilterSearchDropdownIcon;
VeltCommentsSidebarFilterSearch.Tags = VeltCommentsSidebarFilterSearchTags;
VeltCommentsSidebarFilterSearch.HiddenCount = VeltCommentsSidebarFilterSearchHiddenCount;
VeltCommentsSidebarFilterSearch.Input = VeltCommentsSidebarFilterSearchInput;

var VeltCommentsSidebarFilterCategory = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-category-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterCategory.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterCategory.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterCategory.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterCloseButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterCommentType = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-comment-type-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterCommentType.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterCommentType.Item = VeltCommentsSidebarFilterItem;

var VeltCommentsSidebarFilterDoneButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-done-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterGroupBy = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-group-by-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterGroupBy.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterGroupBy.Item = VeltCommentsSidebarFilterItem;

var VeltCommentsSidebarFilterViewAll = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-view-all-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterLocation = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-location-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterLocation.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterLocation.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterLocation.ViewAll = VeltCommentsSidebarFilterViewAll;
VeltCommentsSidebarFilterLocation.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterPeople = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-people-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterPeople.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterPeople.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterPeople.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterPriority = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-priority-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterPriority.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterPriority.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterPriority.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterTitle = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-title-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterVersions = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-versions-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterVersions.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterVersions.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterVersions.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterStatus = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-status-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterStatus.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterStatus.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterStatus.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterResetButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-reset-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFilterAssigned = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-assigned-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterAssigned.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterAssigned.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterAssigned.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterTagged = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-tagged-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterTagged.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterTagged.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterTagged.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterDocument = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-document-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterDocument.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterDocument.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterDocument.ViewAll = VeltCommentsSidebarFilterViewAll;
VeltCommentsSidebarFilterDocument.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterCustom = function (props) {
    var children = props.children, id = props.id, remainingProps = __rest(props, ["children", "id"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-custom-wireframe", __assign({ id: id }, transformedProps), children));
};
VeltCommentsSidebarFilterCustom.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterCustom.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterCustom.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilterInvolved = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-involved-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilterInvolved.Name = VeltCommentsSidebarFilterName;
VeltCommentsSidebarFilterInvolved.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilterInvolved.Search = VeltCommentsSidebarFilterSearch;

var VeltCommentsSidebarFilter = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFilter.Category = VeltCommentsSidebarFilterCategory;
VeltCommentsSidebarFilter.CloseButton = VeltCommentsSidebarFilterCloseButton;
VeltCommentsSidebarFilter.CommentType = VeltCommentsSidebarFilterCommentType;
VeltCommentsSidebarFilter.DoneButton = VeltCommentsSidebarFilterDoneButton;
VeltCommentsSidebarFilter.GroupBy = VeltCommentsSidebarFilterGroupBy;
VeltCommentsSidebarFilter.Location = VeltCommentsSidebarFilterLocation;
VeltCommentsSidebarFilter.People = VeltCommentsSidebarFilterPeople;
VeltCommentsSidebarFilter.Assigned = VeltCommentsSidebarFilterAssigned;
VeltCommentsSidebarFilter.Tagged = VeltCommentsSidebarFilterTagged;
VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
VeltCommentsSidebarFilter.Item = VeltCommentsSidebarFilterItem;
VeltCommentsSidebarFilter.Status = VeltCommentsSidebarFilterStatus;
VeltCommentsSidebarFilter.ResetButton = VeltCommentsSidebarFilterResetButton;
VeltCommentsSidebarFilter.Search = VeltCommentsSidebarFilterSearch;
VeltCommentsSidebarFilter.Document = VeltCommentsSidebarFilterDocument;
VeltCommentsSidebarFilter.Custom = VeltCommentsSidebarFilterCustom;
VeltCommentsSidebarFilter.Involved = VeltCommentsSidebarFilterInvolved;

var VeltCommentsSidebarFilterButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarHeader = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-header-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarListItemDialogContainer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-dialog-container-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarListItemGroupCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-group-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarListItemGroupArrow = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-group-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarListItemGroupName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-group-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarListItemGroup = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-group-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarListItemGroup.Count = VeltCommentsSidebarListItemGroupCount;
VeltCommentsSidebarListItemGroup.Arrow = VeltCommentsSidebarListItemGroupArrow;
VeltCommentsSidebarListItemGroup.Name = VeltCommentsSidebarListItemGroupName;

var VeltCommentsSidebarListItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarListItem.DialogContainer = VeltCommentsSidebarListItemDialogContainer;
VeltCommentsSidebarListItem.Group = VeltCommentsSidebarListItemGroup;

var VeltCommentsSidebarList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarList.Item = VeltCommentsSidebarListItem;

var VeltCommentsSidebarLocationFilterDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-content-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarLocationFilterDropdownTriggerLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarLocationFilterDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarLocationFilterDropdownTrigger.Label = VeltCommentsSidebarLocationFilterDropdownTriggerLabel;

var VeltCommentsSidebarLocationFilterDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-location-filter-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarLocationFilterDropdown.Trigger = VeltCommentsSidebarLocationFilterDropdownTrigger;
VeltCommentsSidebarLocationFilterDropdown.Content = VeltCommentsSidebarLocationFilterDropdownContent;

var VeltCommentsSidebarDocumentFilterDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-document-filter-dropdown-content-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarDocumentFilterDropdownTriggerLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-document-filter-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarDocumentFilterDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-document-filter-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarDocumentFilterDropdownTrigger.Label = VeltCommentsSidebarDocumentFilterDropdownTriggerLabel;

var VeltCommentsSidebarDocumentFilterDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-document-filter-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarDocumentFilterDropdownWireframe.Trigger = VeltCommentsSidebarDocumentFilterDropdownTrigger;
VeltCommentsSidebarDocumentFilterDropdownWireframe.Content = VeltCommentsSidebarDocumentFilterDropdownContent;

var VeltCommentsSidebarMinimalActionsDropdownContentMarkAllReadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalActionsDropdownContentMarkAllResolvedWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalActionsDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarMinimalActionsDropdownContentWireframe.MarkAllRead = VeltCommentsSidebarMinimalActionsDropdownContentMarkAllReadWireframe;
VeltCommentsSidebarMinimalActionsDropdownContentWireframe.MarkAllResolved = VeltCommentsSidebarMinimalActionsDropdownContentMarkAllResolvedWireframe;

var VeltCommentsSidebarMinimalActionsDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalActionsDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-actions-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarMinimalActionsDropdownWireframe.Trigger = VeltCommentsSidebarMinimalActionsDropdownTriggerWireframe;
VeltCommentsSidebarMinimalActionsDropdownWireframe.Content = VeltCommentsSidebarMinimalActionsDropdownContentWireframe;

var VeltCommentsSidebarMinimalFilterDropdownContentFilterAll = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-all-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentFilterRead = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-read-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-resolved-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-assigned-to-me-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentFilterReset = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-reset-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-selected-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentSortDate = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-sort-date-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContentSortUnread = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-sort-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarMinimalFilterDropdownContent.FilterAll = VeltCommentsSidebarMinimalFilterDropdownContentFilterAll;
VeltCommentsSidebarMinimalFilterDropdownContent.FilterUnread = VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread;
VeltCommentsSidebarMinimalFilterDropdownContent.FilterRead = VeltCommentsSidebarMinimalFilterDropdownContentFilterRead;
VeltCommentsSidebarMinimalFilterDropdownContent.FilterResolved = VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved;
VeltCommentsSidebarMinimalFilterDropdownContent.FilterOpen = VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
VeltCommentsSidebarMinimalFilterDropdownContent.FilterAssignedToMe = VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe;
VeltCommentsSidebarMinimalFilterDropdownContent.FilterReset = VeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
VeltCommentsSidebarMinimalFilterDropdownContent.SelectedIcon = VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon;
VeltCommentsSidebarMinimalFilterDropdownContent.SortDate = VeltCommentsSidebarMinimalFilterDropdownContentSortDate;
VeltCommentsSidebarMinimalFilterDropdownContent.SortUnread = VeltCommentsSidebarMinimalFilterDropdownContentSortUnread;

var VeltCommentsSidebarMinimalFilterDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarMinimalFilterDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarMinimalFilterDropdown.Trigger = VeltCommentsSidebarMinimalFilterDropdownTrigger;
VeltCommentsSidebarMinimalFilterDropdown.Content = VeltCommentsSidebarMinimalFilterDropdownContent;

var VeltCommentsSidebarPageModeComposer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-page-mode-composer-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarPanel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarSearch = function (props) {
    var children = props.children, placeholder = props.placeholder, remainingProps = __rest(props, ["children", "placeholder"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-search-wireframe", __assign({}, transformedProps, { placeholder: placeholder }), children));
};

var VeltCommentsSidebarSkeleton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-skeleton-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownContentItemNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownContentItemCheckboxCheckedWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-checkbox-checked-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownContentItemCheckboxUncheckedWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-checkbox-unchecked-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownContentItemCheckboxWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-checkbox-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarStatusDropdownContentItemCheckboxWireframe.Checked = VeltCommentsSidebarStatusDropdownContentItemCheckboxCheckedWireframe;
VeltCommentsSidebarStatusDropdownContentItemCheckboxWireframe.Unchecked = VeltCommentsSidebarStatusDropdownContentItemCheckboxUncheckedWireframe;

var VeltCommentsSidebarStatusDropdownContentItemCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarStatusDropdownContentItemWireframe.Icon = VeltCommentsSidebarStatusDropdownContentItemIconWireframe;
VeltCommentsSidebarStatusDropdownContentItemWireframe.Name = VeltCommentsSidebarStatusDropdownContentItemNameWireframe;
VeltCommentsSidebarStatusDropdownContentItemWireframe.Count = VeltCommentsSidebarStatusDropdownContentItemCountWireframe;
VeltCommentsSidebarStatusDropdownContentItemWireframe.Checkbox = VeltCommentsSidebarStatusDropdownContentItemCheckboxWireframe;

var VeltCommentsSidebarStatusDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarStatusDropdownContentWireframe.Item = VeltCommentsSidebarStatusDropdownContentItemWireframe;

var VeltCommentsSidebarStatusDropdownTriggerArrowWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-trigger-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownTriggerIndicatorWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-trigger-indicator-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownTriggerNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-trigger-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarStatusDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarStatusDropdownTriggerWireframe.Arrow = VeltCommentsSidebarStatusDropdownTriggerArrowWireframe;
VeltCommentsSidebarStatusDropdownTriggerWireframe.Name = VeltCommentsSidebarStatusDropdownTriggerNameWireframe;
VeltCommentsSidebarStatusDropdownTriggerWireframe.Indicator = VeltCommentsSidebarStatusDropdownTriggerIndicatorWireframe;

var VeltCommentsSidebarStatus = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarStatus.Trigger = VeltCommentsSidebarStatusDropdownTriggerWireframe;
VeltCommentsSidebarStatus.Content = VeltCommentsSidebarStatusDropdownContentWireframe;

var VeltCommentsSidebarResetFilterButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-reset-filter-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarActionButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-action-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFocusedThreadBackButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-focused-thread-back-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFocusedThreadDialogContainer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-focused-thread-dialog-container-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarFocusedThread = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-focused-thread-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarFocusedThread.BackButton = VeltCommentsSidebarFocusedThreadBackButton;
VeltCommentsSidebarFocusedThread.DialogContainer = VeltCommentsSidebarFocusedThreadDialogContainer;

var VeltCommentsSidebarFullscreenButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-fullscreen-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarWireframe.CloseButton = VeltCommentsSidebarCloseButton;
VeltCommentsSidebarWireframe.EmptyPlaceholder = VeltCommentsSidebarEmptyPlaceholder;
VeltCommentsSidebarWireframe.Filter = VeltCommentsSidebarFilter;
VeltCommentsSidebarWireframe.Header = VeltCommentsSidebarHeader;
VeltCommentsSidebarWireframe.List = VeltCommentsSidebarList;
VeltCommentsSidebarWireframe.PageModeComposer = VeltCommentsSidebarPageModeComposer;
VeltCommentsSidebarWireframe.Search = VeltCommentsSidebarSearch;
VeltCommentsSidebarWireframe.Status = VeltCommentsSidebarStatus;
VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
VeltCommentsSidebarWireframe.Skeleton = VeltCommentsSidebarSkeleton;
VeltCommentsSidebarWireframe.Panel = VeltCommentsSidebarPanel;
VeltCommentsSidebarWireframe.MinimalFilterDropdown = VeltCommentsSidebarMinimalFilterDropdown;
VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocationFilterDropdown;
VeltCommentsSidebarWireframe.DocumentFilterDropdown = VeltCommentsSidebarDocumentFilterDropdownWireframe;
VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimalActionsDropdownWireframe;
VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
VeltCommentsSidebarWireframe.FullscreenButton = VeltCommentsSidebarFullscreenButton;

var VeltCommentsSidebarV2Skeleton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-skeleton-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2Panel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-panel-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2Header = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-header-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2CloseButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-close-button-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2ResetFilterButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-reset-filter-button-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2EmptyPlaceholder = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-empty-placeholder-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2EmptyPlaceholder.ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton;

var VeltCommentsSidebarV2ListItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-item-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2ListGroupHeaderLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-group-header-v2-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2ListGroupHeaderCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-group-header-v2-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2ListGroupHeaderSeparator = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-group-header-v2-separator-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2ListGroupHeaderChevron = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-group-header-v2-chevron-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2ListGroupHeader = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-group-header-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2ListGroupHeader.Label = VeltCommentsSidebarV2ListGroupHeaderLabel;
VeltCommentsSidebarV2ListGroupHeader.Count = VeltCommentsSidebarV2ListGroupHeaderCount;
VeltCommentsSidebarV2ListGroupHeader.Separator = VeltCommentsSidebarV2ListGroupHeaderSeparator;
VeltCommentsSidebarV2ListGroupHeader.Chevron = VeltCommentsSidebarV2ListGroupHeaderChevron;

var VeltCommentsSidebarV2List = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-list-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2List.Item = VeltCommentsSidebarV2ListItem;
VeltCommentsSidebarV2List.GroupHeader = VeltCommentsSidebarV2ListGroupHeader;

var VeltCommentsSidebarV2PageModeComposer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-page-mode-composer-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FocusedThreadBackButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-focused-thread-back-button-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FocusedThreadDialogContainer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FocusedThread = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-focused-thread-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FocusedThread.BackButton = VeltCommentsSidebarV2FocusedThreadBackButton;
VeltCommentsSidebarV2FocusedThread.DialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer;

var VeltCommentsSidebarV2FilterDropdownTrigger = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterDropdownContentListItemLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterDropdownContentListItemCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-item-count-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterDropdownContentListItem = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterDropdownContentListItem.Indicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator;
VeltCommentsSidebarV2FilterDropdownContentListItem.Label = VeltCommentsSidebarV2FilterDropdownContentListItemLabel;
VeltCommentsSidebarV2FilterDropdownContentListItem.Count = VeltCommentsSidebarV2FilterDropdownContentListItemCount;

var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterDropdownContentListCategoryLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-category-label-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterDropdownContentListCategory = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterDropdownContentListCategory.Content = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent;
VeltCommentsSidebarV2FilterDropdownContentListCategory.Label = VeltCommentsSidebarV2FilterDropdownContentListCategoryLabel;

var VeltCommentsSidebarV2FilterDropdownContentList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterDropdownContentList.Item = VeltCommentsSidebarV2FilterDropdownContentListItem;
VeltCommentsSidebarV2FilterDropdownContentList.Category = VeltCommentsSidebarV2FilterDropdownContentListCategory;

var VeltCommentsSidebarV2FilterDropdownContent = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterDropdownContent.List = VeltCommentsSidebarV2FilterDropdownContentList;

var VeltCommentsSidebarV2FilterDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-dropdown-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterDropdown.Trigger = VeltCommentsSidebarV2FilterDropdownTrigger;
VeltCommentsSidebarV2FilterDropdown.Content = VeltCommentsSidebarV2FilterDropdownContent;

var VeltCommentsSidebarV2FilterButtonAppliedIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-button-v2-applied-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-button-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterButton.AppliedIcon = VeltCommentsSidebarV2FilterButtonAppliedIcon;

var VeltCommentsSidebarV2FilterContainerTitle = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-title-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerCloseButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerGroupBy = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-group-by-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerResetButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-reset-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerApplyButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-apply-button-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionLabel = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-label-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionControlValue = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-control-value-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionControlChip = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-control-chip-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionControlChipList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-control-chip-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSectionControlChipList.Chip = VeltCommentsSidebarV2FilterContainerSectionControlChip;

var VeltCommentsSidebarV2FilterContainerSectionControlSearch = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-control-search-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionControlChevron = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-control-chevron-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionControl = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-control-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSectionControl.Value = VeltCommentsSidebarV2FilterContainerSectionControlValue;
VeltCommentsSidebarV2FilterContainerSectionControl.ChipList = VeltCommentsSidebarV2FilterContainerSectionControlChipList;
VeltCommentsSidebarV2FilterContainerSectionControl.Search = VeltCommentsSidebarV2FilterContainerSectionControlSearch;
VeltCommentsSidebarV2FilterContainerSectionControl.Chevron = VeltCommentsSidebarV2FilterContainerSectionControlChevron;

var VeltCommentsSidebarV2FilterContainerSectionOptionCheckbox = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-option-checkbox-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionOptionName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-option-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionOptionCount = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-option-count-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2FilterContainerSectionOption = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-option-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSectionOption.Checkbox = VeltCommentsSidebarV2FilterContainerSectionOptionCheckbox;
VeltCommentsSidebarV2FilterContainerSectionOption.Name = VeltCommentsSidebarV2FilterContainerSectionOptionName;
VeltCommentsSidebarV2FilterContainerSectionOption.Count = VeltCommentsSidebarV2FilterContainerSectionOptionCount;

var VeltCommentsSidebarV2FilterContainerSectionOptionList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-option-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSectionOptionList.Option = VeltCommentsSidebarV2FilterContainerSectionOption;

var VeltCommentsSidebarV2FilterContainerSectionField = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-field-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSectionField.Control = VeltCommentsSidebarV2FilterContainerSectionControl;
VeltCommentsSidebarV2FilterContainerSectionField.OptionList = VeltCommentsSidebarV2FilterContainerSectionOptionList;

var VeltCommentsSidebarV2FilterContainerSection = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSection.Label = VeltCommentsSidebarV2FilterContainerSectionLabel;
VeltCommentsSidebarV2FilterContainerSection.Field = VeltCommentsSidebarV2FilterContainerSectionField;

var VeltCommentsSidebarV2FilterContainerSectionList = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-section-list-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainerSectionList.Section = VeltCommentsSidebarV2FilterContainerSection;

var VeltCommentsSidebarV2FilterContainer = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-filter-container-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2FilterContainer.Title = VeltCommentsSidebarV2FilterContainerTitle;
VeltCommentsSidebarV2FilterContainer.CloseButton = VeltCommentsSidebarV2FilterContainerCloseButton;
VeltCommentsSidebarV2FilterContainer.GroupBy = VeltCommentsSidebarV2FilterContainerGroupBy;
VeltCommentsSidebarV2FilterContainer.ResetButton = VeltCommentsSidebarV2FilterContainerResetButton;
VeltCommentsSidebarV2FilterContainer.ApplyButton = VeltCommentsSidebarV2FilterContainerApplyButton;
VeltCommentsSidebarV2FilterContainer.SectionList = VeltCommentsSidebarV2FilterContainerSectionList;

var VeltCommentsSidebarV2SearchIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-search-v2-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2SearchInput = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-search-v2-input-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2Search = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-search-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2Search.Icon = VeltCommentsSidebarV2SearchIcon;
VeltCommentsSidebarV2Search.Input = VeltCommentsSidebarV2SearchInput;

var VeltCommentsSidebarV2FullscreenButton = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-fullscreen-button-v2-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentsSidebarV2Wireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-v2-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarV2Wireframe.Skeleton = VeltCommentsSidebarV2Skeleton;
VeltCommentsSidebarV2Wireframe.Panel = VeltCommentsSidebarV2Panel;
VeltCommentsSidebarV2Wireframe.Header = VeltCommentsSidebarV2Header;
VeltCommentsSidebarV2Wireframe.CloseButton = VeltCommentsSidebarV2CloseButton;
VeltCommentsSidebarV2Wireframe.EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder;
VeltCommentsSidebarV2Wireframe.List = VeltCommentsSidebarV2List;
VeltCommentsSidebarV2Wireframe.PageModeComposer = VeltCommentsSidebarV2PageModeComposer;
VeltCommentsSidebarV2Wireframe.FocusedThread = VeltCommentsSidebarV2FocusedThread;
VeltCommentsSidebarV2Wireframe.FilterDropdown = VeltCommentsSidebarV2FilterDropdown;
VeltCommentsSidebarV2Wireframe.FilterButton = VeltCommentsSidebarV2FilterButton;
VeltCommentsSidebarV2Wireframe.FilterContainer = VeltCommentsSidebarV2FilterContainer;
VeltCommentsSidebarV2Wireframe.Search = VeltCommentsSidebarV2Search;
VeltCommentsSidebarV2Wireframe.FullscreenButton = VeltCommentsSidebarV2FullscreenButton;

var VeltCommentPinGhostCommentIndicator = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-ghost-comment-indicator-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentPinIndex = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-index-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentPinTriangle = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-triangle-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentPinUnreadCommentIndicator = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-unread-comment-indicator-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentPinPrivateCommentIndicator = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-private-comment-indicator-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentPinNumber = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-number-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentPinWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-pin-wireframe", __assign({}, transformedProps), children));
};
VeltCommentPinWireframe.GhostCommentIndicator = VeltCommentPinGhostCommentIndicator;
VeltCommentPinWireframe.Index = VeltCommentPinIndex;
VeltCommentPinWireframe.PrivateCommentIndicator = VeltCommentPinPrivateCommentIndicator;
VeltCommentPinWireframe.Triangle = VeltCommentPinTriangle;
VeltCommentPinWireframe.UnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator;
VeltCommentPinWireframe.Number = VeltCommentPinNumber;

var VeltSidebarButtonCommentsCount$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-sidebar-button-comments-count-wireframe", __assign({}, transformedProps), children));
};

var VeltSidebarButtonIcon$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-sidebar-button-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltSidebarButtonUnreadIcon$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-sidebar-button-unread-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltSidebarButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-sidebar-button-wireframe", __assign({}, transformedProps), children));
};
VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount$1;
VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon$1;
VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon$1;

var VeltCommentToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltTextCommentToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-text-comment-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltTextCommentToolbarCommentAnnotation$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", __assign({}, transformedProps), children));
};

var VeltTextCommentToolbarCopywriter$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", __assign({}, transformedProps), children));
};

var VeltTextCommentToolbarGeneric$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-text-comment-toolbar-generic-wireframe", __assign({}, transformedProps), children));
};

var VeltTextCommentToolbarDivider$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-text-comment-toolbar-divider-wireframe", __assign({}, transformedProps), children));
};

var VeltTextCommentToolbar$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-text-comment-toolbar-wireframe", __assign({}, transformedProps), children));
};
VeltTextCommentToolbar$1.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation$1;
VeltTextCommentToolbar$1.Copywriter = VeltTextCommentToolbarCopywriter$1;
VeltTextCommentToolbar$1.Generic = VeltTextCommentToolbarGeneric$1;
VeltTextCommentToolbar$1.Divider = VeltTextCommentToolbarDivider$1;

var VeltUserSelectorDropdownAvatar = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-user-selector-dropdown-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltUserSelectorDropdownEmail = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-user-selector-dropdown-email-wireframe", __assign({}, transformedProps), children));
};

var VeltUserSelectorDropdownErrorIcon = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-user-selector-dropdown-error-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltUserSelectorDropdownName = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-user-selector-dropdown-name-wireframe", __assign({}, transformedProps), children));
};

var VeltUserSelectorDropdown = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-user-selector-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltUserSelectorDropdown.Avatar = VeltUserSelectorDropdownAvatar;
VeltUserSelectorDropdown.Email = VeltUserSelectorDropdownEmail;
VeltUserSelectorDropdown.ErrorIcon = VeltUserSelectorDropdownErrorIcon;
VeltUserSelectorDropdown.Name = VeltUserSelectorDropdownName;

var VeltAutocompleteOptionIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-option-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteOptionNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-option-name-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteOptionDescriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-option-description-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteOptionErrorIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-option-error-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteOptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-option-wireframe", __assign({}, transformedProps), children));
};
VeltAutocompleteOptionWireframe.Icon = VeltAutocompleteOptionIconWireframe;
VeltAutocompleteOptionWireframe.Description = VeltAutocompleteOptionDescriptionWireframe;
VeltAutocompleteOptionWireframe.ErrorIcon = VeltAutocompleteOptionErrorIconWireframe;
VeltAutocompleteOptionWireframe.Name = VeltAutocompleteOptionNameWireframe;

var VeltAutocompleteGroupOptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-group-option-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteChipTooltipDescriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-chip-tooltip-description-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteChipTooltipIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-chip-tooltip-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteChipTooltipNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-chip-tooltip-name-wireframe", __assign({}, transformedProps), children));
};

var VeltAutocompleteChipTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-chip-tooltip-wireframe", __assign({}, transformedProps), children));
};
VeltAutocompleteChipTooltipWireframe.Description = VeltAutocompleteChipTooltipDescriptionWireframe;
VeltAutocompleteChipTooltipWireframe.Icon = VeltAutocompleteChipTooltipIconWireframe;
VeltAutocompleteChipTooltipWireframe.Name = VeltAutocompleteChipTooltipNameWireframe;

var VeltAutocompleteEmptyWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-autocomplete-empty-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentBubbleAvatar$1 = function (props) {
    var children = props.children;
    return (React.createElement("velt-comment-bubble-avatar-wireframe", null, children));
};

var VeltCommentBubbleCommentsCount$1 = function (props) {
    var children = props.children;
    return (React.createElement("velt-comment-bubble-comments-count-wireframe", null, children));
};

var VeltCommentBubbleUnreadIcon$1 = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-bubble-unread-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentBubbleWireframe = function (props) {
    var children = props.children, remainingProp = __rest(props, ["children"]);
    return (React.createElement("velt-comment-bubble-wireframe", __assign({}, remainingProp), children));
};
VeltCommentBubbleWireframe.Avatar = VeltCommentBubbleAvatar$1;
VeltCommentBubbleWireframe.CommentsCount = VeltCommentBubbleCommentsCount$1;
VeltCommentBubbleWireframe.UnreadIcon = VeltCommentBubbleUnreadIcon$1;

var VeltCommentsSidebarStatusDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comments-sidebar-status-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltCommentsSidebarStatusDropdownWireframe.Trigger = VeltCommentsSidebarStatusDropdownTriggerWireframe;
VeltCommentsSidebarStatusDropdownWireframe.Content = VeltCommentsSidebarStatusDropdownContentWireframe;

var VeltReactionToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltReactionPinCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-count-wireframe", __assign({}, transformedProps), children));
};

var VeltReactionPinEmojiWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-emoji-wireframe", __assign({}, transformedProps), children));
};

var VeltReactionPinWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-wireframe", __assign({}, transformedProps), children));
};
VeltReactionPinWireframe.Count = VeltReactionPinCountWireframe;
VeltReactionPinWireframe.Emoji = VeltReactionPinEmojiWireframe;

var VeltReactionPinTooltipUserAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltReactionPinTooltipUserNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-tooltip-user-name-wireframe", __assign({}, transformedProps), children));
};

var VeltReactionPinTooltipUserWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-tooltip-user-wireframe", __assign({}, transformedProps), children));
};
VeltReactionPinTooltipUserWireframe.Avatar = VeltReactionPinTooltipUserAvatarWireframe;
VeltReactionPinTooltipUserWireframe.Name = VeltReactionPinTooltipUserNameWireframe;

var VeltReactionPinTooltipUsersWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-tooltip-users-wireframe", __assign({}, transformedProps), children));
};
VeltReactionPinTooltipUsersWireframe.User = VeltReactionPinTooltipUserWireframe;

var VeltReactionPinTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reaction-pin-tooltip-wireframe", __assign({}, transformedProps), children));
};
VeltReactionPinTooltipWireframe.Users = VeltReactionPinTooltipUsersWireframe;

var VeltReactionsPanelItemEmojiWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reactions-panel-item-emoji-wireframe", __assign({}, transformedProps), children));
};

var VeltReactionsPanelItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reactions-panel-item-wireframe", __assign({}, transformedProps), children));
};
VeltReactionsPanelItemWireframe.Emoji = VeltReactionsPanelItemEmojiWireframe;

var VeltReactionsPanelItemsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reactions-panel-items-wireframe", __assign({}, transformedProps), children));
};
VeltReactionsPanelItemsWireframe.Item = VeltReactionsPanelItemWireframe;

var VeltReactionsPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-reactions-panel-wireframe", __assign({}, transformedProps), children));
};
VeltReactionsPanelWireframe.Items = VeltReactionsPanelItemsWireframe;

var VeltInlineCommentsSectionCommentCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-comment-count-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionComposerContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-composer-container-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-list-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSkeletonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-skeleton-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemTickWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSortingDropdownContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionSortingDropdownContentItemWireframe.Icon = VeltInlineCommentsSectionSortingDropdownContentItemIconWireframe;
VeltInlineCommentsSectionSortingDropdownContentItemWireframe.Name = VeltInlineCommentsSectionSortingDropdownContentItemNameWireframe;
VeltInlineCommentsSectionSortingDropdownContentItemWireframe.Tick = VeltInlineCommentsSectionSortingDropdownContentItemTickWireframe;

var VeltInlineCommentsSectionSortingDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionSortingDropdownContentWireframe.Item = VeltInlineCommentsSectionSortingDropdownContentItemWireframe;

var VeltInlineCommentsSectionSortingDropdownTriggerIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSortingDropdownTriggerNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-name-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionSortingDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionSortingDropdownTriggerWireframe.Icon = VeltInlineCommentsSectionSortingDropdownTriggerIconWireframe;
VeltInlineCommentsSectionSortingDropdownTriggerWireframe.Name = VeltInlineCommentsSectionSortingDropdownTriggerNameWireframe;

var VeltInlineCommentsSectionSortingDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-sorting-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionSortingDropdownWireframe.Content = VeltInlineCommentsSectionSortingDropdownContentWireframe;
VeltInlineCommentsSectionSortingDropdownWireframe.Trigger = VeltInlineCommentsSectionSortingDropdownTriggerWireframe;

var VeltInlineCommentsSectionFilterDropdownContentListItemLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionFilterDropdownContentListItemCheckboxWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionFilterDropdownContentListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionFilterDropdownContentListItemWireframe.Label = VeltInlineCommentsSectionFilterDropdownContentListItemLabelWireframe;
VeltInlineCommentsSectionFilterDropdownContentListItemWireframe.Checkbox = VeltInlineCommentsSectionFilterDropdownContentListItemCheckboxWireframe;

var VeltInlineCommentsSectionFilterDropdownContentListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-list-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionFilterDropdownContentListWireframe.Item = VeltInlineCommentsSectionFilterDropdownContentListItemWireframe;

var VeltInlineCommentsSectionFilterDropdownContentApplyButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-apply-button-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionFilterDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionFilterDropdownContentWireframe.List = VeltInlineCommentsSectionFilterDropdownContentListWireframe;
VeltInlineCommentsSectionFilterDropdownContentWireframe.ApplyButton = VeltInlineCommentsSectionFilterDropdownContentApplyButtonWireframe;

var VeltInlineCommentsSectionFilterDropdownTriggerNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-name-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineCommentsSectionFilterDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionFilterDropdownTriggerWireframe.Arrow = VeltInlineCommentsSectionFilterDropdownTriggerArrowWireframe;
VeltInlineCommentsSectionFilterDropdownTriggerWireframe.Name = VeltInlineCommentsSectionFilterDropdownTriggerNameWireframe;

var VeltInlineCommentsSectionFilterDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-filter-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionFilterDropdownWireframe.Content = VeltInlineCommentsSectionFilterDropdownContentWireframe;
VeltInlineCommentsSectionFilterDropdownWireframe.Trigger = VeltInlineCommentsSectionFilterDropdownTriggerWireframe;

var VeltInlineCommentsSectionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-comments-section-wireframe", __assign({}, transformedProps), children));
};
VeltInlineCommentsSectionWireframe.CommentCount = VeltInlineCommentsSectionCommentCountWireframe;
VeltInlineCommentsSectionWireframe.ComposerContainer = VeltInlineCommentsSectionComposerContainerWireframe;
VeltInlineCommentsSectionWireframe.List = VeltInlineCommentsSectionListWireframe;
VeltInlineCommentsSectionWireframe.Panel = VeltInlineCommentsSectionPanelWireframe;
VeltInlineCommentsSectionWireframe.Skeleton = VeltInlineCommentsSectionSkeletonWireframe;
VeltInlineCommentsSectionWireframe.SortingDropdown = VeltInlineCommentsSectionSortingDropdownWireframe;
VeltInlineCommentsSectionWireframe.FilterDropdown = VeltInlineCommentsSectionFilterDropdownWireframe;

var VeltNotificationsPanelContentAllListItemContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-all-list-item-content-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentAllListItemLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-all-list-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentAllListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-all-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentAllListItemWireframe.Label = VeltNotificationsPanelContentAllListItemLabelWireframe;
VeltNotificationsPanelContentAllListItemWireframe.Content = VeltNotificationsPanelContentAllListItemContentWireframe;

var VeltNotificationsPanelContentAllListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-all-list-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentAllListWireframe.Item = VeltNotificationsPanelContentAllListItemWireframe;

var VeltNotificationsPanelContentAllWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-all-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentAllWireframe.List = VeltNotificationsPanelContentAllListWireframe;

var VeltNotificationsPanelContentDocumentsListItemContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-content-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentDocumentsListItemCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-count-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentDocumentsListItemNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentDocumentsListItemUnreadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentDocumentsListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentDocumentsListItemWireframe.Content = VeltNotificationsPanelContentDocumentsListItemContentWireframe;
VeltNotificationsPanelContentDocumentsListItemWireframe.Name = VeltNotificationsPanelContentDocumentsListItemNameWireframe;
VeltNotificationsPanelContentDocumentsListItemWireframe.Count = VeltNotificationsPanelContentDocumentsListItemCountWireframe;
VeltNotificationsPanelContentDocumentsListItemWireframe.Unread = VeltNotificationsPanelContentDocumentsListItemUnreadWireframe;

var VeltNotificationsPanelContentDocumentsListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-list-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentDocumentsListWireframe.Item = VeltNotificationsPanelContentDocumentsListItemWireframe;

var VeltNotificationsPanelContentDocumentsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-documents-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentDocumentsWireframe.List = VeltNotificationsPanelContentDocumentsListWireframe;

var VeltNotificationsPanelContentForYouWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-for-you-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentPeopleListItemAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-list-item-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentPeopleListItemContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-list-item-content-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentPeopleListItemCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-list-item-count-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentPeopleListItemNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-list-item-name-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentPeopleListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentPeopleListItemWireframe.Avatar = VeltNotificationsPanelContentPeopleListItemAvatarWireframe;
VeltNotificationsPanelContentPeopleListItemWireframe.Name = VeltNotificationsPanelContentPeopleListItemNameWireframe;
VeltNotificationsPanelContentPeopleListItemWireframe.Count = VeltNotificationsPanelContentPeopleListItemCountWireframe;
VeltNotificationsPanelContentPeopleListItemWireframe.Content = VeltNotificationsPanelContentPeopleListItemContentWireframe;

var VeltNotificationsPanelContentPeopleListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-list-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentPeopleListWireframe.Item = VeltNotificationsPanelContentPeopleListItemWireframe;

var VeltNotificationsPanelContentPeopleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-people-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentPeopleWireframe.List = VeltNotificationsPanelContentPeopleListWireframe;

var VeltNotificationsPanelContentLoadMoreWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-load-more-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemBodyWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-body-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemFileNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-file-name-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemHeadlineWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-headline-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-time-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemUnreadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentListItemWireframe.Avatar = VeltNotificationsPanelContentListItemAvatarWireframe;
VeltNotificationsPanelContentListItemWireframe.Body = VeltNotificationsPanelContentListItemBodyWireframe;
VeltNotificationsPanelContentListItemWireframe.FileName = VeltNotificationsPanelContentListItemFileNameWireframe;
VeltNotificationsPanelContentListItemWireframe.Headline = VeltNotificationsPanelContentListItemHeadlineWireframe;
VeltNotificationsPanelContentListItemWireframe.Time = VeltNotificationsPanelContentListItemTimeWireframe;
VeltNotificationsPanelContentListItemWireframe.Unread = VeltNotificationsPanelContentListItemUnreadWireframe;

var VeltNotificationsPanelContentListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-list-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentListWireframe.Item = VeltNotificationsPanelContentListItemWireframe;

var VeltNotificationsPanelContentAllReadContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-all-read-container-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-content-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelContentWireframe.All = VeltNotificationsPanelContentAllWireframe;
VeltNotificationsPanelContentWireframe.ForYou = VeltNotificationsPanelContentForYouWireframe;
VeltNotificationsPanelContentWireframe.Documents = VeltNotificationsPanelContentDocumentsWireframe;
VeltNotificationsPanelContentWireframe.People = VeltNotificationsPanelContentPeopleWireframe;
VeltNotificationsPanelContentWireframe.LoadMore = VeltNotificationsPanelContentLoadMoreWireframe;
VeltNotificationsPanelContentWireframe.List = VeltNotificationsPanelContentListWireframe;
VeltNotificationsPanelContentWireframe.AllReadContainer = VeltNotificationsPanelContentAllReadContainerWireframe;

var VeltNotificationsPanelHeaderTabDocumentsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-header-tab-documents-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelHeaderTabForYouWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-header-tab-for-you-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelHeaderTabPeopleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-header-tab-people-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelHeaderTabAllWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-header-tab-all-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelHeaderWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-header-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelHeaderWireframe.TabAll = VeltNotificationsPanelHeaderTabAllWireframe;
VeltNotificationsPanelHeaderWireframe.TabDocuments = VeltNotificationsPanelHeaderTabDocumentsWireframe;
VeltNotificationsPanelHeaderWireframe.TabForYou = VeltNotificationsPanelHeaderTabForYouWireframe;
VeltNotificationsPanelHeaderWireframe.TabPeople = VeltNotificationsPanelHeaderTabPeopleWireframe;

var VeltNotificationsPanelReadAllButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-read-all-button-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-title-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelViewAllButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-view-all-button-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSkeletonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-skeleton-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-button-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsDescriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-description-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsBackButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-back-button-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsFooterWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-footer-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsHeaderTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-header-title-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsHeaderWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-header-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsHeaderWireframe.Title = VeltNotificationsPanelSettingsHeaderTitleWireframe;

var VeltNotificationsPanelSettingsAccordionTriggerSelectedValueWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsAccordionTriggerLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-label-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsAccordionTriggerIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsAccordionTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsAccordionTriggerWireframe.SelectedValue = VeltNotificationsPanelSettingsAccordionTriggerSelectedValueWireframe;
VeltNotificationsPanelSettingsAccordionTriggerWireframe.Label = VeltNotificationsPanelSettingsAccordionTriggerLabelWireframe;
VeltNotificationsPanelSettingsAccordionTriggerWireframe.Icon = VeltNotificationsPanelSettingsAccordionTriggerIconWireframe;

var VeltNotificationsPanelSettingsAccordionContentItemLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsAccordionContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsAccordionContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsAccordionContentItemWireframe.Icon = VeltNotificationsPanelSettingsAccordionContentItemIconWireframe;
VeltNotificationsPanelSettingsAccordionContentItemWireframe.Label = VeltNotificationsPanelSettingsAccordionContentItemLabelWireframe;

var VeltNotificationsPanelSettingsAccordionContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-content-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsAccordionContentWireframe.Item = VeltNotificationsPanelSettingsAccordionContentItemWireframe;

var VeltNotificationsPanelSettingsAccordionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-accordion-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsAccordionWireframe.Trigger = VeltNotificationsPanelSettingsAccordionTriggerWireframe;
VeltNotificationsPanelSettingsAccordionWireframe.Content = VeltNotificationsPanelSettingsAccordionContentWireframe;

var VeltNotificationsPanelSettingsListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-list-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsListWireframe.Accordion = VeltNotificationsPanelSettingsAccordionWireframe;

var VeltNotificationsPanelSettingsMuteAllDescriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-mute-all-description-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsMuteAllTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-mute-all-title-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsMuteAllToggleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-mute-all-toggle-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-title-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelSettingsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-settings-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelSettingsWireframe.BackButton = VeltNotificationsPanelSettingsBackButtonWireframe;
VeltNotificationsPanelSettingsWireframe.Description = VeltNotificationsPanelSettingsDescriptionWireframe;
VeltNotificationsPanelSettingsWireframe.Footer = VeltNotificationsPanelSettingsFooterWireframe;
VeltNotificationsPanelSettingsWireframe.Header = VeltNotificationsPanelSettingsHeaderWireframe;
VeltNotificationsPanelSettingsWireframe.List = VeltNotificationsPanelSettingsListWireframe;
VeltNotificationsPanelSettingsWireframe.MuteAllDescription = VeltNotificationsPanelSettingsMuteAllDescriptionWireframe;
VeltNotificationsPanelSettingsWireframe.MuteAllTitle = VeltNotificationsPanelSettingsMuteAllTitleWireframe;
VeltNotificationsPanelSettingsWireframe.MuteAllToggle = VeltNotificationsPanelSettingsMuteAllToggleWireframe;
VeltNotificationsPanelSettingsWireframe.Title = VeltNotificationsPanelSettingsTitleWireframe;

var VeltNotificationsPanelTitleTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-title-text-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-panel-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsPanelWireframe.Content = VeltNotificationsPanelContentWireframe;
VeltNotificationsPanelWireframe.Header = VeltNotificationsPanelHeaderWireframe;
VeltNotificationsPanelWireframe.ReadAllButton = VeltNotificationsPanelReadAllButtonWireframe;
VeltNotificationsPanelWireframe.Title = VeltNotificationsPanelTitleWireframe;
VeltNotificationsPanelWireframe.ViewAllButton = VeltNotificationsPanelViewAllButtonWireframe;
VeltNotificationsPanelWireframe.CloseButton = VeltNotificationsPanelCloseButtonWireframe;
VeltNotificationsPanelWireframe.Skeleton = VeltNotificationsPanelSkeletonWireframe;
VeltNotificationsPanelWireframe.SettingsButton = VeltNotificationsPanelSettingsButtonWireframe;
VeltNotificationsPanelWireframe.Settings = VeltNotificationsPanelSettingsWireframe;
VeltNotificationsPanelWireframe.TitleText = VeltNotificationsPanelTitleTextWireframe;

var VeltNotificationsToolIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-tool-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsToolLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-tool-label-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsToolUnreadCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-tool-unread-count-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsToolUnreadIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-tool-unread-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltNotificationsToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-notifications-tool-wireframe", __assign({}, transformedProps), children));
};
VeltNotificationsToolWireframe.Label = VeltNotificationsToolLabelWireframe;
VeltNotificationsToolWireframe.UnreadIcon = VeltNotificationsToolUnreadIconWireframe;
VeltNotificationsToolWireframe.Icon = VeltNotificationsToolIconWireframe;
VeltNotificationsToolWireframe.UnreadCount = VeltNotificationsToolUnreadCountWireframe;

var VeltConfirmDialogTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-confirm-dialog-title-wireframe", __assign({}, transformedProps), children));
};

var VeltConfirmDialogMessageWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-confirm-dialog-message-wireframe", __assign({}, transformedProps), children));
};

var VeltConfirmDialogApproveButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-confirm-dialog-approve-button-wireframe", __assign({}, transformedProps), children));
};

var VeltConfirmDialogRejectButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-confirm-dialog-reject-button-wireframe", __assign({}, transformedProps), children));
};

var VeltConfirmDialogWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-confirm-dialog-wireframe", __assign({}, transformedProps), children));
};
VeltConfirmDialogWireframe.Title = VeltConfirmDialogTitleWireframe;
VeltConfirmDialogWireframe.Message = VeltConfirmDialogMessageWireframe;
VeltConfirmDialogWireframe.ApproveButton = VeltConfirmDialogApproveButtonWireframe;
VeltConfirmDialogWireframe.RejectButton = VeltConfirmDialogRejectButtonWireframe;

var VeltInlineReactionsSectionListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-reactions-section-list-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineReactionsSectionPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-reactions-section-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineReactionsSectionToolContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-reactions-section-tool-container-wireframe", __assign({}, transformedProps), children));
};

var VeltInlineReactionsSectionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-inline-reactions-section-wireframe", __assign({}, transformedProps), children));
};
VeltInlineReactionsSectionWireframe.List = VeltInlineReactionsSectionListWireframe;
VeltInlineReactionsSectionWireframe.Panel = VeltInlineReactionsSectionPanelWireframe;
VeltInlineReactionsSectionWireframe.ToolContainer = VeltInlineReactionsSectionToolContainerWireframe;

var VeltPersistentCommentModeCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-persistent-comment-mode-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltPersistentCommentModeLabelPrivateWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-persistent-comment-mode-label-private-wireframe", __assign({}, transformedProps), children));
};

var VeltPersistentCommentModeLabelPublicWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-persistent-comment-mode-label-public-wireframe", __assign({}, transformedProps), children));
};

var VeltPersistentCommentModeLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-persistent-comment-mode-label-wireframe", __assign({}, transformedProps), children));
};
VeltPersistentCommentModeLabelWireframe.Private = VeltPersistentCommentModeLabelPrivateWireframe;
VeltPersistentCommentModeLabelWireframe.Public = VeltPersistentCommentModeLabelPublicWireframe;

var VeltPersistentCommentModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-persistent-comment-mode-wireframe", __assign({}, transformedProps), children));
};
VeltPersistentCommentModeWireframe.CloseButton = VeltPersistentCommentModeCloseButtonWireframe;
VeltPersistentCommentModeWireframe.Label = VeltPersistentCommentModeLabelWireframe;

var VeltMultiThreadCommentDialogCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogCommentCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-comment-count-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogComposerContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-composer-container-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogEmptyPlaceholderWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-empty-placeholder-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-list-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
var MarkAllRead = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read-wireframe", __assign({}, transformedProps), children));
};
var MarkAllResolved = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved-wireframe", __assign({}, transformedProps), children));
};
VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe.MarkAllRead = MarkAllRead;
VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe.MarkAllResolved = MarkAllResolved;

var VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe.Content = VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe;
VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe.Trigger = VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe;

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAllWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterReadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolvedWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnreadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDateWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnreadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-wireframe", __assign({}, transformedProps), children));
};
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.FilterAll = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAllWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.FilterUnread = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnreadWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.FilterRead = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterReadWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.FilterResolved = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolvedWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.SelectedIcon = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIconWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.SortDate = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDateWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe.SortUnread = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnreadWireframe;

var VeltMultiThreadCommentDialogMinimalFilterDropdownTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-wireframe", __assign({}, transformedProps), children));
};
VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe.Content = VeltMultiThreadCommentDialogMinimalFilterDropdownContentWireframe;
VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe.Trigger = VeltMultiThreadCommentDialogMinimalFilterDropdownTriggerWireframe;

var VeltMultiThreadCommentDialogNewThreadButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-new-thread-button-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogResetFilterButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-reset-filter-button-wireframe", __assign({}, transformedProps), children));
};

var VeltMultiThreadCommentDialogWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-multi-thread-comment-dialog-wireframe", __assign({}, transformedProps), children));
};
VeltMultiThreadCommentDialogWireframe.CommentCount = VeltMultiThreadCommentDialogCommentCountWireframe;
VeltMultiThreadCommentDialogWireframe.ComposerContainer = VeltMultiThreadCommentDialogComposerContainerWireframe;
VeltMultiThreadCommentDialogWireframe.List = VeltMultiThreadCommentDialogListWireframe;
VeltMultiThreadCommentDialogWireframe.CloseButton = VeltMultiThreadCommentDialogCloseButtonWireframe;
VeltMultiThreadCommentDialogWireframe.MinimalFilterDropdown = VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe;
VeltMultiThreadCommentDialogWireframe.EmptyPlaceholder = VeltMultiThreadCommentDialogEmptyPlaceholderWireframe;
VeltMultiThreadCommentDialogWireframe.NewThreadButton = VeltMultiThreadCommentDialogNewThreadButtonWireframe;
VeltMultiThreadCommentDialogWireframe.MinimalActionsDropdown = VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe;
VeltMultiThreadCommentDialogWireframe.ResetFilterButton = VeltMultiThreadCommentDialogResetFilterButtonWireframe;

var VeltCommentComposerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-composer-wireframe", __assign({}, transformedProps), children));
};

var VeltCommentThreadWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-comment-thread-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsToggleIconOpenWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-toggle-icon-open-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsToggleIconCloseWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-toggle-icon-close-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsToggleIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-toggle-icon-wireframe", __assign({}, transformedProps), children));
};
VeltMediaSourceSettingsToggleIconWireframe.Open = VeltMediaSourceSettingsToggleIconOpenWireframe;
VeltMediaSourceSettingsToggleIconWireframe.Close = VeltMediaSourceSettingsToggleIconCloseWireframe;

var VeltMediaSourceSettingsSelectedLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-selected-label-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsOptionsItemLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-options-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsOptionsItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-options-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsOptionsItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-options-item-wireframe", __assign({}, transformedProps), children));
};
VeltMediaSourceSettingsOptionsItemWireframe.Icon = VeltMediaSourceSettingsOptionsItemIconWireframe;
VeltMediaSourceSettingsOptionsItemWireframe.Label = VeltMediaSourceSettingsOptionsItemLabelWireframe;

var VeltMediaSourceSettingsOptionsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-options-wireframe", __assign({}, transformedProps), children));
};
VeltMediaSourceSettingsOptionsWireframe.Item = VeltMediaSourceSettingsOptionsItemWireframe;

var VeltMediaSourceSettingsDividerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-divider-wireframe", __assign({}, transformedProps), children));
};

var VeltMediaSourceSettingsAudioWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-audio-wireframe", __assign({}, transformedProps), children));
};
VeltMediaSourceSettingsAudioWireframe.ToggleIcon = VeltMediaSourceSettingsToggleIconWireframe;
VeltMediaSourceSettingsAudioWireframe.SelectedLabel = VeltMediaSourceSettingsSelectedLabelWireframe;
VeltMediaSourceSettingsAudioWireframe.Options = VeltMediaSourceSettingsOptionsWireframe;
VeltMediaSourceSettingsAudioWireframe.Divider = VeltMediaSourceSettingsDividerWireframe;

var VeltMediaSourceSettingsVideoWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-video-wireframe", __assign({}, transformedProps), children));
};
VeltMediaSourceSettingsVideoWireframe.ToggleIcon = VeltMediaSourceSettingsToggleIconWireframe;
VeltMediaSourceSettingsVideoWireframe.SelectedLabel = VeltMediaSourceSettingsSelectedLabelWireframe;
VeltMediaSourceSettingsVideoWireframe.Options = VeltMediaSourceSettingsOptionsWireframe;
VeltMediaSourceSettingsVideoWireframe.Divider = VeltMediaSourceSettingsDividerWireframe;

var VeltMediaSourceSettingsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-media-source-settings-wireframe", __assign({}, transformedProps), children));
};
VeltMediaSourceSettingsWireframe.Audio = VeltMediaSourceSettingsAudioWireframe;
VeltMediaSourceSettingsWireframe.Video = VeltMediaSourceSettingsVideoWireframe;

var VeltRecorderAllToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-all-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderAllToolMenuAudioWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-all-tool-menu-audio-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderAllToolMenuVideoWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-all-tool-menu-video-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderAllToolMenuScreenWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-all-tool-menu-screen-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderAllToolMenuWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-all-tool-menu-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderAllToolMenuWireframe.Video = VeltRecorderAllToolMenuVideoWireframe;
VeltRecorderAllToolMenuWireframe.Audio = VeltRecorderAllToolMenuAudioWireframe;
VeltRecorderAllToolMenuWireframe.Screen = VeltRecorderAllToolMenuScreenWireframe;

var VeltRecorderAudioToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-audio-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderScreenToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-screen-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderVideoToolWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-video-tool-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogBottomPanelCloseWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-bottom-panel-close-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogBottomPanelCountdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogBottomPanelIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogBottomPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-bottom-panel-wireframe", __assign({}, transformedProps), children));
};
VeltRecordingPreviewStepsDialogBottomPanelWireframe.Icon = VeltRecordingPreviewStepsDialogBottomPanelIconWireframe;
VeltRecordingPreviewStepsDialogBottomPanelWireframe.Close = VeltRecordingPreviewStepsDialogBottomPanelCloseWireframe;
VeltRecordingPreviewStepsDialogBottomPanelWireframe.Countdown = VeltRecordingPreviewStepsDialogBottomPanelCountdownWireframe;

var VeltRecordingPreviewStepsDialogButtonPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-button-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogMicButtonOffWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-mic-button-off-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogMicButtonOnWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-mic-button-on-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogMicButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-mic-button-wireframe", __assign({}, transformedProps), children));
};
VeltRecordingPreviewStepsDialogMicButtonWireframe.On = VeltRecordingPreviewStepsDialogMicButtonOnWireframe;
VeltRecordingPreviewStepsDialogMicButtonWireframe.Off = VeltRecordingPreviewStepsDialogMicButtonOffWireframe;

var VeltRecordingPreviewStepsDialogSettingsPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-settings-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogSettingsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-settings-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogStartRecordingWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-start-recording-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogTimerCountdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-timer-countdown-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogTimerCancelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-timer-cancel-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogTimerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-timer-wireframe", __assign({}, transformedProps), children));
};
VeltRecordingPreviewStepsDialogTimerWireframe.Countdown = VeltRecordingPreviewStepsDialogTimerCountdownWireframe;
VeltRecordingPreviewStepsDialogTimerWireframe.Cancel = VeltRecordingPreviewStepsDialogTimerCancelWireframe;

var VeltRecordingPreviewStepsDialogWaveformWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-waveform-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogAudioWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-audio-wireframe", __assign({}, transformedProps), children));
};
VeltRecordingPreviewStepsDialogAudioWireframe.BottomPanel = VeltRecordingPreviewStepsDialogBottomPanelWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.ButtonPanel = VeltRecordingPreviewStepsDialogButtonPanelWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.CloseButton = VeltRecordingPreviewStepsDialogCloseButtonWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.MicButton = VeltRecordingPreviewStepsDialogMicButtonWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.SettingsPanel = VeltRecordingPreviewStepsDialogSettingsPanelWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.Settings = VeltRecordingPreviewStepsDialogSettingsWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.StartRecording = VeltRecordingPreviewStepsDialogStartRecordingWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.Timer = VeltRecordingPreviewStepsDialogTimerWireframe;
VeltRecordingPreviewStepsDialogAudioWireframe.Waveform = VeltRecordingPreviewStepsDialogWaveformWireframe;

var VeltRecordingPreviewStepsDialogCameraButtonOffWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-camera-button-off-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogCameraButtonOnWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-camera-button-on-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogCameraButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-camera-button-wireframe", __assign({}, transformedProps), children));
};
VeltRecordingPreviewStepsDialogCameraButtonWireframe.On = VeltRecordingPreviewStepsDialogCameraButtonOnWireframe;
VeltRecordingPreviewStepsDialogCameraButtonWireframe.Off = VeltRecordingPreviewStepsDialogCameraButtonOffWireframe;

var VeltRecordingPreviewStepsDialogCameraOffMessageWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-camera-off-message-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogVideoPlayerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-video-player-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogScreenPlayerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-screen-player-wireframe", __assign({}, transformedProps), children));
};

var VeltRecordingPreviewStepsDialogVideoWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recording-preview-steps-dialog-video-wireframe", __assign({}, transformedProps), children));
};
VeltRecordingPreviewStepsDialogVideoWireframe.BottomPanel = VeltRecordingPreviewStepsDialogBottomPanelWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.ButtonPanel = VeltRecordingPreviewStepsDialogButtonPanelWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.CameraButton = VeltRecordingPreviewStepsDialogCameraButtonWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.CameraOffMessage = VeltRecordingPreviewStepsDialogCameraOffMessageWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.CloseButton = VeltRecordingPreviewStepsDialogCloseButtonWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.MicButton = VeltRecordingPreviewStepsDialogMicButtonWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.SettingsPanel = VeltRecordingPreviewStepsDialogSettingsPanelWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.Settings = VeltRecordingPreviewStepsDialogSettingsWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.StartRecording = VeltRecordingPreviewStepsDialogStartRecordingWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.Timer = VeltRecordingPreviewStepsDialogTimerWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.VideoPlayer = VeltRecordingPreviewStepsDialogVideoPlayerWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.Waveform = VeltRecordingPreviewStepsDialogWaveformWireframe;
VeltRecordingPreviewStepsDialogVideoWireframe.ScreenPlayer = VeltRecordingPreviewStepsDialogScreenPlayerWireframe;

var VeltRecordingPreviewStepsDialogWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    transformWireframeProps(remainingProps);
    return (React.createElement(React.Fragment, null, children));
};
VeltRecordingPreviewStepsDialogWireframe.Video = VeltRecordingPreviewStepsDialogVideoWireframe;
VeltRecordingPreviewStepsDialogWireframe.Audio = VeltRecordingPreviewStepsDialogAudioWireframe;

var VeltRecorderControlPanelFloatingModeContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-floating-mode-container-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelFloatingModeWaveformWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-floating-mode-waveform-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarWaveformWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-waveform-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarClearWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-clear-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarStopWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-stop-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-time-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarTogglePlayWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-toggle-play-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarTogglePauseWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-toggle-pause-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarToggleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-toggle-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderControlPanelActionBarToggleWireframe.Pause = VeltRecorderControlPanelActionBarTogglePauseWireframe;
VeltRecorderControlPanelActionBarToggleWireframe.Play = VeltRecorderControlPanelActionBarTogglePlayWireframe;

var VeltRecorderControlPanelActionBarTypeIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-type-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarPipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-pip-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelActionBarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-action-bar-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderControlPanelActionBarWireframe.Clear = VeltRecorderControlPanelActionBarClearWireframe;
VeltRecorderControlPanelActionBarWireframe.Stop = VeltRecorderControlPanelActionBarStopWireframe;
VeltRecorderControlPanelActionBarWireframe.Time = VeltRecorderControlPanelActionBarTimeWireframe;
VeltRecorderControlPanelActionBarWireframe.Toggle = VeltRecorderControlPanelActionBarToggleWireframe;
VeltRecorderControlPanelActionBarWireframe.TypeIcon = VeltRecorderControlPanelActionBarTypeIconWireframe;
VeltRecorderControlPanelActionBarWireframe.Waveform = VeltRecorderControlPanelActionBarWaveformWireframe;
VeltRecorderControlPanelActionBarWireframe.Pip = VeltRecorderControlPanelActionBarPipWireframe;

var VeltRecorderControlPanelCollapsedButtonOffWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-collapsed-button-off-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelCollapsedButtonOnWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-collapsed-button-on-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelCollapsedButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-collapsed-button-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderControlPanelCollapsedButtonWireframe.On = VeltRecorderControlPanelCollapsedButtonOnWireframe;
VeltRecorderControlPanelCollapsedButtonWireframe.Off = VeltRecorderControlPanelCollapsedButtonOffWireframe;

var VeltRecorderControlPanelLoadingWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-loading-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelPausedWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-paused-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelVideoWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-video-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelScreenWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-screen-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelScreenMiniContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-screen-mini-container-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderControlPanelFloatingModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-floating-mode-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderControlPanelFloatingModeWireframe.Container = VeltRecorderControlPanelFloatingModeContainerWireframe;
VeltRecorderControlPanelFloatingModeWireframe.ScreenVideo = VeltRecorderControlPanelScreenMiniContainerWireframe;
VeltRecorderControlPanelFloatingModeWireframe.ScreenMiniContainer = VeltRecorderControlPanelScreenMiniContainerWireframe;
VeltRecorderControlPanelFloatingModeWireframe.Waveform = VeltRecorderControlPanelFloatingModeWaveformWireframe;
VeltRecorderControlPanelFloatingModeWireframe.Video = VeltRecorderControlPanelVideoWireframe;
VeltRecorderControlPanelFloatingModeWireframe.Screen = VeltRecorderControlPanelScreenWireframe;
VeltRecorderControlPanelFloatingModeWireframe.CollapsedButton = VeltRecorderControlPanelCollapsedButtonWireframe;
VeltRecorderControlPanelFloatingModeWireframe.Paused = VeltRecorderControlPanelPausedWireframe;
VeltRecorderControlPanelFloatingModeWireframe.Loading = VeltRecorderControlPanelLoadingWireframe;
VeltRecorderControlPanelFloatingModeWireframe.ActionBar = VeltRecorderControlPanelActionBarWireframe;

var VeltRecorderControlPanelThreadModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-control-panel-thread-mode-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderControlPanelThreadModeWireframe.Video = VeltRecorderControlPanelVideoWireframe;
VeltRecorderControlPanelThreadModeWireframe.Screen = VeltRecorderControlPanelScreenWireframe;
VeltRecorderControlPanelThreadModeWireframe.Loading = VeltRecorderControlPanelLoadingWireframe;
VeltRecorderControlPanelThreadModeWireframe.ActionBar = VeltRecorderControlPanelActionBarWireframe;
VeltRecorderControlPanelThreadModeWireframe.ScreenMiniContainer = VeltRecorderControlPanelScreenMiniContainerWireframe;

var VeltRecorderControlPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    transformWireframeProps(remainingProps);
    return (React.createElement(React.Fragment, null, children));
};
VeltRecorderControlPanelWireframe.FloatingMode = VeltRecorderControlPanelFloatingModeWireframe;
VeltRecorderControlPanelWireframe.ThreadMode = VeltRecorderControlPanelThreadModeWireframe;

var VeltRecorderPlayerAudioTogglePauseWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-audio-toggle-pause-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerAudioTogglePlayWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-audio-toggle-play-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerAudioToggleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-audio-toggle-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerAudioToggleWireframe.Play = VeltRecorderPlayerAudioTogglePlayWireframe;
VeltRecorderPlayerAudioToggleWireframe.Pause = VeltRecorderPlayerAudioTogglePauseWireframe;

var VeltRecorderPlayerAudioWaveformWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-audio-waveform-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerAudioWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-audio-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerCopyLinkWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-copy-link-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerDeleteWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-delete-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-name-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerSubtitlesButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-subtitles-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerSubtitlesWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-subtitles-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-time-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerTranscriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-transcription-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerAudioContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-audio-container-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerAudioContainerWireframe.AudioToggle = VeltRecorderPlayerAudioToggleWireframe;
VeltRecorderPlayerAudioContainerWireframe.Time = VeltRecorderPlayerTimeWireframe;
VeltRecorderPlayerAudioContainerWireframe.Audio = VeltRecorderPlayerAudioWireframe;
VeltRecorderPlayerAudioContainerWireframe.Subtitles = VeltRecorderPlayerSubtitlesWireframe;
VeltRecorderPlayerAudioContainerWireframe.Name = VeltRecorderPlayerNameWireframe;
VeltRecorderPlayerAudioContainerWireframe.SubtitlesButton = VeltRecorderPlayerSubtitlesButtonWireframe;
VeltRecorderPlayerAudioContainerWireframe.Transcription = VeltRecorderPlayerTranscriptionWireframe;
VeltRecorderPlayerAudioContainerWireframe.CopyLink = VeltRecorderPlayerCopyLinkWireframe;
VeltRecorderPlayerAudioContainerWireframe.Delete = VeltRecorderPlayerDeleteWireframe;
VeltRecorderPlayerAudioContainerWireframe.AudioWaveform = VeltRecorderPlayerAudioWaveformWireframe;
VeltRecorderPlayerAudioContainerWireframe.Avatar = VeltRecorderPlayerAvatarWireframe;

var VeltRecorderPlayerFullScreenButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-full-screen-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerOverlayWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-overlay-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerPlayButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-play-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerTimelineSeekBarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-timeline-seek-bar-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerTimelineWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-timeline-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerTimelineWireframe.SeekBar = VeltRecorderPlayerTimelineSeekBarWireframe;

var VeltRecorderPlayerVideoWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-video-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerEditButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-edit-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerVideoContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-video-container-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerVideoContainerWireframe.Video = VeltRecorderPlayerVideoWireframe;
VeltRecorderPlayerVideoContainerWireframe.Timeline = VeltRecorderPlayerTimelineWireframe;
VeltRecorderPlayerVideoContainerWireframe.PlayButton = VeltRecorderPlayerPlayButtonWireframe;
VeltRecorderPlayerVideoContainerWireframe.FullScreenButton = VeltRecorderPlayerFullScreenButtonWireframe;
VeltRecorderPlayerVideoContainerWireframe.Overlay = VeltRecorderPlayerOverlayWireframe;
VeltRecorderPlayerVideoContainerWireframe.Time = VeltRecorderPlayerTimeWireframe;
VeltRecorderPlayerVideoContainerWireframe.Subtitles = VeltRecorderPlayerSubtitlesWireframe;
VeltRecorderPlayerVideoContainerWireframe.Name = VeltRecorderPlayerNameWireframe;
VeltRecorderPlayerVideoContainerWireframe.SubtitlesButton = VeltRecorderPlayerSubtitlesButtonWireframe;
VeltRecorderPlayerVideoContainerWireframe.Transcription = VeltRecorderPlayerTranscriptionWireframe;
VeltRecorderPlayerVideoContainerWireframe.CopyLink = VeltRecorderPlayerCopyLinkWireframe;
VeltRecorderPlayerVideoContainerWireframe.Delete = VeltRecorderPlayerDeleteWireframe;
VeltRecorderPlayerVideoContainerWireframe.Avatar = VeltRecorderPlayerAvatarWireframe;
VeltRecorderPlayerVideoContainerWireframe.EditButton = VeltRecorderPlayerEditButtonWireframe;

var VeltRecorderPlayerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    transformWireframeProps(remainingProps);
    return (React.createElement(React.Fragment, null, children));
};
VeltRecorderPlayerWireframe.AudioContainer = VeltRecorderPlayerAudioContainerWireframe;
VeltRecorderPlayerWireframe.VideoContainer = VeltRecorderPlayerVideoContainerWireframe;

var VeltRecorderPlayerExpandedControlsDeleteButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-delete-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsProgressBarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-progress-bar-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsSettingsButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-settings-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsSubtitleButtonIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsSubtitleButtonTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-subtitle-button-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe.Icon = VeltRecorderPlayerExpandedControlsSubtitleButtonIconWireframe;
VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe.Tooltip = VeltRecorderPlayerExpandedControlsSubtitleButtonTooltipWireframe;

var VeltRecorderPlayerExpandedControlsTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-time-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsTogglePauseWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-toggle-pause-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsTogglePlayWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-toggle-play-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsToggleButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-toggle-button-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerExpandedControlsToggleButtonWireframe.Play = VeltRecorderPlayerExpandedControlsTogglePlayWireframe;
VeltRecorderPlayerExpandedControlsToggleButtonWireframe.Pause = VeltRecorderPlayerExpandedControlsTogglePauseWireframe;

var VeltRecorderPlayerExpandedControlsTranscriptionIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-transcription-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsTranscriptionTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-transcription-button-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe.Icon = VeltRecorderPlayerExpandedControlsTranscriptionIconWireframe;
VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe.Tooltip = VeltRecorderPlayerExpandedControlsTranscriptionTooltipWireframe;

var VeltRecorderPlayerExpandedControlsVolumeButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-volume-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsCurrentTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-current-time-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsTotalTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-total-time-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedControlsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-controls-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerExpandedControlsWireframe.DeleteButton = VeltRecorderPlayerExpandedControlsDeleteButtonWireframe;
VeltRecorderPlayerExpandedControlsWireframe.ProgressBar = VeltRecorderPlayerExpandedControlsProgressBarWireframe;
VeltRecorderPlayerExpandedControlsWireframe.SettingsButton = VeltRecorderPlayerExpandedControlsSettingsButtonWireframe;
VeltRecorderPlayerExpandedControlsWireframe.SubtitleButton = VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe;
VeltRecorderPlayerExpandedControlsWireframe.Time = VeltRecorderPlayerExpandedControlsTimeWireframe;
VeltRecorderPlayerExpandedControlsWireframe.TranscriptionButton = VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe;
VeltRecorderPlayerExpandedControlsWireframe.ToggleButton = VeltRecorderPlayerExpandedControlsToggleButtonWireframe;
VeltRecorderPlayerExpandedControlsWireframe.VolumeButton = VeltRecorderPlayerExpandedControlsVolumeButtonWireframe;
VeltRecorderPlayerExpandedControlsWireframe.CurrentTime = VeltRecorderPlayerExpandedControlsCurrentTimeWireframe;
VeltRecorderPlayerExpandedControlsWireframe.TotalTime = VeltRecorderPlayerExpandedControlsTotalTimeWireframe;

var VeltRecorderPlayerExpandedCopyLinkWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-copy-link-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedDisplayWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-display-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedMinimizeButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-minimize-button-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedSubtitlesWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-subtitles-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedTranscriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-transcription-wireframe", __assign({}, transformedProps), children));
};

var VeltRecorderPlayerExpandedWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-recorder-player-expanded-wireframe", __assign({}, transformedProps), children));
};
VeltRecorderPlayerExpandedWireframe.Controls = VeltRecorderPlayerExpandedControlsWireframe;
VeltRecorderPlayerExpandedWireframe.CopyLink = VeltRecorderPlayerExpandedCopyLinkWireframe;
VeltRecorderPlayerExpandedWireframe.Display = VeltRecorderPlayerExpandedDisplayWireframe;
VeltRecorderPlayerExpandedWireframe.MinimizeButton = VeltRecorderPlayerExpandedMinimizeButtonWireframe;
VeltRecorderPlayerExpandedWireframe.Panel = VeltRecorderPlayerExpandedPanelWireframe;
VeltRecorderPlayerExpandedWireframe.Subtitles = VeltRecorderPlayerExpandedSubtitlesWireframe;
VeltRecorderPlayerExpandedWireframe.Transcription = VeltRecorderPlayerExpandedTranscriptionWireframe;

var VeltVideoEditorPlayerTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-title-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerApplyButtonLoadingWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-apply-button-loading-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerApplyButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-apply-button-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerApplyButtonWireframe.Loading = VeltVideoEditorPlayerApplyButtonLoadingWireframe;

var VeltVideoEditorPlayerCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerPreviewLoadingWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-preview-loading-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerPreviewVideoWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-preview-video-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerPreviewWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-preview-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerPreviewWireframe.Loading = VeltVideoEditorPlayerPreviewLoadingWireframe;
VeltVideoEditorPlayerPreviewWireframe.Video = VeltVideoEditorPlayerPreviewVideoWireframe;

var VeltVideoEditorPlayerToggleButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-toggle-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-time-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerCurrentTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-current-time-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTotalTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-total-time-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerSplitButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-split-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerDeleteButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-delete-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineMarkerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-marker-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerZoomButtonTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-zoom-button-trigger-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerZoomButtonOptionsListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-zoom-button-options-list-item-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerZoomButtonOptionsListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-zoom-button-options-list-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerZoomButtonOptionsListWireframe.Item = VeltVideoEditorPlayerZoomButtonOptionsListItemWireframe;

var VeltVideoEditorPlayerZoomButtonOptionsInputWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-zoom-button-options-input-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerZoomButtonOptionsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-zoom-button-options-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerZoomButtonOptionsWireframe.List = VeltVideoEditorPlayerZoomButtonOptionsListWireframe;
VeltVideoEditorPlayerZoomButtonOptionsWireframe.Input = VeltVideoEditorPlayerZoomButtonOptionsInputWireframe;

var VeltVideoEditorPlayerZoomButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-zoom-button-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerZoomButtonWireframe.Trigger = VeltVideoEditorPlayerZoomButtonTriggerWireframe;
VeltVideoEditorPlayerZoomButtonWireframe.Options = VeltVideoEditorPlayerZoomButtonOptionsWireframe;

var VeltVideoEditorPlayerTimelineScaleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-scale-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerTimelineScaleWireframe.ZoomButton = VeltVideoEditorPlayerZoomButtonWireframe;

var VeltVideoEditorPlayerTimelineTrimWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-trim-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-container-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelinePlayheadLineWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-playhead-line-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelinePlayheadActionsWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-playhead-actions-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelinePlayhead = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-playhead-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerTimelinePlayhead.Line = VeltVideoEditorPlayerTimelinePlayheadLineWireframe;
VeltVideoEditorPlayerTimelinePlayhead.Actions = VeltVideoEditorPlayerTimelinePlayheadActionsWireframe;

var VeltVideoEditorPlayerTimelineOnboardingContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-onboarding-content-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineOnboardingTextTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-onboarding-text-title-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineOnboardingTextDescriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-onboarding-text-description-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineOnboardingTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-onboarding-text-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerTimelineOnboardingTextWireframe.Title = VeltVideoEditorPlayerTimelineOnboardingTextTitleWireframe;
VeltVideoEditorPlayerTimelineOnboardingTextWireframe.Description = VeltVideoEditorPlayerTimelineOnboardingTextDescriptionWireframe;

var VeltVideoEditorPlayerTimelineOnboardingArrowWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-onboarding-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineOnboardingWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-onboarding-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerTimelineOnboardingWireframe.Content = VeltVideoEditorPlayerTimelineOnboardingContentWireframe;
VeltVideoEditorPlayerTimelineOnboardingWireframe.Text = VeltVideoEditorPlayerTimelineOnboardingTextWireframe;
VeltVideoEditorPlayerTimelineOnboardingWireframe.Arrow = VeltVideoEditorPlayerTimelineOnboardingArrowWireframe;

var VeltVideoEditorPlayerTimelineBackspaceHintWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-backspace-hint-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerTimelineWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-timeline-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerTimelineWireframe.Marker = VeltVideoEditorPlayerTimelineMarkerWireframe;
VeltVideoEditorPlayerTimelineWireframe.Scale = VeltVideoEditorPlayerTimelineScaleWireframe;
VeltVideoEditorPlayerTimelineWireframe.Trim = VeltVideoEditorPlayerTimelineTrimWireframe;
VeltVideoEditorPlayerTimelineWireframe.Container = VeltVideoEditorPlayerTimelineContainerWireframe;
VeltVideoEditorPlayerTimelineWireframe.Playhead = VeltVideoEditorPlayerTimelinePlayhead;
VeltVideoEditorPlayerTimelineWireframe.Onboarding = VeltVideoEditorPlayerTimelineOnboardingWireframe;
VeltVideoEditorPlayerTimelineWireframe.BackspaceHint = VeltVideoEditorPlayerTimelineBackspaceHintWireframe;

var VeltVideoEditorPlayerDownloadButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-download-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerAddZoomButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-add-zoom-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerRetakeButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-retake-button-wireframe", __assign({}, transformedProps), children));
};

var VeltVideoEditorPlayerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-video-editor-player-wireframe", __assign({}, transformedProps), children));
};
VeltVideoEditorPlayerWireframe.Title = VeltVideoEditorPlayerTitleWireframe;
VeltVideoEditorPlayerWireframe.ApplyButton = VeltVideoEditorPlayerApplyButtonWireframe;
VeltVideoEditorPlayerWireframe.CloseButton = VeltVideoEditorPlayerCloseButtonWireframe;
VeltVideoEditorPlayerWireframe.Preview = VeltVideoEditorPlayerPreviewWireframe;
VeltVideoEditorPlayerWireframe.ToggleButton = VeltVideoEditorPlayerToggleButtonWireframe;
VeltVideoEditorPlayerWireframe.Time = VeltVideoEditorPlayerTimeWireframe;
VeltVideoEditorPlayerWireframe.CurrentTime = VeltVideoEditorPlayerCurrentTimeWireframe;
VeltVideoEditorPlayerWireframe.TotalTime = VeltVideoEditorPlayerTotalTimeWireframe;
VeltVideoEditorPlayerWireframe.SplitButton = VeltVideoEditorPlayerSplitButtonWireframe;
VeltVideoEditorPlayerWireframe.DeleteButton = VeltVideoEditorPlayerDeleteButtonWireframe;
VeltVideoEditorPlayerWireframe.Timeline = VeltVideoEditorPlayerTimelineWireframe;
VeltVideoEditorPlayerWireframe.DownloadButton = VeltVideoEditorPlayerDownloadButtonWireframe;
VeltVideoEditorPlayerWireframe.AddZoomButton = VeltVideoEditorPlayerAddZoomButtonWireframe;
VeltVideoEditorPlayerWireframe.RetakeButton = VeltVideoEditorPlayerRetakeButtonWireframe;

var VeltSubtitlesTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-text-wireframe", __assign({}, transformedProps), children));
};

var VeltSubtitlesEmbedModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-embed-mode-wireframe", __assign({}, transformedProps), children));
};
VeltSubtitlesEmbedModeWireframe.Text = VeltSubtitlesTextWireframe;

var VeltSubtitlesPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-panel-wireframe", __assign({}, transformedProps), children));
};

var VeltSubtitlesButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-button-wireframe", __assign({}, transformedProps), children));
};

var VeltSubtitlesTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-tooltip-wireframe", __assign({}, transformedProps), children));
};

var VeltSubtitlesCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltSubtitlesFloatingModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-subtitles-floating-mode-wireframe", __assign({}, transformedProps), children));
};
VeltSubtitlesFloatingModeWireframe.Button = VeltSubtitlesButtonWireframe;
VeltSubtitlesFloatingModeWireframe.Tooltip = VeltSubtitlesTooltipWireframe;
VeltSubtitlesFloatingModeWireframe.Panel = VeltSubtitlesPanelWireframe;
VeltSubtitlesFloatingModeWireframe.CloseButton = VeltSubtitlesCloseButtonWireframe;
VeltSubtitlesFloatingModeWireframe.Text = VeltSubtitlesTextWireframe;

var VeltSubtitlesWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    transformWireframeProps(remainingProps);
    return (React.createElement(React.Fragment, null, children));
};
VeltSubtitlesWireframe.EmbedMode = VeltSubtitlesEmbedModeWireframe;
VeltSubtitlesWireframe.FloatingMode = VeltSubtitlesFloatingModeWireframe;

var VeltTranscriptionCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionContentItemTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-content-item-text-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionContentItemTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-content-item-time-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionContentItemWireframe.Time = VeltTranscriptionContentItemTimeWireframe;
VeltTranscriptionContentItemWireframe.Text = VeltTranscriptionContentItemTextWireframe;

var VeltTranscriptionContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-content-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionContentWireframe.Item = VeltTranscriptionContentItemWireframe;

var VeltTranscriptionCopyLinkButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-copy-link-button-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionCopyLinkTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-copy-link-tooltip-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionCopyLinkWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-copy-link-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionCopyLinkWireframe.Button = VeltTranscriptionCopyLinkButtonWireframe;
VeltTranscriptionCopyLinkWireframe.Tooltip = VeltTranscriptionCopyLinkTooltipWireframe;

var VeltTranscriptionSummaryExpandToggleOffWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-summary-expand-toggle-off-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionSummaryExpandToggleOnWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-summary-expand-toggle-on-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionSummaryExpandToggleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-summary-expand-toggle-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionSummaryExpandToggleWireframe.On = VeltTranscriptionSummaryExpandToggleOnWireframe;
VeltTranscriptionSummaryExpandToggleWireframe.Off = VeltTranscriptionSummaryExpandToggleOffWireframe;

var VeltTranscriptionSummaryTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-summary-text-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionSummaryWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-summary-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionSummaryWireframe.ExpandToggle = VeltTranscriptionSummaryExpandToggleWireframe;
VeltTranscriptionSummaryWireframe.Text = VeltTranscriptionSummaryTextWireframe;

var VeltTranscriptionPanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-panel-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionPanelWireframe.CloseButton = VeltTranscriptionCloseButtonWireframe;
VeltTranscriptionPanelWireframe.CopyLink = VeltTranscriptionCopyLinkWireframe;
VeltTranscriptionPanelWireframe.Summary = VeltTranscriptionSummaryWireframe;
VeltTranscriptionPanelWireframe.Content = VeltTranscriptionContentWireframe;

var VeltTranscriptionEmbedModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-embed-mode-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionEmbedModeWireframe.Panel = VeltTranscriptionPanelWireframe;

var VeltTranscriptionPanelContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-panel-container-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-button-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
};

var VeltTranscriptionFloatingModeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-transcription-floating-mode-wireframe", __assign({}, transformedProps), children));
};
VeltTranscriptionFloatingModeWireframe.Button = VeltTranscriptionButtonWireframe;
VeltTranscriptionFloatingModeWireframe.Tooltip = VeltTranscriptionTooltipWireframe;
VeltTranscriptionFloatingModeWireframe.PanelContainer = VeltTranscriptionPanelContainerWireframe;
VeltTranscriptionFloatingModeWireframe.Panel = VeltTranscriptionPanelWireframe;

var VeltTranscriptionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    transformWireframeProps(remainingProps);
    return (React.createElement(React.Fragment, null, children));
};
VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;

var VeltButtonWireframe = function (props) {
    var id = props.id, disabled = props.disabled, active = props.active, type = props.type, group = props.group, children = props.children, remainingProps = __rest(props, ["id", "disabled", "active", "type", "group", "children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    var ref = useRef();
    return (React.createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
};

var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelCountdownWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelEditHereWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
};

var VeltSingleEditorModePanelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
};
VeltSingleEditorModePanelWireframe.RequestAccess = VeltSingleEditorModePanelRequestAccessWireframe;
VeltSingleEditorModePanelWireframe.RejectRequest = VeltSingleEditorModePanelRejectRequestWireframe;
VeltSingleEditorModePanelWireframe.ViewerText = VeltSingleEditorModePanelViewerTextWireframe;
VeltSingleEditorModePanelWireframe.EditorText = VeltSingleEditorModePanelEditorTextWireframe;
VeltSingleEditorModePanelWireframe.EditHere = VeltSingleEditorModePanelEditHereWireframe;
VeltSingleEditorModePanelWireframe.Countdown = VeltSingleEditorModePanelCountdownWireframe;
VeltSingleEditorModePanelWireframe.CancelRequest = VeltSingleEditorModePanelCancelRequestWireframe;
VeltSingleEditorModePanelWireframe.AcceptRequest = VeltSingleEditorModePanelAcceptRequestWireframe;

var VeltPresenceAvatarListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-avatar-list-item-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceAvatarListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-avatar-list-wireframe", __assign({}, transformedProps), children));
};
VeltPresenceAvatarListWireframe.Item = VeltPresenceAvatarListItemWireframe;

var VeltPresenceAvatarRemainingCountWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-avatar-remaining-count-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-wireframe", __assign({}, transformedProps), children));
};
VeltPresenceWireframe.AvatarList = VeltPresenceAvatarListWireframe;
VeltPresenceWireframe.AvatarRemainingCount = VeltPresenceAvatarRemainingCountWireframe;

var VeltPresenceTooltipAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-tooltip-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceTooltipUserActiveWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-tooltip-user-active-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceTooltipUserInactiveWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-tooltip-user-inactive-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceTooltipUserNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-tooltip-user-name-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceTooltipStatusContainerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-tooltip-status-container-wireframe", __assign({}, transformedProps), children));
};

var VeltPresenceTooltipWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-presence-tooltip-wireframe", __assign({}, transformedProps), children));
};
VeltPresenceTooltipWireframe.Avatar = VeltPresenceTooltipAvatarWireframe;
VeltPresenceTooltipWireframe.UserActive = VeltPresenceTooltipUserActiveWireframe;
VeltPresenceTooltipWireframe.UserInactive = VeltPresenceTooltipUserInactiveWireframe;
VeltPresenceTooltipWireframe.UserName = VeltPresenceTooltipUserNameWireframe;
VeltPresenceTooltipWireframe.StatusContainer = VeltPresenceTooltipStatusContainerWireframe;

var VeltCursorPointerArrowWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-arrow-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerAudioHuddleAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-audio-huddle-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerAudioHuddleAudioWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-audio-huddle-audio-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerAudioHuddleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-audio-huddle-wireframe", __assign({}, transformedProps), children));
};
VeltCursorPointerAudioHuddleWireframe.Avatar = VeltCursorPointerAudioHuddleAvatarWireframe;
VeltCursorPointerAudioHuddleWireframe.Audio = VeltCursorPointerAudioHuddleAudioWireframe;

var VeltCursorPointerAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerDefaultNameWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-default-name-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerDefaultCommentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-default-comment-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerDefaultWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-default-wireframe", __assign({}, transformedProps), children));
};
VeltCursorPointerDefaultWireframe.Name = VeltCursorPointerDefaultNameWireframe;
VeltCursorPointerDefaultWireframe.Comment = VeltCursorPointerDefaultCommentWireframe;

var VeltCursorPointerVideoHuddleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-video-huddle-wireframe", __assign({}, transformedProps), children));
};

var VeltCursorPointerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-cursor-pointer-wireframe", __assign({}, transformedProps), children));
};
VeltCursorPointerWireframe.Arrow = VeltCursorPointerArrowWireframe;
VeltCursorPointerWireframe.AudioHuddle = VeltCursorPointerAudioHuddleWireframe;
VeltCursorPointerWireframe.Avatar = VeltCursorPointerAvatarWireframe;
VeltCursorPointerWireframe.Default = VeltCursorPointerDefaultWireframe;
VeltCursorPointerWireframe.VideoHuddle = VeltCursorPointerVideoHuddleWireframe;

var VeltActivityLog = function (props) {
    var darkMode = props.darkMode, shadowDom = props.shadowDom, useDummyData = props.useDummyData, variant = props.variant, children = props.children, remainingProps = __rest(props, ["darkMode", "shadowDom", "useDummyData", "variant", "children"]);
    var ref = useRef(null);
    return (React.createElement("velt-activity-log", __assign({ ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "use-dummy-data": [true, false].includes(useDummyData) ? (useDummyData ? 'true' : 'false') : undefined, variant: variant }, remainingProps), children));
};

var VeltActivityLogHeader = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderTitle = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderCloseButton = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilter = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterTrigger = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterTriggerIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterTriggerLabel = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-trigger-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterContent = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterContentItem = function (props) {
    var defaultCondition = props.defaultCondition, filterOption = props.filterOption, isActive = props.isActive, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "filter-option": filterOption, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterContentItemIcon = function (props) {
    var defaultCondition = props.defaultCondition, isActive = props.isActive, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogHeaderFilterContentItemLabel = function (props) {
    var defaultCondition = props.defaultCondition, filterOption = props.filterOption, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-header-filter-content-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "filter-option": filterOption }, children));
};

var VeltActivityLogEmpty = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-empty", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogLoading = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-loading", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogList = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltActivityLogListDateGroup = function (props) {
    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-date-group", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
};

var VeltActivityLogListDateGroupLabel = function (props) {
    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-date-group-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
};

var VeltActivityLogListShowMore = function (props) {
    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-show-more", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
};

var VeltActivityLogListItem = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemAvatar = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-avatar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemIcon = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemTime = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-time", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemContent = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemContentUser = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-content-user", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemContentAction = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-content-action", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemContentTarget = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-content-target", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogListItemContentDetail = function (props) {
    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-activity-log-list-item-content-detail", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
};

var VeltActivityLogHeaderTitleWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-title-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogHeaderFilterTriggerIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-trigger-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogHeaderFilterTriggerLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-trigger-label-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogHeaderFilterTriggerWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-trigger-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogHeaderFilterTriggerWireframe.Icon = VeltActivityLogHeaderFilterTriggerIconWireframe;
VeltActivityLogHeaderFilterTriggerWireframe.Label = VeltActivityLogHeaderFilterTriggerLabelWireframe;

var VeltActivityLogHeaderFilterContentItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-content-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogHeaderFilterContentItemLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-content-item-label-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogHeaderFilterContentItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-content-item-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogHeaderFilterContentItemWireframe.Icon = VeltActivityLogHeaderFilterContentItemIconWireframe;
VeltActivityLogHeaderFilterContentItemWireframe.Label = VeltActivityLogHeaderFilterContentItemLabelWireframe;

var VeltActivityLogHeaderFilterContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-content-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogHeaderFilterContentWireframe.Item = VeltActivityLogHeaderFilterContentItemWireframe;

var VeltActivityLogHeaderFilterWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-filter-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogHeaderFilterWireframe.Trigger = VeltActivityLogHeaderFilterTriggerWireframe;
VeltActivityLogHeaderFilterWireframe.Content = VeltActivityLogHeaderFilterContentWireframe;

var VeltActivityLogHeaderCloseButtonWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-close-button-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogHeaderWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-header-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogHeaderWireframe.Title = VeltActivityLogHeaderTitleWireframe;
VeltActivityLogHeaderWireframe.Filter = VeltActivityLogHeaderFilterWireframe;
VeltActivityLogHeaderWireframe.CloseButton = VeltActivityLogHeaderCloseButtonWireframe;

var VeltActivityLogListDateGroupLabelWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-date-group-label-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListDateGroupWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-date-group-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogListDateGroupWireframe.Label = VeltActivityLogListDateGroupLabelWireframe;

var VeltActivityLogListItemIconWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-icon-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemAvatarWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-avatar-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemContentUserWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-content-user-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemContentActionWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-content-action-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemContentTargetWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-content-target-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemContentDetailWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-content-detail-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemContentWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-content-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogListItemContentWireframe.User = VeltActivityLogListItemContentUserWireframe;
VeltActivityLogListItemContentWireframe.Action = VeltActivityLogListItemContentActionWireframe;
VeltActivityLogListItemContentWireframe.Target = VeltActivityLogListItemContentTargetWireframe;
VeltActivityLogListItemContentWireframe.Detail = VeltActivityLogListItemContentDetailWireframe;

var VeltActivityLogListItemTimeWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-time-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListItemWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-item-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogListItemWireframe.Icon = VeltActivityLogListItemIconWireframe;
VeltActivityLogListItemWireframe.Avatar = VeltActivityLogListItemAvatarWireframe;
VeltActivityLogListItemWireframe.Content = VeltActivityLogListItemContentWireframe;
VeltActivityLogListItemWireframe.Time = VeltActivityLogListItemTimeWireframe;

var VeltActivityLogListShowMoreWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-show-more-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogListWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-list-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogListWireframe.DateGroup = VeltActivityLogListDateGroupWireframe;
VeltActivityLogListWireframe.Item = VeltActivityLogListItemWireframe;
VeltActivityLogListWireframe.ShowMore = VeltActivityLogListShowMoreWireframe;

var VeltActivityLogLoadingWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-loading-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogEmptyWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-empty-wireframe", __assign({}, transformedProps), children));
};

var VeltActivityLogWireframe = function (props) {
    var children = props.children, remainingProps = __rest(props, ["children"]);
    var transformedProps = transformWireframeProps(remainingProps);
    return (React.createElement("velt-activity-log-wireframe", __assign({}, transformedProps), children));
};
VeltActivityLogWireframe.Header = VeltActivityLogHeaderWireframe;
VeltActivityLogWireframe.List = VeltActivityLogListWireframe;
VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;

var VeltCommentBubbleAvatar = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-bubble-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentBubbleCommentsCount = function (props) {
    var defaultCondition = props.defaultCondition, annotationId = props.annotationId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-bubble-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "annotation-id": annotationId }, children));
};

var VeltCommentBubbleUnreadIcon = function (props) {
    var defaultCondition = props.defaultCondition, annotationId = props.annotationId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-bubble-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "annotation-id": annotationId }, children));
};

var VeltSidebarButtonIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-sidebar-button-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltSidebarButtonCommentsCount = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-sidebar-button-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltSidebarButtonUnreadIcon = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-sidebar-button-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltTextComment = function (props) {
    var defaultCondition = props.defaultCondition, variant = props.variant, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, variant: variant }, children));
};

var VeltTextCommentTool = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment-tool", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltTextCommentToolbar = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment-toolbar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltTextCommentToolbarCommentAnnotation = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment-toolbar-comment-annotation", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltTextCommentToolbarDivider = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment-toolbar-divider", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltTextCommentToolbarCopywriter = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment-toolbar-copywriter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltTextCommentToolbarGeneric = function (props) {
    var defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-text-comment-toolbar-generic", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialog = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, annotation = props.annotation, user = props.user, commentPinSelected = props.commentPinSelected, commentPinType = props.commentPinType, dialogVariant = props.dialogVariant, variant = props.variant, inboxMode = props.inboxMode, containerComponentId = props.containerComponentId, context = props.context, readOnly = props.readOnly, defaultCondition = props.defaultCondition, onSaveComment = props.onSaveComment, children = props.children;
    var ref = useRef(null);
    var onSaveCommentRef = useRef(onSaveComment);
    useEffect(function () { onSaveCommentRef.current = onSaveComment; }, [onSaveComment]);
    useEffect(function () {
        var element;
        var handleSaveComment = function (event) { if (onSaveCommentRef.current)
            onSaveCommentRef.current(event === null || event === void 0 ? void 0 : event.detail); };
        if (ref.current) {
            element = ref.current;
            element.addEventListener('saveComment', handleSaveComment);
        }
        return function () {
            if (element) {
                element.removeEventListener('saveComment', handleSaveComment);
            }
        };
    }, []);
    return (React.createElement("velt-multi-thread-comment-dialog", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, user: user ? (typeof user === 'object' ? JSON.stringify(user) : user) : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "comment-pin-type": commentPinType, "dialog-variant": dialogVariant, variant: variant, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "container-component-id": containerComponentId, context: context ? (typeof context === 'object' ? JSON.stringify(context) : context) : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogList = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogPanel = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogComposerContainer = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogCommentCount = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogEmptyPlaceholder = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogCloseButton = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogNewThreadButton = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogResetFilterButton = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdown = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContent = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, isSelected = props.isSelected, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-selected": [true, false].includes(isSelected) ? (isSelected ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
};

var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdown = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdownContent = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = function (props) {
    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestion = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBody = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-body", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionHeader = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-header", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionAgent = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-agent", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionAgentAvatar = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-agent-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionAgentName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-agent-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionAuthor = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-author", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionAuthorAvatar = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-author-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionAuthorName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-author-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionTimestamp = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-timestamp", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionMenu = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-menu", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionMenuTrigger = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-menu-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionMenuContent = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionMenuContentItem = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionMenuContentItemIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionMenuContentItemLabel = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-menu-content-item-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionFooter = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-footer", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionFooterOpenComment = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-footer-open-comment", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionActions = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-actions", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionActionAccept = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-action-accept", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionActionReject = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-action-reject", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBanner = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerAvatar = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerAvatarUserImage = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-avatar-user-image", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerAvatarStatusIcon = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-avatar-status-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerLabel = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerSeparator = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-separator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerTimestamp = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-timestamp", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

var VeltCommentDialogSuggestionBannerResolverUserName = function (props) {
    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
    var ref = useRef(null);
    return (React.createElement("velt-comment-dialog-suggestion-banner-resolver-user-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
};

function useClient() {
    var client = useVeltClient().client;
    var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
    React.useEffect(function () {
        if (!client || veltClient)
            return;
        setVeltClient(client);
    }, [client, setVeltClient, veltClient]);
    return veltClient;
}
function useIdentify(user, userOptions) {
    var client = useVeltClient().client;
    // Memoize the identify call
    var shouldIdentify = React.useMemo(function () {
        return { user: user, userOptions: userOptions };
    }, [JSON.stringify(user), JSON.stringify(userOptions)]);
    React.useEffect(function () {
        if (client) {
            client.identify(shouldIdentify.user, shouldIdentify.userOptions);
        }
    }, [client, shouldIdentify]);
}
function useSetDocument(documentId, documentMetadata) {
    var client = useVeltClient().client;
    // Memoize the setDocument call
    var shouldSetDocument = React.useMemo(function () {
        return {
            documentId: documentId,
            documentMetadata: documentMetadata
        };
    }, [documentId, JSON.stringify(documentMetadata)]);
    React.useEffect(function () {
        if (client) {
            client.setDocument(shouldSetDocument.documentId, shouldSetDocument.documentMetadata);
        }
    }, [client, shouldSetDocument]);
}
function useSetDocumentId(documentId) {
    var client = useVeltClient().client;
    // Memoize the documentId
    var memoizedDocumentId = React.useMemo(function () { return documentId; }, [documentId]);
    React.useEffect(function () {
        if (client) {
            client.setDocumentId(memoizedDocumentId);
        }
    }, [client, memoizedDocumentId]);
}
function useSetDocuments() {
    var client = useVeltClient().client;
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    // Memoize the setDocuments call
    // const memoizedData = React.useMemo(() => {
    //   return data;
    // }, [JSON.stringify(data?.documents), JSON.stringify(data?.options)]);
    React.useEffect(function () {
        var _a;
        if ((client === null || client === void 0 ? void 0 : client.setDocuments) && ((_a = data === null || data === void 0 ? void 0 : data.documents) === null || _a === void 0 ? void 0 : _a.length)) {
            client.setDocuments(data.documents, data.options);
        }
    }, [client === null || client === void 0 ? void 0 : client.setDocuments, data]);
    // Memoize the setDocuments callback
    var setDocumentsCallback = React.useCallback(function (documents, options) {
        setData({ documents: documents, options: options });
    }, []); // Empty dependency array since it only uses setState which is stable
    return {
        setDocuments: setDocumentsCallback
    };
}
function useSetRootDocument() {
    var client = useVeltClient().client;
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    React.useEffect(function () {
        if ((client === null || client === void 0 ? void 0 : client.setRootDocument) && data) {
            client.setRootDocument(data);
        }
    }, [client === null || client === void 0 ? void 0 : client.setRootDocument, data]);
    // Memoize the setRootDocument callback
    var setRootDocumentCallback = React.useCallback(function (document) {
        setData(document);
    }, []); // Empty dependency array since it only uses setState which is stable
    return {
        setRootDocument: setRootDocumentCallback
    };
}
function useSetPageInfo() {
    var client = useVeltClient().client;
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    React.useEffect(function () {
        // Only call when the method exists on the client (older SDK versions won't have it).
        if ((client === null || client === void 0 ? void 0 : client.setPageInfo) && (data === null || data === void 0 ? void 0 : data.pageInfo)) {
            client.setPageInfo(data.pageInfo, data.options);
        }
    }, [client === null || client === void 0 ? void 0 : client.setPageInfo, data]);
    // Memoize the setPageInfo callback
    var setPageInfoCallback = React.useCallback(function (pageInfo, options) {
        setData({ pageInfo: pageInfo, options: options });
    }, []); // Empty dependency array since it only uses setState which is stable
    return {
        setPageInfo: setPageInfoCallback
    };
}
function useClearPageInfo() {
    var client = useVeltClient().client;
    // Memoize the clearPageInfo callback
    var clearPageInfoCallback = React.useCallback(function (options) {
        // Only call when the method exists on the client (older SDK versions won't have it).
        if (client === null || client === void 0 ? void 0 : client.clearPageInfo) {
            client.clearPageInfo(options);
        }
    }, [client === null || client === void 0 ? void 0 : client.clearPageInfo]);
    return {
        clearPageInfo: clearPageInfoCallback
    };
}
function useUnsetDocumentId() {
    var client = useVeltClient().client;
    React.useEffect(function () {
        client && client.unsetDocumentId && client.unsetDocumentId();
    }, [client]);
}
function useUnsetDocuments() {
    var client = useVeltClient().client;
    React.useEffect(function () {
        client && client.unsetDocuments && client.unsetDocuments();
    }, [client]);
}
function useSetLocation(location, appendLocation) {
    var client = useVeltClient().client;
    // Memoize the setLocation call
    var shouldSetLocation = React.useMemo(function () {
        return { location: location, appendLocation: appendLocation };
    }, [JSON.stringify(location), appendLocation]);
    React.useEffect(function () {
        if (client) {
            client.setLocation(shouldSetLocation.location, shouldSetLocation.appendLocation);
        }
    }, [client, shouldSetLocation]);
}
function useSetLocations() {
    var client = useVeltClient().client;
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    React.useEffect(function () {
        var _a;
        if ((client === null || client === void 0 ? void 0 : client.setLocations) && ((_a = data === null || data === void 0 ? void 0 : data.locations) === null || _a === void 0 ? void 0 : _a.length)) {
            client.setLocations(data.locations, data.options);
        }
    }, [client === null || client === void 0 ? void 0 : client.setLocations, data]);
    // Memoize the setLocations callback
    var setLocationsCallback = React.useCallback(function (locations, options) {
        setData({ locations: locations, options: options });
    }, []); // Empty dependency array since it only uses setState which is stable
    return {
        setLocations: setLocationsCallback
    };
}
function useSetRootLocation() {
    var client = useVeltClient().client;
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    React.useEffect(function () {
        if ((client === null || client === void 0 ? void 0 : client.setRootLocation) && data) {
            client.setRootLocation(data);
        }
    }, [client === null || client === void 0 ? void 0 : client.setRootLocation, data]);
    // Memoize the setRootLocation callback
    var setRootLocationCallback = React.useCallback(function (location) {
        setData(location);
    }, []); // Empty dependency array since it only uses setState which is stable
    return {
        setRootLocation: setRootLocationCallback
    };
}
function useVeltInitState() {
    var client = useVeltClient().client;
    var _a = React.useState(), data = _a[0], setData = _a[1];
    React.useEffect(function () {
        if (!(client === null || client === void 0 ? void 0 : client.getVeltInitState))
            return;
        var subscription = client === null || client === void 0 ? void 0 : client.getVeltInitState().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [client === null || client === void 0 ? void 0 : client.getVeltInitState]);
    return data;
}
function useUiState() {
    var client = useVeltClient().client;
    var _a = React.useState(), uiState = _a[0], setUiStateData = _a[1];
    // Subscribe to UI state changes
    React.useEffect(function () {
        if (!(client === null || client === void 0 ? void 0 : client.getUiState))
            return;
        var subscription = client.getUiState().subscribe(function (data) {
            setUiStateData(data);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [client === null || client === void 0 ? void 0 : client.getUiState]);
    // Memoize the setUiState callback to make it stable
    var setUiState = React.useCallback(function (data) {
        if (client === null || client === void 0 ? void 0 : client.setUiState) {
            client.setUiState(data);
        }
    }, [client === null || client === void 0 ? void 0 : client.setUiState]);
    return {
        uiState: uiState,
        setUiState: setUiState
    };
}
function useHeartbeat(heartbeatConfig) {
    var client = useVeltClient().client;
    var _a = React.useState({ data: null }), data = _a[0], setData = _a[1];
    var memoizedConfig = React.useMemo(function () { return heartbeatConfig; }, [JSON.stringify(heartbeatConfig)]);
    var subscriptionRef = React.useRef();
    React.useEffect(function () {
        if (!(client === null || client === void 0 ? void 0 : client.getHeartbeat))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = client.getHeartbeat(memoizedConfig).subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [client === null || client === void 0 ? void 0 : client.getHeartbeat, memoizedConfig]);
    return data;
}
function useCurrentUser() {
    var client = useVeltClient().client;
    var _a = React.useState(), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    React.useEffect(function () {
        if (!(client === null || client === void 0 ? void 0 : client.getCurrentUser))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = client.getCurrentUser().subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function.
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [client === null || client === void 0 ? void 0 : client.getCurrentUser]);
    return data;
}
function useCurrentUserPermissions() {
    var client = useVeltClient().client;
    var _a = React.useState(), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    React.useEffect(function () {
        if (!(client === null || client === void 0 ? void 0 : client.getCurrentUserPermissions))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = client.getCurrentUserPermissions().subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function.
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [client === null || client === void 0 ? void 0 : client.getCurrentUserPermissions]);
    return data;
}

function useCommentUtils() {
    var _a = React.useState(), commentElement = _a[0], setCommentElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || commentElement)
            return;
        var loadedCommentElement = client.getCommentElement();
        setCommentElement(loadedCommentElement);
    }, [client, setCommentElement, commentElement]);
    return commentElement;
}
function useCommentAnnotations(documentId, location) {
    var commentElement = useCommentUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the inputs
    var inputs = React.useMemo(function () {
        return { documentId: documentId, location: location };
    }, [documentId, JSON.stringify(location)]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getAllCommentAnnotations(inputs.documentId, inputs.location)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations, inputs]);
    return data;
}
function useUnreadCommentCountByAnnotationId(annotationId) {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedAnnotationId = React.useMemo(function () { return annotationId; }, [annotationId]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByAnnotationId))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getUnreadCommentCountByAnnotationId(memoizedAnnotationId)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByAnnotationId, memoizedAnnotationId]);
    return data;
}
function useUnreadCommentAnnotationCountOnCurrentDocument() {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountOnCurrentDocument))
            return;
        var subscription = commentElement.getUnreadCommentAnnotationCountOnCurrentDocument().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountOnCurrentDocument]);
    return data;
}
function useUnreadCommentCountOnCurrentDocument() {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountOnCurrentDocument))
            return;
        var subscription = commentElement.getUnreadCommentCountOnCurrentDocument().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountOnCurrentDocument]);
    return data;
}
function useUnreadCommentCountByLocationId(locationId) {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedLocationId = React.useMemo(function () { return locationId; }, [locationId]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByLocationId))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getUnreadCommentCountByLocationId(memoizedLocationId)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByLocationId, memoizedLocationId]);
    return data;
}
function useUnreadCommentAnnotationCountByLocationId(locationId) {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedLocationId = React.useMemo(function () { return locationId; }, [locationId]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountByLocationId))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getUnreadCommentAnnotationCountByLocationId(memoizedLocationId)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountByLocationId, memoizedLocationId]);
    return data;
}
function useCommentModeState() {
    var commentElement = useCommentUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentModeChange))
            return;
        var subscription = commentElement.onCommentModeChange().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentModeChange]);
    return data;
}
/**
 * @legacy Use `useCommentEventCallback('addCommentAnnotation')` event hook instead.
 */
function useCommentAddHandler() {
    var commentElement = useCommentUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentAdd))
            return;
        var subscription = commentElement.onCommentAdd().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentAdd]);
    return data;
}
/**
 * @legacy Use `useCommentEventCallback` event hook instead.
 */
function useCommentUpdateHandler() {
    var commentElement = useCommentUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentUpdate))
            return;
        var subscription = commentElement.onCommentUpdate().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentUpdate]);
    return data;
}
function useCommentDialogSidebarClickHandler() {
    var commentElement = useCommentUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onSidebarButtonOnCommentDialogClick))
            return;
        var subscription = commentElement.onSidebarButtonOnCommentDialogClick().subscribe(function (res) {
            setData(res === undefined ? new Date().getTime() : res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onSidebarButtonOnCommentDialogClick]);
    return data;
}
function useCommentSelectionChangeHandler() {
    var commentElement = useCommentUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSelectionChange))
            return;
        var subscription = commentElement.onCommentSelectionChange().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSelectionChange]);
    return data;
}
function useCommentCopyLinkHandler() {
    var commentElement = useCommentUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCopyLink))
            return;
        var subscription = commentElement.onCopyLink().subscribe(function (res) {
            if (res) {
                setData({ link: res });
            }
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCopyLink]);
    return data;
}
function useCommentAnnotationById(config) {
    var commentElement = useCommentUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedConfig = React.useMemo(function () { return config; }, [config.annotationId, config.documentId]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationById))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getCommentAnnotationById(memoizedConfig)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationById, memoizedConfig]);
    return data;
}
function useCommentSidebarActionButtonClick() {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarActionButtonClick))
            return;
        var subscription = commentElement.onCommentSidebarActionButtonClick().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarActionButtonClick]);
    return data;
}
function useCommentSidebarInit() {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarInit))
            return;
        var subscription = commentElement.onCommentSidebarInit().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarInit]);
    return data;
}
function useCommentSidebarData() {
    var commentElement = useCommentUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarData))
            return;
        var subscription = commentElement.onCommentSidebarData().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarData]);
    return data;
}
function useSetContextProvider() {
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    var commentUtils = useCommentUtils();
    React.useEffect(function () {
        if ((commentUtils === null || commentUtils === void 0 ? void 0 : commentUtils.setContextProvider) && data) {
            commentUtils.setContextProvider(data);
        }
    }, [commentUtils === null || commentUtils === void 0 ? void 0 : commentUtils.setContextProvider, data]);
    // Memoize the setContextProvider callback
    var setContextProviderCallback = React.useCallback(function (provider) {
        // Wrap in arrow function to prevent React from treating provider as a functional update
        setData(function () { return provider; });
    }, []); // Empty dependency array since it only uses setState which is stable
    return {
        setContextProvider: setContextProviderCallback
    };
}

function useAddCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        addCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.addCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useApproveCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        approveCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.approveCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.approveCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useRejectCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        rejectCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.rejectCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.rejectCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useSubscribeCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        subscribeCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.subscribeCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.subscribeCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useUnsubscribeCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        unsubscribeCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.unsubscribeCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.unsubscribeCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useDeleteCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        deleteCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.deleteCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useGetCommentAnnotations(query) {
    var commentElement = useCommentUtils();
    var _a = useState({ data: null }), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef();
    // Memoize the inputs
    var memoizedData = useMemo(function () {
        return query;
    }, [JSON.stringify(query)]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getCommentAnnotations(memoizedData)
            .subscribe(function (res) {
            if (res) {
                setData(res);
            }
            else {
                setData({ data: null });
            }
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations, memoizedData]);
    return data;
}
function useCommentAnnotationsCount(query) {
    var commentElement = useCommentUtils();
    var _a = useState({ data: null }), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef();
    // Memoize the inputs
    var memoizedData = useMemo(function () {
        return query;
    }, [JSON.stringify(query)]);
    useEffect(function () {
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = commentElement.getCommentAnnotationsCount(memoizedData)
            .subscribe(function (res) {
            if (res) {
                setData(res);
            }
            else {
                setData({ data: null });
            }
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount, memoizedData]);
    return data;
}
function useAssignUser() {
    var commentElement = useCommentUtils();
    return {
        assignUser: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.assignUser))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.assignUser(request).then(resolve).catch(reject);
            });
        }
    };
}
function useUpdatePriority() {
    var commentElement = useCommentUtils();
    return {
        updatePriority: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updatePriority))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.updatePriority(request).then(resolve).catch(reject);
            });
        }
    };
}
function useUpdateStatus() {
    var commentElement = useCommentUtils();
    return {
        updateStatus: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateStatus))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.updateStatus(request).then(resolve).catch(reject);
            });
        }
    };
}
function useUpdateAccess() {
    var commentElement = useCommentUtils();
    return {
        updateAccess: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateAccess))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.updateAccess(request).then(resolve).catch(reject);
            });
        }
    };
}
function useResolveCommentAnnotation() {
    var commentElement = useCommentUtils();
    return {
        resolveCommentAnnotation: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.resolveCommentAnnotation))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.resolveCommentAnnotation(request).then(resolve).catch(reject);
            });
        }
    };
}
function useGetLink() {
    var commentElement = useCommentUtils();
    return {
        getLink: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getLink))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.getLink(request).then(resolve).catch(reject);
            });
        }
    };
}
function useCopyLink() {
    var commentElement = useCommentUtils();
    return {
        copyLink: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.copyLink))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.copyLink(request).then(resolve).catch(reject);
            });
        }
    };
}
function useAddComment() {
    var commentElement = useCommentUtils();
    return {
        addComment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addComment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.addComment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useUpdateComment() {
    var commentElement = useCommentUtils();
    return {
        updateComment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateComment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.updateComment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useDeleteComment() {
    var commentElement = useCommentUtils();
    return {
        deleteComment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteComment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.deleteComment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useGetComment() {
    var commentElement = useCommentUtils();
    return {
        getComment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getComment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.getComment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useAddAttachment() {
    var commentElement = useCommentUtils();
    return {
        addAttachment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addAttachment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.addAttachment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useDeleteAttachment() {
    var commentElement = useCommentUtils();
    return {
        deleteAttachment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteAttachment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.deleteAttachment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useGetAttachment() {
    var commentElement = useCommentUtils();
    return {
        getAttachment: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAttachment))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.getAttachment(request).then(resolve).catch(reject);
            });
        }
    };
}
function useDeleteRecording() {
    var commentElement = useCommentUtils();
    return {
        deleteRecording: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteRecording))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.deleteRecording(request).then(resolve).catch(reject);
            });
        }
    };
}
function useGetRecording() {
    var commentElement = useCommentUtils();
    return {
        getRecording: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getRecording))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.getRecording(request).then(resolve).catch(reject);
            });
        }
    };
}
function useAddReaction() {
    var commentElement = useCommentUtils();
    return {
        addReaction: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addReaction))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.addReaction(request).then(resolve).catch(reject);
            });
        }
    };
}
function useDeleteReaction() {
    var commentElement = useCommentUtils();
    return {
        deleteReaction: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteReaction))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.deleteReaction(request).then(resolve).catch(reject);
            });
        }
    };
}
function useToggleReaction() {
    var commentElement = useCommentUtils();
    return {
        toggleReaction: function (request) {
            return new Promise(function (resolve, reject) {
                if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.toggleReaction))
                    return reject(new Error('Velt SDK is not initialized.'));
                commentElement.toggleReaction(request).then(resolve).catch(reject);
            });
        }
    };
}
/**
 * @deprecated Use useCommentEventCallback hook instead.
 */
function useCommentActionCallback(action) {
    var commentElement = useCommentUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = commentElement === null || commentElement === void 0 ? void 0 : commentElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.on, memoizedAction]);
    return data;
}
function useCommentEventCallback(action) {
    var commentElement = useCommentUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = commentElement === null || commentElement === void 0 ? void 0 : commentElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.on, memoizedAction]);
    return data;
}

function useVeltEventCallback(action) {
    var client = useVeltClient().client;
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(client === null || client === void 0 ? void 0 : client.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = client === null || client === void 0 ? void 0 : client.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            if (memoizedAction === 'initUpdate') {
                flushSync(function () {
                    setData(data);
                });
            }
            else {
                setData(data);
            }
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [client === null || client === void 0 ? void 0 : client.on, memoizedAction]);
    return data;
}

function useCursorUtils() {
    var _a = React.useState(), cursorElement = _a[0], setCursorElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || cursorElement)
            return;
        var loadedCursorElement = client.getCursorElement();
        setCursorElement(loadedCursorElement);
    }, [client, setCursorElement, cursorElement]);
    return cursorElement;
}
function useCursorUsers() {
    var cursorElement = useCursorUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!cursorElement)
            return;
        var subscription = cursorElement.getOnlineUsersOnCurrentDocument().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [cursorElement]);
    return data;
}

function useHuddleUtils() {
    var _a = React.useState(), huddleElement = _a[0], setHuddleElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || huddleElement)
            return;
        var loadedHuddleElement = client.getHuddleElement();
        setHuddleElement(loadedHuddleElement);
    }, [client, setHuddleElement, huddleElement]);
    return huddleElement;
}

function useLiveStateSyncUtils() {
    var _a = React.useState(), liveStateSyncElement = _a[0], setLiveStateSyncElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || liveStateSyncElement)
            return;
        var loadedLiveStateSyncElement = client.getLiveStateSyncElement();
        setLiveStateSyncElement(loadedLiveStateSyncElement);
    }, [client, setLiveStateSyncElement, liveStateSyncElement]);
    return liveStateSyncElement;
}
function useLiveStateData(liveStateDataId, liveStateDataConfig) {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize inputs
    var inputs = React.useMemo(function () {
        return { liveStateDataId: liveStateDataId, liveStateDataConfig: liveStateDataConfig };
    }, [liveStateDataId, JSON.stringify(liveStateDataConfig)]);
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = liveStateSyncElement.getLiveStateData(inputs.liveStateDataId, inputs.liveStateDataConfig)
            .subscribe(function (res) {
            setData(res);
        });
        subscriptionRef.current = subscription;
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData, inputs]);
    return data;
}
function useSetLiveStateData(liveStateDataId, liveStateData, config) {
    var liveStateSyncElement = useLiveStateSyncUtils();
    // Memoize inputs
    var inputs = React.useMemo(function () {
        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData, config: config };
    }, [liveStateDataId, JSON.stringify(liveStateData), JSON.stringify(config)]);
    React.useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData))
            return;
        if (inputs.liveStateDataId && inputs.liveStateData) {
            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData, inputs.config);
        }
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData, inputs]);
}
function useUserEditorState() {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isUserEditor))
            return;
        var subscription = liveStateSyncElement.isUserEditor().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isUserEditor]);
    return data;
}
function useEditor() {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditor))
            return;
        var subscription = liveStateSyncElement.getEditor().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditor]);
    return data;
}
function useEditorAccessTimer() {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = React.useState({ state: 'idle' }), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditorAccessTimer))
            return;
        var subscription = liveStateSyncElement.getEditorAccessTimer().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditorAccessTimer]);
    return data;
}
function useEditorAccessRequestHandler() {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isEditorAccessRequested))
            return;
        var subscription = liveStateSyncElement.isEditorAccessRequested().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isEditorAccessRequested]);
    return data;
}
function useServerConnectionStateChangeHandler() {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.onServerConnectionStateChange))
            return;
        var subscription = liveStateSyncElement.onServerConnectionStateChange().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.onServerConnectionStateChange]);
    return data;
}
function useLiveState(liveStateDataId, initialValue, options) {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var client = useVeltClient().client;
    var serverConnectionState = useServerConnectionStateChangeHandler();
    var _a = React.useState(null), documentId = _a[0], setDocumentId = _a[1];
    var _b = React.useState(null), user = _b[0], setUser = _b[1];
    var _c = React.useState(initialValue), data = _c[0], setData = _c[1];
    useEffect(function () {
        resetLiveStateData();
    }, [documentId, user]);
    var resetLiveStateData = function () {
        if (user && documentId) {
            liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData(liveStateDataId, data);
        }
    };
    useEffect(function () {
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData))
            return;
        var documentPathsSubscription, userSubscription;
        if (options === null || options === void 0 ? void 0 : options.resetLiveState) {
            documentPathsSubscription = client.docService.getDocumentPaths$().subscribe(function (paths) {
                if (paths) {
                    setDocumentId(paths === null || paths === void 0 ? void 0 : paths.documentId);
                    documentPathsSubscription === null || documentPathsSubscription === void 0 ? void 0 : documentPathsSubscription.unsubscribe();
                }
            });
            userSubscription = client.authService.getUser$().subscribe(function (user) {
                if (user) {
                    setUser(user);
                    userSubscription === null || userSubscription === void 0 ? void 0 : userSubscription.unsubscribe();
                }
            });
        }
        var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, { listenToNewChangesOnly: options === null || options === void 0 ? void 0 : options.listenToNewChangesOnly }).subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
            documentPathsSubscription === null || documentPathsSubscription === void 0 ? void 0 : documentPathsSubscription.unsubscribe();
            userSubscription === null || userSubscription === void 0 ? void 0 : userSubscription.unsubscribe();
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData]);
    var useDebounce = function (callback) {
        var callbackRef = useRef(callback);
        var timerRef = useRef(null);
        useEffect(function () {
            callbackRef.current = callback;
        });
        var debounce = function (value, delay) {
            if (timerRef.current) {
                clearTimeout(timerRef.current);
            }
            timerRef.current = setTimeout(function () {
                callbackRef.current(value);
            }, delay);
        };
        return debounce;
    };
    var setDataFunction = function (value) {
        setData(value);
        debouncedOnInput(value, (options === null || options === void 0 ? void 0 : options.syncDuration) >= 0 ? options === null || options === void 0 ? void 0 : options.syncDuration : 50); // default 50ms debounce time
    };
    var debouncedOnInput = useDebounce(function (value) {
        if (liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData) {
            liveStateSyncElement.setLiveStateData(liveStateDataId, value);
        }
    });
    return [data, setDataFunction, serverConnectionState];
}

function useLiveStateSyncEventCallback(action) {
    var liveStateSyncElement = useLiveStateSyncUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.on, memoizedAction]);
    return data;
}

function usePresenceUtils() {
    var _a = React.useState(), presenceElement = _a[0], setPresenceElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || presenceElement)
            return;
        var loadedPresenceElement = client.getPresenceElement();
        setPresenceElement(loadedPresenceElement);
    }, [client, setPresenceElement, presenceElement]);
    return presenceElement;
}
/**
 * @deprecated Use `usePresenceData` hook instead.
 */
function usePresenceUsers() {
    var presenceElement = usePresenceUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!presenceElement)
            return;
        var subscription = presenceElement.getOnlineUsersOnCurrentDocument().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [presenceElement]);
    return data;
}
function usePresenceData(query) {
    var presenceElement = usePresenceUtils();
    var _a = useState({ data: null }), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef();
    // Memoize the inputs
    var memoizedData = useMemo(function () {
        return query;
    }, [JSON.stringify(query)]);
    useEffect(function () {
        if (!(presenceElement === null || presenceElement === void 0 ? void 0 : presenceElement.getData))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = presenceElement.getData(memoizedData)
            .subscribe(function (res) {
            if (res) {
                setData(res);
            }
            else {
                setData({ data: null });
            }
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [presenceElement === null || presenceElement === void 0 ? void 0 : presenceElement.getData, memoizedData]);
    return data;
}

function usePresenceEventCallback(action) {
    var presenceElement = usePresenceUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(presenceElement === null || presenceElement === void 0 ? void 0 : presenceElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = presenceElement === null || presenceElement === void 0 ? void 0 : presenceElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [presenceElement === null || presenceElement === void 0 ? void 0 : presenceElement.on, memoizedAction]);
    return data;
}

function useRecorderUtils() {
    var _a = React.useState(), recorderElement = _a[0], setRecorderElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || recorderElement)
            return;
        var loadedRecorderElement = client.getRecorderElement();
        setRecorderElement(loadedRecorderElement);
    }, [client, setRecorderElement, recorderElement]);
    return recorderElement;
}
/**
* @deprecated Use `useRecorderEventCallback('recordingDone')` hook instead
*/
function useRecorderAddHandler() {
    var recorderElement = useRecorderUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!recorderElement)
            return;
        var subscription = recorderElement.onRecordedData().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [recorderElement]);
    return data;
}
/**
* @deprecated Use `recorderUtils.getRecordingData()` method instead
*/
function useRecordingDataByRecorderId(recorderId) {
    var recorderElement = useRecorderUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!recorderElement)
            return;
        var subscription = recorderElement.getRecordingDataByRecorderId(recorderId).subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [recorderElement]);
    return data;
}
function useRecordings(query) {
    var recorderElement = useRecorderUtils();
    var _a = React.useState([]), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the inputs
    var memoizedData = React.useMemo(function () {
        return query;
    }, [JSON.stringify(query)]);
    useEffect(function () {
        if (!(recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.getRecordings))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.getRecordings(memoizedData).subscribe(function (res) {
            if (res) {
                setData(res);
            }
            else {
                setData([]);
            }
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.getRecordings, memoizedData]);
    return data;
}

function useRecorderEventCallback(action) {
    var recorderElement = useRecorderUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on, memoizedAction]);
    return data;
}

function useAIRewriterUtils() {
    var _a = React.useState(), rewriterElement = _a[0], setRewriterElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || rewriterElement)
            return;
        var loadedRewriterElement = client.getRewriterElement();
        setRewriterElement(loadedRewriterElement);
    }, [client, setRewriterElement, rewriterElement]);
    return rewriterElement;
}

function useLiveSelectionUtils() {
    var _a = React.useState(), selectionElement = _a[0], setSelectionElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || selectionElement)
            return;
        var loadedSelectionElement = client.getSelectionElement();
        setSelectionElement(loadedSelectionElement);
    }, [client, setSelectionElement, selectionElement]);
    return selectionElement;
}
function useLiveSelectionDataHandler() {
    var selectionElement = useLiveSelectionUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.getLiveSelectionData))
            return;
        var subscription = selectionElement.getLiveSelectionData().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.getLiveSelectionData]);
    return data;
}

function useTagUtils() {
    var _a = React.useState(), tagElement = _a[0], setTagElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || tagElement)
            return;
        var loadedTagElement = client.getTagElement();
        setTagElement(loadedTagElement);
    }, [client, setTagElement, tagElement]);
    return tagElement;
}
function useTagAnnotations(documentId, location) {
    var tagElement = useTagUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!tagElement)
            return;
        var subscription = tagElement.getAllTagAnnotations(documentId, location).subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [tagElement]);
    return data;
}

function useViewsUtils() {
    var _a = React.useState(), viewsElement = _a[0], setViewsElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || viewsElement)
            return;
        var loadedViewsElement = client.getViewsElement();
        setViewsElement(loadedViewsElement);
    }, [client, setViewsElement, viewsElement]);
    return viewsElement;
}
function useUniqueViewsByUser(clientLocationId) {
    var viewsElement = useViewsUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedClientLocationId = React.useMemo(function () { return clientLocationId; }, [clientLocationId]);
    useEffect(function () {
        if (!(viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByUser))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = viewsElement.getUniqueViewsByUser(memoizedClientLocationId).subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByUser, memoizedClientLocationId]);
    return data;
}
function useUniqueViewsByDate(clientLocationId) {
    var viewsElement = useViewsUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedClientLocationId = React.useMemo(function () { return clientLocationId; }, [clientLocationId]);
    useEffect(function () {
        if (!(viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByDate))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = viewsElement.getUniqueViewsByDate(memoizedClientLocationId).subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [viewsElement === null || viewsElement === void 0 ? void 0 : viewsElement.getUniqueViewsByDate, memoizedClientLocationId]);
    return data;
}

function useNotificationUtils() {
    var _a = React.useState(), notificationElement = _a[0], setNotificationElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || notificationElement)
            return;
        var loadedNotificationElement = client.getNotificationElement();
        setNotificationElement(loadedNotificationElement);
    }, [client, setNotificationElement, notificationElement]);
    return notificationElement;
}
function useNotificationsData(query) {
    var notificationElement = useNotificationUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef();
    var memoizedData = useMemo(function () {
        return query;
    }, [JSON.stringify(query)]);
    useEffect(function () {
        if (!(notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = notificationElement.getNotificationsData(memoizedData).subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData, memoizedData]);
    return data;
}
function useUnreadNotificationsCount() {
    var notificationElement = useNotificationUtils();
    var _a = React.useState({ forYou: null, all: null }), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getUnreadNotificationsCount))
            return;
        var subscription = notificationElement.getUnreadNotificationsCount().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getUnreadNotificationsCount]);
    return data;
}
function useNotificationSettings() {
    var notificationElement = useNotificationUtils();
    var _a = React.useState(null), settings = _a[0], setSettings = _a[1];
    var _b = React.useState(undefined), settingsData = _b[0], setSettingsData = _b[1];
    var _c = React.useState(undefined), settingsInitialConfigData = _c[0], setSettingsInitialConfigData = _c[1];
    useEffect(function () {
        if ((notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.setSettingsInitialConfig) && settingsInitialConfigData) {
            notificationElement.setSettingsInitialConfig(settingsInitialConfigData);
        }
    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.setSettingsInitialConfig, settingsInitialConfigData]);
    useEffect(function () {
        if ((notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.setSettings) && settingsData) {
            notificationElement.setSettings(settingsData);
        }
    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.setSettings, settingsData]);
    useEffect(function () {
        var _a;
        if (!(notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getSettings))
            return;
        // Added this check to make is backward compatible with the old version of the SDK where getSettings() returns value instead of observable
        if (!((_a = notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getSettings()) === null || _a === void 0 ? void 0 : _a.subscribe))
            return;
        var subscription = notificationElement.getSettings().subscribe(function (res) {
            setSettings(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getSettings]);
    var setSettingsInitialConfigCallback = React.useCallback(function (settingsInitialConfig) {
        setSettingsInitialConfigData(settingsInitialConfig);
    }, []);
    var setSettingsCallback = React.useCallback(function (settings) {
        setSettingsData(settings);
    }, []);
    return {
        settings: settings,
        setSettings: setSettingsCallback,
        setSettingsInitialConfig: setSettingsInitialConfigCallback,
    };
}

function useNotificationEventCallback(action) {
    var notificationElement = useNotificationUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.on, memoizedAction]);
    return data;
}

function useAutocompleteUtils() {
    var _a = React.useState(), autocompleteElement = _a[0], setAutocompleteElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || autocompleteElement)
            return;
        var loadedAutocompleteElement = client.getAutocompleteElement();
        setAutocompleteElement(loadedAutocompleteElement);
    }, [client, setAutocompleteElement, autocompleteElement]);
    return autocompleteElement;
}
function useAutocompleteChipClick() {
    var autocompleteElement = useAutocompleteUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!autocompleteElement)
            return;
        var subscription = autocompleteElement.onAutocompleteChipClick().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [autocompleteElement]);
    return data;
}

function useContactUtils() {
    var _a = React.useState(), contactElement = _a[0], setContactElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || contactElement)
            return;
        var loadedContactElement = client.getContactElement();
        setContactElement(loadedContactElement);
    }, [client, setContactElement, contactElement]);
    return contactElement;
}
function useContactSelected() {
    var contactElement = useContactUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!contactElement)
            return;
        var subscription = contactElement.onContactSelected().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [contactElement === null || contactElement === void 0 ? void 0 : contactElement.onContactSelected]);
    return data;
}
function useContactList() {
    var contactElement = useContactUtils();
    var _a = React.useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    useEffect(function () {
        if (!contactElement)
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = contactElement.getContactList().subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [contactElement === null || contactElement === void 0 ? void 0 : contactElement.getContactList]);
    return data;
}

function useCrdtUtils() {
    var _a = React.useState(), crdtElement = _a[0], setCrdtElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || crdtElement)
            return;
        var loadedCrdtElement = client.getCrdtElement();
        setCrdtElement(loadedCrdtElement);
    }, [client, setCrdtElement, crdtElement]);
    return crdtElement;
}

function useCrdtEventCallback(action) {
    var crdtElement = useCrdtUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on, memoizedAction]);
    return data;
}

function useActivityUtils() {
    var _a = React.useState(), activityElement = _a[0], setActivityElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        if (!client || activityElement)
            return;
        var loadedActivityElement = client.getActivityElement();
        setActivityElement(loadedActivityElement);
    }, [client, setActivityElement, activityElement]);
    return activityElement;
}
function useAllActivities(config) {
    var activityElement = useActivityUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef();
    // Memoize the inputs
    var memoizedConfig = React.useMemo(function () {
        return config;
    }, [JSON.stringify(config)]);
    React.useEffect(function () {
        if (!activityElement)
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = activityElement.getAllActivities(memoizedConfig)
            .subscribe(function (activities) {
            setData(activities);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [activityElement === null || activityElement === void 0 ? void 0 : activityElement.getAllActivities, memoizedConfig]);
    return data;
}

function useSuggestionUtils() {
    var _a = React.useState(), suggestionElement = _a[0], setSuggestionElement = _a[1];
    var client = useVeltClient().client;
    React.useEffect(function () {
        var _a;
        if (!client || suggestionElement)
            return;
        var loadedSuggestionElement = (_a = client.getSuggestionElement) === null || _a === void 0 ? void 0 : _a.call(client);
        if (loadedSuggestionElement) {
            setSuggestionElement(loadedSuggestionElement);
        }
    }, [client, setSuggestionElement, suggestionElement]);
    return suggestionElement;
}
function useSuggestionModeState() {
    var suggestionElement = useSuggestionUtils();
    var _a = React.useState(), data = _a[0], setData = _a[1];
    useEffect(function () {
        if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.isSuggestionModeEnabled$))
            return;
        var subscription = suggestionElement.isSuggestionModeEnabled$().subscribe(function (res) {
            setData(res);
        });
        return function () {
            subscription.unsubscribe();
        };
    }, [suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.isSuggestionModeEnabled$]);
    return data;
}
function useSuggestions(filter) {
    var suggestionElement = useSuggestionUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedFilter = React.useMemo(function () {
        return filter;
    }, [JSON.stringify(filter)]);
    useEffect(function () {
        if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.getSuggestions$))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = suggestionElement.getSuggestions$(memoizedFilter)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.getSuggestions$, memoizedFilter]);
    return data;
}
function usePendingSuggestion(targetId) {
    var suggestionElement = useSuggestionUtils();
    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
    var subscriptionRef = React.useRef();
    // Memoize the input
    var memoizedTargetId = React.useMemo(function () { return targetId; }, [targetId]);
    useEffect(function () {
        if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.getPendingSuggestion$))
            return;
        // Unsubscribe from the previous subscription if it exists
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = suggestionElement.getPendingSuggestion$(memoizedTargetId)
            .subscribe(function (res) {
            setData(res);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.getPendingSuggestion$, memoizedTargetId]);
    return data;
}

function useEnableSuggestionMode() {
    var suggestionElement = useSuggestionUtils();
    return {
        enableSuggestionMode: function (config) {
            if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.enableSuggestionMode))
                return;
            suggestionElement.enableSuggestionMode(config);
        }
    };
}
function useDisableSuggestionMode() {
    var suggestionElement = useSuggestionUtils();
    return {
        disableSuggestionMode: function () {
            if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.disableSuggestionMode))
                return;
            suggestionElement.disableSuggestionMode();
        }
    };
}
function useRegisterTarget() {
    var suggestionElement = useSuggestionUtils();
    return {
        registerTarget: function (config) {
            if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.registerTarget))
                return;
            suggestionElement.registerTarget(config);
        }
    };
}
function useUnregisterTarget() {
    var suggestionElement = useSuggestionUtils();
    return {
        unregisterTarget: function (targetId) {
            if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.unregisterTarget))
                return;
            suggestionElement.unregisterTarget(targetId);
        }
    };
}
function useStartSuggestion() {
    var suggestionElement = useSuggestionUtils();
    return {
        startSuggestion: function (targetId) {
            if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.startSuggestion))
                return;
            suggestionElement.startSuggestion(targetId);
        }
    };
}
function useCommitSuggestion() {
    var suggestionElement = useSuggestionUtils();
    return {
        commitSuggestion: function (config) {
            return new Promise(function (resolve, reject) {
                if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.commitSuggestion))
                    return reject(new Error('Velt SDK is not initialized.'));
                suggestionElement.commitSuggestion(config).then(resolve).catch(reject);
            });
        }
    };
}
function useSuggestionEventCallback(action) {
    var suggestionElement = useSuggestionUtils();
    var _a = useState(null), data = _a[0], setData = _a[1];
    var subscriptionRef = useRef(null);
    var memoizedAction = useMemo(function () { return action; }, [action]);
    useEffect(function () {
        var _a;
        if (!(suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.on))
            return;
        if (subscriptionRef.current) {
            subscriptionRef.current.unsubscribe();
        }
        var subscription = (_a = suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
            setData(data);
        });
        // Store the new subscription
        subscriptionRef.current = subscription;
        // Cleanup function
        return function () {
            if (subscriptionRef.current) {
                subscriptionRef.current.unsubscribe();
            }
        };
    }, [suggestionElement === null || suggestionElement === void 0 ? void 0 : suggestionElement.on, memoizedAction]);
    return data;
}

var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
var getSessionId = function () {
    return (sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(VELT_TAB_ID)) || sessionId;
};
var VELT_DEFAULT_LIVE_STATE_ID = 'velt-default-redux-live-state';
var createLiveStateMiddleware = function (config) {
    if (config === void 0) { config = {}; }
    var _a = config.allowedActionTypes, allowedActionTypes = _a === void 0 ? new Set() : _a, // Set of allowed action types for sync
    _b = config.disabledActionTypes, // Set of allowed action types for sync
    disabledActionTypes = _b === void 0 ? new Set() : _b, // Set of disabled action types for sync
    _c = config.allowAction, // Set of disabled action types for sync
    allowAction = _c === void 0 ? function () { return true; } : _c, // Callback to decide if an action should sync with live state
    _d = config.liveStateDataId, // Callback to decide if an action should sync with live state
    liveStateDataId = _d === void 0 ? VELT_DEFAULT_LIVE_STATE_ID : _d;
    if (!liveStateDataId) {
        liveStateDataId = VELT_DEFAULT_LIVE_STATE_ID;
    }
    var internalStore; // This variable will hold the reference to the store
    var dataSubscription; // This variable will hold the reference to the data subscription
    var isSdkInitialized = false;
    var setupGetDataSubscription = function () {
        var _a, _b;
        try {
            if (!dataSubscription && window.Velt && ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
                var liveStateSyncElement = (_b = window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
                dataSubscription = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
                    // Dispatch action to update local state, marking it as remote
                    if (data) {
                        var sessionId_1 = getSessionId();
                        if (data.id === sessionId_1) {
                            return;
                        }
                        else {
                            internalStore === null || internalStore === void 0 ? void 0 : internalStore.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
                        }
                    }
                });
            }
        }
        catch (err) {
        }
    };
    var updateLiveStateDataId = function (newId) {
        try {
            liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
            if (dataSubscription) {
                dataSubscription.unsubscribe();
                dataSubscription = null;
            }
            if (isSdkInitialized) {
                setupGetDataSubscription();
            }
        }
        catch (err) {
            // handle error
        }
    };
    var updateAllowedActionTypes = function (newAllowedActionTypes) {
        try {
            allowedActionTypes = newAllowedActionTypes || new Set();
        }
        catch (err) {
            // handle error
        }
    };
    var updateDisabledActionTypes = function (newDisabledActionTypes) {
        try {
            disabledActionTypes = newDisabledActionTypes || new Set();
        }
        catch (err) {
            // handle error
        }
    };
    var updateAllowAction = function (newAllowAction) {
        try {
            allowAction = newAllowAction || (function () { return true; });
        }
        catch (err) {
            // handle error
        }
    };
    var middleware = function (store) {
        internalStore = store;
        var veltSdkInitializedListener = function () {
            try {
                if (window.Velt) {
                    isSdkInitialized = true;
                    setupGetDataSubscription();
                    // Remove the event listener after it's triggered
                    window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
                }
            }
            catch (err) {
                // handle error
            }
        };
        // Add the event listener for the veltSdkInitialized event
        window.addEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
        return function (next) { return function (action) {
            // Always process the action locally
            var result = next(action);
            // Decide whether to sync this action with Firebase
            if (isSdkInitialized && !action.isRemote && allowAction(action) && !disabledActionTypes.has(action.type) && (allowedActionTypes.size === 0 || allowedActionTypes.has(action.type))) {
                logLiveState(action, liveStateDataId);
            }
            return result;
        }; };
    };
    return {
        middleware: middleware,
        updateLiveStateDataId: updateLiveStateDataId,
        updateAllowedActionTypes: updateAllowedActionTypes,
        updateDisabledActionTypes: updateDisabledActionTypes,
        updateAllowAction: updateAllowAction,
    };
};
var logLiveState = function (action, liveStateDataId) {
    var _a, _b;
    try {
        if (window.Velt && ((_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
            var sessionId_2 = getSessionId();
            var liveStateElement = (_b = window === null || window === void 0 ? void 0 : window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
            if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
                liveStateElement.setLiveStateData(liveStateDataId, {
                    id: sessionId_2,
                    action: action,
                    timestamp: Date.now(),
                });
            }
        }
    }
    catch (err) {
        // handle error
    }
};

export { VeltActivityLog, VeltActivityLogEmpty, VeltActivityLogHeader, VeltActivityLogHeaderCloseButton, VeltActivityLogHeaderFilter, VeltActivityLogHeaderFilterContent, VeltActivityLogHeaderFilterContentItem, VeltActivityLogHeaderFilterContentItemIcon, VeltActivityLogHeaderFilterContentItemLabel, VeltActivityLogHeaderFilterTrigger, VeltActivityLogHeaderFilterTriggerIcon, VeltActivityLogHeaderFilterTriggerLabel, VeltActivityLogHeaderTitle, VeltActivityLogList, VeltActivityLogListDateGroup, VeltActivityLogListDateGroupLabel, VeltActivityLogListItem, VeltActivityLogListItemAvatar, VeltActivityLogListItemContent, VeltActivityLogListItemContentAction, VeltActivityLogListItemContentDetail, VeltActivityLogListItemContentTarget, VeltActivityLogListItemContentUser, VeltActivityLogListItemIcon, VeltActivityLogListItemTime, VeltActivityLogListShowMore, VeltActivityLogLoading, VeltActivityLogWireframe, SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChip, VeltAutocompleteChipTooltip, VeltAutocompleteChipTooltipDescription, VeltAutocompleteChipTooltipIcon, VeltAutocompleteChipTooltipName, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteEmpty, VeltAutocompleteEmptyWireframe, VeltAutocompleteGroupOption, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOption, VeltAutocompleteOptionDescription, VeltAutocompleteOptionErrorIcon, VeltAutocompleteOptionIcon, VeltAutocompleteOptionName, VeltAutocompleteOptionWireframe, VeltAutocompletePanel, VeltAutocompleteTool, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentBubbleUnreadIcon, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialog, VeltCommentDialogAllComment$1 as VeltCommentDialogAllComment, VeltCommentDialogApprove$1 as VeltCommentDialogApprove, VeltCommentDialogAssignDropdown, VeltCommentDialogAssignMenu$1 as VeltCommentDialogAssignMenu, VeltCommentDialogAssigneeBanner$1 as VeltCommentDialogAssigneeBanner, VeltCommentDialogAssigneeBannerResolveButton$1 as VeltCommentDialogAssigneeBannerResolveButton, VeltCommentDialogAssigneeBannerUnresolveButton$1 as VeltCommentDialogAssigneeBannerUnresolveButton, VeltCommentDialogAssigneeBannerUserAvatar$1 as VeltCommentDialogAssigneeBannerUserAvatar, VeltCommentDialogAssigneeBannerUserName$1 as VeltCommentDialogAssigneeBannerUserName, VeltCommentDialogAttachmentButton, VeltCommentDialogBody$1 as VeltCommentDialogBody, VeltCommentDialogCloseButton$1 as VeltCommentDialogCloseButton, VeltCommentDialogCommentCategory$1 as VeltCommentDialogCommentCategory, VeltCommentDialogCommentIndex$1 as VeltCommentDialogCommentIndex, VeltCommentDialogCommentNumber$1 as VeltCommentDialogCommentNumber, VeltCommentDialogCommentSuggestionStatus$1 as VeltCommentDialogCommentSuggestionStatus, VeltCommentDialogComposer$1 as VeltCommentDialogComposer, VeltCommentDialogComposerActionButton$1 as VeltCommentDialogComposerActionButton, VeltCommentDialogComposerAssignUser$1 as VeltCommentDialogComposerAssignUser, VeltCommentDialogComposerAttachments$1 as VeltCommentDialogComposerAttachments, VeltCommentDialogComposerAttachmentsImage$1 as VeltCommentDialogComposerAttachmentsImage, VeltCommentDialogComposerAttachmentsImageDelete$1 as VeltCommentDialogComposerAttachmentsImageDelete, VeltCommentDialogComposerAttachmentsImageDownload$1 as VeltCommentDialogComposerAttachmentsImageDownload, VeltCommentDialogComposerAttachmentsImageLoading$1 as VeltCommentDialogComposerAttachmentsImageLoading, VeltCommentDialogComposerAttachmentsImagePreview$1 as VeltCommentDialogComposerAttachmentsImagePreview, VeltCommentDialogComposerAttachmentsInvalid$1 as VeltCommentDialogComposerAttachmentsInvalid, VeltCommentDialogComposerAttachmentsInvalidItem$1 as VeltCommentDialogComposerAttachmentsInvalidItem, VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 as VeltCommentDialogComposerAttachmentsInvalidItemDelete, VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 as VeltCommentDialogComposerAttachmentsInvalidItemMessage, VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 as VeltCommentDialogComposerAttachmentsInvalidItemPreview, VeltCommentDialogComposerAttachmentsOther$1 as VeltCommentDialogComposerAttachmentsOther, VeltCommentDialogComposerAttachmentsOtherDelete$1 as VeltCommentDialogComposerAttachmentsOtherDelete, VeltCommentDialogComposerAttachmentsOtherDownload$1 as VeltCommentDialogComposerAttachmentsOtherDownload, VeltCommentDialogComposerAttachmentsOtherIcon$1 as VeltCommentDialogComposerAttachmentsOtherIcon, VeltCommentDialogComposerAttachmentsOtherLoading$1 as VeltCommentDialogComposerAttachmentsOtherLoading, VeltCommentDialogComposerAttachmentsOtherName$1 as VeltCommentDialogComposerAttachmentsOtherName, VeltCommentDialogComposerAttachmentsOtherSize$1 as VeltCommentDialogComposerAttachmentsOtherSize, VeltCommentDialogComposerAttachmentsSelected$1 as VeltCommentDialogComposerAttachmentsSelected, VeltCommentDialogComposerAvatar$1 as VeltCommentDialogComposerAvatar, VeltCommentDialogComposerFormatToolbar$1 as VeltCommentDialogComposerFormatToolbar, VeltCommentDialogComposerFormatToolbarButton$1 as VeltCommentDialogComposerFormatToolbarButton, VeltCommentDialogComposerInput$1 as VeltCommentDialogComposerInput, VeltCommentDialogComposerPrivateBadge$1 as VeltCommentDialogComposerPrivateBadge, VeltCommentDialogComposerRecordings$1 as VeltCommentDialogComposerRecordings, VeltCommentDialogContextWrapper, VeltCommentDialogCopyLink$1 as VeltCommentDialogCopyLink, VeltCommentDialogCustomAnnotationDropdown$1 as VeltCommentDialogCustomAnnotationDropdown, VeltCommentDialogCustomAnnotationDropdownContent$1 as VeltCommentDialogCustomAnnotationDropdownContent, VeltCommentDialogCustomAnnotationDropdownContentItem$1 as VeltCommentDialogCustomAnnotationDropdownContentItem, VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 as VeltCommentDialogCustomAnnotationDropdownContentItemIcon, VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 as VeltCommentDialogCustomAnnotationDropdownContentItemLabel, VeltCommentDialogCustomAnnotationDropdownTrigger$1 as VeltCommentDialogCustomAnnotationDropdownTrigger, VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1 as VeltCommentDialogCustomAnnotationDropdownTriggerArrow, VeltCommentDialogCustomAnnotationDropdownTriggerList$1 as VeltCommentDialogCustomAnnotationDropdownTriggerList, VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 as VeltCommentDialogCustomAnnotationDropdownTriggerListItem, VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 as VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder, VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 as VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount, VeltCommentDialogDeleteButton$1 as VeltCommentDialogDeleteButton, VeltCommentDialogDeviceTypeIcons, VeltCommentDialogGhostBanner$1 as VeltCommentDialogGhostBanner, VeltCommentDialogHeader$1 as VeltCommentDialogHeader, VeltCommentDialogHideReply$1 as VeltCommentDialogHideReply, VeltCommentDialogLegacySuggestionAction$1 as VeltCommentDialogLegacySuggestionAction, VeltCommentDialogLegacySuggestionActionAccept$1 as VeltCommentDialogLegacySuggestionActionAccept, VeltCommentDialogLegacySuggestionActionReject$1 as VeltCommentDialogLegacySuggestionActionReject, VeltCommentDialogMetadata, VeltCommentDialogMoreReply$1 as VeltCommentDialogMoreReply, VeltCommentDialogMoreReplyCount$1 as VeltCommentDialogMoreReplyCount, VeltCommentDialogMoreReplyText$1 as VeltCommentDialogMoreReplyText, VeltCommentDialogNavigationButton$1 as VeltCommentDialogNavigationButton, VeltCommentDialogOptions$1 as VeltCommentDialogOptions, VeltCommentDialogOptionsDropdown, VeltCommentDialogOptionsDropdownContent, VeltCommentDialogOptionsDropdownContentAssign, VeltCommentDialogOptionsDropdownContentDelete, VeltCommentDialogOptionsDropdownContentDeleteComment, VeltCommentDialogOptionsDropdownContentDeleteThread, VeltCommentDialogOptionsDropdownContentEdit, VeltCommentDialogOptionsDropdownContentMakePrivate, VeltCommentDialogOptionsDropdownContentMakePrivateDisable, VeltCommentDialogOptionsDropdownContentMakePrivateEnable, VeltCommentDialogOptionsDropdownContentMarkAsRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread, VeltCommentDialogOptionsDropdownContentNotification, VeltCommentDialogOptionsDropdownContentNotificationSubscribe, VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTrigger, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriority$1 as VeltCommentDialogPriority, VeltCommentDialogPriorityDropdown, VeltCommentDialogPriorityDropdownContent, VeltCommentDialogPriorityDropdownContentItem, VeltCommentDialogPriorityDropdownContentItemIcon, VeltCommentDialogPriorityDropdownContentItemName, VeltCommentDialogPriorityDropdownContentItemTick, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTrigger, VeltCommentDialogPriorityDropdownTriggerArrow, VeltCommentDialogPriorityDropdownTriggerIcon, VeltCommentDialogPriorityDropdownTriggerName, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogPrivateBanner$1 as VeltCommentDialogPrivateBanner, VeltCommentDialogPrivateButton, VeltCommentDialogReplyAvatars$1 as VeltCommentDialogReplyAvatars, VeltCommentDialogReplyAvatarsList$1 as VeltCommentDialogReplyAvatarsList, VeltCommentDialogReplyAvatarsListItem$1 as VeltCommentDialogReplyAvatarsListItem, VeltCommentDialogReplyAvatarsRemainingCount$1 as VeltCommentDialogReplyAvatarsRemainingCount, VeltCommentDialogResolveButton$1 as VeltCommentDialogResolveButton, VeltCommentDialogSignIn$1 as VeltCommentDialogSignIn, VeltCommentDialogStatus$1 as VeltCommentDialogStatus, VeltCommentDialogStatusDropdown, VeltCommentDialogStatusDropdownContent, VeltCommentDialogStatusDropdownContentItem, VeltCommentDialogStatusDropdownContentItemIcon, VeltCommentDialogStatusDropdownContentItemName, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTrigger, VeltCommentDialogStatusDropdownTriggerArrow, VeltCommentDialogStatusDropdownTriggerIcon, VeltCommentDialogStatusDropdownTriggerName, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogSuggestion, VeltCommentDialogSuggestionActionAccept, VeltCommentDialogSuggestionActionAcceptWireframe, VeltCommentDialogSuggestionActionReject, VeltCommentDialogSuggestionActionRejectWireframe, VeltCommentDialogSuggestionActions, VeltCommentDialogSuggestionActionsWireframe, VeltCommentDialogSuggestionAgent, VeltCommentDialogSuggestionAgentAvatar, VeltCommentDialogSuggestionAgentAvatarWireframe, VeltCommentDialogSuggestionAgentName, VeltCommentDialogSuggestionAgentNameWireframe, VeltCommentDialogSuggestionAgentWireframe, VeltCommentDialogSuggestionAuthor, VeltCommentDialogSuggestionAuthorAvatar, VeltCommentDialogSuggestionAuthorAvatarWireframe, VeltCommentDialogSuggestionAuthorName, VeltCommentDialogSuggestionAuthorNameWireframe, VeltCommentDialogSuggestionAuthorWireframe, VeltCommentDialogSuggestionBanner, VeltCommentDialogSuggestionBannerAvatar, VeltCommentDialogSuggestionBannerAvatarStatusIcon, VeltCommentDialogSuggestionBannerAvatarStatusIconWireframe, VeltCommentDialogSuggestionBannerAvatarUserImage, VeltCommentDialogSuggestionBannerAvatarUserImageWireframe, VeltCommentDialogSuggestionBannerAvatarWireframe, VeltCommentDialogSuggestionBannerLabel, VeltCommentDialogSuggestionBannerLabelWireframe, VeltCommentDialogSuggestionBannerResolverUserName, VeltCommentDialogSuggestionBannerResolverUserNameWireframe, VeltCommentDialogSuggestionBannerSeparator, VeltCommentDialogSuggestionBannerSeparatorWireframe, VeltCommentDialogSuggestionBannerTimestamp, VeltCommentDialogSuggestionBannerTimestampWireframe, VeltCommentDialogSuggestionBannerWireframe, VeltCommentDialogSuggestionBody, VeltCommentDialogSuggestionBodyWireframe, VeltCommentDialogSuggestionFooter, VeltCommentDialogSuggestionFooterOpenComment, VeltCommentDialogSuggestionFooterOpenCommentWireframe, VeltCommentDialogSuggestionFooterWireframe, VeltCommentDialogSuggestionHeader, VeltCommentDialogSuggestionHeaderWireframe, VeltCommentDialogSuggestionMenu, VeltCommentDialogSuggestionMenuContent, VeltCommentDialogSuggestionMenuContentItem, VeltCommentDialogSuggestionMenuContentItemIcon, VeltCommentDialogSuggestionMenuContentItemIconWireframe, VeltCommentDialogSuggestionMenuContentItemLabel, VeltCommentDialogSuggestionMenuContentItemLabelWireframe, VeltCommentDialogSuggestionMenuContentItemWireframe, VeltCommentDialogSuggestionMenuContentWireframe, VeltCommentDialogSuggestionMenuTrigger, VeltCommentDialogSuggestionMenuTriggerWireframe, VeltCommentDialogSuggestionMenuWireframe, VeltCommentDialogSuggestionTimestamp, VeltCommentDialogSuggestionTimestampWireframe, VeltCommentDialogSuggestionWireframe, VeltCommentDialogThreadCard$1 as VeltCommentDialogThreadCard, VeltCommentDialogThreadCardAssignButton$1 as VeltCommentDialogThreadCardAssignButton, VeltCommentDialogThreadCardAttachments$1 as VeltCommentDialogThreadCardAttachments, VeltCommentDialogThreadCardAttachmentsImage$1 as VeltCommentDialogThreadCardAttachmentsImage, VeltCommentDialogThreadCardAttachmentsImageDelete$1 as VeltCommentDialogThreadCardAttachmentsImageDelete, VeltCommentDialogThreadCardAttachmentsImageDownload$1 as VeltCommentDialogThreadCardAttachmentsImageDownload, VeltCommentDialogThreadCardAttachmentsImagePreview$1 as VeltCommentDialogThreadCardAttachmentsImagePreview, VeltCommentDialogThreadCardAttachmentsOther$1 as VeltCommentDialogThreadCardAttachmentsOther, VeltCommentDialogThreadCardAttachmentsOtherDelete$1 as VeltCommentDialogThreadCardAttachmentsOtherDelete, VeltCommentDialogThreadCardAttachmentsOtherDownload$1 as VeltCommentDialogThreadCardAttachmentsOtherDownload, VeltCommentDialogThreadCardAttachmentsOtherIcon$1 as VeltCommentDialogThreadCardAttachmentsOtherIcon, VeltCommentDialogThreadCardAttachmentsOtherName$1 as VeltCommentDialogThreadCardAttachmentsOtherName, VeltCommentDialogThreadCardAttachmentsOtherSize$1 as VeltCommentDialogThreadCardAttachmentsOtherSize, VeltCommentDialogThreadCardAvatar$1 as VeltCommentDialogThreadCardAvatar, VeltCommentDialogThreadCardDeviceType$1 as VeltCommentDialogThreadCardDeviceType, VeltCommentDialogThreadCardDraft$1 as VeltCommentDialogThreadCardDraft, VeltCommentDialogThreadCardEditComposer$1 as VeltCommentDialogThreadCardEditComposer, VeltCommentDialogThreadCardEdited$1 as VeltCommentDialogThreadCardEdited, VeltCommentDialogThreadCardMessage$1 as VeltCommentDialogThreadCardMessage, VeltCommentDialogThreadCardMessageShowLess$1 as VeltCommentDialogThreadCardMessageShowLess, VeltCommentDialogThreadCardMessageShowMore$1 as VeltCommentDialogThreadCardMessageShowMore, VeltCommentDialogThreadCardName$1 as VeltCommentDialogThreadCardName, VeltCommentDialogThreadCardOptions$1 as VeltCommentDialogThreadCardOptions, VeltCommentDialogThreadCardReactionPin$1 as VeltCommentDialogThreadCardReactionPin, VeltCommentDialogThreadCardReactionTool$1 as VeltCommentDialogThreadCardReactionTool, VeltCommentDialogThreadCardReactions$1 as VeltCommentDialogThreadCardReactions, VeltCommentDialogThreadCardRecordings$1 as VeltCommentDialogThreadCardRecordings, VeltCommentDialogThreadCardReply$1 as VeltCommentDialogThreadCardReply, VeltCommentDialogThreadCardSeenDropdown$1 as VeltCommentDialogThreadCardSeenDropdown, VeltCommentDialogThreadCardSeenDropdownContent$1 as VeltCommentDialogThreadCardSeenDropdownContent, VeltCommentDialogThreadCardSeenDropdownContentItem$1 as VeltCommentDialogThreadCardSeenDropdownContentItem, VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 as VeltCommentDialogThreadCardSeenDropdownContentItemAvatar, VeltCommentDialogThreadCardSeenDropdownContentItemName$1 as VeltCommentDialogThreadCardSeenDropdownContentItemName, VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 as VeltCommentDialogThreadCardSeenDropdownContentItemTime, VeltCommentDialogThreadCardSeenDropdownContentItems$1 as VeltCommentDialogThreadCardSeenDropdownContentItems, VeltCommentDialogThreadCardSeenDropdownContentTitle$1 as VeltCommentDialogThreadCardSeenDropdownContentTitle, VeltCommentDialogThreadCardSeenDropdownTrigger$1 as VeltCommentDialogThreadCardSeenDropdownTrigger, VeltCommentDialogThreadCardTime$1 as VeltCommentDialogThreadCardTime, VeltCommentDialogThreadCardUnread$1 as VeltCommentDialogThreadCardUnread, VeltCommentDialogThreads$1 as VeltCommentDialogThreads, VeltCommentDialogToggleReply$1 as VeltCommentDialogToggleReply, VeltCommentDialogToggleReplyCount$1 as VeltCommentDialogToggleReplyCount, VeltCommentDialogToggleReplyIcon$1 as VeltCommentDialogToggleReplyIcon, VeltCommentDialogToggleReplyText$1 as VeltCommentDialogToggleReplyText, VeltCommentDialogUnresolveButton$1 as VeltCommentDialogUnresolveButton, VeltCommentDialogUpgrade$1 as VeltCommentDialogUpgrade, VeltCommentDialogVisibilityBanner$1 as VeltCommentDialogVisibilityBanner, VeltCommentDialogVisibilityBannerDropdown$1 as VeltCommentDialogVisibilityBannerDropdown, VeltCommentDialogVisibilityBannerDropdownContent$1 as VeltCommentDialogVisibilityBannerDropdownContent, VeltCommentDialogVisibilityBannerDropdownContentItem$1 as VeltCommentDialogVisibilityBannerDropdownContentItem, VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 as VeltCommentDialogVisibilityBannerDropdownContentItemIcon, VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 as VeltCommentDialogVisibilityBannerDropdownContentItemLabel, VeltCommentDialogVisibilityBannerDropdownContentOrgPicker$1 as VeltCommentDialogVisibilityBannerDropdownContentOrgPicker, VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 as VeltCommentDialogVisibilityBannerDropdownContentUserPicker, VeltCommentDialogVisibilityBannerDropdownTrigger$1 as VeltCommentDialogVisibilityBannerDropdownTrigger, VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 as VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList, VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 as VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem, VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 as VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount, VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1 as VeltCommentDialogVisibilityBannerDropdownTriggerIcon, VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1 as VeltCommentDialogVisibilityBannerDropdownTriggerLabel, VeltCommentDialogVisibilityBannerIcon$1 as VeltCommentDialogVisibilityBannerIcon, VeltCommentDialogVisibilityBannerText$1 as VeltCommentDialogVisibilityBannerText, VeltCommentDialogVisibilityDropdown$1 as VeltCommentDialogVisibilityDropdown, VeltCommentDialogVisibilityDropdownContent, VeltCommentDialogVisibilityDropdownContentPrivate, VeltCommentDialogVisibilityDropdownContentPublic, VeltCommentDialogVisibilityDropdownTrigger, VeltCommentDialogVisibilityDropdownTriggerIcon, VeltCommentDialogVisibilityDropdownTriggerLabel, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinGhostCommentIndicator$1 as VeltCommentPinGhostCommentIndicator, VeltCommentPinIndex$1 as VeltCommentPinIndex, VeltCommentPinNumber$1 as VeltCommentPinNumber, VeltCommentPinPrivateCommentIndicator$1 as VeltCommentPinPrivateCommentIndicator, VeltCommentPinTriangle$1 as VeltCommentPinTriangle, VeltCommentPinUnreadCommentIndicator$1 as VeltCommentPinUnreadCommentIndicator, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentSidebarV2CloseButton, VeltCommentSidebarV2EmptyPlaceholder, VeltCommentSidebarV2FilterButton, VeltCommentSidebarV2FilterButtonAppliedIcon, VeltCommentSidebarV2FilterContainer, VeltCommentSidebarV2FilterContainerApplyButton, VeltCommentSidebarV2FilterContainerCloseButton, VeltCommentSidebarV2FilterContainerGroupBy, VeltCommentSidebarV2FilterContainerResetButton, VeltCommentSidebarV2FilterContainerSection, VeltCommentSidebarV2FilterContainerSectionControl, VeltCommentSidebarV2FilterContainerSectionControlChevron, VeltCommentSidebarV2FilterContainerSectionControlChip, VeltCommentSidebarV2FilterContainerSectionControlChipList, VeltCommentSidebarV2FilterContainerSectionControlSearch, VeltCommentSidebarV2FilterContainerSectionControlValue, VeltCommentSidebarV2FilterContainerSectionField, VeltCommentSidebarV2FilterContainerSectionLabel, VeltCommentSidebarV2FilterContainerSectionList, VeltCommentSidebarV2FilterContainerSectionOption, VeltCommentSidebarV2FilterContainerSectionOptionCheckbox, VeltCommentSidebarV2FilterContainerSectionOptionCount, VeltCommentSidebarV2FilterContainerSectionOptionList, VeltCommentSidebarV2FilterContainerSectionOptionName, VeltCommentSidebarV2FilterContainerTitle, VeltCommentSidebarV2FilterDropdown, VeltCommentSidebarV2FilterDropdownContent, VeltCommentSidebarV2FilterDropdownContentList, VeltCommentSidebarV2FilterDropdownContentListCategory, VeltCommentSidebarV2FilterDropdownContentListCategoryContent, VeltCommentSidebarV2FilterDropdownContentListCategoryLabel, VeltCommentSidebarV2FilterDropdownContentListItem, VeltCommentSidebarV2FilterDropdownContentListItemCount, VeltCommentSidebarV2FilterDropdownContentListItemIndicator, VeltCommentSidebarV2FilterDropdownContentListItemLabel, VeltCommentSidebarV2FilterDropdownTrigger, VeltCommentSidebarV2FocusedThread, VeltCommentSidebarV2FocusedThreadBackButton, VeltCommentSidebarV2FocusedThreadDialogContainer, VeltCommentSidebarV2FullscreenButton, VeltCommentSidebarV2Header, VeltCommentSidebarV2List, VeltCommentSidebarV2ListGroupHeader, VeltCommentSidebarV2ListGroupHeaderChevron, VeltCommentSidebarV2ListGroupHeaderCount, VeltCommentSidebarV2ListGroupHeaderLabel, VeltCommentSidebarV2ListGroupHeaderSeparator, VeltCommentSidebarV2ListItem, VeltCommentSidebarV2PageModeComposer, VeltCommentSidebarV2Panel, VeltCommentSidebarV2ResetFilterButton, VeltCommentSidebarV2Search, VeltCommentSidebarV2SearchIcon, VeltCommentSidebarV2SearchInput, VeltCommentSidebarV2Skeleton, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarV2, VeltCommentsSidebarV2Wireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionCommentCount, VeltInlineCommentsSectionComposerContainer, VeltInlineCommentsSectionFilterDropdown, VeltInlineCommentsSectionFilterDropdownContent, VeltInlineCommentsSectionFilterDropdownContentApplyButton, VeltInlineCommentsSectionFilterDropdownContentList, VeltInlineCommentsSectionFilterDropdownContentListItem, VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox, VeltInlineCommentsSectionFilterDropdownContentListItemLabel, VeltInlineCommentsSectionFilterDropdownTrigger, VeltInlineCommentsSectionFilterDropdownTriggerArrow, VeltInlineCommentsSectionFilterDropdownTriggerName, VeltInlineCommentsSectionList, VeltInlineCommentsSectionPanel, VeltInlineCommentsSectionSkeleton, VeltInlineCommentsSectionSortingDropdown, VeltInlineCommentsSectionSortingDropdownContent, VeltInlineCommentsSectionSortingDropdownContentItem, VeltInlineCommentsSectionSortingDropdownContentItemIcon, VeltInlineCommentsSectionSortingDropdownContentItemName, VeltInlineCommentsSectionSortingDropdownContentItemTick, VeltInlineCommentsSectionSortingDropdownTrigger, VeltInlineCommentsSectionSortingDropdownTriggerIcon, VeltInlineCommentsSectionSortingDropdownTriggerName, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialog, VeltMultiThreadCommentDialogCloseButton, VeltMultiThreadCommentDialogCommentCount, VeltMultiThreadCommentDialogComposerContainer, VeltMultiThreadCommentDialogEmptyPlaceholder, VeltMultiThreadCommentDialogList, VeltMultiThreadCommentDialogMinimalActionsDropdown, VeltMultiThreadCommentDialogMinimalActionsDropdownContent, VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead, VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved, VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger, VeltMultiThreadCommentDialogMinimalFilterDropdown, VeltMultiThreadCommentDialogMinimalFilterDropdownContent, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved, VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread, VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon, VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate, VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread, VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger, VeltMultiThreadCommentDialogNewThreadButton, VeltMultiThreadCommentDialogPanel, VeltMultiThreadCommentDialogResetFilterButton, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelCloseButton, VeltNotificationsPanelContent, VeltNotificationsPanelContentAll, VeltNotificationsPanelContentAllList, VeltNotificationsPanelContentAllListItem, VeltNotificationsPanelContentAllListItemContent, VeltNotificationsPanelContentAllListItemLabel, VeltNotificationsPanelContentAllReadContainer, VeltNotificationsPanelContentDocuments, VeltNotificationsPanelContentDocumentsList, VeltNotificationsPanelContentDocumentsListItem, VeltNotificationsPanelContentDocumentsListItemContent, VeltNotificationsPanelContentDocumentsListItemCount, VeltNotificationsPanelContentDocumentsListItemName, VeltNotificationsPanelContentDocumentsListItemUnread, VeltNotificationsPanelContentForYou, VeltNotificationsPanelContentList, VeltNotificationsPanelContentListItem, VeltNotificationsPanelContentListItemAvatar, VeltNotificationsPanelContentListItemBody, VeltNotificationsPanelContentListItemFileName, VeltNotificationsPanelContentListItemHeadline, VeltNotificationsPanelContentListItemTime, VeltNotificationsPanelContentListItemUnread, VeltNotificationsPanelContentLoadMore, VeltNotificationsPanelContentPeople, VeltNotificationsPanelContentPeopleList, VeltNotificationsPanelContentPeopleListItem, VeltNotificationsPanelContentPeopleListItemAvatar, VeltNotificationsPanelContentPeopleListItemContent, VeltNotificationsPanelContentPeopleListItemCount, VeltNotificationsPanelContentPeopleListItemName, VeltNotificationsPanelHeader, VeltNotificationsPanelHeaderTabAll, VeltNotificationsPanelHeaderTabDocuments, VeltNotificationsPanelHeaderTabForYou, VeltNotificationsPanelHeaderTabPeople, VeltNotificationsPanelReadAllButton, VeltNotificationsPanelSettings, VeltNotificationsPanelSettingsAccordion, VeltNotificationsPanelSettingsAccordionContent, VeltNotificationsPanelSettingsAccordionContentItem, VeltNotificationsPanelSettingsAccordionContentItemIcon, VeltNotificationsPanelSettingsAccordionContentItemLabel, VeltNotificationsPanelSettingsAccordionTrigger, VeltNotificationsPanelSettingsAccordionTriggerIcon, VeltNotificationsPanelSettingsAccordionTriggerLabel, VeltNotificationsPanelSettingsAccordionTriggerSelectedValue, VeltNotificationsPanelSettingsBackButton, VeltNotificationsPanelSettingsButton, VeltNotificationsPanelSettingsDescription, VeltNotificationsPanelSettingsFooter, VeltNotificationsPanelSettingsHeader, VeltNotificationsPanelSettingsHeaderTitle, VeltNotificationsPanelSettingsList, VeltNotificationsPanelSettingsMuteAllDescription, VeltNotificationsPanelSettingsMuteAllTitle, VeltNotificationsPanelSettingsMuteAllToggle, VeltNotificationsPanelSettingsTitle, VeltNotificationsPanelSkeleton, VeltNotificationsPanelTitle, VeltNotificationsPanelTitleText, VeltNotificationsPanelViewAllButton, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolIcon, VeltNotificationsToolLabel, VeltNotificationsToolUnreadCount, VeltNotificationsToolUnreadIcon, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonCommentsCount, VeltSidebarButtonIcon, VeltSidebarButtonUnreadIcon, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextComment, VeltTextCommentTool, VeltTextCommentToolWireframe, VeltTextCommentToolbar, VeltTextCommentToolbarCommentAnnotation, VeltTextCommentToolbarCopywriter, VeltTextCommentToolbarDivider, VeltTextCommentToolbarGeneric, VeltTextCommentToolbar$1 as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useActivityUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useAllActivities, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClearPageInfo, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useCommitSuggestion, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useDisableSuggestionMode, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useEnableSuggestionMode, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePendingSuggestion, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRegisterTarget, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetContextProvider, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetPageInfo, useSetRootDocument, useSetRootLocation, useStartSuggestion, useSubscribeCommentAnnotation, useSuggestionEventCallback, useSuggestionModeState, useSuggestionUtils, useSuggestions, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnregisterTarget, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
//# sourceMappingURL=index.js.map