@streamoid/ui 0.6.46 → 0.6.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +301 -301
  2. package/dist/index.d.mts +48 -2
  3. package/dist/index.d.ts +48 -2
  4. package/dist/index.js +112 -48
  5. package/dist/index.mjs +112 -48
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -174,6 +174,7 @@ __export(index_exports, {
174
174
  resolvePanelResize: () => resolvePanelResize,
175
175
  resolvePanelResizeKey: () => resolvePanelResizeKey,
176
176
  scAppSwitchOrder: () => scAppSwitchOrder,
177
+ streamoidAppSwitchGroups: () => streamoidAppSwitchGroups,
177
178
  streamoidAppSwitchTagline: () => streamoidAppSwitchTagline,
178
179
  streamoidChangelogUrl: () => streamoidChangelogUrl,
179
180
  useStreamoidAnchoredPopover: () => useStreamoidAnchoredPopover,
@@ -777,6 +778,67 @@ var ScAppSwitchPanel = ({
777
778
  );
778
779
  };
779
780
 
781
+ // src/SC-AppSwitch/streamoidAppSwitchGroups.ts
782
+ var asArray = (value) => Array.isArray(value) ? value : [];
783
+ var str = (value) => typeof value === "string" && value ? value : void 0;
784
+ function pick(source, ...keys) {
785
+ for (const key of keys) {
786
+ const value = str(source[key]);
787
+ if (value) return value;
788
+ }
789
+ return void 0;
790
+ }
791
+ function visibleItems(raw) {
792
+ return asArray(raw).filter((item) => !!item && typeof item === "object").filter((item) => item.visibility !== false).sort(
793
+ (a, b) => (typeof a.order === "number" ? a.order : 999) - (typeof b.order === "number" ? b.order : 999)
794
+ );
795
+ }
796
+ function streamoidAppSwitchGroups(raw, { workspaceId, currentProduct } = {}) {
797
+ const resolveLink = (url) => url && workspaceId ? url.replace(/workspaceid/gi, workspaceId) : url ?? "";
798
+ const currentKeys = (Array.isArray(currentProduct) ? currentProduct : currentProduct ? [currentProduct] : []).map((value) => value.toLowerCase());
799
+ const isCurrent = (key, label) => {
800
+ const haystack = `${key} ${label}`.toLowerCase();
801
+ return currentKeys.some((needle) => haystack.includes(needle));
802
+ };
803
+ const source = raw ?? {};
804
+ const groups = [];
805
+ if (source.group && typeof source.group === "object") {
806
+ const group = source.group;
807
+ const mapping = source.groupMapping ?? {};
808
+ const keys = asArray(source.order).filter((k) => typeof k === "string");
809
+ for (const key of keys.length ? keys : Object.keys(group)) {
810
+ const items = visibleItems(group[key]);
811
+ const meta = mapping[key] ?? {};
812
+ const first = items.find((item) => str(item.pageUrl)) ?? items[0];
813
+ const name = pick(meta, "label") ?? (first ? pick(first, "displayName", "name", "label") : void 0) ?? key;
814
+ const current = isCurrent(key, name);
815
+ const link = resolveLink(
816
+ pick(meta, "pageUrl", "link", "url") ?? (first ? pick(first, "pageUrl", "link", "url") : void 0)
817
+ );
818
+ if (!link && !current) continue;
819
+ groups.push({ key, name, description: pick(meta, "description"), link, current });
820
+ }
821
+ return groups;
822
+ }
823
+ const list = asArray(source.services ?? source.apps ?? source.data ?? raw);
824
+ for (const entry of list) {
825
+ if (!entry || typeof entry !== "object") continue;
826
+ const record = entry;
827
+ const key = pick(record, "id", "key", "_id") ?? pick(record, "title", "label", "name") ?? "";
828
+ if (!key) continue;
829
+ const name = pick(record, "title", "label", "name") ?? key;
830
+ const current = isCurrent(key, name);
831
+ const items = visibleItems(record.items);
832
+ const first = items[0];
833
+ const link = resolveLink(
834
+ pick(record, "href", "link", "pageUrl", "url") ?? (first ? pick(first, "href", "link", "pageUrl", "url") : void 0)
835
+ );
836
+ if (!link && !current) continue;
837
+ groups.push({ key, name, description: pick(record, "description", "desc"), link, current });
838
+ }
839
+ return groups;
840
+ }
841
+
780
842
  // src/SC-PanelResize/ScPanelResizeHandle.tsx
781
843
  var import_react2 = require("react");
782
844
 
@@ -1398,7 +1460,7 @@ var ScRadio = ({
1398
1460
  "path",
1399
1461
  {
1400
1462
  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",
1401
- fill: state === "selected" ? "var(--alias-text-and-icons-primary, #f5f5f5)" : "var(--alias-text-and-icons-muted, #7a7a7a)"
1463
+ 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))"
1402
1464
  }
1403
1465
  ),
1404
1466
  state === "selected" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -1407,7 +1469,7 @@ var ScRadio = ({
1407
1469
  cx: "12",
1408
1470
  cy: "12",
1409
1471
  r: "6",
1410
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
1472
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
1411
1473
  }
1412
1474
  )
1413
1475
  ]
