@spteck/react-controls-v2 2.3.4 → 2.3.5

package/dist/{index-CETgsuge.js → index-Bo3Feswn.js}

@@ -12326,64 +12326,67 @@ const RenderDrawer = (props) => {
 const RenderHeader = (props) => {
   const { onDismiss, title, description, icon: icon2, showCloseButton = true } = props;
   return /* @__PURE__ */ jsxs$1(StackV2, { direction: "vertical", width: "100%", children: [
-    /* @__PURE__ */ jsxs$1(StackV2, { direction: "horizontal", padding: "s", gap: "l", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs$1(StackV2, { direction: "horizontal", alignItems: "center", width: "100%", children: [
-        React.isValidElement(icon2) ? icon2 : /* @__PURE__ */ jsx$2(Icon, { icon: icon2 }),
-        /* @__PURE__ */ jsxs$1(
-          StackV2,
-          {
-            direction: "vertical",
-            justifyContent: "flex-start",
-            alignItems: "flex-start",
-            paddingLeft: "s",
-            paddingRight: "l",
-            width: "100%",
-            children: [
-              React.isValidElement(title) ? title : /* @__PURE__ */ jsx$2(
-                Subtitle1,
-                {
-                  style: {
-                    display: "-webkit-box",
-                    WebkitLineClamp: 1,
-                    WebkitBoxOrient: "vertical",
-                    textAlign: "start",
-                    textOverflow: "ellipsis",
-                    wordBreak: "break-word"
-                  },
-                  children: title
-                }
-              ),
-              React.isValidElement(description) ? description : /* @__PURE__ */ jsx$2(
-                Caption1,
-                {
-                  style: {
-                    display: "-webkit-box",
-                    WebkitLineClamp: 4,
-                    WebkitBoxOrient: "vertical",
-                    textAlign: "start",
-                    textOverflow: "ellipsis",
-                    wordBreak: "break-word"
-                  },
-                  children: description
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      showCloseButton && /* @__PURE__ */ jsx$2(
-        Button,
-        {
-          appearance: "subtle",
-          onClick: (ev) => {
-            ev.stopPropagation();
-            ev.preventDefault();
-            onDismiss(false);
-          },
-          icon: /* @__PURE__ */ jsx$2(Dismiss24Regular, {})
-        }
-      )
-    ] }),
+    /* @__PURE__ */ jsx$2(
+      StackV2,
+      {
+        direction: "horizontal",
+        padding: "s",
+        gap: "l",
+        justifyContent: "space-between",
+        children: /* @__PURE__ */ jsxs$1(StackV2, { direction: "horizontal", alignItems: "center", width: "100%", gap: "m", children: [
+          icon2 ? React.isValidElement(icon2) ? icon2 : /* @__PURE__ */ jsx$2(Icon, { icon: icon2 }) : null,
+          /* @__PURE__ */ jsxs$1(
+            StackV2,
+            {
+              direction: "vertical",
+              justifyContent: "flex-start",
+              alignItems: "flex-start",
+              width: "100%",
+              children: [
+                React.isValidElement(title) ? title : /* @__PURE__ */ jsxs$1(StackV2, { direction: "horizontal", justifyContent: "space-between", gap: "l", width: "100%", children: [
+                  /* @__PURE__ */ jsx$2(
+                    TypographyControl,
+                    {
+                      fontSize: "l",
+                      block: true,
+                      truncate: true,
+                      numberOfLines: 1,
+                      children: title
+                    }
+                  ),
+                  showCloseButton && /* @__PURE__ */ jsx$2(
+                    Button,
+                    {
+                      appearance: "subtle",
+                      onClick: (ev) => {
+                        ev.stopPropagation();
+                        ev.preventDefault();
+                        onDismiss(false);
+                      },
+                      icon: /* @__PURE__ */ jsx$2(Dismiss24Regular, {})
+                    }
+                  )
+                ] }),
+                React.isValidElement(description) ? description : /* @__PURE__ */ jsx$2(
+                  Caption1,
+                  {
+                    style: {
+                      display: "-webkit-box",
+                      WebkitLineClamp: 4,
+                      WebkitBoxOrient: "vertical",
+                      textAlign: "start",
+                      textOverflow: "ellipsis",
+                      wordBreak: "break-word"
+                    },
+                    children: description
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsx$2(Divider, { style: { marginTop: 6 } })
   ] });
 };
@@ -13549,7 +13552,7 @@ function _Map(props, ref) {
     const mapLib = props.mapLib;
     let isMounted = true;
     let maplibre;
-    Promise.resolve(mapLib || import("./maplibre-gl-C5G61B1R.js").then((n2) => n2.m)).then((module2) => {
+    Promise.resolve(mapLib || import("./maplibre-gl-Bu4KbMVz.js").then((n2) => n2.m)).then((module2) => {
       if (!isMounted) {
         return;
       }
@@ -50844,12 +50847,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-Da6he8wj.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-BbRK6OVd.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-DIW6cHaA.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-CFFp3u42.js"), "loader")
       }
     ]
   ]);
@@ -51259,7 +51262,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-DRgrmnvW.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-BG0ZffB9.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -51277,7 +51280,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DaUzAL5R.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BC9ZXfqx.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -51301,7 +51304,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DaUzAL5R.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BC9ZXfqx.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -51315,7 +51318,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-D8Sg8nlt.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-DK_cVUc0.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -51329,7 +51332,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CQEoGpjf.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BLwOtAPI.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -51343,7 +51346,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-DcOeBpn4.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-DCPYcGQ7.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -51357,7 +51360,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-KCAsmgJE.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-BH_AfMqs.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -51370,7 +51373,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DAohat6Q.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CkAS8Z8i.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -51383,7 +51386,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-XSGfAUKZ.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-Bzqn0a-l.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -51397,7 +51400,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-CUckmD0J.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-BMoq4LTz.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -51411,7 +51414,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-C7q8gWYu.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-DYGD-StR.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -51425,7 +51428,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-Bqn6BXj6.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW--4TVFyeB.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -51443,7 +51446,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-CyLcEoBr.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-NFuoveOc.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -51461,7 +51464,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-CyLcEoBr.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-NFuoveOc.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -51479,7 +51482,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-fHNw0sVL.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-CF_Lwk8j.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -51500,7 +51503,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-DWs2uxMI.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BavZNkxV.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -51514,7 +51517,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-CGzALTqL.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-B6LA5FxS.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -51582,7 +51585,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DaUzAL5R.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BC9ZXfqx.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -51596,7 +51599,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-BF_dzRS8.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-Du5tfms8.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -51610,7 +51613,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-2iOF0f72.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-CV_iinaV.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -51624,7 +51627,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-Dq8e_cfm.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-BiudWCGQ.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -51638,7 +51641,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-RTI570KO.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-DhUxbYSw.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -51652,7 +51655,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-CBQCwTZP.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BjWuQflk.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -51665,7 +51668,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-E6GNHCcV.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-CwkM4da6.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -51678,7 +51681,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-DZIigsqO.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-Dik4nU5R.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -51692,7 +51695,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-CKGxF11K.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-ZqTwLC_K.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -51706,7 +51709,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-h1PoviE6.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CCRrPaN5.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -55581,4 +55584,4 @@ export {
   getEdgeId as y,
   clear$2 as z
 };
-//# sourceMappingURL=index-CETgsuge.js.map
+//# sourceMappingURL=index-Bo3Feswn.js.map