xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components/NestedApp/NestedAppNative.js

@@ -1,231 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-var __rest = (this && this.__rest) || function (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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LazyNestedApp = LazyNestedApp;
-exports.IndexAwareNestedApp = IndexAwareNestedApp;
-exports.NestedApp = NestedApp;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const client_1 = __importDefault(require("react-dom/client"));
-const AppRoot_1 = require("../../components-core/rendering/AppRoot");
-const xmlui_parser_1 = require("../../components-core/xmlui-parser");
-const ApiInterceptorProvider_1 = require("../../components-core/interception/ApiInterceptorProvider");
-const ErrorBoundary_1 = require("../../components-core/rendering/ErrorBoundary");
-const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
-const ComponentRegistryContext_1 = require("../ComponentRegistryContext");
-const IndexerContext_1 = require("../App/IndexerContext");
-const useApiInterceptorContext_1 = require("../../components-core/interception/useApiInterceptorContext");
-const constants_1 = require("../../components-core/constants");
-const hooks_1 = require("../../components-core/utils/hooks");
-const NestedApp_module_scss_1 = __importDefault(require("./NestedApp.module.scss"));
-const classnames_1 = __importDefault(require("classnames"));
-const StyleContext_1 = require("../../components-core/theming/StyleContext");
-function AnimatedLogo() {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: NestedApp_module_scss_1.default.loadingContainer, children: [(0, jsx_runtime_1.jsx)("div", { className: NestedApp_module_scss_1.default.loadingText, children: "Loading XMLUI App..." }), (0, jsx_runtime_1.jsx)("div", { className: NestedApp_module_scss_1.default.logoWrapper, children: (0, jsx_runtime_1.jsxs)("svg", { viewBox: "0 0 26 26", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M9.04674 19.3954C8.2739 19.3954 7.60226 19.2265 7.03199 18.8887C6.47443 18.5384 6.0435 18.0505 5.73938 17.425C5.43526 16.7869 5.2832 16.0362 5.2832 15.173V9.89961C5.2832 9.7745 5.32771 9.66815 5.41637 9.58059C5.50502 9.493 5.61275 9.44922 5.73938 9.44922H7.41222C7.55157 9.44922 7.6593 9.493 7.73524 9.58059C7.8239 9.66815 7.86841 9.7745 7.86841 9.89961V15.0604C7.86841 16.6117 8.55895 17.3874 9.94021 17.3874C10.5991 17.3874 11.1187 17.181 11.4988 16.7681C11.8917 16.3553 12.0881 15.786 12.0881 15.0604V9.89961C12.0881 9.7745 12.1325 9.66815 12.2211 9.58059C12.3098 9.493 12.4175 9.44922 12.5443 9.44922H14.217C14.3436 9.44922 14.4513 9.493 14.54 9.58059C14.6288 9.66815 14.6732 9.7745 14.6732 9.89961V18.7574C14.6732 18.8825 14.6288 18.9888 14.54 19.0764C14.4513 19.164 14.3436 19.2078 14.217 19.2078H12.6773C12.538 19.2078 12.4239 19.164 12.3352 19.0764C12.2591 18.9888 12.2211 18.8825 12.2211 18.7574V17.988C11.879 18.4258 11.4545 18.7699 10.9476 19.0201C10.4407 19.2703 9.80704 19.3954 9.04674 19.3954Z", fill: "#3367CC" }), (0, jsx_runtime_1.jsx)("path", { d: "M17.6397 19.2104C17.5129 19.2104 17.4052 19.1666 17.3165 19.079C17.2279 18.9914 17.1835 18.8851 17.1835 18.76V9.90221C17.1835 9.7771 17.2279 9.67075 17.3165 9.58319C17.4052 9.4956 17.5129 9.45182 17.6397 9.45182H19.2174C19.3567 9.45182 19.4644 9.4956 19.5404 9.58319C19.6292 9.67075 19.6736 9.7771 19.6736 9.90221V18.76C19.6736 18.8851 19.6292 18.9914 19.5404 19.079C19.4644 19.1666 19.3567 19.2104 19.2174 19.2104H17.6397ZM17.5636 7.8379C17.4243 7.8379 17.3102 7.80038 17.2215 7.72531C17.1454 7.63773 17.1074 7.52514 17.1074 7.38751V6.03633C17.1074 5.91122 17.1454 5.80487 17.2215 5.71731C17.3102 5.62972 17.4243 5.58594 17.5636 5.58594H19.2933C19.4327 5.58594 19.5467 5.62972 19.6354 5.71731C19.7242 5.80487 19.7686 5.91122 19.7686 6.03633V7.38751C19.7686 7.52514 19.7242 7.63773 19.6354 7.72531C19.5467 7.80038 19.4327 7.8379 19.2933 7.8379H17.5636Z", fill: "#3367CC" }), (0, jsx_runtime_1.jsx)("path", { className: NestedApp_module_scss_1.default.animatedLogoPath, d: "M23.0215 2.81748H2.53486V23.044H23.0215V2.81748Z", fill: "none", stroke: "#3367CC", strokeWidth: "0.75" })] }) })] }));
-}
-function LazyNestedApp(_a) {
-    var { immediate } = _a, restProps = __rest(_a, ["immediate"]);
-    const [shouldRender, setShouldRender] = (0, react_1.useState)(immediate || false);
-    (0, react_1.useEffect)(() => {
-        if (!immediate) {
-            (0, react_1.startTransition)(() => {
-                setShouldRender(true);
-            });
-        }
-    }, [immediate]);
-    if (!shouldRender) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(NestedApp, Object.assign({}, restProps));
-}
-function IndexAwareNestedApp(props) {
-    const { indexing } = (0, IndexerContext_1.useIndexerContext)();
-    if (indexing) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(LazyNestedApp, Object.assign({}, props));
-}
-function NestedApp({ api, app, components = constants_1.EMPTY_ARRAY, config, activeTheme, activeTone, height, style, refreshVersion, withSplashScreen = false, className, }) {
-    const rootRef = (0, react_1.useRef)(null);
-    const shadowRef = (0, react_1.useRef)(null);
-    const contentRootRef = (0, react_1.useRef)(null);
-    const theme = (0, ThemeContext_1.useTheme)();
-    const toneToApply = activeTone || (config === null || config === void 0 ? void 0 : config.defaultTone) || (theme === null || theme === void 0 ? void 0 : theme.activeThemeTone);
-    const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
-    const parentInterceptorContext = (0, useApiInterceptorContext_1.useApiInterceptorContext)();
-    const [initialized, setInitialized] = (0, react_1.useState)(!withSplashScreen);
-    const [revealAnimationFinished, setRevealAnimationFinished] = (0, react_1.useState)(false);
-    //TODO illesg: we should come up with something to make sure that nestedApps don't overwrite each other's mocked api endpoints
-    //   disabled for now, as it messes up the paths of not mocked APIs (e.g. resources/{staticJsonfiles})
-    //const safeId = playgroundId || nestedAppId;
-    //const apiUrl = api ? `/${safeId.replaceAll(":", "")}` : '';
-    const apiUrl = "";
-    const mock = (0, react_1.useMemo)(() => {
-        if (!api) {
-            return undefined;
-        }
-        let apiObject = api;
-        if (typeof api === "string") {
-            try {
-                apiObject = JSON.parse(api.replaceAll("\n", " "));
-            }
-            catch (e) {
-                console.error("Failed to parse API definition", e);
-                return undefined;
-            }
-        }
-        return Object.assign(Object.assign({}, apiObject), { type: "in-memory" });
-    }, [api]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        if (!shadowRef.current && rootRef.current) {
-            // Clone existing style and link tags
-            shadowRef.current = rootRef.current.attachShadow({ mode: "open" });
-            let style = document.createElement("style");
-            // since we are using shadow DOM, we need to define the layers here
-            // to ensure that the styles are applied correctly (the adopted styleheets setting is asynchronous, so the layer order might not be respected if we don't do this)
-            // MUST BE IN SYNC WITH THE STYLESHEET ORDER IN index.scss
-            style.innerHTML = "@layer reset, base, components, dynamic;";
-            shadowRef.current.appendChild(style);
-            // This should run once to prepare the stylesheets
-            const sheetPromises = Array.from(document.styleSheets).map((sheet) => __awaiter(this, void 0, void 0, function* () {
-                // Check if the owner element has the attribute you want to skip
-                if (sheet.ownerNode &&
-                    sheet.ownerNode instanceof Element &&
-                    sheet.ownerNode.hasAttribute("data-style-hash")) {
-                    return null; // Skip this stylesheet
-                }
-                // Can't access cross-origin sheets, so skip them
-                if (!sheet.href || sheet.href.startsWith(window.location.origin)) {
-                    try {
-                        // Create a new CSSStyleSheet object
-                        const newSheet = new CSSStyleSheet();
-                        // Get the CSS rules as text
-                        const cssText = Array.from(sheet.cssRules)
-                            .map((rule) => rule.cssText)
-                            .join(" \n");
-                        // Apply the text to the new sheet object
-                        yield newSheet.replace(cssText);
-                        return newSheet;
-                    }
-                    catch (e) {
-                        // console.error('Could not process stylesheet:', sheet.href, e);
-                        return null;
-                    }
-                }
-                return null;
-            }));
-            // When your component mounts and the shadow root is available...
-            void Promise.all(sheetPromises).then((sheets) => {
-                // Filter out any sheets that failed to load
-                const validSheets = sheets.filter(Boolean);
-                // Apply the array of constructed stylesheets to the shadow root
-                // This is synchronous and does not trigger new network requests
-                shadowRef.current.adoptedStyleSheets = validSheets;
-            });
-        }
-        if (!contentRootRef.current && shadowRef.current) {
-            contentRootRef.current = client_1.default.createRoot(shadowRef.current);
-        }
-    }, []);
-    const onInit = (0, react_1.useCallback)(() => {
-        setInitialized(true);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        let { errors, component, erroneousCompoundComponentName } = (0, xmlui_parser_1.xmlUiMarkupToComponent)(app);
-        if (errors.length > 0) {
-            component = (0, xmlui_parser_1.errReportComponent)(errors, "Main.xmlui", erroneousCompoundComponentName);
-        }
-        const compoundComponents = (components !== null && components !== void 0 ? components : []).map((src) => {
-            const isErrorReportComponent = typeof src !== "string";
-            if (isErrorReportComponent) {
-                return src;
-            }
-            let { errors, component, erroneousCompoundComponentName } = (0, xmlui_parser_1.xmlUiMarkupToComponent)(src);
-            if (errors.length > 0) {
-                return (0, xmlui_parser_1.errReportComponent)(errors, `nested xmlui`, erroneousCompoundComponentName);
-            }
-            return component;
-        });
-        let globalProps = Object.assign(Object.assign({ name: config === null || config === void 0 ? void 0 : config.name }, ((config === null || config === void 0 ? void 0 : config.appGlobals) || {})), { apiUrl });
-        (_a = contentRootRef.current) === null || _a === void 0 ? void 0 : _a.render((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { node: component, children: (0, jsx_runtime_1.jsx)(StyleContext_1.StyleInjectionTargetContext.Provider, { value: shadowRef.current, children: (0, jsx_runtime_1.jsx)(StyleContext_1.StyleProvider, { forceNew: true, children: (0, jsx_runtime_1.jsx)(ApiInterceptorProvider_1.ApiInterceptorProvider, { parentInterceptorContext: parentInterceptorContext, interceptor: mock, waitForApiInterceptor: true, children: (0, jsx_runtime_1.jsx)(NestedAppRoot, { themeStylesToReset: theme.themeStyles, children: (0, jsx_runtime_1.jsx)(AppRoot_1.AppRoot, { onInit: onInit, isNested: true, previewMode: true, standalone: true, trackContainerHeight: height ? "fixed" : "auto", node: component, globalProps: globalProps, defaultTheme: activeTheme || (config === null || config === void 0 ? void 0 : config.defaultTheme), defaultTone: toneToApply, contributes: {
-                                    compoundComponents,
-                                    themes: config === null || config === void 0 ? void 0 : config.themes,
-                                }, resources: config === null || config === void 0 ? void 0 : config.resources, extensionManager: componentRegistry.getExtensionManager() }) }) }, `app-${refreshVersion}`) }) }) }));
-    }, [
-        onInit,
-        activeTheme,
-        app,
-        componentRegistry,
-        components,
-        config === null || config === void 0 ? void 0 : config.appGlobals,
-        config === null || config === void 0 ? void 0 : config.defaultTheme,
-        config === null || config === void 0 ? void 0 : config.name,
-        config === null || config === void 0 ? void 0 : config.resources,
-        config === null || config === void 0 ? void 0 : config.themes,
-        height,
-        mock,
-        parentInterceptorContext,
-        style,
-        theme.themeStyles,
-        toneToApply,
-        refreshVersion,
-    ]);
-    const mountedRef = (0, react_1.useRef)(false);
-    (0, react_1.useEffect)(() => {
-        mountedRef.current = true;
-        return () => {
-            mountedRef.current = false;
-            setTimeout(() => {
-                var _a;
-                // Unmount the content root after a delay (and only if the component is not mounted anymore, could happen in dev mode - double useEffect call)
-                if (!mountedRef.current) {
-                    (_a = contentRootRef.current) === null || _a === void 0 ? void 0 : _a.unmount();
-                    contentRootRef.current = null;
-                }
-            }, 0);
-        };
-    }, []);
-    const animationFinished = (0, react_1.useCallback)(() => {
-        setRevealAnimationFinished(true);
-    }, []);
-    const shouldAnimate = withSplashScreen && !revealAnimationFinished;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(NestedApp_module_scss_1.default.nestedAppPlaceholder, className), children: [shouldAnimate && (0, jsx_runtime_1.jsx)(AnimatedLogo, {}), (0, jsx_runtime_1.jsx)("div", { ref: rootRef, onTransitionEnd: animationFinished, className: (0, classnames_1.default)(NestedApp_module_scss_1.default.nestedAppRoot, {
-                    [NestedApp_module_scss_1.default.shouldAnimate]: shouldAnimate,
-                    [NestedApp_module_scss_1.default.initialized]: initialized,
-                }) })] }));
-}
-function NestedAppRoot({ children, themeStylesToReset, }) {
-    // css variables are leaking into to shadow dom, so we reset them here
-    const themeVarReset = (0, react_1.useMemo)(() => {
-        const vars = {};
-        Object.keys(themeStylesToReset).forEach((key) => {
-            vars[key] = "initial";
-        });
-        return vars;
-    }, [themeStylesToReset]);
-    const resetClassName = (0, StyleContext_1.useStyles)(themeVarReset, { prepend: true });
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(resetClassName, NestedApp_module_scss_1.default.shadowRoot), id: "nested-app-root", children: (0, jsx_runtime_1.jsx)("div", { className: NestedApp_module_scss_1.default.content, children: children }) }));
-}

