xmlui 0.4.2-beta.1 → 0.4.3

package/dist/{nivo-bar.es-tnCyX0Yr.mjs → nivo-bar.es-Bxk3Dn8A.mjs}

@@ -1,5 +1,5 @@
-import { C as Pt, k as C, A as x, D as li, E as on, F as ui, G as si, H as ci } from "./index-standalone-UVkKZMvh.mjs";
-import { B as di, C as $t, D as lr, E as ln, F as An, G as fi, L as ur, Q as hi, R as gi, T as On, Y as Pe, Z as jt, _ as Mt, $ as _t, a0 as yi, a1 as sr, a2 as mi, a3 as vi, a4 as cr, a5 as bi, a6 as xi, a7 as pi, a8 as ki, a9 as dr, aa as fr, ab as hr, ac as It, ad as Ti, ae as Mi, af as gr, ag as un, ah as sn, ai as yr, aj as Bt, ak as Si, al as mr, am as Ci, an as vr, ao as cn, ap as wi, aq as $i, ar as Wi, as as dn, at as Ln, au as Fn, av as Ai, aw as Oi, ax as Li, ay as Fi, az as ji, aA as _i, aB as Ei, aC as Pi, aD as Ii, aE as Bi, aF as Di, aG as Ui, aH as Vi, aI as Yi, aJ as Ri, aK as Hi, aL as zi, z as Oe, l as le, aM as Xi, U as vt, u as Dt, aN as Wt, r as Gi, K as en, aO as Ni, aP as At, aQ as fn, aR as br, aS as Ki, aT as qi, aU as Ji, aV as xr, aW as Qi, aX as hn, aY as Zi, aZ as ea, a_ as ta, a$ as na, b0 as ra, b1 as ia, b2 as pr, b3 as aa, b4 as oa, J as la, b5 as ua, b6 as sa, N as ca, x as kr, k as jn, w as da, S as Tr, I as Mr, o as Sr, q as fa, b7 as ha, v as ga, O as Cr, H as ya, A as Xt, y as ma, W as Gt, n as va, X as _n, b8 as ba, b9 as xa } from "./nivo-legends.es-D-P_F-6G.mjs";
+import { C as Pt, k as C, A as x, D as li, E as on, F as ui, G as si, H as ci } from "./index-standalone-Cn89JdlG.mjs";
+import { B as di, C as $t, D as lr, E as ln, F as An, G as fi, L as ur, Q as hi, R as gi, T as On, Y as Pe, Z as jt, _ as Mt, $ as _t, a0 as yi, a1 as sr, a2 as mi, a3 as vi, a4 as cr, a5 as bi, a6 as xi, a7 as pi, a8 as ki, a9 as dr, aa as fr, ab as hr, ac as It, ad as Ti, ae as Mi, af as gr, ag as un, ah as sn, ai as yr, aj as Bt, ak as Si, al as mr, am as Ci, an as vr, ao as cn, ap as wi, aq as $i, ar as Wi, as as dn, at as Ln, au as Fn, av as Ai, aw as Oi, ax as Li, ay as Fi, az as ji, aA as _i, aB as Ei, aC as Pi, aD as Ii, aE as Bi, aF as Di, aG as Ui, aH as Vi, aI as Yi, aJ as Ri, aK as Hi, aL as zi, z as Oe, l as le, aM as Xi, U as vt, u as Dt, aN as Wt, r as Gi, K as en, aO as Ni, aP as At, aQ as fn, aR as br, aS as Ki, aT as qi, aU as Ji, aV as xr, aW as Qi, aX as hn, aY as Zi, aZ as ea, a_ as ta, a$ as na, b0 as ra, b1 as ia, b2 as pr, b3 as aa, b4 as oa, J as la, b5 as ua, b6 as sa, N as ca, x as kr, k as jn, w as da, S as Tr, I as Mr, o as Sr, q as fa, b7 as ha, v as ga, O as Cr, H as ya, A as Xt, y as ma, W as Gt, n as va, X as _n, b8 as ba, b9 as xa } from "./nivo-legends.es-Dx4X21-T.mjs";
 import { c as Lt, a as pa } from "./array-USo-Szhp.mjs";
 function ka(e, t, n) {
   e = +e, t = +t, n = (r = arguments.length) < 2 ? (t = e, e = 0, 1) : r < 3 ? 1 : +n;

package/dist/{nivo-geo.es-BQ3VnkfD.mjs → nivo-geo.es-CpGxXa45.mjs}

@@ -1,5 +1,5 @@
-import { k as q, A as $, l as S } from "./index-standalone-UVkKZMvh.mjs";
-import { z as ot, X as $i, ba as pt, bb as ht, L as zi, bc as Bi, bd as Di, w as Xi, be as Yi, bf as Hi, o as Nt, x as Gt, v as Ze, bg as bt, I as At, q as Zi, y as Ki, H as Ji, A as Ke } from "./nivo-legends.es-D-P_F-6G.mjs";
+import { k as q, A as $, l as S } from "./index-standalone-Cn89JdlG.mjs";
+import { z as ot, X as $i, ba as pt, bb as ht, L as zi, bc as Bi, bd as Di, w as Xi, be as Yi, bf as Hi, o as Nt, x as Gt, v as Ze, bg as bt, I as At, q as Zi, y as Ki, H as Ji, A as Ke } from "./nivo-legends.es-Dx4X21-T.mjs";
 function ut() {
   return new wt();
 }

package/dist/{nivo-legends.es-D-P_F-6G.mjs → nivo-legends.es-Dx4X21-T.mjs}

@@ -1,4 +1,4 @@
-import { k as x, I as zc, A as S, C as Ce, D as mt, J as Pe, F as Wc, E as Je, K as Bc, H as Hc, G as Ra, L as Vc, l as h, M as Ia } from "./index-standalone-UVkKZMvh.mjs";
+import { k as x, I as zc, A as S, C as Ce, D as mt, J as Pe, F as Wc, E as Je, K as Bc, H as Hc, G as Ra, L as Vc, l as h, M as Ia } from "./index-standalone-Cn89JdlG.mjs";
 var Ea = Jt(), L = (e) => Zt(e, Ea), ja = Jt();
 L.write = (e) => Zt(e, ja);
 var Dn = Jt();

package/dist/{nivo-pie.es-Z4Ty7kQd.mjs → nivo-pie.es-BQqtQwEz.mjs}

@@ -1,5 +1,5 @@
-import { k, A as w } from "./index-standalone-UVkKZMvh.mjs";
-import { h as jn, e as Z, t as vn, c as Re, s as ie, m as Cn, a as En, b as Pn, p as Wn, d as nt, f as Ce, g as H, i as tt, j as rt, W as $e, z as ve, X as he, N as pn, r as it, J as Ie, U as $n, u as wn, K as ge, V as at, k as Ve, P as ot, l as Oe, M as st, w as ut, O as lt, n as dt, S as Dn, I as Vn, o as Bn, q as ct, v as ft, H as gt, x as Fn, y as ht, A as vt } from "./nivo-legends.es-D-P_F-6G.mjs";
+import { k, A as w } from "./index-standalone-Cn89JdlG.mjs";
+import { h as jn, e as Z, t as vn, c as Re, s as ie, m as Cn, a as En, b as Pn, p as Wn, d as nt, f as Ce, g as H, i as tt, j as rt, W as $e, z as ve, X as he, N as pn, r as it, J as Ie, U as $n, u as wn, K as ge, V as at, k as Ve, P as ot, l as Oe, M as st, w as ut, O as lt, n as dt, S as Dn, I as Vn, o as Bn, q as ct, v as ft, H as gt, x as Fn, y as ht, A as vt } from "./nivo-legends.es-Dx4X21-T.mjs";
 import { c as _, a as Gn } from "./array-USo-Szhp.mjs";
 const In = Math.PI, On = 2 * In, ye = 1e-6, pt = On - ye;
 function Hn(e) {

package/dist/{react-apexcharts.min-DgtmaDk9.mjs → react-apexcharts.min-CDn4NFvp.mjs}

@@ -1,4 +1,4 @@
-import { k as Zt, B as $t } from "./index-standalone-UVkKZMvh.mjs";
+import { k as Zt, B as $t } from "./index-standalone-Cn89JdlG.mjs";
 function Jt(H, O) {
   for (var W = 0; W < O.length; W++) {
     const z = O[W];

package/dist/scripts/docs/syntax/grammar.tmLanguage.json

@@ -1,12 +1,13 @@
 {
     "name": "xmlui",
-    "scopeName": "source.ueml",
+    "scopeName": "source.xmlui",
     "patterns": [{ "include": "#root" }],
     "repository": {
         "root": {
             "patterns": [
                 { "include": "#comments" },
                 { "include": "#helperTag" },
+                { "include": "#slotTag" },
                 { "include": "#componentTag" },
                 { "include": "#escapeCharacter" },
                 { "include": "#textWithBindingExpr" },
@@ -87,11 +88,7 @@
                         "2": { "name": "keyword.operator.namespace.xmlui" },
                         "3": { "name": "entity.name.tag.localname.xmlui" }
                     },
-                    "patterns": [
-                        { "include": "#comments" },
-                        { "include": "#componentTag" },
-                        { "include": "source.js" }
-                    ],
+                    "patterns": [{ "include": "#comments" }, { "include": "#componentTag" }, { "include": "source.js" }],
                     "end": "(</)((?:[a-zA-Z_][\\w\\.\\-]*?:)?)(event)(?=\\s*>)"
                 }
             ],
@@ -124,11 +121,7 @@
                         "2": { "name": "keyword.operator.namespace.xmlui" },
                         "3": { "name": "entity.name.tag.localname.xmlui" }
                     },
-                    "patterns": [
-                        { "include": "#comments" },
-                        { "include": "#componentTag" },
-                        { "include": "source.js" }
-                    ],
+                    "patterns": [{ "include": "#comments" }, { "include": "#componentTag" }, { "include": "source.js" }],
                     "end": "(</)((?:[a-zA-Z_][\\w\\.\\-]*?:)?)(field)(?=\\s*>)"
                 }
             ],
@@ -161,16 +154,21 @@
                         "2": { "name": "keyword.operator.namespace.xmlui" },
                         "3": { "name": "entity.name.tag.localname.xmlui" }
                     },
-                    "patterns": [
-                        { "include": "#comments" },
-                        { "include": "#componentTag" },
-                        { "include": "source.js" }
-                    ],
+                    "patterns": [{ "include": "#comments" }, { "include": "#componentTag" }, { "include": "source.js" }],
                     "end": "(</)((?:[a-zA-Z_][\\w\\.\\-]*?:)?)(item)(?=\\s*>)"
                 }
             ],
             "end": ">"
         },
