xmlui 0.11.10 → 0.11.11

package/dist/lib/{index-DfOJVz5h.js → index-BNm0RhXG.js}

@@ -18009,6 +18009,8 @@ const CompoundComponent = forwardRef(
     appContext,
     state,
     lookupAction,
+    contextVars,
+    // Extract contextVars to prevent it from being passed to DOM elements
     ...restProps
   }, forwardedRef) => {
     const resolvedPropsInner = useMemo(() => {
@@ -24406,7 +24408,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-DZD5kuk6.js");
+      const { initMock } = await import("./initMock-DK8FL64P.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -24423,7 +24425,7 @@ function ApiInterceptorProvider({
           if (process.env.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-dwrAyq6l.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-DZD5kuk6.js")
+              import("./initMock-DK8FL64P.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -24460,7 +24462,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-dwrAyq6l.js"),
-            import("./initMock-DZD5kuk6.js")
+            import("./initMock-DK8FL64P.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -31971,6 +31973,36 @@ const XmlUiRedThemeDefinition = {
   extends: "xmlui",
   themeVars: { ...redThemeColors }
 };
+const XmlUiDocsThemeDefinition = {
+  id: "xmlui-docs",
+  extends: "xmlui",
+  themeVars: {}
+};
+const XmlUiBlogThemeDefinition = {
+  id: "xmlui-blog",
+  extends: "xmlui",
+  themeVars: {}
+};
+const XmlUiWebThemeDefinition = {
+  id: "xmlui-web",
+  extends: "xmlui",
+  themeVars: {
+    // --- Fundamental colors & typography
+    "maxWidth-content-AppHeader": "1280px",
+    backgroundColor: "$color-surface-0",
+    "color-primary": "#3367CC",
+    "color-surface": "#1e2734",
+    "fontWeight-Text": "400",
+    "fontWeight-bold": "700",
+    "textColor-primary": "$color-surface-800",
+    "textColor-NavLink--active": "$color-primary",
+    // --- App layout
+    "maxWidth-content-App": "800px",
+    // --- Headings
+    "fontSize-H2": "32px",
+    "fontSize-H3": "$space-6"
+  }
+};
 const ThemeToneKeys = ["light", "dark"];
 function useCompiledTheme(activeTheme, activeTone, themes = EMPTY_ARRAY, resources = EMPTY_OBJECT, resourceMap = EMPTY_OBJECT) {
   const componentRegistry = useComponentRegistry();
@@ -32135,7 +32167,10 @@ const builtInThemes = [
   XmlUiOrangeThemeDefinition,
   XmlUiPurpleThemeDefinition,
   XmlUiCyanThemeDefinition,
-  XmlUiRedThemeDefinition
+  XmlUiRedThemeDefinition,
+  XmlUiDocsThemeDefinition,
+  XmlUiBlogThemeDefinition,
+  XmlUiWebThemeDefinition
   /*SolidThemeDefinition,*/
 ];
 function ThemeProvider({
@@ -46302,7 +46337,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.11.10";
+const version = "0.11.11";
 const miscellaneousUtils = {
   capitalize,
   pluralize: pluralize$1,
@@ -49623,9 +49658,6 @@ const ComponentAdapter = forwardRef(function ComponentAdapter2({
     (url) => {
       const extractedUrl = valueExtractor(url);
       if (typeof extractedUrl !== "string" || extractedUrl.trim() === "") {
-        console.warn(
-          `Component '${safeNode.type}': the extracted resource URL is not a valid string: value ${extractedUrl}, type ${typeof extractedUrl}`
-        );
         return void 0;
       }
       return getResourceUrl(extractedUrl);

package/dist/lib/{initMock-DZD5kuk6.js → initMock-DK8FL64P.js}

@@ -1,6 +1,6 @@
 import { delay as delay$1, HttpResponse, matchRequestUrl } from "msw";
 import { isArray, isObject, 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-DfOJVz5h.js";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./index-BNm0RhXG.js";
 import Dexie from "dexie";
 var HttpStatusCode = /* @__PURE__ */ ((HttpStatusCode2) => {
   HttpStatusCode2[HttpStatusCode2["Continue"] = 100] = "Continue";

package/dist/lib/xmlui.js

@@ -1,4 +1,4 @@
-import { aa, Z, al, a1, ax, av, _, $, ai, ak, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-DfOJVz5h.js";
+import { aa, Z, al, a1, ax, av, _, $, ai, ak, aw, ag, ab, a2, a0, S, ar, b, ao, ap, a4, a5, ae, af, as, aj, at, au, ah, ad, c, f, e, h, j, k, l, i, n, p, q, s, u, v, x, w, t, y, z, A, B, C, D, E, F, G, H, I, J, K, L, M, P, N, O, Q, R, U, V, a3, W, X, a7, an, a6, a8, aq, a9, am, Y, ac } from "./index-BNm0RhXG.js";
 import { e as e2, x as x2 } from "./xmlui-parser-CW8YmGjO.js";
 import { X as X2 } from "./xmlui-serializer-CeCcgdVR.js";
 export {

package/dist/metadata/{collectedComponentMetadata-BzigLDo6.js → collectedComponentMetadata-DvV8yJ4N.js}

@@ -6812,6 +6812,36 @@ const XmlUiRedThemeDefinition = {
   extends: "xmlui",
   themeVars: { ...redThemeColors }
 };
+const XmlUiDocsThemeDefinition = {
+  id: "xmlui-docs",
+  extends: "xmlui",
+  themeVars: {}
+};
+const XmlUiBlogThemeDefinition = {
+  id: "xmlui-blog",
+  extends: "xmlui",
+  themeVars: {}
+};
+const XmlUiWebThemeDefinition = {
+  id: "xmlui-web",
+  extends: "xmlui",
+  themeVars: {
+    // --- Fundamental colors & typography
+    "maxWidth-content-AppHeader": "1280px",
+    backgroundColor: "$color-surface-0",
+    "color-primary": "#3367CC",
+    "color-surface": "#1e2734",
+    "fontWeight-Text": "400",
+    "fontWeight-bold": "700",
+    "textColor-primary": "$color-surface-800",
+    "textColor-NavLink--active": "$color-primary",
+    // --- App layout
+    "maxWidth-content-App": "800px",
+    // --- Headings
+    "fontSize-H2": "32px",
+    "fontSize-H3": "$space-6"
+  }
+};
 const ThemeToneKeys = ["light", "dark"];
 function useCompiledTheme(activeTheme, activeTone, themes = EMPTY_ARRAY, resources = EMPTY_OBJECT, resourceMap = EMPTY_OBJECT) {
   const componentRegistry = useComponentRegistry();
@@ -6976,7 +7006,10 @@ const builtInThemes = [
   XmlUiOrangeThemeDefinition,
   XmlUiPurpleThemeDefinition,
   XmlUiCyanThemeDefinition,
-  XmlUiRedThemeDefinition
+  XmlUiRedThemeDefinition,
+  XmlUiDocsThemeDefinition,
+  XmlUiBlogThemeDefinition,
+  XmlUiWebThemeDefinition
   /*SolidThemeDefinition,*/
 ];
 function ThemeProvider({
@@ -31732,6 +31765,8 @@ const CompoundComponent = forwardRef(
     appContext,
     state,
     lookupAction,
+    contextVars,
+    // Extract contextVars to prevent it from being passed to DOM elements
     ...restProps
   }, forwardedRef) => {
     const resolvedPropsInner = useMemo(() => {
@@ -47912,7 +47947,7 @@ function IconProvider({ children }) {
     /* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
   ] });
 }
-const version = "0.11.10";
+const version = "0.11.11";
 const miscellaneousUtils = {
   capitalize,
   pluralize: pluralize$1,
@@ -51366,9 +51401,6 @@ const ComponentAdapter = forwardRef(function ComponentAdapter2({
     (url) => {
       const extractedUrl = valueExtractor(url);
       if (typeof extractedUrl !== "string" || extractedUrl.trim() === "") {
-        console.warn(
-          `Component '${safeNode.type}': the extracted resource URL is not a valid string: value ${extractedUrl}, type ${typeof extractedUrl}`
-        );
         return void 0;
       }
       return getResourceUrl(extractedUrl);
@@ -55564,7 +55596,7 @@ function ApiInterceptorProvider({
       return;
     }
     void (async () => {
-      const { initMock } = await import("./initMock-JW5A3SpD.js");
+      const { initMock } = await import("./initMock-Bndg9J7D.js");
       const apiInstance2 = await initMock(interceptor);
       setApiInstance(apiInstance2);
       setInitialized(true);
@@ -55581,7 +55613,7 @@ function ApiInterceptorProvider({
           if (define_process_env_default.VITE_MOCK_ENABLED) {
             const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
               useWorker ? import("./apiInterceptorWorker-Wgm2_zjg.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
-              import("./initMock-JW5A3SpD.js")
+              import("./initMock-Bndg9J7D.js")
             ]);
             if (interceptor || forceInitialize) {
               const apiInstance2 = await initMock(interceptor || {});
@@ -55618,7 +55650,7 @@ function ApiInterceptorProvider({
         void (async () => {
           const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
             import("./apiInterceptorWorker-Wgm2_zjg.js"),
-            import("./initMock-JW5A3SpD.js")
+            import("./initMock-Bndg9J7D.js")
           ]);
           const apiInstance2 = await initMock(interceptor);
           await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
@@ -58577,7 +58609,10 @@ const collectedThemes = {
   xmluiOrange: XmlUiOrangeThemeDefinition,
   xmluiPurple: XmlUiPurpleThemeDefinition,
   xmluiCyan: XmlUiCyanThemeDefinition,
-  xmluiRed: XmlUiRedThemeDefinition
+  xmluiRed: XmlUiRedThemeDefinition,
+  xmluiDocs: XmlUiDocsThemeDefinition,
+  xmluiBlog: XmlUiBlogThemeDefinition,
+  xmluiWeb: XmlUiWebThemeDefinition
 };
 export {
   ThrowStatementError as T,

package/dist/metadata/{initMock-JW5A3SpD.js → initMock-Bndg9J7D.js}

@@ -1,6 +1,6 @@
 import { delay as delay$1, HttpResponse, matchRequestUrl } from "msw";
 import { isArray, isObject, 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 "./collectedComponentMetadata-BzigLDo6.js";
+import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError } from "./collectedComponentMetadata-DvV8yJ4N.js";
 import Dexie from "dexie";
 var HttpStatusCode = /* @__PURE__ */ ((HttpStatusCode2) => {
   HttpStatusCode2[HttpStatusCode2["Continue"] = 100] = "Continue";

package/dist/metadata/xmlui-metadata.js

@@ -1,4 +1,4 @@
-import { c, b } from "./collectedComponentMetadata-BzigLDo6.js";
+import { c, b } from "./collectedComponentMetadata-DvV8yJ4N.js";
 export {
   c as collectedComponentMetadata,
   b as collectedThemes