package/dist/scripts/src/components/NestedApp/Tooltip.js

@@ -1,46 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
-const Tooltip_module_scss_1 = __importDefault(require("./Tooltip.module.scss"));
-const Tooltip = ({ trigger, label }) => {
-    return ((0, jsx_runtime_1.jsx)(RadixTooltip.Provider, { children: (0, jsx_runtime_1.jsxs)(RadixTooltip.Root, { children: [(0, jsx_runtime_1.jsx)(RadixTooltip.Trigger, { asChild: true, children: trigger }), (0, jsx_runtime_1.jsx)(RadixTooltip.Portal, { children: (0, jsx_runtime_1.jsx)(RadixTooltip.Content, { side: "bottom", align: "start", className: Tooltip_module_scss_1.default.TooltipContent, children: label }) })] }) }));
-};
-exports.Tooltip = Tooltip;

package/dist/scripts/src/components/NestedApp/defaultProps.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultProps = void 0;
-// Default props for NestedApp component
-const constants_1 = require("../../components-core/constants");
-exports.defaultProps = {
-    allowPlaygroundPopup: true,
-    withFrame: true,
-    noHeader: false,
-    splitView: false,
-    components: constants_1.EMPTY_ARRAY
-};

package/dist/scripts/src/components/NestedApp/utils.js