@@ -2085,7 +2147,7 @@ var ScCreditsUsageCard = ({
2085
2147
  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
2086
2148
  ScPairtext,
2087
2149
  {
2088
- icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons9.SiconCredits, { color: "var(--alias-text-and-icons-primary, #f5f5f5)", className: ScCreditsUsageCard_default.siconCoinsInstance }),
2150
+ icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_icons9.SiconCredits, { color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))", className: ScCreditsUsageCard_default.siconCoinsInstance }),
2089
2151
  content: usageLabel,
2090
2152
  className: ScCreditsUsageCard_default.scPairtextInstance
2091
2153
  }
@@ -2196,6 +2258,7 @@ function CreditWarningBanner({
2196
2258
  remainingPct,
2197
2259
  level,
2198
2260
  onBuyCredits,
2261
+ onDismiss,
2199
2262
  expanded = true,
2200
2263
  onCollapsedClick
2201
2264
  }) {
@@ -2246,7 +2309,7 @@ function CreditWarningBanner({
2246
2309
  className: "min-w-0 flex-1",
2247
2310
  style: {
2248
2311
  color,
2249
- fontFamily: "var(--font-family-font-family-body)",
2312
+ fontFamily: "var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif)",
2250
2313
  fontSize: 12,
2251
2314
  lineHeight: "var(--line-height-line-height-xs)",
2252
2315
  fontWeight: 600,
@@ -2262,7 +2325,10 @@ function CreditWarningBanner({
2262
2325
  "aria-label": "Dismiss low credits warning",
2263
2326
  className: "flex shrink-0 cursor-pointer items-center justify-center",
2264
2327
  style: { width: 16, height: 16 },
2265
- onClick: () => setDismissed(true),
2328
+ onClick: () => {
2329
+ setDismissed(true);
2330
+ onDismiss?.();
2331
+ },
2266
2332
  children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons11.SiconClose, { color, size: 16, strokeWidth: 1.25 })
2267
2333
  }
2268
2334
  )
@@ -2273,7 +2339,7 @@ function CreditWarningBanner({
2273
2339
  className: "w-full",
2274
2340
  style: {
2275
2341
  color,
2276
- fontFamily: "var(--font-family-font-family-body)",
2342
+ fontFamily: "var(--sc-rail-font-family, Inter, ui-sans-serif, system-ui, sans-serif)",
2277
2343
  fontSize: 12,
2278
2344
  lineHeight: "var(--line-height-line-height-xs)",
2279
2345
  fontWeight: 400,
@@ -2465,21 +2531,21 @@ var ScStrLogo = ({
2465
2531
  "path",
2466
2532
  {
2467
2533
  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",
2468
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2534
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2469
2535
  }
2470
2536
  ),
2471
2537
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2472
2538
  "path",
2473
2539
  {
2474
2540
  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",
2475
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2541
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2476
2542
  }
2477
2543
  ),
2478
2544
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2479
2545
  "path",
2480
2546
  {
2481
2547
  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",
2482
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2548
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2483
2549
  }
2484
2550
  ),
2485
2551
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -2488,7 +2554,7 @@ var ScStrLogo = ({
2488
2554
  fillRule: "evenodd",
2489
2555
  clipRule: "evenodd",
2490
2556
  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",
2491
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2557
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2492
2558
  }
2493
2559
  ),
2494
2560
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -2497,14 +2563,14 @@ var ScStrLogo = ({
2497
2563
  fillRule: "evenodd",
2498
2564
  clipRule: "evenodd",
2499
2565
  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",
2500
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2566
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2501
2567
  }
2502
2568
  ),
2503
2569
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2504
2570
  "path",
2505
2571
  {
2506
2572
  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",
2507
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2573
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2508
2574
  }
2509
2575
  ),
2510
2576
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -2513,14 +2579,14 @@ var ScStrLogo = ({
2513
2579
  fillRule: "evenodd",
2514
2580
  clipRule: "evenodd",
2515
2581
  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",
2516
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2582
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2517
2583
  }
2518
2584
  ),
2519
2585
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2520
2586
  "path",
2521
2587
  {
2522
2588
  d: "M381.603 60H370.884V19.2857H381.603V60Z",
2523
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2589
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2524
2590
  }
2525
2591
  ),
2526
2592
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -2529,14 +2595,14 @@ var ScStrLogo = ({
2529
2595
  fillRule: "evenodd",
2530
2596
  clipRule: "evenodd",
2531
2597
  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",
2532
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2598
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2533
2599
  }
2534
2600
  ),
2535
2601
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
2536
2602
  "path",
2537
2603
  {
2538
2604
  d: "M381.603 15H370.884V4.28571H381.603V15Z",
2539
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2605
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2540
2606
  }
2541
2607
  ),
2542
2608
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -2550,7 +2616,7 @@ var ScStrLogo = ({
2550
2616
  "path",
2551
2617
  {
2552
2618
  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",
2553
- fill: "var(--alias-text-and-icons-primary, #f5f5f5)"
2619
+ fill: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
2554
2620
  }
2555
2621
  ),
2556
2622
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
@@ -3164,7 +3230,7 @@ var ScPlanDetailsCard = ({
3164
3230
  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
3165
3231
  ScPairtext,
3166
3232
  {
3167
- icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_icons14.SiconBilling, { color: "var(--alias-text-and-icons-primary, #f5f5f5)", className: ScPlanDetailsCard_default.siconBillingInstance }),
3233
+ icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_icons14.SiconBilling, { color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))", className: ScPlanDetailsCard_default.siconBillingInstance }),
3168
3234
  content: currentPlanLabel,
3169
3235
  className: ScPlanDetailsCard_default.scPairtextInstance
3170
3236
  }
@@ -3761,7 +3827,7 @@ var ScInfoPopup = ({
3761
3827
  cx: "9",
3762
3828
  cy: "9",
3763
3829
  r: "8",
3764
- stroke: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
3830
+ stroke: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
3765
3831
  strokeWidth: "1.25"
3766
3832
  }
3767
3833
  ),
@@ -3769,7 +3835,7 @@ var ScInfoPopup = ({
3769
3835
  "path",
3770
3836
  {
3771
3837
  d: "M9 8.25V12.75",
3772
- stroke: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
3838
+ stroke: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
3773
3839
  strokeWidth: "1.5",
3774
3840
  strokeLinecap: "round"
3775
3841
  }
@@ -3780,7 +3846,7 @@ var ScInfoPopup = ({
3780
3846
  cx: "9",
3781
3847
  cy: "5.25",
3782
3848
  r: "0.9",
3783
- fill: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
3849
+ fill: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))"
3784
3850
  }
3785
3851
  )
3786
3852
  ]
@@ -3801,7 +3867,7 @@ var ScInfoPopup = ({
3801
3867
  import_icons25.SiconClose,
3802
3868
  {
3803
3869
  size: 18,
3804
- color: "var(--alias-text-and-icons-tertiary)",
3870
+ color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary))",
3805
3871
  className: ScInfoPopup_default.closeIcon
3806
3872
  }
3807
3873
  )
@@ -5871,11 +5937,9 @@ function useStreamoidThemePreference(options = {}) {
5871
5937
  const resolved = preference === "system" ? systemDark ? "dark" : "light" : preference;
5872
5938
  (0, import_react15.useEffect)(() => {
5873
5939
  if (!canUseDom() || !stableOptions.applyToDocument) return;
5874
- if (resolved === "light") {
5875
- document.documentElement.setAttribute("data-theme", "Light");
5876
- } else {
5877
- document.documentElement.removeAttribute("data-theme");
5878
- }
5940
+ const root = document.documentElement;
5941
+ root.setAttribute("data-theme", resolved === "light" ? "Light" : "Dark");
5942
+ root.style.colorScheme = resolved;
5879
5943
  }, [resolved, stableOptions.applyToDocument]);
5880
5944
  return { preference, setPreference, resolved };
5881
5945
  }
@@ -8302,7 +8366,7 @@ var ScOnlyField = ({
8302
8366
  border: "none",
8303
8367
  outline: "none",
8304
8368
  font: "inherit",
8305
- color: "var(--alias-text-and-icons-primary, #f5f5f5)",
8369
+ color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))",
8306
8370
  width: "100%",
8307
8371
  padding: 0,
8308
8372
  margin: 0
@@ -8400,7 +8464,7 @@ var ScCatalogixInvite = ({
8400
8464
  store.id
8401
8465
  )) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { style: {
8402
8466
  padding: "var(--spacing-3xl, 16px)",
8403
- color: "var(--alias-text-and-icons-muted, #7a7a7a)",
8467
+ color: "var(--alias-text---icons-muted, var(--alias-text-and-icons-muted, #7a7a7a))",
8404
8468
  fontFamily: "var(--font-family-font-family-body, Inter, sans-serif)",
8405
8469
  fontSize: "var(--font-size-font-size-sm, 14px)",
8406
8470
  lineHeight: "var(--line-height-line-height-sm, 20px)"
@@ -9577,7 +9641,7 @@ var ScCounter = ({
9577
9641
  className: [ScCounter_default.counter, className].filter(Boolean).join(" "),
9578
9642
  style,
9579
9643
  children: [
9580
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons63.SiconMinus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) }),
9644
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScCounter_default.step, onClick: () => set(count - 1), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons63.SiconMinus, { size: 24, color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))" }) }),
9581
9645
  showInput ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: ScCounter_default.inputContainer, children: [
9582
9646
  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
9583
9647
  "input",
@@ -9596,7 +9660,7 @@ var ScCounter = ({
9596
9660
  " ",
9597
9661
  label
9598
9662
  ] }),
9599
- /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons63.SiconPlus, { size: 24, color: "var(--alias-text-and-icons-primary)" }) })
9663
+ /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: ScCounter_default.step, onClick: () => set(count + 1), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_icons63.SiconPlus, { size: 24, color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))" }) })
9600
9664
  ]