+        "slotTag": {
+            "match": "(</?)((?:[a-zA-Z_][\\w\\.\\-]*?:)?)([a-z][-\\w\\.$]*)(\\s*/?>)",
+            "captures": {
+                "1": { "name": "punctuation.definition.tag.xmlui" },
+                "2": { "name": "keyword.operator.namespace.xmlui" },
+                "3": { "name": "support.variable.xmlui" },
+                "4": { "name": "punctuation.definition.tag.xmlui" }
+            }
+        },
         "bindingExpr": {
             "contentName": "meta.embedded.block.javascript",
             "begin": "\\{",
@@ -224,11 +222,7 @@
             "patterns": [{ "include": "source.js" }]
         },
         "textWithBindingExpr": {
-            "patterns": [
-                { "include": "#escapeCharacter" },
-                { "include": "#entity" },
-                { "include": "#bindingExpr" }
-            ]
+            "patterns": [{ "include": "#escapeCharacter" }, { "include": "#entity" }, { "include": "#bindingExpr" }]
         },
         "propOrVarTag": {
             "begin": "(</?)([a-zA-Z_][\\w\\.\\-]*?:)?((?:var)|(?:prop))",
@@ -254,11 +248,7 @@
             "endCaptures": {
                 "1": { "name": "punctuation.definition.tag.xmlui" }
             },
-            "patterns": [
-                { "include": "#comments" },
-                { "include": "#eventHandler" },
-                { "include": "#attribute" }
-            ]
+            "patterns": [{ "include": "#comments" }, { "include": "#eventHandler" }, { "include": "#attribute" }]
         },
         "quotedStringJsInside": {
             "begin": "\"|'|`",
@@ -295,6 +285,8 @@
         "attribute": {
             "patterns": [
                 {
+                    "begin": "(?:^|\\s+)([a-zA-Z$_][-\\w.$]*(?::[a-zA-Z$_][-\\w.$]*)?)(\\s*=)(\\s*['\"`])",
+                    "end": "\\3",
                     "beginCaptures": {
                         "1": { "name": "entity.other.attribute-name.localname.xmlui" },
                         "2": { "name": "keyword.operator.xmlui" },
@@ -303,66 +295,27 @@
                     "endCaptures": {
                         "0": { "name": "string.xmlui" }
                     },
-                    "begin": "(?:^|\\s+)([a-zA-Z$_][-\\w.:$]*)(\\s*=)(\\s*['\"`])",
-                    "end": "\\3",
                     "contentName": "string.xmlui",
                     "patterns": [{ "include": "#textWithBindingExpr" }]
                 },
                 {
-                    "match": "([a-zA-Z$_][-\\w.:$]*)",
-                    "name": "entity.other.attribute-name.localname.xmlui",
-                    "patterns": [{ "include": "#textWithBindingExpr" }]
+                    "match": "(?:^|\\s+)([a-zA-Z$_][-\\w.$]*(?::[a-zA-Z$_][-\\w.$]*)?)(\\s*=\\s*)([a-zA-Z$_][-\\w.$]*)",
+                    "captures": {
+                        "1": { "name": "entity.other.attribute-name.localname.xmlui" },
+                        "2": { "name": "keyword.operator.xmlui" },
+                        "3": { "name": "string.xmlui" }
+                    }
+                },
+                {
+                    "match": "([a-zA-Z$_][-\\w.$]*(?::[a-zA-Z$_][-\\w.$]*)?)",
+                    "name": "entity.other.attribute-name.localname.xmlui"
                 }
             ]
         },
         "escapeCharacter": {
             "patterns": [
                 {
-                    "match": "\\\\S",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\0",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\'",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\\"",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\\\\\",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\n",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\r",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\v",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\t",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\b",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\\n",
-                    "name": "constant.character.escape.xmlui"
-                },
-                {
-                    "match": "\\\\f",
+                    "match": "&(amp|gt|lt|apos|quot|nbsp);",
                     "name": "constant.character.escape.xmlui"
                 }
             ]

package/dist/scripts/docs/syntax/textMate/xmlui.json

@@ -252,6 +252,14 @@
                 "foreground": "#000013"
             }
         },
+        {
+            "scope": [
+                "support.variable.xmlui"
+            ],
+            "settings": {
+                "foreground": "#000014"
+            }
+        },
         {
             "scope": [
                 "meta.paragraph.markdown",

package/dist/scripts/xmlui/src/components/Accordion/Accordion.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.accordionComponentRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Accordion_module_scss_1 = __importDefault(require("./Accordion.module.scss"));
+const renderers_1 = require("@components-core/renderers");
+const descriptorHelper_1 = require("@components-core/descriptorHelper");
+const themeVars_1 = require("@components-core/theming/themeVars");
+const metadata = {
+    displayName: "Accordion",
+    description: "A collapsible container that toggles the display of content sections.",
+    props: {
+        header: (0, descriptorHelper_1.desc)("Text used in the component's header"),
+        headerTemplate: (0, descriptorHelper_1.desc)("Template to use as the component's header"),
+        initiallyExpanded: (0, descriptorHelper_1.desc)("Indicates if the accordion is expanded or collapsed"),
+        triggerPosition: (0, descriptorHelper_1.desc)("Position where the trigger icon should be displayed"),
+        collapsedIcon: (0, descriptorHelper_1.desc)("Name of the icon displayed when the accordion is collapsed"),
+        expandedIcon: (0, descriptorHelper_1.desc)("Name of the icon displayed when the accordion is expanded"),
+        hideIcon: (0, descriptorHelper_1.desc)("Indicates that the trigger icon is not displayed"),
+        positionInGroup: (0, descriptorHelper_1.desc)("Position of the accordion in a group of accordions"),
+    },
+    events: {
+        displayDidChange: (0, descriptorHelper_1.desc)("Triggered when the state of the accordion changes"),
+    },
+    themeVars: (0, themeVars_1.parseScssVar)(Accordion_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        "padding-horizontal-header-Accordion": "",
+        "padding-vertical-header-Accordion": "",
+        "align-vertical-header-Accordion": "",
+        "font-size-header-Accordion": "",
+        "font-weight-header-Accordion": "",
+        "font-style-header-Accordion": "",
+        "border-radius-Accordion": "",
+        "thickness-border-Accordion": "",
+        "style-border-Accordion": "",
+        "width-icon-Accordion": "",
+        "height-icon-Accordion": "",
+        light: {
+            "color-bg-header-Accordion": "",
+            "color-header-Accordion": "",
+            "color-border-Accordion": "",
+            "color-icon-Accordion": "",
+        },
+        dark: {
+            "color-bg-header-Accordion": "",
+            "color-header-Accordion": "",
+            "color-border-Accordion": "",
+            "color-icon-Accordion": "",
+        },
+    },
+};
+exports.accordionComponentRenderer = (0, renderers_1.createComponentRenderer)("Accordion", ({ node, extractValue, lookupEventHandler, layoutCss }) => {
+    return (0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: "red", color: "white" }, children: "Accordion component is not implemented yet" });
+}, metadata);

package/dist/scripts/xmlui/src/components/Alert/Alert.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertComponentRenderer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Alert_module_scss_1 = __importDefault(require("./Alert.module.scss"));
+const renderers_1 = require("@components-core/renderers");
+const descriptorHelper_1 = require("@components-core/descriptorHelper");
+const themeVars_1 = require("@components-core/theming/themeVars");
+const metadata = {
+    displayName: "Accordion",
+    description: "A collapsible container that toggles the display of content sections.",
+    props: {
+        statusColor: (0, descriptorHelper_1.desc)("Status color of the alert"),
+        dismissable: (0, descriptorHelper_1.desc)("Indicates if the alert is dismissable"),
+        autoDismissInMilliseconds: (0, descriptorHelper_1.desc)("Timeout for the alert to be dismissed"),
+        showIcon: (0, descriptorHelper_1.desc)("Indicates if the alert should display an icon"),
+        icon: (0, descriptorHelper_1.desc)("Icon to be displayed in the alert"),
+    },
+    events: {},
+    themeVars: (0, themeVars_1.parseScssVar)(Alert_module_scss_1.default.themeVars),
+    defaultThemeVars: {
+        light: {},
+        dark: {},
+    },
+};
+exports.alertComponentRenderer = (0, renderers_1.createComponentRenderer)("Alert", ({ node, extractValue, lookupEventHandler, layoutCss }) => {
+    return (0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: "red", color: "white" }, children: "Alert component is not implemented yet" });
+}, metadata);