@@ -1,67 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createQueryString = createQueryString;
-exports.withoutTrailingSlash = withoutTrailingSlash;
-const base64_utils_1 = require("../../components-core/utils/base64-utils");
-/**
- * Convert a string to its UTF-8 bytes and compress it.
- *
- * @param {string} str
- * @returns {Promise<Uint8Array>}
- */
-function compress(str) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // Convert the string to a byte stream.
-        const stream = new Blob([str]).stream();
-        // Create a compressed stream.
-        const compressedStream = stream.pipeThrough(new CompressionStream("gzip"));
-        // Convert the string to a byte stream.
-        const reader = compressedStream.getReader();
-        const chunks = [];
-        while (true) {
-            const { done, value } = yield reader.read();
-            if (done)
-                break;
-            chunks.push(value);
-        }
-        return yield concatUint8Arrays(chunks);
-    });
-}
-/**
- * Combine multiple Uint8Arrays into one.
- *
- */
-function concatUint8Arrays(uint8arrays) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // Ensure each part is an ArrayBuffer (Blob typing expects ArrayBuffer not ArrayBufferLike).
-        // Create a fresh Uint8Array copy for each chunk so the underlying buffer is a plain ArrayBuffer.
-        const blobParts = uint8arrays.map(u => new Uint8Array(u).buffer);
-        const blob = new Blob(blobParts);
-        const buffer = yield blob.arrayBuffer();
-        return new Uint8Array(buffer);
-    });
-}
-function createQueryString(target) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // Convert the Uint8Array to a Base64 string.
-        const compressed = yield compress(target);
-        const base64 = (0, base64_utils_1.uint8ArrayToBase64)(compressed);
-        // Create a query string.
-        return encodeURIComponent(base64);
-    });
-}
-function withoutTrailingSlash(str) {
-    if (str.endsWith("/")) {
-        return str.substring(0, str.length - 1);
-    }
-    return str;
-}