9601
9665
  }
9602
9666
  );
@@ -9659,7 +9723,7 @@ var ScPagination = ({
9659
9723
  import_icons64.SiconRight,
9660
9724
  {
9661
9725
  size: 24,
9662
- color: "var(--alias-text-and-icons-primary)",
9726
+ color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))",
9663
9727
  className: ScPagination_default.leftArrow,
9664
9728
  onClick: () => step("dec")
9665
9729
  }
@@ -9678,7 +9742,7 @@ var ScPagination = ({
9678
9742
  import_icons64.SiconRight,
9679
9743
  {
9680
9744
  size: 24,
9681
- color: "var(--alias-text-and-icons-primary)",
9745
+ color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary))",
9682
9746
  onClick: () => step("inc")
9683
9747
  }
9684
9748
  ),
@@ -10134,7 +10198,7 @@ var ScMappingCard = ({
10134
10198
  import_icons66.SiconPlus,
10135
10199
  {
10136
10200
  size: 24,
10137
- color: "var(--alias-text-and-icons-primary, #f5f5f5)"
10201
+ color: "var(--alias-text---icons-primary, var(--alias-text-and-icons-primary, #f5f5f5))"
10138
10202
  }
10139
10203
  )
10140
10204
  }
@@ -10149,7 +10213,7 @@ var ScMappingCard = ({
10149
10213
  import_icons66.SiconRight,
10150
10214
  {
10151
10215
  size: 20,
10152
- color: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
10216
+ color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
10153
10217
  className: ScMappingCard_default.connector
10154
10218
  }
10155
10219
  ),
@@ -10160,7 +10224,7 @@ var ScMappingCard = ({
10160
10224
  import_icons66.SiconRight,
10161
10225
  {
10162
10226
  size: 24,
10163
- color: "var(--alias-text-and-icons-tertiary, #9e9e9e)",
10227
+ color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))",
10164
10228
  className: ScMappingCard_default.connector
10165
10229
  }
10166
10230
  ),
