xmlui 0.9.5 → 0.9.6

package/dist/{apiInterceptorWorker-Be8IJaBL.mjs → apiInterceptorWorker-BPCEQ5nI.mjs}

@@ -12,7 +12,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _executor, _DeferredPromise_instances, decorate_fn, _a2;
 import { delay as delay$1, HttpResponse, http } from "msw";
 import { isArray, isObject as isObject$1, mapValues } from "lodash-es";
-import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-tLddBc_K.mjs";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-B18vblD8.mjs";
 import Dexie from "dexie";
 var POSITIONALS_EXP = /(%?)(%([sdijo]))/g;
 function serializePositional(positional, flag) {

package/dist/{index-tLddBc_K.mjs → index-B18vblD8.mjs}

@@ -4481,10 +4481,10 @@ const navLinkComponentRenderer = createComponentRenderer(
   }
 );
 const themeVars$E = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-const container$2 = "_container_1pdwf_13";
-const active$3 = "_active_1pdwf_53";
-const disabled$5 = "_disabled_1pdwf_57";
-const iconWrapper = "_iconWrapper_1pdwf_73";
+const container$2 = "_container_k8i4t_13";
+const active$3 = "_active_k8i4t_53";
+const disabled$5 = "_disabled_k8i4t_57";
+const iconWrapper = "_iconWrapper_k8i4t_73";
 const styles$V = {
   themeVars: themeVars$E,
   container: container$2,
@@ -23117,6 +23117,11 @@ function ThemeProvider({
     }
     return defaultTone;
   });
+  useEffect(() => {
+    if (defaultTone) {
+      setActiveThemeTone(defaultTone);
+    }
+  }, [defaultTone]);
   const themes = useMemo(() => {
     return [...custThemes, ...builtInThemes];
   }, [custThemes]);
@@ -31666,7 +31671,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.9.5";
+const version = "0.9.6";
 const ApiInterceptorContext = createContext(null);
 function useApiInterceptorContext() {
   return useContext(ApiInterceptorContext);
@@ -35213,7 +35218,8 @@ function AppContent({
   standalone,
   trackContainerHeight,
   decorateComponentsWithTestId,
-  debugEnabled
+  debugEnabled,
+  children
 }) {
   const [loggedInUser, setLoggedInUser] = useState(null);
   const debugView = useDebugView();
@@ -35510,7 +35516,10 @@ function AppContent({
     cleanup: noop$1,
     memoedVarsRef
   });
-  return /* @__PURE__ */ jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsx(AppStateContext.Provider, { value: appStateContextValue, children: renderedRoot }) });
+  return /* @__PURE__ */ jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsxs(AppStateContext.Provider, { value: appStateContextValue, children: [
+    renderedRoot,
+    children
+  ] }) });
 }
 function signError(error2) {
   toast.error(typeof error2 === "string" ? error2 : error2.message || "Something went wrong");
@@ -35529,7 +35538,8 @@ const AppWrapper = ({
   defaultTone,
   resources,
   resourceMap,
-  sources
+  sources,
+  children
 }) => {
   if (previewMode) {
     HelmetProvider.canUseDOM = false;
@@ -35554,7 +35564,8 @@ const AppWrapper = ({
             globalProps,
             standalone,
             decorateComponentsWithTestId,
-            debugEnabled
+            debugEnabled,
+            children
           }
         ) }) })
       }
@@ -35593,7 +35604,8 @@ function AppRoot({
   previewMode,
   resourceMap,
   sources,
-  extensionManager
+  extensionManager,
+  children
 }) {
   const rootNode = useMemo(() => {
     const themedRoot = node.type === "Theme" ? {
@@ -35633,7 +35645,8 @@ function AppRoot({
       standalone,
       trackContainerHeight,
       previewMode,
-      sources
+      sources,
+      children
     }
   ) }) });
 }