package/dist/scripts/xmlui/src/components/App/App.js

@@ -1,15 +1,4 @@
 "use strict";
-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 };
 };
@@ -22,18 +11,20 @@ const react_2 = require("@remix-run/react");
 const lodash_es_1 = require("lodash-es");
 const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
 const App_module_scss_1 = __importDefault(require("./App.module.scss"));
+const AppLayoutContext_1 = require("./AppLayoutContext");
 const renderers_1 = require("@components-core/renderers");
 const AppContext_1 = require("@components-core/AppContext");
-const AppLayoutContext_1 = require("./AppLayoutContext");
 const Sheet_1 = require("@components/App/Sheet");
 const ScrollContext_1 = require("@components-core/ScrollContext");
 const descriptorHelper_1 = require("@components-core/descriptorHelper");
 const themeVars_1 = require("@components-core/theming/themeVars");
 const AppHeader_1 = require("@components/AppHeader/AppHeader");
-const misc_1 = require("@components-core/utils/misc");
 const hooks_1 = require("@components-core/utils/hooks");
-function App({ children, style, layout = "horizontal", loggedInUser, logoContent, scrollWholePage = true, onReady = lodash_es_1.noop, header, footer, }) {
-    const safeLayout = layout === null || layout === void 0 ? void 0 : layout.trim().replace(/[\u2013\u2014\u2011]/g, "-"); //It replaces all &ndash; (–) and &mdash; (—) and non-breaking hyphen '‑' symbols with simple dashes (-).
+const ThemeContext_1 = require("@components-core/theming/ThemeContext");
+function App({ children, style, layout, loggedInUser, logoContent, scrollWholePage = true, onReady = lodash_es_1.noop, header, footer, }) {
+    const { getThemeVar } = (0, ThemeContext_1.useTheme)();
+    const layoutWithDefaultValue = layout || getThemeVar("layout-App") || "condensed-sticky";
+    const safeLayout = layoutWithDefaultValue === null || layoutWithDefaultValue === void 0 ? void 0 : layoutWithDefaultValue.trim().replace(/[\u2013\u2014\u2011]/g, "-"); //It replaces all &ndash; (–) and &mdash; (—) and non-breaking hyphen '‑' symbols with simple dashes (-).
     const { setLoggedInUser, mediaSize } = (0, AppContext_1.useAppContext)();
     const [registeredHeaders, setRegisteredHeaders] = (0, react_1.useState)({});
     const [registeredNavPanels, setRegisteredNavPanels] = (0, react_1.useState)({});
@@ -193,7 +184,7 @@ function App({ children, style, layout = "horizontal", loggedInUser, logoContent
         case "condensed-sticky":
             content = ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(wrapperBaseClasses, App_module_scss_1.default.horizontal, {
                     [App_module_scss_1.default.sticky]: safeLayout === "condensed-sticky",
-                }), style: styleWithHelpers, ref: scrollPageContainerRef, children: [(0, jsx_runtime_1.jsxs)("header", { className: (0, classnames_1.default)(App_module_scss_1.default.headerWrapper, {
+                }), style: styleWithHelpers, ref: scrollPageContainerRef, children: [(0, jsx_runtime_1.jsxs)("header", { className: (0, classnames_1.default)("app-layout-condensed", App_module_scss_1.default.headerWrapper, {
                             [App_module_scss_1.default.sticky]: safeLayout === "condensed-sticky",
                         }), ref: headerRefCallback, children: [!hasRegisteredHeader && hasRegisteredNavPanel && ((0, jsx_runtime_1.jsx)(AppHeader_1.AppHeader, { canRestrictContentWidth: true, logoContent: logoContent, navPanelVisible: navPanelVisible, toggleDrawer: toggleDrawer, children: (0, jsx_runtime_1.jsx)("div", { ref: setNavPanelRoot, style: { minWidth: 0 } }) })), header] }), (0, jsx_runtime_1.jsx)("div", { className: App_module_scss_1.default.PagesWrapper, ref: noScrollPageContainerRef, children: (0, jsx_runtime_1.jsx)(ScrollContext_1.ScrollContext.Provider, { value: scrollContainerRef, children: (0, jsx_runtime_1.jsx)("div", { className: App_module_scss_1.default.PagesWrapperInner, children: children }) }) }), (0, jsx_runtime_1.jsx)("div", { className: App_module_scss_1.default.footerWrapper, ref: footerRefCallback, children: footer })] }));
             break;
@@ -247,7 +238,21 @@ const metadata = {
     },
 };
 exports.appRenderer = (0, renderers_1.createComponentRenderer)("App", ({ node, extractValue, renderChild, layoutCss, lookupEventHandler }) => {
-    const _a = (0, misc_1.groupChildrenByType)(node), { AppHeader, Footer } = _a, rest = __rest(_a, ["AppHeader", "Footer"]);
-    const layoutType = extractValue(node.props.layout) || "condensed-sticky";
-    return ((0, jsx_runtime_1.jsx)(App, { scrollWholePage: extractValue.asOptionalBoolean(node.props.scrollWholePage), style: layoutCss, layout: layoutType, loggedInUser: extractValue(node.props.loggedInUser), logoContent: renderChild(node.props.logoTemplate), onReady: lookupEventHandler("ready"), header: renderChild(AppHeader), footer: renderChild(Footer), children: renderChild(Object.values(rest).flatMap((a) => a)) }));
+    var _a;
+    const AppHeaders = [];
+    const Footers = [];
+    const restChildren = [];
+    (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach((child) => {
+        if (child.type === "AppHeader") {
+            AppHeaders.push(child);
+        }
+        else if (child.type === "Footer") {
+            Footers.push(child);
+        }
+        else {
+            restChildren.push(child);
+        }
+    });
+    const layoutType = extractValue(node.props.layout);
+    return ((0, jsx_runtime_1.jsx)(App, { scrollWholePage: extractValue.asOptionalBoolean(node.props.scrollWholePage), style: layoutCss, layout: layoutType, loggedInUser: extractValue(node.props.loggedInUser), logoContent: renderChild(node.props.logoTemplate), onReady: lookupEventHandler("ready"), header: renderChild(AppHeaders), footer: renderChild(Footers), children: renderChild(restChildren) }));
 }, metadata);

package/dist/scripts/xmlui/src/components/AppHeader/AppHeader.js

@@ -13,7 +13,6 @@ const AppHeader_module_scss_1 = __importDefault(require("./AppHeader.module.scss
 const Icon_1 = require("@components/Icon/Icon");
 const renderers_1 = require("@components-core/renderers");
 const constants_1 = require("@components-core/constants");
-const AppContext_1 = require("@components-core/AppContext");
 const Logo_1 = require("@components/Logo/Logo");
 const AppLayoutContext_1 = require("@components/App/AppLayoutContext");
 const Button_1 = require("@components/Button/Button");
@@ -37,10 +36,9 @@ function useLogoUrl(inDrawer) {
     return themeLogoUrl || toneLogoUrl || baseLogoUrl;
 }
 const AppHeader = ({ children, profileMenu, style = constants_1.EMPTY_OBJECT, logoContent, className, canRestrictContentWidth, navPanelVisible = true, toggleDrawer, showLogo, hasRegisteredNavPanel, logoTitle }) => {
-    const { loggedInUser } = (0, AppContext_1.useAppContext)();
     return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(AppHeader_module_scss_1.default.header, className), style: style, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(AppHeader_module_scss_1.default.headerInner, {
                 [AppHeader_module_scss_1.default.full]: !canRestrictContentWidth,
-            }), children: [!navPanelVisible && hasRegisteredNavPanel && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: toggleDrawer, icon: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "hamburger" }), variant: "ghost", style: { color: "inherit", flexShrink: 0 } })), (showLogo || !navPanelVisible) && ((0, jsx_runtime_1.jsx)("div", { className: AppHeader_module_scss_1.default.logoContainer, children: logoContent ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: logoContent }) : (0, jsx_runtime_1.jsx)(Logo_1.Logo, { title: logoTitle }) })), (0, jsx_runtime_1.jsx)("div", { className: AppHeader_module_scss_1.default.childrenWrapper, children: children }), (0, jsx_runtime_1.jsx)("div", { className: AppHeader_module_scss_1.default.rightItems, children: profileMenu })] }) }));
+            }), children: [!navPanelVisible && hasRegisteredNavPanel && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: toggleDrawer, icon: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "hamburger" }), variant: "ghost", style: { color: "inherit", flexShrink: 0 } })), (showLogo || !navPanelVisible) && ((0, jsx_runtime_1.jsx)("div", { className: AppHeader_module_scss_1.default.logoContainer, children: logoContent ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: logoContent }) : (0, jsx_runtime_1.jsx)(Logo_1.Logo, { title: logoTitle }) })), (0, jsx_runtime_1.jsx)("div", { className: AppHeader_module_scss_1.default.childrenWrapper, children: children }), profileMenu && (0, jsx_runtime_1.jsx)("div", { className: AppHeader_module_scss_1.default.rightItems, children: profileMenu })] }) }));
 };
 exports.AppHeader = AppHeader;
 function AppContextAwareAppHeader({ children, logoContent, profileMenu, style, className, logoTitle, }) {

package/dist/scripts/xmlui/src/components/Badge/Badge.js

@@ -45,7 +45,7 @@ const metadata = {
         dark: {
             "color-bg-Badge": "$color-primary-500",
             "color-text-Badge": "$color-surface-50",
-        }
+        },
     },
 };
 exports.badgeComponentRenderer = (0, renderers_1.createComponentRenderer)("Badge", ({ node, extractValue }) => {

package/dist/scripts/xmlui/src/components/Bookmark/Bookmark.js

@@ -1,11 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.bookmarkComponentRenderer = void 0;
+exports.bookmarkComponentRenderer = exports.Bookmark = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const renderers_1 = require("@components-core/renderers");
+const react_1 = require("react");
+const TableOfContentsContext_1 = require("@components-core/TableOfContentsContext");
+const Bookmark = ({ uid, level, children }) => {
+    const elementRef = (0, react_1.useRef)(null);
+    const tableOfContentsContext = (0, react_1.useContext)(TableOfContentsContext_1.TableOfContentsContext);
+    const registerHeading = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.registerHeading;
+    const observeIntersection = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.observeIntersection;
+    (0, react_1.useEffect)(() => {
+        if (observeIntersection && elementRef.current && uid) {
+            return registerHeading === null || registerHeading === void 0 ? void 0 : registerHeading({
+                id: uid,
+                level,
+                text: uid,
+                anchor: elementRef.current,
+            });
+        }
+    }, [uid, observeIntersection, registerHeading, level]);
+    return (0, jsx_runtime_1.jsx)("span", { ref: elementRef, style: { width: 0, height: 0 }, id: uid, children: children });
+};
+exports.Bookmark = Bookmark;
 exports.bookmarkComponentRenderer = (0, renderers_1.createComponentRenderer)("Bookmark", (rendererContext) => {
     const { node, renderChild, extractValue, layoutContext } = rendererContext;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { id: extractValue(node.uid), style: { width: 0, height: 0 } }), renderChild(node.children, layoutContext)] }));