@@ -10171,7 +10235,7 @@ var ScMappingCard = ({
10171
10235
  import_icons66.SiconWarning,
10172
10236
  {
10173
10237
  size: 20,
10174
- color: "var(--alias-text-and-icons-error, #d11a1a)"
10238
+ color: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #d11a1a))"
10175
10239
  }
10176
10240
  ) }),
10177
10241
  /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: ScMappingCard_default.warningText, children: warning })
@@ -10213,7 +10277,7 @@ var ScMappingCard = ({
10213
10277
  import_icons66.SiconCheck,
10214
10278
  {
10215
10279
  size: 24,
10216
- color: "var(--alias-text-and-icons-success, #00b96b)"
10280
+ color: "var(--alias-text---icons-success, var(--alias-text-and-icons-success, #00b96b))"
10217
10281
  }
10218
10282
  ) }),
10219
10283
  "Column Confirmed"
@@ -10236,7 +10300,7 @@ var ScMappingCard = ({
10236
10300
  import_icons66.SiconClose,
10237
10301
  {
10238
10302
  size: 24,
10239
- color: "var(--alias-text-and-icons-error, #d11a1a)"
10303
+ color: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #d11a1a))"
10240
10304
  }
10241
10305
  ) }),
10242
10306
  "Column Ignored"
