@streamoid/ui 0.6.46 → 0.6.47

package/dist/index.mjs

@@ -590,6 +590,67 @@ var ScAppSwitchPanel = ({
   );
 };
 
+// src/SC-AppSwitch/streamoidAppSwitchGroups.ts
+var asArray = (value) => Array.isArray(value) ? value : [];
+var str = (value) => typeof value === "string" && value ? value : void 0;
+function pick(source, ...keys) {
+  for (const key of keys) {
+    const value = str(source[key]);
+    if (value) return value;
+  }
+  return void 0;
+}
+function visibleItems(raw) {
+  return asArray(raw).filter((item) => !!item && typeof item === "object").filter((item) => item.visibility !== false).sort(
+    (a, b) => (typeof a.order === "number" ? a.order : 999) - (typeof b.order === "number" ? b.order : 999)
+  );
+}
+function streamoidAppSwitchGroups(raw, { workspaceId, currentProduct } = {}) {
+  const resolveLink = (url) => url && workspaceId ? url.replace(/workspaceid/gi, workspaceId) : url ?? "";
+  const currentKeys = (Array.isArray(currentProduct) ? currentProduct : currentProduct ? [currentProduct] : []).map((value) => value.toLowerCase());
+  const isCurrent = (key, label) => {
+    const haystack = `${key} ${label}`.toLowerCase();
+    return currentKeys.some((needle) => haystack.includes(needle));
+  };
+  const source = raw ?? {};
+  const groups = [];
+  if (source.group && typeof source.group === "object") {
+    const group = source.group;
+    const mapping = source.groupMapping ?? {};
+    const keys = asArray(source.order).filter((k) => typeof k === "string");
+    for (const key of keys.length ? keys : Object.keys(group)) {
+      const items = visibleItems(group[key]);
+      const meta = mapping[key] ?? {};
+      const first = items.find((item) => str(item.pageUrl)) ?? items[0];
+      const name = pick(meta, "label") ?? (first ? pick(first, "displayName", "name", "label") : void 0) ?? key;
+      const current = isCurrent(key, name);
+      const link = resolveLink(
+        pick(meta, "pageUrl", "link", "url") ?? (first ? pick(first, "pageUrl", "link", "url") : void 0)
+      );
+      if (!link && !current) continue;
+      groups.push({ key, name, description: pick(meta, "description"), link, current });
+    }
+    return groups;
+  }
+  const list = asArray(source.services ?? source.apps ?? source.data ?? raw);
+  for (const entry of list) {
+    if (!entry || typeof entry !== "object") continue;
+    const record = entry;
+    const key = pick(record, "id", "key", "_id") ?? pick(record, "title", "label", "name") ?? "";
+    if (!key) continue;
+    const name = pick(record, "title", "label", "name") ?? key;
+    const current = isCurrent(key, name);
+    const items = visibleItems(record.items);
+    const first = items[0];
+    const link = resolveLink(
+      pick(record, "href", "link", "pageUrl", "url") ?? (first ? pick(first, "href", "link", "pageUrl", "url") : void 0)
+    );
+    if (!link && !current) continue;
+    groups.push({ key, name, description: pick(record, "description", "desc"), link, current });
+  }
+  return groups;
+}
+
 // src/SC-PanelResize/ScPanelResizeHandle.tsx
 import { useRef, useState as useState2 } from "react";
 