+    return ((0, jsx_runtime_1.jsx)(exports.Bookmark, { uid: extractValue(node.uid), level: extractValue(node.props.level), children: renderChild(node.children, layoutContext) }));
 }, {
     opaque: true,
 });

package/dist/scripts/xmlui/src/components/Button/Button.js

@@ -144,7 +144,7 @@ const metadata = {
             "color-bg-Button-primary-ghost--hover": "$color-primary-50",
             "color-bg-Button-primary-ghost--active": "$color-primary-100",
             "color-border-Button-secondary": "$color-secondary-100",
-            "color-bg-Button-secondary": "$color-secondary-50",
+            "color-bg-Button-secondary": "$color-secondary-500",
             "color-bg-Button-secondary--hover": "$color-secondary-400",
             "color-bg-Button-secondary--active": "$color-secondary-500",
             "color-bg-Button-secondary-outlined--hover": "$color-secondary-50",

package/dist/scripts/xmlui/src/components/Card/Card.js

@@ -47,7 +47,7 @@ const cardMetadata = {
         "thickness-border-Card": "1px",
         "style-border-Card": "solid",
         "border-Card": "$thickness-border-Card $style-border-Card $color-border-Card",
-        "radius-Cars": "$radius",
+        "radius-Card": "$radius",
         "shadow-Card": "none",
         light: {
             "color-bg-Card": "white",

package/dist/scripts/xmlui/src/components/ComponentProvider.js

@@ -53,7 +53,7 @@ const Footer_1 = require("@components/Footer/Footer");
 const NavGroup_1 = require("@components/NavGroup/NavGroup");
 const Logo_1 = require("@components/Logo/Logo");
 const RadioGroup_1 = require("@components/RadioGroup/RadioGroup");
-const ChildrenSlot_1 = require("@components-core/ChildrenSlot");
+const Slot_1 = require("@components-core/Slot");
 const FileInput_1 = require("@components/FileInput/FileInput");
 const Chart_1 = require("@components/Chart/Chart");
 const Spinner_1 = require("@components/Spinner/Spinner");
@@ -94,6 +94,10 @@ const IconInfoCard_1 = require("./IconInfoCard/IconInfoCard");
 const TableHeader_1 = require("./TableHeader/TableHeader");
 const Toolbar_1 = require("./Toolbar/Toolbar");
 const ToolbarButton_1 = require("./ToolbarButton/ToolbarButton");
+const TableOfContents_1 = require("@components/TableOfContents/TableOfContents");
+const Accordion_1 = require("./Accordion/Accordion");
+const Alert_1 = require("./Alert/Alert");
+const OffCanvas_1 = require("./OffCanvas/OffCanvas");
 class ComponentRegistry {
     constructor(contributes) {
         var _a, _b, _c;
@@ -110,7 +114,7 @@ class ComponentRegistry {
             this.registerComponentRenderer(Stack_1.cvStackComponentRenderer);
             this.registerComponentRenderer(Stack_1.chStackComponentRenderer);
         }
-        this.registerComponentRenderer(ChildrenSlot_1.childrenSlotHolder);
+        this.registerComponentRenderer(Slot_1.SlotHolder);
         if (process.env.VITE_USED_COMPONENTS_SpaceFiller !== "false") {
             this.registerComponentRenderer(SpaceFiller_1.spaceFillerComponentRenderer);
         }
@@ -269,6 +273,7 @@ class ComponentRegistry {
             this.registerComponentRenderer(Map_1.mapComponentRenderer);
             this.registerComponentRenderer(Tabs_1.tabsComponentRenderer);
             this.registerComponentRenderer(Bookmark_1.bookmarkComponentRenderer);
+            this.registerComponentRenderer(TableOfContents_1.tableOfContentsRenderer);
         }
         this.registerComponentRenderer(Theme_1.themeComponentRenderer);
         this.registerComponentRenderer(AppState_1.appStateComponentRenderer);
@@ -280,6 +285,10 @@ class ComponentRegistry {
         this.registerCompoundComponentRenderer(TableHeader_1.tableHeaderRenderer);
         this.registerCompoundComponentRenderer(Toolbar_1.toolbarRenderer);
         this.registerCompoundComponentRenderer(ToolbarButton_1.toolbarButtonRenderer);
+        // --- New Bootstrap-inspired components
+        this.registerComponentRenderer(Accordion_1.accordionComponentRenderer);
+        this.registerComponentRenderer(Alert_1.alertComponentRenderer);
+        this.registerComponentRenderer(OffCanvas_1.offCanvasComponentRenderer);
         if (process.env.VITE_USED_COMPONENTS_Chart !== "false") {
             this.registerComponentRenderer(Chart_1.chartRenderer);
         }

package/dist/scripts/xmlui/src/components/DatePicker/DatePicker.js

@@ -166,7 +166,7 @@ showWeekNumber = false, weekStartsOn = WeekDays.Sunday, fromDate, toDate, disabl
                         [DatePicker_module_scss_1.default.error]: validationStatus === "error",
                         [DatePicker_module_scss_1.default.warning]: validationStatus === "warning",
                         [DatePicker_module_scss_1.default.valid]: validationStatus === "valid",
-                    }), onFocus: handleOnButtonFocus, onBlur: handleOnButtonBlur, children: mode === "single" && selected ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, date_fns_1.format)(selected, dateFormat) })) : mode === "range" && typeof selected === "object" && selected.from ? (selected.to ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, date_fns_1.format)(selected.from, dateFormat), " - ", (0, date_fns_1.format)(selected.to, dateFormat)] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, date_fns_1.format)(selected.from, dateFormat) }))) : ((0, jsx_runtime_1.jsx)("span", { className: DatePicker_module_scss_1.default.placeholder, children: placeholder })) }) }), (0, jsx_runtime_1.jsx)(ReactDropdownMenu.Portal, { container: root, children: (0, jsx_runtime_1.jsx)(ReactDropdownMenu.Content, { align: "start", className: DatePicker_module_scss_1.default.datePickerMenu, onFocus: handleOnMenuFocus, onBlur: handleOnMenuBlur, onInteractOutside: handleOnMenuBlur, children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { fixedWeeks: true, fromDate: startDate, toDate: endDate, disabled: disabled, weekStartsOn: _weekStartsOn, showWeekNumber: showWeekNumber, showOutsideDays: true, classNames: DatePicker_module_scss_1.default, mode: mode === "single" ? "single" : "range", selected: selected, onSelect: handleSelect, initialFocus: true, numberOfMonths: mode === "range" ? 2 : 1 }) }) })] }));
+                    }), onFocus: handleOnButtonFocus, onBlur: handleOnButtonBlur, children: mode === "single" && selected ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, date_fns_1.format)(selected, dateFormat) })) : mode === "range" && typeof selected === "object" && selected.from ? (selected.to ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, date_fns_1.format)(selected.from, dateFormat), " - ", (0, date_fns_1.format)(selected.to, dateFormat)] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, date_fns_1.format)(selected.from, dateFormat) }))) : placeholder ? ((0, jsx_runtime_1.jsx)("span", { className: DatePicker_module_scss_1.default.placeholder, children: placeholder })) : ((0, jsx_runtime_1.jsx)("span", { children: "\u00A0" })) }) }), (0, jsx_runtime_1.jsx)(ReactDropdownMenu.Portal, { container: root, children: (0, jsx_runtime_1.jsx)(ReactDropdownMenu.Content, { align: "start", className: DatePicker_module_scss_1.default.datePickerMenu, onFocus: handleOnMenuFocus, onBlur: handleOnMenuBlur, onInteractOutside: handleOnMenuBlur, children: (0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { fixedWeeks: true, fromDate: startDate, toDate: endDate, disabled: disabled, weekStartsOn: _weekStartsOn, showWeekNumber: showWeekNumber, showOutsideDays: true, classNames: DatePicker_module_scss_1.default, mode: mode === "single" ? "single" : "range", selected: selected, onSelect: handleSelect, initialFocus: true, numberOfMonths: mode === "range" ? 2 : 1 }) }) })] }));
 };
 exports.DatePicker = DatePicker;
 const metadata = {

package/dist/scripts/xmlui/src/components/Footer/Footer.js

@@ -16,7 +16,7 @@ const classnames_1 = __importDefault(require("@components-core/utils/classnames"
 // React Footer component implementation
 function Footer({ children, style, className, }) {
     const appLayoutContext = (0, AppLayoutContext_1.useAppLayoutContext)();
-    const content = ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(Footer_module_scss_1.default.wrapper, className), style: style, children: children }));
+    const content = ((0, jsx_runtime_1.jsx)("div", { className: Footer_module_scss_1.default.outerWrapper, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(Footer_module_scss_1.default.wrapper, className), style: style, children: children }) }));
     const { footerRoot } = appLayoutContext || {};
     if (footerRoot) {
         return (0, react_dom_1.createPortal)(content, footerRoot);
@@ -27,7 +27,7 @@ const metadata = {
     displayName: "Footer",
     description: "Display an application footer",
     themeVars: (0, themeVars_1.parseScssVar)(Footer_module_scss_1.default.themeVars),
-    defaultThemeVars: Object.assign(Object.assign({ "color-bg-Footer": "$color-bg-AppHeader", "vertical-alignment-Footer": "center" }, (0, base_utils_1.paddingSubject)("Footer", { horizontal: "$space-4", vertical: "$space-1" })), { light: {
+    defaultThemeVars: Object.assign(Object.assign({ "color-bg-Footer": "$color-bg-AppHeader", "vertical-alignment-Footer": "center", "font-size-Footer": "$font-size-small", "color-text-Footer": "$color-text-secondary", "max-content-width-Footer": "$max-content-width" }, (0, base_utils_1.paddingSubject)("Footer", { horizontal: "$space-4", vertical: "$space-2" })), { light: {
         // --- No light-specific theme vars
         }, dark: {
         // --- No dark-specific theme vars

package/dist/scripts/xmlui/src/components/FormItem/FormItem.js

@@ -165,7 +165,7 @@ const metadata = {
     defaultThemeVars: {
         "color-text-FormItemLabel": "$color-text-primary",
         "font-size-FormItemLabel": "$font-size-small",
-        "font-weight-FormItemLabel": "$font-weight-bold",
+        "font-weight-FormItemLabel": "$font-weight-medium",
         "font-style-FormItemLabel": "normal",
         "text-transform-FormItemLabel": "none",
         "color-text-FormItemLabel-requiredMark": "$color-danger-400",

package/dist/scripts/xmlui/src/components/FormSection/FormSection.js

@@ -37,7 +37,7 @@ exports.formSectionRenderer = {
                     },
                     children: [
                         {
-                            type: "ChildrenSlot",
+                            type: "Slot",
                         },
                     ],
                 },