@@ -11112,7 +11176,7 @@ var ScMediaApproval = (props) => {
11112
11176
  "path",
11113
11177
  {
11114
11178
  d: "M12 3a9 9 0 1 0 9 9",
11115
- stroke: "var(--alias-text-and-icons-fullwhite, #ffffff)",
11179
+ stroke: "var(--alias-text---icons-fullwhite, var(--alias-text-and-icons-fullwhite, #ffffff))",
11116
11180
  strokeWidth: "2",
11117
11181
  strokeLinecap: "round"
11118
11182
  }
@@ -11131,7 +11195,7 @@ var ScMediaApproval = (props) => {
11131
11195
  "path",
11132
11196
  {
11133
11197
  d: "M15 6L9 12L15 18",
11134
- stroke: "var(--alias-text-and-icons-fullwhite, #ffffff)",
11198
+ stroke: "var(--alias-text---icons-fullwhite, var(--alias-text-and-icons-fullwhite, #ffffff))",
11135
11199
  strokeWidth: "2",
11136
11200
  strokeLinecap: "round",
11137
11201
  strokeLinejoin: "round"
@@ -11150,7 +11214,7 @@ var ScMediaApproval = (props) => {
11150
11214
  "path",
11151
11215
  {
11152
11216
  d: "M9 6L15 12L9 18",
11153
- stroke: "var(--alias-text-and-icons-fullwhite, #ffffff)",
11217
+ stroke: "var(--alias-text---icons-fullwhite, var(--alias-text-and-icons-fullwhite, #ffffff))",
11154
11218
  strokeWidth: "2",
11155
11219
  strokeLinecap: "round",
11156
11220
  strokeLinejoin: "round"
@@ -11221,7 +11285,7 @@ var CheckBadge = () => /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", {
11221
11285
  "path",
11222
11286
  {
11223
11287
  d: "M3.5 7.25L6 9.75L10.5 4.75",
11224
- stroke: "var(--alias-text-and-icons-inverse, #101010)",
11288
+ stroke: "var(--alias-text---icons-inverse, var(--alias-text-and-icons-inverse, #101010))",
11225
11289
  strokeWidth: "1.75",
11226
11290
  strokeLinecap: "round",
11227
11291
  strokeLinejoin: "round"
@@ -11433,7 +11497,7 @@ var ScTodoList = ({
11433
11497
  "path",
11434
11498
  {
11435
11499
  d: "M5.25 9L7.75 11.5L12.75 6.5",
11436
- stroke: "var(--alias-text-and-icons-inverse, #101010)",
11500
+ stroke: "var(--alias-text---icons-inverse, var(--alias-text-and-icons-inverse, #101010))",
11437
11501
  strokeWidth: "1.5",
11438
11502
  strokeLinecap: "round",
11439
11503
  strokeLinejoin: "round"
@@ -12277,7 +12341,7 @@ var ScImageField = ({
12277
12341
  import_icons68.SiconDelete,
12278
12342
  {
12279
12343
  className: ScImageField_default.removeIcon,
12280
- color: "var(--alias-text-and-icons-error, #d11a1a)",
12344
+ color: "var(--alias-text---icons-error, var(--alias-text-and-icons-error, #d11a1a))",
12281
12345
  onClick: (e) => {
12282
12346
  e.stopPropagation();
12283
12347
  onRemove?.();
@@ -12285,7 +12349,7 @@ var ScImageField = ({
12285
12349
  }
12286
12350
  )
12287
12351
  ] }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { className: ScImageField_default.uploadArea, onClick: handleClick, children: [
12288
- /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons68.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text-and-icons-secondary, #dadada)" }),
12352
+ /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_icons68.SiconUpload, { className: ScImageField_default.uploadIcon, color: "var(--alias-text---icons-secondary, var(--alias-text-and-icons-secondary, #dadada))" }),
12289
12353
  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: ScImageField_default.uploadText, children: "Click to upload" })
12290
12354
  ] })
12291
12355
  ] });
@@ -12349,7 +12413,7 @@ var ScCreditsUsageCardMobile = ({
12349
12413
  import_icons69.SiconCredits,
12350
12414
  {
12351
12415
  className: ScCreditsUsageCardMobile_default.headerIcon,
12352
- color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
12416
+ color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))"
12353
12417
  }
12354
12418
  ),
12355
12419
  /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: ScCreditsUsageCardMobile_default.headerLabel, children: usageLabel })
@@ -12422,7 +12486,7 @@ var ScPlanDetailsCardMobile = ({
12422
12486
  import_icons70.SiconBilling,
12423
12487
  {
12424
12488
  className: ScPlanDetailsCardMobile_default.headerIcon,
12425
- color: "var(--alias-text-and-icons-tertiary, #9e9e9e)"
12489
+ color: "var(--alias-text---icons-tertiary, var(--alias-text-and-icons-tertiary, #9e9e9e))"
12426
12490
  }
12427
12491
  ),
12428
12492
  /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: ScPlanDetailsCardMobile_default.headerLabel, children: currentPlanLabel })