@@ -1211,7 +1272,7 @@ var ScRadio = ({
               "path",
               {
                 d: "M22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5V24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24V22.5C17.799 22.5 22.5 17.799 22.5 12Z",
-                fill: state === "selected" ? "var(--alias-text-and-icons-primary, #f5f5f5)" : "var(--alias-text-and-icons-muted, #7a7a7a)"
+                fill: state === "selected" ? "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))" : "var(--alias-text---icons-muted, var(--alias-text-and-icons-muted, #7a7a7a))"
               }
             ),
             state === "selected" && /* @__PURE__ */ jsx11(
@@ -1220,7 +1281,7 @@ var ScRadio = ({
                 cx: "12",
                 cy: "12",
                 r: "6",
-                fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+                fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
               }
             )
           ]
@@ -1898,7 +1959,7 @@ var ScCreditsUsageCard = ({
       /* @__PURE__ */ jsx20(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx20(SiconCredits, { color: "var(--alias-text-and-icons-primary, #f5f5f5)", className: ScCreditsUsageCard_default.siconCoinsInstance }),
+          icon: /* @__PURE__ */ jsx20(SiconCredits, { color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))", className: ScCreditsUsageCard_default.siconCoinsInstance }),
           content: usageLabel,
           className: ScCreditsUsageCard_default.scPairtextInstance
         }
@@ -2009,6 +2070,7 @@ function CreditWarningBanner({
   remainingPct,
   level,
   onBuyCredits,
+  onDismiss,
   expanded = true,
   onCollapsedClick
 }) {
@@ -2059,7 +2121,7 @@ function CreditWarningBanner({
                   className: "min-w-0 flex-1",
                   style: {
                     color,
-                    fontFamily: "var(--font-family-font-family-body)",
+                    fontFamily: "var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif)",
                     fontSize: 12,
                     lineHeight: "var(--line-height-line-height-xs)",
                     fontWeight: 600,
@@ -2075,7 +2137,10 @@ function CreditWarningBanner({
                   "aria-label": "Dismiss low credits warning",
                   className: "flex shrink-0 cursor-pointer items-center justify-center",
                   style: { width: 16, height: 16 },
-                  onClick: () => setDismissed(true),
+                  onClick: () => {
+                    setDismissed(true);
+                    onDismiss?.();
+                  },
                   children: /* @__PURE__ */ jsx21(SiconClose, { color, size: 16, strokeWidth: 1.25 })
                 }
               )
@@ -2086,7 +2151,7 @@ function CreditWarningBanner({
                 className: "w-full",
                 style: {
                   color,
-                  fontFamily: "var(--font-family-font-family-body)",
+                  fontFamily: "var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif)",
                   fontSize: 12,
                   lineHeight: "var(--line-height-line-height-xs)",
                   fontWeight: 400,
@@ -2278,21 +2343,21 @@ var ScStrLogo = ({
           "path",
           {
             d: "M25.4245 0C31.151 0 35.8474 0.870386 39.5123 2.60951C43.2344 4.29067 45.9838 6.66671 47.759 9.73912C49.5912 12.7533 50.5077 16.2314 50.5078 20.173V20.6961H39.7698V19.4782C39.7698 17.3333 39.2841 15.5647 38.3106 14.1734C37.3944 12.7242 35.8187 11.6527 33.5854 10.957C31.3521 10.2614 28.2885 9.91281 24.3945 9.91281C21.0732 9.91281 18.4096 10.1737 16.4054 10.6955C14.4019 11.2171 12.9417 11.9704 12.0256 12.9555C11.1668 13.9408 10.7382 15.2459 10.738 16.8687C10.738 18.26 11.0237 19.4212 11.5964 20.3488C12.2263 21.2759 13.1717 21.9993 14.4311 22.5209C15.6907 23.0426 17.3221 23.5068 19.3259 23.9125L34.1004 26.4342C38.1662 27.1298 41.4604 28.2312 43.98 29.7384C46.5564 31.1875 48.4449 33.0145 49.6474 35.2169C50.8498 37.3617 51.452 39.8257 51.452 42.6081C51.452 45.6226 50.5928 48.4648 48.8748 51.1314C47.2143 53.7394 44.5517 55.8833 40.8878 57.5642C37.2802 59.1873 32.555 60 26.7142 60C20.9878 60 16.1485 59.2173 12.1973 57.6521C8.30332 56.0289 5.32541 53.7384 3.26391 50.782C1.26003 47.7678 0.257656 44.1162 0.257511 39.827V39.3039H10.9955V40.7833C10.9956 42.87 11.4528 44.6091 12.3689 46.0003C13.2852 47.3336 14.8895 48.3473 17.18 49.043C19.4705 49.7385 22.6487 50.0872 26.7142 50.0872C30.3217 50.0872 33.1283 49.8541 35.1325 49.3904C37.1935 48.8686 38.6249 48.1157 39.4265 47.1303C40.2853 46.087 40.7139 44.7541 40.714 43.1313C40.714 40.9288 39.9992 39.3052 38.5681 38.2617C37.1938 37.2182 34.8159 36.3778 31.4373 35.7401L16.4912 33.3922C13.2278 32.8125 10.3367 31.884 7.81746 30.609C5.35509 29.3336 3.43653 27.6227 2.06219 25.4778C0.68793 23.2751 8.30917e-05 20.58 0 17.3919C0 15.2472 0.457344 13.1595 1.37339 11.1307C2.28962 9.04377 3.75103 7.15968 5.75528 5.47852C7.75939 3.79748 10.3642 2.46289 13.5706 1.4774C16.8345 0.491954 20.7865 5.93522e-05 25.4245 0Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
           "path",
           {
             d: "M75.3629 16.9273H90.0411V25.3753H75.3629V44.3157C75.3629 46.7155 75.9003 48.345 76.975 49.202C78.1064 50.0016 79.9174 50.4011 82.4058 50.4011H90.0411V60H80.0295C75.335 60 71.6298 58.8573 68.9147 56.5723C66.1997 54.2298 64.8407 50.4299 64.8406 45.1737V25.3753H57.8836V16.9273H64.8406V4.28571H75.3629V16.9273Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
           "path",
           {
             d: "M106.269 29.2069H106.951C107.349 26.901 108.143 24.848 109.336 23.0483C110.528 21.1923 112.119 19.7582 114.107 18.7458C116.094 17.6774 118.536 17.1429 121.432 17.1429C124.669 17.1429 127.281 17.8188 129.269 19.1685C131.256 20.4619 132.704 22.2325 133.613 24.4817C134.578 26.6752 135.062 29.123 135.062 31.8227V38.5714H124.499V33.9321C124.499 31.1762 123.873 29.1782 122.624 27.9408C121.374 26.6478 119.272 26.001 116.32 26.001C113.027 26.0012 110.669 26.8734 109.25 28.6168C107.919 30.1985 107.212 32.4971 107.129 35.512L107.121 36.1251V60H96.4726V17.1429H106.269V29.2069Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
@@ -2301,7 +2366,7 @@ var ScStrLogo = ({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M163.21 17.1429C167.415 17.1429 171.09 17.915 174.231 19.4594C177.424 20.9485 179.898 23.1823 181.654 26.16C183.464 29.0832 184.37 32.6693 184.37 36.9162C184.37 37.6331 184.344 38.2954 184.29 38.9021C184.237 39.5088 184.156 40.1159 184.05 40.7227H150.778C150.923 44.2056 151.846 46.8808 153.55 48.7479C155.413 50.7334 158.58 51.7257 163.051 51.7257C166.99 51.7257 169.786 51.1471 171.436 49.9888C173.139 48.7754 173.99 47.0923 173.99 44.9414V44.1964H183.89V44.9414C183.89 47.9196 183.013 50.5401 181.257 52.8013C179.553 55.0628 177.157 56.8292 174.069 58.0978C171.035 59.3662 167.496 60 163.451 60C159.033 60 155.173 59.1993 151.873 57.5998C148.573 56.0003 146.018 53.6019 144.209 50.4032C142.399 47.2041 141.493 43.2598 141.493 38.5714C141.493 34.214 142.399 30.4347 144.209 27.2356C146.018 24.037 148.547 21.5549 151.794 19.79C155.093 18.0253 158.899 17.143 163.21 17.1429ZM163.051 25.1681C158.58 25.1682 155.413 26.1889 153.55 28.2296C152.012 29.8692 151.111 32.1858 150.843 35.1793H174.865C174.819 31.8307 173.837 29.3488 171.915 27.7337C169.999 26.0238 167.043 25.1681 163.051 25.1681Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
@@ -2310,14 +2375,14 @@ var ScStrLogo = ({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M212.499 17.1429C216.855 17.1429 220.431 17.8865 223.227 19.3757C226.077 20.8098 228.174 22.8248 229.518 25.4171C230.862 28.0093 231.534 31.015 231.534 34.4343V60H222.258V49.2439H221.694C220.673 52.6084 218.683 55.257 215.726 57.1875C212.822 59.0627 209.085 59.9999 204.514 60C200.32 60 196.985 59.0343 194.511 57.1038C192.038 55.1733 190.801 52.4981 190.801 49.0785C190.801 46.9827 191.312 45.1896 192.334 43.7005C193.355 42.2115 194.835 41.054 196.77 40.2267C198.706 39.3442 201.045 38.7371 203.788 38.4061L221.694 36.5039V34.4343C221.694 31.2905 220.941 29.1389 219.435 27.9806C217.93 26.7673 215.401 26.16 211.852 26.16C208.358 26.1601 205.777 26.7408 204.11 27.899C202.497 29.0572 201.69 31.0421 201.69 33.8546V34.1874H191.689V33.8546C191.689 30.601 192.522 27.7335 194.189 25.2518C195.856 22.7146 198.249 20.7282 201.368 19.2941C204.54 17.86 208.251 17.1429 212.499 17.1429ZM206.61 44.2801C204.675 44.5007 203.223 44.9145 202.255 45.5211C201.341 46.1278 200.884 47.0935 200.884 48.4173C200.884 49.8512 201.395 50.8986 202.417 51.5604C203.492 52.2223 205.132 52.5544 207.337 52.5544C210.294 52.5544 212.82 52.2221 214.917 51.5604C217.068 50.8434 218.736 49.741 219.919 48.252C221.06 46.7625 221.643 44.862 221.684 42.5516L206.61 44.2801Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
           "path",
           {
             d: "M247.628 30.6403H248.216C248.608 28.2785 249.365 26.0856 250.485 24.0611C251.662 21.9802 253.37 20.3201 255.611 19.0827C257.851 17.7891 260.681 17.1429 264.098 17.1429C267.795 17.1429 270.819 17.9032 273.172 19.4217C275.524 20.9403 277.262 23.0207 278.382 25.6641C279.12 27.2856 279.625 29.029 279.9 30.8936H280.482C280.874 28.5316 281.659 26.3093 282.836 24.2285C284.012 22.1481 285.748 20.4619 288.044 19.1685C290.341 17.8187 293.254 17.1429 296.783 17.1429C300.424 17.1429 303.42 17.9033 305.773 19.4217C308.181 20.884 309.975 22.9076 311.151 25.4946C312.384 28.0816 313 31.0346 313 34.3527V60H302.58V37.4749C302.58 33.5941 301.768 30.8105 300.143 29.1232C298.519 27.3798 295.774 26.5074 291.909 26.5074C287.708 26.5075 284.795 27.5192 283.171 29.5438C281.546 31.5686 280.734 34.7197 280.734 38.9941V60H270.232V37.4749C270.232 33.5946 269.419 30.8105 267.795 29.1232C266.227 27.3798 263.51 26.5075 259.645 26.5074C255.388 26.5074 252.447 27.5196 250.822 29.5438C249.254 31.5686 248.469 34.7197 248.469 38.9941V60H237.966V17.1429H247.628V30.6403Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
@@ -2326,14 +2391,14 @@ var ScStrLogo = ({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M341.902 17.1429C346.449 17.1429 350.382 18.0251 353.699 19.79C357.069 21.5549 359.69 24.0371 361.563 27.2356C363.489 30.4347 364.452 34.214 364.452 38.5714C364.452 42.8185 363.489 46.5693 361.563 49.8235C359.69 53.0224 357.07 55.5327 353.699 57.3528C350.382 59.1178 346.449 60 341.902 60C337.461 60 333.529 59.1179 330.105 57.3528C326.734 55.5327 324.114 53.0225 322.241 49.8235C320.369 46.5693 319.431 42.8185 319.431 38.5714C319.431 34.214 320.369 30.4347 322.241 27.2356C324.114 24.0371 326.734 21.5549 330.105 19.79C333.529 18.025 337.461 17.1429 341.902 17.1429ZM341.902 26.2437C337.408 26.2437 334.171 27.2914 332.192 29.3869C330.266 31.4277 329.303 34.4898 329.303 38.5714C329.303 42.6531 330.266 45.7152 332.192 47.756C334.171 49.7963 337.408 50.8154 341.902 50.8154C346.449 50.8154 349.686 49.7965 351.612 47.756C353.538 45.7152 354.501 42.6531 354.501 38.5714C354.501 34.4898 353.538 31.4277 351.612 29.3869C349.686 27.2912 346.449 26.2438 341.902 26.2437Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
           "path",
           {
             d: "M381.603 60H370.884V19.2857H381.603V60Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
@@ -2342,14 +2407,14 @@ var ScStrLogo = ({
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M437.342 60H427.377V47.0675H426.77C425.903 51.3215 423.968 54.5548 420.964 56.7669C417.96 58.9223 414.002 60 409.092 60C404.528 59.9999 400.686 59.0925 397.566 57.2775C394.447 55.4057 392.078 52.8246 390.461 49.5347C388.843 46.1881 388.034 42.3301 388.034 37.9625C388.034 33.4817 388.815 29.5962 390.375 26.3065C391.992 23.0171 394.331 20.4646 397.393 18.6496C400.454 16.8346 404.152 15.9272 408.484 15.927C413.568 15.927 417.556 17.0608 420.445 19.3297C423.333 21.5985 425.182 24.5494 425.991 28.1794H426.596V4.28571H437.342V60ZM412.473 25.5406C409.584 25.5406 407.127 25.9372 405.105 26.7313C403.083 27.5254 401.552 28.8315 400.512 30.6466C399.473 32.4048 398.952 34.8436 398.952 37.9625C398.952 41.0255 399.444 43.4653 400.426 45.2804C401.466 47.0388 402.997 48.3158 405.02 49.1099C407.099 49.9039 409.612 50.3006 412.559 50.3006C415.505 50.3006 418.018 49.875 420.098 49.0241C422.177 48.1733 423.767 46.8693 424.865 45.1109C426.02 43.2958 426.596 41.0263 426.596 38.3036V37.6235L426.583 36.8597C426.441 33.1072 425.232 30.3265 422.957 28.5184C420.531 26.5334 417.036 25.5407 412.473 25.5406Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
           "path",
           {
             d: "M381.603 15H370.884V4.28571H381.603V15Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25(
@@ -2363,7 +2428,7 @@ var ScStrLogo = ({
           "path",
           {
             d: "M567.484 0V60H625.999C626.206 26.9258 599.946 0 567.484 0ZM593.537 40.4947C590.642 40.4947 588.161 37.9505 588.161 34.9823C588.161 32.0141 590.642 29.47 593.537 29.47C596.431 29.47 598.913 32.0141 598.913 34.9823C599.119 37.9505 596.638 40.4947 593.537 40.4947Z",
-            fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
+            fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
           }
         ),
         /* @__PURE__ */ jsx25("defs", { children: /* @__PURE__ */ jsxs21(
@@ -2977,7 +3042,7 @@ var ScPlanDetailsCard = ({
       /* @__PURE__ */ jsx31(
         ScPairtext,
         {
-          icon: /* @__PURE__ */ jsx31(SiconBilling, { color: "var(--alias-text-and-icons-primary, #f5f5f5)", className: ScPlanDetailsCard_default.siconBillingInstance }),
+          icon: /* @__PURE__ */ jsx31(SiconBilling, { color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))", className: ScPlanDetailsCard_default.siconBillingInstance }),
           content: currentPlanLabel,
           className: ScPlanDetailsCard_default.scPairtextInstance
         }
@@ -3574,7 +3639,7 @@ var ScInfoPopup = ({
                       cx: "9",
                       cy: "9",
                       r: "8",
-                      stroke: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
+                      stroke: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
                       strokeWidth: "1.25"
                     }
                   ),
@@ -3582,7 +3647,7 @@ var ScInfoPopup = ({
                     "path",
                     {
                       d: "M9 8.25V12.75",
-                      stroke: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
+                      stroke: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
                       strokeWidth: "1.5",
                       strokeLinecap: "round"
                     }
@@ -3593,7 +3658,7 @@ var ScInfoPopup = ({
                       cx: "9",
                       cy: "5.25",
                       r: "0.9",
-                      fill: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
+                      fill: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))"
                     }
                   )
                 ]
@@ -3614,7 +3679,7 @@ var ScInfoPopup = ({
                 SiconClose2,
                 {
                   size: 18,
-                  color: "var(--alias-text-and-icons-tertiary)",
+                  color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary))",
                   className: ScInfoPopup_default.closeIcon
                 }
               )
@@ -5693,11 +5758,9 @@ function useStreamoidThemePreference(options = {}) {
   const resolved = preference === "system" ? systemDark ? "dark" : "light" : preference;
   useEffect4(() => {
     if (!canUseDom() || !stableOptions.applyToDocument) return;
-    if (resolved === "light") {
-      document.documentElement.setAttribute("data-theme", "Light");
-    } else {
-      document.documentElement.removeAttribute("data-theme");
-    }
+    const root = document.documentElement;
+    root.setAttribute("data-theme", resolved === "light" ? "Light" : "Dark");
+    root.style.colorScheme = resolved;
   }, [resolved, stableOptions.applyToDocument]);
   return { preference, setPreference, resolved };
 }
@@ -8147,7 +8210,7 @@ var ScOnlyField = ({
               border: "none",
               outline: "none",
               font: "inherit",
-              color: "var(--alias-text-and-icons-primary, #f5f5f5)",
+              color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))",
               width: "100%",
               padding: 0,
               margin: 0
@@ -8245,7 +8308,7 @@ var ScCatalogixInvite = ({
             store.id
           )) : /* @__PURE__ */ jsx70("div", { style: {
             padding: "var(--spacing-3xl, 16px)",
-            color: "var(--alias-text-and-icons-muted, #7a7a7a)",
+            color: "var(--alias-text---icons-muted, var(--alias-text-and-icons-muted, #7a7a7a))",
             fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
             fontSize: "var(--font-size-font-size-sm, 14px)",
             lineHeight: "var(--line-height-line-height-sm, 20px)"
@@ -9427,7 +9490,7 @@ var ScCounter = ({
       className: [ScCounter_default.counter, className].filter(Boolean).join(" "),
       style,
       children: [
-        /* @__PURE__ */ jsx88("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx88(SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
+        /* @__PURE__ */ jsx88("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ jsx88(SiconMinus, { size: 24, color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))" }) }),
         showInput ? /* @__PURE__ */ jsxs74("div", { className: ScCounter_default.inputContainer, children: [
           /* @__PURE__ */ jsx88(
             "input",
@@ -9446,7 +9509,7 @@ var ScCounter = ({
           " ",
           label
         ] }),
-        /* @__PURE__ */ jsx88("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx88(SiconPlus2, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
+        /* @__PURE__ */ jsx88("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ jsx88(SiconPlus2, { size: 24, color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))" }) })
       ]
     }
   );
@@ -9509,7 +9572,7 @@ var ScPagination = ({
       SiconRight5,
       {
         size: 24,
-        color: "var(--alias-text-and-icons-primary)",
+        color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))",
         className: ScPagination_default.leftArrow,
         onClick: () => step("dec")
       }
@@ -9528,7 +9591,7 @@ var ScPagination = ({
       SiconRight5,
       {
         size: 24,
-        color: "var(--alias-text-and-icons-primary)",
+        color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))",
         onClick: () => step("inc")
       }
     ),
@@ -9990,7 +10053,7 @@ var ScMappingCard = ({
                     SiconPlus3,
                     {
                       size: 24,
-                      color: "var(--alias-text-and-icons-primary, #f5f5f5)"
+                      color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
                     }
                   )
                 }
@@ -10005,7 +10068,7 @@ var ScMappingCard = ({
                 SiconRight6,
                 {
                   size: 20,
-                  color: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
+                  color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
                   className: ScMappingCard_default.connector
                 }
               ),
@@ -10016,7 +10079,7 @@ var ScMappingCard = ({
                 SiconRight6,
                 {
                   size: 24,
-                  color: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
+                  color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
                   className: ScMappingCard_default.connector
                 }
               ),
@@ -10027,7 +10090,7 @@ var ScMappingCard = ({
                 SiconWarning,
                 {
                   size: 20,
-                  color: "var(--alias-text-and-icons-error, #d11a1a)"
+                  color: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #d11a1a))"
                 }
               ) }),
               /* @__PURE__ */ jsx99("span", { className: ScMappingCard_default.warningText, children: warning })
@@ -10069,7 +10132,7 @@ var ScMappingCard = ({
                       SiconCheck,
                       {
                         size: 24,
-                        color: "var(--alias-text-and-icons-success, #00b96b)"
+                        color: "var(--alias-text---icons-success, var(--alias-text-and-icons-success, #00b96b))"
                       }
                     ) }),
                     "Column Confirmed"
@@ -10092,7 +10155,7 @@ var ScMappingCard = ({
                   SiconClose4,
                   {
                     size: 24,
-                    color: "var(--alias-text-and-icons-error, #d11a1a)"
+                    color: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #d11a1a))"
                   }
                 ) }),
                 "Column Ignored"
@@ -10968,7 +11031,7 @@ var ScMediaApproval = (props) => {
             "path",
             {
               d: "M12 3a9 9 0 1 0 9 9",
-              stroke: "var(--alias-text-and-icons-fullwhite, #ffffff)",
+              stroke: "var(--alias-text---icons-fullwhite, var(--alias-text-and-icons-fullwhite, #ffffff))",
               strokeWidth: "2",
               strokeLinecap: "round"
             }
@@ -10987,7 +11050,7 @@ var ScMediaApproval = (props) => {
               "path",
               {
                 d: "M15 6L9 12L15 18",
-                stroke: "var(--alias-text-and-icons-fullwhite, #ffffff)",
+                stroke: "var(--alias-text---icons-fullwhite, var(--alias-text-and-icons-fullwhite, #ffffff))",
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
@@ -11006,7 +11069,7 @@ var ScMediaApproval = (props) => {
               "path",
               {
                 d: "M9 6L15 12L9 18",
-                stroke: "var(--alias-text-and-icons-fullwhite, #ffffff)",
+                stroke: "var(--alias-text---icons-fullwhite, var(--alias-text-and-icons-fullwhite, #ffffff))",
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round"
@@ -11077,7 +11140,7 @@ var CheckBadge = () => /* @__PURE__ */ jsx110("span", { className: ScMediaSelect
   "path",
   {
     d: "M3.5 7.25L6 9.75L10.5 4.75",
-    stroke: "var(--alias-text-and-icons-inverse, #101010)",
+    stroke: "var(--alias-text---icons-inverse, var(--alias-text-and-icons-inverse, #101010))",
     strokeWidth: "1.75",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -11289,7 +11352,7 @@ var ScTodoList = ({
                     "path",
                     {
                       d: "M5.25 9L7.75 11.5L12.75 6.5",
-                      stroke: "var(--alias-text-and-icons-inverse, #101010)",
+                      stroke: "var(--alias-text---icons-inverse, var(--alias-text-and-icons-inverse, #101010))",
                       strokeWidth: "1.5",
                       strokeLinecap: "round",
                       strokeLinejoin: "round"
@@ -12133,7 +12196,7 @@ var ScImageField = ({
         SiconDelete2,
         {
           className: ScImageField_default.removeIcon,
-          color: "var(--alias-text-and-icons-error, #d11a1a)",
+          color: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #d11a1a))",
           onClick: (e) => {
             e.stopPropagation();
             onRemove?.();
@@ -12141,7 +12204,7 @@ var ScImageField = ({
         }
       )
     ] }) : /* @__PURE__ */ jsxs105("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
-      /* @__PURE__ */ jsx124(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
+      /* @__PURE__ */ jsx124(SiconUpload2, { className: ScImageField_default.uploadIcon, color: "var(--alias-text---icons-secondary, var(--alias-text-and-icons-secondary, #dadada))" }),
       /* @__PURE__ */ jsx124("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
     ] })
   ] });
@@ -12205,7 +12268,7 @@ var ScCreditsUsageCardMobile = ({
         SiconCredits2,
         {
           className: ScCreditsUsageCardMobile_default.headerIcon,
-          color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
+          color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))"
         }
       ),
       /* @__PURE__ */ jsx126("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
@@ -12278,7 +12341,7 @@ var ScPlanDetailsCardMobile = ({
           SiconBilling5,
           {
             className: ScPlanDetailsCardMobile_default.headerIcon,
-            color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
+            color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))"
           }
         ),
         /* @__PURE__ */ jsx127("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })
@@ -12712,6 +12775,7 @@ export {
   resolvePanelResize,
   resolvePanelResizeKey,
   scAppSwitchOrder,
+  streamoidAppSwitchGroups,
   streamoidAppSwitchTagline,
   streamoidChangelogUrl,
   useStreamoidAnchoredPopover,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/ui",
-  "version": "0.6.46",
+  "version": "0.6.47",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",