@@ -35650,7 +35663,7 @@ function ApiInterceptorProvider({
       let interceptorWorker;
       (async () => {
         if (process.env.VITE_MOCK_ENABLED) {
-          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-Be8IJaBL.mjs");
+          const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-BPCEQ5nI.mjs");
           if (interceptor) {
             interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
             if (!apiWorker) {

package/dist/index.css

@@ -1960,7 +1960,7 @@
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_1pdwf_13 {
+._container_k8i4t_13 {
   border-left: var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-right: var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-top: var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)));
@@ -2000,27 +2000,27 @@
   flex-direction: row;
   align-items: center;
 }
-._container_1pdwf_13._active_1pdwf_53 {
+._container_k8i4t_13._active_k8i4t_53 {
   color: var(--xmlui-textColor-Link--active);
   font-weight: var(--xmlui-fontWeight-Link--active);
 }
-._container_1pdwf_13._disabled_1pdwf_57 {
+._container_k8i4t_13._disabled_k8i4t_57 {
   pointer-events: none;
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57):hover {
   color: var(--xmlui-textColor-Link--hover);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):focus-visible {
+._container_k8i4t_13:not(._disabled_k8i4t_57):focus-visible {
   outline-width: var(--xmlui-outlineWidth-Link--focus);
   outline-color: var(--xmlui-outlineColor-Link--focus);
   outline-style: var(--xmlui-outlineStyle-Link--focus);
   outline-offset: var(--xmlui-outlineOffset-Link--focus);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57)._active_1pdwf_53:hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57)._active_k8i4t_53:hover {
   color: var(--xmlui-textColor-Link--hover--active);
 }
 
-._iconWrapper_1pdwf_73 {
+._iconWrapper_k8i4t_73 {
   padding: var(--xmlui-padding-icon-Link);
   padding-left: var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
   padding-right: var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
@@ -2030,25 +2030,24 @@
   line-height: 0;
 }
 
-._container_1pdwf_13:not(._active_1pdwf_53) {
+._container_k8i4t_13:not(._active_k8i4t_53) {
   text-underline-offset: var(--xmlui-textUnderlineOffset-Link);
-}
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover {
   text-decoration-line: var(--xmlui-textDecorationLine-Link);
+}
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover:has(> button) {
   text-decoration-line: none;
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active {
-  text-decoration-line: var(--xmlui-textDecorationLine-Link);
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active:has(> button) {
   text-decoration-line: none;
 }
 /*

package/dist/scripts/src/components-core/theming/ThemeProvider.js

@@ -208,6 +208,11 @@ function ThemeProvider({ children, themes: custThemes = constants_1.EMPTY_ARRAY,
         }
         return defaultTone;
     });
+    (0, react_1.useEffect)(() => {
+        if (defaultTone) {
+            setActiveThemeTone(defaultTone);
+        }
+    }, [defaultTone]);
     const themes = (0, react_1.useMemo)(() => {
         return [...custThemes, ...exports.builtInThemes];
     }, [custThemes]);

package/dist/style.css

@@ -2469,7 +2469,7 @@ See this source for details: https://css-tricks.com/line-clampin/
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_1pdwf_13 {
+._container_k8i4t_13 {
   border-left: var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-right: var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-top: var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)));
@@ -2509,27 +2509,27 @@ See this source for details: https://css-tricks.com/line-clampin/
   flex-direction: row;
   align-items: center;
 }
-._container_1pdwf_13._active_1pdwf_53 {
+._container_k8i4t_13._active_k8i4t_53 {
   color: var(--xmlui-textColor-Link--active);
   font-weight: var(--xmlui-fontWeight-Link--active);
 }
-._container_1pdwf_13._disabled_1pdwf_57 {
+._container_k8i4t_13._disabled_k8i4t_57 {
   pointer-events: none;
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57):hover {
   color: var(--xmlui-textColor-Link--hover);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):focus-visible {
+._container_k8i4t_13:not(._disabled_k8i4t_57):focus-visible {
   outline-width: var(--xmlui-outlineWidth-Link--focus);
   outline-color: var(--xmlui-outlineColor-Link--focus);
   outline-style: var(--xmlui-outlineStyle-Link--focus);
   outline-offset: var(--xmlui-outlineOffset-Link--focus);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57)._active_1pdwf_53:hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57)._active_k8i4t_53:hover {
   color: var(--xmlui-textColor-Link--hover--active);
 }
 
-._iconWrapper_1pdwf_73 {
+._iconWrapper_k8i4t_73 {
   padding: var(--xmlui-padding-icon-Link);
   padding-left: var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
   padding-right: var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
@@ -2539,25 +2539,24 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-height: 0;
 }
 
-._container_1pdwf_13:not(._active_1pdwf_53) {
+._container_k8i4t_13:not(._active_k8i4t_53) {
   text-underline-offset: var(--xmlui-textUnderlineOffset-Link);
-}
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover {
   text-decoration-line: var(--xmlui-textDecorationLine-Link);
+}
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover:has(> button) {
   text-decoration-line: none;
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active {
-  text-decoration-line: var(--xmlui-textDecorationLine-Link);
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active:has(> button) {
   text-decoration-line: none;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.

package/dist/xmlui-metadata.mjs

@@ -3771,10 +3771,10 @@ const styles$E = {
   isClickable
 };
 const themeVars$A = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-const container$1 = "_container_1pdwf_13";
-const active$2 = "_active_1pdwf_53";
-const disabled$5 = "_disabled_1pdwf_57";
-const iconWrapper = "_iconWrapper_1pdwf_73";
+const container$1 = "_container_k8i4t_13";
+const active$2 = "_active_k8i4t_53";
+const disabled$5 = "_disabled_k8i4t_57";
+const iconWrapper = "_iconWrapper_k8i4t_73";
 const styles$D = {
   themeVars: themeVars$A,
   container: container$1,

package/dist/xmlui-metadata.umd.js

@@ -3770,10 +3770,10 @@
     isClickable
   };
   const themeVars$A = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-  const container$1 = "_container_1pdwf_13";
-  const active$2 = "_active_1pdwf_53";
-  const disabled$5 = "_disabled_1pdwf_57";
-  const iconWrapper = "_iconWrapper_1pdwf_73";
+  const container$1 = "_container_k8i4t_13";
+  const active$2 = "_active_k8i4t_53";
+  const disabled$5 = "_disabled_k8i4t_57";
+  const iconWrapper = "_iconWrapper_k8i4t_73";
   const styles$D = {
     themeVars: themeVars$A,
     container: container$1,

package/dist/xmlui-standalone.umd.js

@@ -1977,7 +1977,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._container_1pdwf_13 {
+._container_k8i4t_13 {
   border-left: var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-right: var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)));
   border-top: var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)));
@@ -2017,27 +2017,27 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   flex-direction: row;
   align-items: center;
 }
-._container_1pdwf_13._active_1pdwf_53 {
+._container_k8i4t_13._active_k8i4t_53 {
   color: var(--xmlui-textColor-Link--active);
   font-weight: var(--xmlui-fontWeight-Link--active);
 }
-._container_1pdwf_13._disabled_1pdwf_57 {
+._container_k8i4t_13._disabled_k8i4t_57 {
   pointer-events: none;
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57):hover {
   color: var(--xmlui-textColor-Link--hover);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57):focus-visible {
+._container_k8i4t_13:not(._disabled_k8i4t_57):focus-visible {
   outline-width: var(--xmlui-outlineWidth-Link--focus);
   outline-color: var(--xmlui-outlineColor-Link--focus);
   outline-style: var(--xmlui-outlineStyle-Link--focus);
   outline-offset: var(--xmlui-outlineOffset-Link--focus);
 }
-._container_1pdwf_13:not(._disabled_1pdwf_57)._active_1pdwf_53:hover {
+._container_k8i4t_13:not(._disabled_k8i4t_57)._active_k8i4t_53:hover {
   color: var(--xmlui-textColor-Link--hover--active);
 }
 
-._iconWrapper_1pdwf_73 {
+._iconWrapper_k8i4t_73 {
   padding: var(--xmlui-padding-icon-Link);
   padding-left: var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
   padding-right: var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)));
@@ -2047,25 +2047,24 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   line-height: 0;
 }
 
-._container_1pdwf_13:not(._active_1pdwf_53) {
+._container_k8i4t_13:not(._active_k8i4t_53) {
   text-underline-offset: var(--xmlui-textUnderlineOffset-Link);
-}
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover {
   text-decoration-line: var(--xmlui-textDecorationLine-Link);
+}
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):hover:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):hover:has(> button) {
   text-decoration-line: none;
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active {
-  text-decoration-line: var(--xmlui-textDecorationLine-Link);
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active {
   text-decoration-color: var(--xmlui-textDecorationColor-Link);
   text-decoration-style: var(--xmlui-textDecorationStyle-Link);
   text-decoration-thickness: var(--xmlui-textDecorationThickness-Link);
 }
-._container_1pdwf_13:not(._active_1pdwf_53):not([disabled]):active:has(> button) {
+._container_k8i4t_13:not(._active_k8i4t_53):not([disabled]):active:has(> button) {
   text-decoration-line: none;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -16009,7 +16008,7 @@ li ._htmlOl_1wzn5_205 {
       });
     }
   }
-  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.5 (built 4/3/2025)" };
+  var define_process_env_default$9 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
   class Mutation extends Removable {
     constructor(config2) {
       super();
@@ -36185,10 +36184,10 @@ ${error2.errorObject}`;
     }
   );
   const themeVars$E = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
-  const container$2 = "_container_1pdwf_13";
-  const active$3 = "_active_1pdwf_53";
-  const disabled$5 = "_disabled_1pdwf_57";
-  const iconWrapper = "_iconWrapper_1pdwf_73";
+  const container$2 = "_container_k8i4t_13";
+  const active$3 = "_active_k8i4t_53";
+  const disabled$5 = "_disabled_k8i4t_57";
+  const iconWrapper = "_iconWrapper_k8i4t_73";
   const styles$U = {
     themeVars: themeVars$E,
     container: container$2,
@@ -128308,6 +128307,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       }
       return defaultTone;
     });
+    reactExports.useEffect(() => {
+      if (defaultTone) {
+        setActiveThemeTone(defaultTone);
+      }
+    }, [defaultTone]);
     const themes = reactExports.useMemo(() => {
       return [...custThemes, ...builtInThemes];
     }, [custThemes]);
@@ -144736,7 +144740,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
     ] });
   }
-  const version = "0.9.5";
+  const version = "0.9.6";
   const ApiInterceptorContext = reactExports.createContext(null);
   function useApiInterceptorContext() {
     return reactExports.useContext(ApiInterceptorContext);
@@ -148365,7 +148369,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     standalone,
     trackContainerHeight,
     decorateComponentsWithTestId,
-    debugEnabled
+    debugEnabled,
+    children
   }) {
     const [loggedInUser, setLoggedInUser] = reactExports.useState(null);
     const debugView = useDebugView();
@@ -148662,7 +148667,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       cleanup: noop$5,
       memoedVarsRef
     });
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(AppStateContext.Provider, { value: appStateContextValue, children: renderedRoot }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(AppContext.Provider, { value: appContextValue, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AppStateContext.Provider, { value: appStateContextValue, children: [
+      renderedRoot,
+      children
+    ] }) });
   }
   function signError(error2) {
     _t$1.error(typeof error2 === "string" ? error2 : error2.message || "Something went wrong");
@@ -148682,7 +148690,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     defaultTone,
     resources,
     resourceMap,
-    sources
+    sources,
+    children
   }) => {
     if (previewMode) {
       q$1.canUseDOM = false;
@@ -148707,7 +148716,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               globalProps,
               standalone,
               decorateComponentsWithTestId,
-              debugEnabled
+              debugEnabled,
+              children
             }
           ) }) })
         }
@@ -148746,7 +148756,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     previewMode,
     resourceMap,
     sources,
-    extensionManager
+    extensionManager,
+    children
   }) {
     const rootNode = reactExports.useMemo(() => {
       const themedRoot = node2.type === "Theme" ? {
@@ -148786,7 +148797,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         standalone,
         trackContainerHeight,
         previewMode,
-        sources
+        sources,
+        children
       }
     ) }) });
   }
@@ -149491,7 +149503,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     ToneChangerButton: ToneChangerButtonMd,
     Tree: TreeMd
   };
-  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.5 (built 4/3/2025)" };
+  var define_process_env_default$2 = { VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
   const MAIN_FILE = "Main." + componentFileExtension;
   const MAIN_CODE_BEHIND_FILE = "Main." + codeBehindFileExtension;
   const CONFIG_FILE = "config.json";
@@ -153813,7 +153825,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   function isResponseWithoutBody(status) {
     return RESPONSE_STATUS_CODES_WITHOUT_BODY.has(status);
   }
-  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.5 (built 4/3/2025)" };
+  var define_process_env_default$1 = { NODE_ENV: "production", VITE_MOCK_ENABLED: true, VITE_MOCK_WORKER_LOCATION: "mockApi.js", VITE_USED_COMPONENTS_Pdf: "false", VITE_USED_COMPONENTS_Chart: "false", VITE_USER_COMPONENTS_XmluiCodeHightlighter: "false", VITE_USED_COMPONENTS_Tree: "false", VITE_XMLUI_VERSION: "0.9.6 (built 4/4/2025)" };
   var __defProp$7 = Object.defineProperty;
   var __export = (target2, all2) => {
     for (var name2 in all2)

package/dist/xmlui.d.ts

@@ -317,7 +317,7 @@ declare type AppContextObject = {
  * from either code-behind files or inlined markup expressions) and executes
  * the app accordingly.
  */
-export declare function AppRoot({ apiInterceptor, contributes, node, decorateComponentsWithTestId, debugEnabled, defaultTheme, defaultTone, resources, globalProps, standalone, trackContainerHeight, routerBaseName, previewMode, resourceMap, sources, extensionManager, }: AppWrapperProps & {
+export declare function AppRoot({ apiInterceptor, contributes, node, decorateComponentsWithTestId, debugEnabled, defaultTheme, defaultTone, resources, globalProps, standalone, trackContainerHeight, routerBaseName, previewMode, resourceMap, sources, extensionManager, children }: AppWrapperProps & {
     extensionManager?: StandaloneExtensionManager;
 }): JSX_2.Element;
 
@@ -337,6 +337,7 @@ declare type AppWrapperProps = {
     defaultTone?: ThemeTone;
     resourceMap?: Record<string, string>;
     sources?: Record<string, string>;
+    children?: ReactNode;
 };
 
 declare type ARRAY_DESTRUCTURE = typeof T_ARRAY_DESTRUCTURE;

package/dist/xmlui.mjs

@@ -1,4 +1,4 @@
-import { A, B, E, I, i, h, S, b, c, e, f, j, p, s, t, k, u } from "./index-tLddBc_K.mjs";
+import { A, B, E, I, i, h, S, b, c, e, f, j, p, s, t, k, u } from "./index-B18vblD8.mjs";
 export {
   A as AppRoot,
   B as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xmlui",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "sideEffects": false,
   "scripts": {
     "start-test-bed": "cd src/testing/infrastructure && xmlui start",