package/dist/scripts/src/components/NoResult/NoResult.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.noResultComponentRenderer = exports.NoResultMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const NoResult_module_scss_1 = __importDefault(require("./NoResult.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const metadata_helpers_1 = require("../metadata-helpers");
-const NoResultNative_1 = require("./NoResultNative");
-const COMP = "NoResult";
-exports.NoResultMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`NoResult` displays a visual indication that a query or search returned nothing.",
-    props: {
-        label: (0, metadata_helpers_1.dLabel)(),
-        icon: {
-            description: `This property defines the icon to display with the component.`,
-            valueType: "string",
-            defaultValue: NoResultNative_1.defaultProps.icon,
-        },
-        hideIcon: {
-            description: `This boolean property indicates if the icon should be hidden.`,
-            valueType: "boolean",
-            defaultValue: NoResultNative_1.defaultProps.hideIcon,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(NoResult_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`border-${COMP}`]: "0px solid $borderColor",
-        [`paddingVertical-${COMP}`]: "$space-2",
-        [`gap-icon-${COMP}`]: "$space-2",
-        [`size-icon-${COMP}`]: "$space-8",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-        // --- No dark-specific theme vars
-        },
-    },
-});
-exports.noResultComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.NoResultMd, ({ node, extractValue, className }) => {
-    return ((0, jsx_runtime_1.jsx)(NoResultNative_1.NoResult, { label: extractValue.asDisplayText(node.props.label || node.children || "No results found"), icon: node.props.icon, hideIcon: extractValue.asOptionalBoolean(node.props.hideIcon), className: className }));
-});