@discourser/design-system 0.25.3 → 0.26.0

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 (49) hide show
  1. package/README.md +76 -73
  2. package/dist/{chunk-ZPECW4N2.js → chunk-4XOWPACJ.js} +257 -105
  3. package/dist/chunk-4XOWPACJ.js.map +1 -0
  4. package/dist/{chunk-QNCZYFUJ.cjs → chunk-AZ6QU2L2.cjs} +257 -105
  5. package/dist/chunk-AZ6QU2L2.cjs.map +1 -0
  6. package/dist/{chunk-TBLDQATQ.cjs → chunk-EBDNCZF6.cjs} +94 -54
  7. package/dist/chunk-EBDNCZF6.cjs.map +1 -0
  8. package/dist/{chunk-UHSL4N44.js → chunk-MAVUSE4F.js} +94 -55
  9. package/dist/chunk-MAVUSE4F.js.map +1 -0
  10. package/dist/components/Checkbox.d.ts +1 -1
  11. package/dist/components/Icons/LeftArrowIcon.d.ts +6 -0
  12. package/dist/components/Icons/LeftArrowIcon.d.ts.map +1 -0
  13. package/dist/components/Icons/RightArrowIcon.d.ts.map +1 -1
  14. package/dist/components/Icons/index.d.ts +1 -0
  15. package/dist/components/Icons/index.d.ts.map +1 -1
  16. package/dist/components/index.cjs +79 -75
  17. package/dist/components/index.d.ts +1 -0
  18. package/dist/components/index.d.ts.map +1 -1
  19. package/dist/components/index.js +1 -1
  20. package/dist/contracts/design-language.contract.d.ts +52 -18
  21. package/dist/contracts/design-language.contract.d.ts.map +1 -1
  22. package/dist/figma-codex.json +2 -2
  23. package/dist/index.cjs +83 -79
  24. package/dist/index.js +2 -2
  25. package/dist/languages/material3.language.d.ts.map +1 -1
  26. package/dist/languages/transform.d.ts +5 -5
  27. package/dist/languages/transform.d.ts.map +1 -1
  28. package/dist/preset/index.cjs +2 -2
  29. package/dist/preset/index.js +1 -1
  30. package/docs/token-name-mapping.json +614 -42
  31. package/docs/token-name-mapping.md +117 -29
  32. package/package.json +1 -1
  33. package/src/components/Icons/LeftArrowIcon.tsx +28 -0
  34. package/src/components/Icons/RightArrowIcon.tsx +7 -2
  35. package/src/components/Icons/index.ts +1 -0
  36. package/src/components/index.ts +1 -0
  37. package/src/contracts/design-language.contract.ts +69 -20
  38. package/src/languages/material3.language.ts +249 -80
  39. package/src/languages/transform.ts +45 -48
  40. package/src/preset/__tests__/translation-token-accuracy.test.ts +13 -0
  41. package/src/stories/foundations/Colors.mdx +9 -1
  42. package/src/stories/foundations/Elevation.mdx +23 -17
  43. package/src/stories/foundations/TokenReference.stories.tsx +970 -0
  44. package/src/stories/foundations/TonalPaletteDerivation.stories.tsx +782 -0
  45. package/src/stories/foundations/Typography.mdx +125 -25
  46. package/dist/chunk-QNCZYFUJ.cjs.map +0 -1
  47. package/dist/chunk-TBLDQATQ.cjs.map +0 -1
  48. package/dist/chunk-UHSL4N44.js.map +0 -1
  49. package/dist/chunk-ZPECW4N2.js.map +0 -1
@@ -1118,27 +1118,66 @@ var AccountIcon = (props) => /* @__PURE__ */ jsx(
1118
1118
  }
1119
1119
  );
1120
1120
  var StyledSvg8 = styled(ark$1.svg);
1121
- var RightArrowIcon = (props) => /* @__PURE__ */ jsx(
1121
+ var RightArrowIcon = (props) => /* @__PURE__ */ jsxs(
1122
1122
  StyledSvg8,
1123
1123
  {
1124
- viewBox: "0 0 19 19",
1124
+ viewBox: "0 0 21 17",
1125
1125
  fill: "none",
1126
1126
  xmlns: "http://www.w3.org/2000/svg",
1127
1127
  width: "1em",
1128
1128
  height: "1em",
1129
1129
  ...props,
1130
- children: /* @__PURE__ */ jsx(
1131
- "path",
1132
- {
1133
- d: "M15.9172 13.2266H3.74219V11.2266H15.9172L10.3172 5.62656L11.7422 4.22656L19.7422 12.2266L11.7422 20.2266L10.3172 18.8266L15.9172 13.2266Z",
1134
- fill: "currentColor"
1135
- }
1136
- )
1130
+ children: [
1131
+ /* @__PURE__ */ jsx(
1132
+ "path",
1133
+ {
1134
+ d: "M11.03 11.988C10.7952 12.2116 10.7861 12.5831 11.0097 12.8178C11.2333 13.0526 11.6048 13.0617 11.8395 12.8381L11.03 11.988ZM15.9482 8.92503C16.183 8.70144 16.1921 8.32993 15.9685 8.09523C15.7449 7.86045 15.3734 7.85137 15.1387 8.07496L15.9482 8.92503ZM15.1387 8.92503C15.3734 9.14862 15.7449 9.13954 15.9685 8.90476C16.1921 8.67006 16.183 8.29855 15.9482 8.07496L15.1387 8.92503ZM11.8395 4.16192C11.6048 3.93836 11.2333 3.94742 11.0097 4.18216C10.7861 4.4169 10.7952 4.78843 11.03 5.01199L11.8395 4.16192ZM15.5435 9.08695C15.8676 9.08695 16.1304 8.82415 16.1304 8.5C16.1304 8.17584 15.8676 7.91304 15.5435 7.91304V9.08695ZM4.58696 7.91304C4.26279 7.91304 4 8.17584 4 8.5C4 8.82415 4.26279 9.08695 4.58696 9.08695V7.91304ZM11.8395 12.8381L15.9482 8.92503L15.1387 8.07496L11.03 11.988L11.8395 12.8381ZM15.9482 8.07496L11.8395 4.16192L11.03 5.01199L15.1387 8.92503L15.9482 8.07496ZM15.5435 7.91304H4.58696V9.08695H15.5435V7.91304Z",
1135
+ fill: "currentColor"
1136
+ }
1137
+ ),
1138
+ /* @__PURE__ */ jsx(
1139
+ "path",
1140
+ {
1141
+ d: "M11.03 11.988C10.7952 12.2116 10.7861 12.5831 11.0097 12.8178C11.2333 13.0526 11.6048 13.0617 11.8395 12.8381M11.03 11.988L11.8395 12.8381M11.03 11.988L15.1387 8.07496M11.8395 12.8381L15.9482 8.92503M15.9482 8.92503C16.183 8.70144 16.1921 8.32993 15.9685 8.09523C15.7449 7.86045 15.3734 7.85137 15.1387 8.07496M15.9482 8.92503L15.1387 8.07496M15.1387 8.92503C15.3734 9.14862 15.7449 9.13954 15.9685 8.90476C16.1921 8.67006 16.183 8.29855 15.9482 8.07496M15.1387 8.92503L15.9482 8.07496M15.1387 8.92503L11.03 5.01199M15.9482 8.07496L11.8395 4.16192M11.8395 4.16192C11.6048 3.93836 11.2333 3.94742 11.0097 4.18216C10.7861 4.4169 10.7952 4.78843 11.03 5.01199M11.8395 4.16192L11.03 5.01199M15.5435 9.08695C15.8676 9.08695 16.1304 8.82415 16.1304 8.5C16.1304 8.17584 15.8676 7.91304 15.5435 7.91304M15.5435 9.08695V7.91304M15.5435 9.08695H4.58696M15.5435 7.91304H4.58696M4.58696 7.91304C4.26279 7.91304 4 8.17584 4 8.5C4 8.82415 4.26279 9.08695 4.58696 9.08695M4.58696 7.91304V9.08695",
1142
+ stroke: "currentColor",
1143
+ strokeWidth: "0.75"
1144
+ }
1145
+ )
1146
+ ]
1137
1147
  }
1138
1148
  );
1139
1149
  var StyledSvg9 = styled(ark$1.svg);
1140
- var ChevronUpIcon = (props) => /* @__PURE__ */ jsx(
1150
+ var LeftArrowIcon = (props) => /* @__PURE__ */ jsxs(
1141
1151
  StyledSvg9,
1152
+ {
1153
+ viewBox: "0 0 21 17",
1154
+ fill: "none",
1155
+ xmlns: "http://www.w3.org/2000/svg",
1156
+ width: "1em",
1157
+ height: "1em",
1158
+ ...props,
1159
+ children: [
1160
+ /* @__PURE__ */ jsx(
1161
+ "path",
1162
+ {
1163
+ d: "M9.10036 11.988C9.33515 12.2116 9.34422 12.5831 9.12063 12.8178C8.89704 13.0526 8.52554 13.0617 8.29083 12.8381L9.10036 11.988ZM4.18214 8.92503C3.94736 8.70144 3.93828 8.32993 4.16187 8.09523C4.38546 7.86045 4.75697 7.85137 4.99167 8.07496L4.18214 8.92503ZM4.99167 8.92503C4.75697 9.14862 4.38546 9.13954 4.16187 8.90476C3.93828 8.67006 3.94736 8.29855 4.18214 8.07496L4.99167 8.92503ZM8.29083 4.16192C8.52554 3.93836 8.89704 3.94742 9.12063 4.18216C9.34422 4.4169 9.33515 4.78843 9.10036 5.01199L8.29083 4.16192ZM4.58691 9.08695C4.26275 9.08695 3.99995 8.82415 3.99995 8.5C3.99995 8.17584 4.26275 7.91304 4.58691 7.91304V9.08695ZM15.5434 7.91304C15.8676 7.91304 16.1304 8.17584 16.1304 8.5C16.1304 8.82415 15.8676 9.08695 15.5434 9.08695V7.91304ZM8.29083 12.8381L4.18214 8.92503L4.99167 8.07496L9.10036 11.988L8.29083 12.8381ZM4.18214 8.07496L8.29083 4.16192L9.10036 5.01199L4.99167 8.92503L4.18214 8.07496ZM4.58691 7.91304H15.5434V9.08695H4.58691V7.91304Z",
1164
+ fill: "currentColor"
1165
+ }
1166
+ ),
1167
+ /* @__PURE__ */ jsx(
1168
+ "path",
1169
+ {
1170
+ d: "M9.10036 11.988C9.33515 12.2116 9.34422 12.5831 9.12063 12.8178C8.89704 13.0526 8.52554 13.0617 8.29083 12.8381M9.10036 11.988L8.29083 12.8381M9.10036 11.988L4.99167 8.07496M8.29083 12.8381L4.18214 8.92503M4.18214 8.92503C3.94736 8.70144 3.93828 8.32993 4.16187 8.09523C4.38546 7.86045 4.75697 7.85137 4.99167 8.07496M4.18214 8.92503L4.99167 8.07496M4.99167 8.92503C4.75697 9.14862 4.38546 9.13954 4.16187 8.90476C3.93828 8.67006 3.94736 8.29855 4.18214 8.07496M4.99167 8.92503L4.18214 8.07496M4.99167 8.92503L9.10036 5.01199M4.18214 8.07496L8.29083 4.16192M8.29083 4.16192C8.52554 3.93836 8.89704 3.94742 9.12063 4.18216C9.34422 4.4169 9.33515 4.78843 9.10036 5.01199M8.29083 4.16192L9.10036 5.01199M4.58691 9.08695C4.26275 9.08695 3.99995 8.82415 3.99995 8.5C3.99995 8.17584 4.26275 7.91304 4.58691 7.91304M4.58691 9.08695V7.91304M4.58691 9.08695H15.5434M4.58691 7.91304H15.5434M15.5434 7.91304C15.8676 7.91304 16.1304 8.17584 16.1304 8.5C16.1304 8.82415 15.8676 9.08695 15.5434 9.08695M15.5434 7.91304V9.08695",
1171
+ stroke: "currentColor",
1172
+ strokeWidth: "0.75"
1173
+ }
1174
+ )
1175
+ ]
1176
+ }
1177
+ );
1178
+ var StyledSvg10 = styled(ark$1.svg);
1179
+ var ChevronUpIcon = (props) => /* @__PURE__ */ jsx(
1180
+ StyledSvg10,
1142
1181
  {
1143
1182
  viewBox: "0 0 24 15",
1144
1183
  fill: "none",
@@ -1156,9 +1195,9 @@ var ChevronUpIcon = (props) => /* @__PURE__ */ jsx(
1156
1195
  )
1157
1196
  }
1158
1197
  );
1159
- var StyledSvg10 = styled(ark$1.svg);
1198
+ var StyledSvg11 = styled(ark$1.svg);
1160
1199
  var DiscourserLogo = (props) => /* @__PURE__ */ jsxs(
1161
- StyledSvg10,
1200
+ StyledSvg11,
1162
1201
  {
1163
1202
  viewBox: "0 0 348 60",
1164
1203
  fill: "none",
@@ -1256,9 +1295,9 @@ var DiscourserLogo = (props) => /* @__PURE__ */ jsxs(
1256
1295
  ]
1257
1296
  }
1258
1297
  );
1259
- var StyledSvg11 = styled(ark$1.svg);
1298
+ var StyledSvg12 = styled(ark$1.svg);
1260
1299
  var TimerIcon = (props) => /* @__PURE__ */ jsx(
1261
- StyledSvg11,
1300
+ StyledSvg12,
1262
1301
  {
1263
1302
  viewBox: "0 0 35 39",
1264
1303
  fill: "none",
@@ -1278,9 +1317,9 @@ var TimerIcon = (props) => /* @__PURE__ */ jsx(
1278
1317
  )
1279
1318
  }
1280
1319
  );
1281
- var StyledSvg12 = styled(ark$1.svg);
1320
+ var StyledSvg13 = styled(ark$1.svg);
1282
1321
  var ClipBoardIcon = (props) => /* @__PURE__ */ jsxs(
1283
- StyledSvg12,
1322
+ StyledSvg13,
1284
1323
  {
1285
1324
  viewBox: "0 0 40 39",
1286
1325
  fill: "none",
@@ -1352,9 +1391,9 @@ var ClipBoardIcon = (props) => /* @__PURE__ */ jsxs(
1352
1391
  ]
1353
1392
  }
1354
1393
  );
1355
- var StyledSvg13 = styled(ark$1.svg);
1394
+ var StyledSvg14 = styled(ark$1.svg);
1356
1395
  var MicrophoneIcon = (props) => /* @__PURE__ */ jsxs(
1357
- StyledSvg13,
1396
+ StyledSvg14,
1358
1397
  {
1359
1398
  viewBox: "0 0 40 45",
1360
1399
  fill: "none",
@@ -1396,9 +1435,9 @@ var MicrophoneIcon = (props) => /* @__PURE__ */ jsxs(
1396
1435
  ]
1397
1436
  }
1398
1437
  );
1399
- var StyledSvg14 = styled(ark$1.svg);
1438
+ var StyledSvg15 = styled(ark$1.svg);
1400
1439
  var AudienceIcon = (props) => /* @__PURE__ */ jsx(
1401
- StyledSvg14,
1440
+ StyledSvg15,
1402
1441
  {
1403
1442
  viewBox: "3.5 9.5 29 25",
1404
1443
  fill: "currentColor",
@@ -1411,9 +1450,9 @@ var AudienceIcon = (props) => /* @__PURE__ */ jsx(
1411
1450
  children: /* @__PURE__ */ jsx("path", { d: "M14.7185 26.2188C14.7176 24.7667 13.5406 23.5905 12.0894 23.5905C10.6381 23.5905 9.46023 24.7675 9.46023 26.2196C9.46023 27.6717 10.6373 28.8487 12.0894 28.8487C13.5414 28.847 14.7176 27.67 14.7185 26.2188ZM10.7259 26.2188C10.7267 25.4661 11.3367 24.8561 12.0894 24.8561C12.842 24.8561 13.4529 25.467 13.4529 26.2196C13.4529 26.9722 12.842 27.5831 12.0894 27.5831C11.3359 27.5823 10.7259 26.9722 10.7259 26.2188ZM22.6303 26.2188C22.6303 24.7667 21.4524 23.5896 20.0004 23.5896C18.5483 23.5896 17.3704 24.7667 17.3704 26.2196C17.3704 27.6717 18.5474 28.8487 19.9995 28.8496C21.4516 28.8479 22.6278 27.6717 22.6295 26.2196L22.6303 26.2188ZM18.6369 26.2188C18.6369 25.4653 19.2477 24.8553 20.0012 24.8553C20.7547 24.8553 21.3655 25.4661 21.3655 26.2196C21.3655 26.9731 20.7547 27.5839 20.0012 27.5839C19.2477 27.5831 18.6369 26.9722 18.6369 26.2188ZM30.5405 26.2188C30.5396 24.7667 29.3626 23.5905 27.9114 23.5905C26.4601 23.5905 25.2822 24.7675 25.2822 26.2196C25.2822 27.6717 26.4593 28.8487 27.9114 28.8487C29.3626 28.8462 30.5388 27.67 30.5405 26.2188ZM26.5479 26.2188C26.5487 25.4661 27.1587 24.8561 27.9114 24.8561C28.664 24.8561 29.2749 25.467 29.2749 26.2196C29.2749 26.9722 28.6648 27.5831 27.9122 27.5831C27.1587 27.5831 26.5479 26.9722 26.5479 26.2188ZM27.9122 30.0418C26.2424 30.0511 24.7819 30.937 23.9677 32.2634L23.9559 32.2836C23.1357 30.9311 21.6718 30.0418 20.0004 30.0418C18.3289 30.0418 16.8641 30.9319 16.0558 32.2634L16.044 32.2836C15.2222 30.9311 13.7566 30.0418 12.0826 30.0418C9.87957 30.0418 8.03767 31.5833 7.57445 33.6463L7.56854 33.6775C7.55926 33.718 7.5542 33.7644 7.5542 33.8125C7.5542 34.1618 7.8377 34.4453 8.18701 34.4453C8.48823 34.4453 8.74051 34.2344 8.80379 33.9517L8.80464 33.9475C9.1472 32.4262 10.4871 31.3074 12.0877 31.3074C13.6883 31.3074 15.0281 32.4262 15.3665 33.9247L15.3707 33.9475C15.4348 34.2335 15.6871 34.4445 15.9875 34.4453C16.0052 34.4453 16.0246 34.4411 16.0423 34.4394C16.0609 34.4411 16.0794 34.4453 16.0972 34.4453C16.3984 34.4453 16.6507 34.2344 16.7131 33.9517L16.7139 33.9475C17.0565 32.4262 18.3964 31.3074 19.997 31.3074C21.5976 31.3074 22.9374 32.4262 23.2758 33.9247L23.28 33.9475C23.377 34.2318 23.6411 34.4318 23.9525 34.4318C24.2638 34.4318 24.5279 34.231 24.6233 33.9526L24.625 33.9475C24.9684 32.4262 26.3074 31.3074 27.9088 31.3074C29.5103 31.3074 30.8493 32.4262 31.1885 33.9247L31.1927 33.9475C31.2568 34.2344 31.5083 34.4453 31.8103 34.4453C31.8584 34.4453 31.9057 34.4394 31.9504 34.4293L31.9462 34.4301C32.233 34.366 32.444 34.1137 32.444 33.8117C32.444 33.7636 32.4389 33.7172 32.4288 33.6724L32.4296 33.6767C31.9504 31.5875 30.1119 30.0519 27.9122 30.0418ZM31.8129 9.55469H8.18786C7.83854 9.55469 7.55504 9.83819 7.55504 10.1875V22C7.55504 22.3493 7.83854 22.6328 8.18786 22.6328C8.53717 22.6328 8.82067 22.3493 8.82067 22V10.8203H20.0004H31.18V22C31.18 22.3493 31.4635 22.6328 31.8129 22.6328C32.1622 22.6328 32.4457 22.3493 32.4457 22V10.1875C32.4457 9.83819 32.1622 9.55469 31.8129 9.55469Z" })
1412
1451
  }
1413
1452
  );
1414
- var StyledSvg15 = styled(ark$1.svg);
1453
+ var StyledSvg16 = styled(ark$1.svg);
1415
1454
  var RecordIcon = (props) => /* @__PURE__ */ jsxs(
1416
- StyledSvg15,
1455
+ StyledSvg16,
1417
1456
  {
1418
1457
  viewBox: "0 0 36 39",
1419
1458
  fill: "none",
@@ -1459,9 +1498,9 @@ var RecordIcon = (props) => /* @__PURE__ */ jsxs(
1459
1498
  ]
1460
1499
  }
1461
1500
  );
1462
- var StyledSvg16 = styled(ark$1.svg);
1501
+ var StyledSvg17 = styled(ark$1.svg);
1463
1502
  var NotebookPenIcon = (props) => /* @__PURE__ */ jsx(
1464
- StyledSvg16,
1503
+ StyledSvg17,
1465
1504
  {
1466
1505
  viewBox: "0 0 42 42",
1467
1506
  fill: "none",
@@ -1481,9 +1520,9 @@ var NotebookPenIcon = (props) => /* @__PURE__ */ jsx(
1481
1520
  )
1482
1521
  }
1483
1522
  );
1484
- var StyledSvg17 = styled(ark$1.svg);
1523
+ var StyledSvg18 = styled(ark$1.svg);
1485
1524
  var SparklesIcon = (props) => /* @__PURE__ */ jsx(
1486
- StyledSvg17,
1525
+ StyledSvg18,
1487
1526
  {
1488
1527
  viewBox: "0 0 24 27",
1489
1528
  fill: "none",
@@ -1503,9 +1542,9 @@ var SparklesIcon = (props) => /* @__PURE__ */ jsx(
1503
1542
  )
1504
1543
  }
1505
1544
  );
1506
- var StyledSvg18 = styled(ark$1.svg);
1545
+ var StyledSvg19 = styled(ark$1.svg);
1507
1546
  var ScrollTextIcon = (props) => /* @__PURE__ */ jsx(
1508
- StyledSvg18,
1547
+ StyledSvg19,
1509
1548
  {
1510
1549
  viewBox: "0 0 42 42",
1511
1550
  fill: "none",
@@ -1525,9 +1564,9 @@ var ScrollTextIcon = (props) => /* @__PURE__ */ jsx(
1525
1564
  )
1526
1565
  }
1527
1566
  );
1528
- var StyledSvg19 = styled(ark$1.svg);
1567
+ var StyledSvg20 = styled(ark$1.svg);
1529
1568
  var RepeatQuestionIcon = (props) => /* @__PURE__ */ jsx(
1530
- StyledSvg19,
1569
+ StyledSvg20,
1531
1570
  {
1532
1571
  viewBox: "0 0 64 63",
1533
1572
  fill: "none",
@@ -1547,9 +1586,9 @@ var RepeatQuestionIcon = (props) => /* @__PURE__ */ jsx(
1547
1586
  )
1548
1587
  }
1549
1588
  );
1550
- var StyledSvg20 = styled(ark$1.svg);
1589
+ var StyledSvg21 = styled(ark$1.svg);
1551
1590
  var ExitStudioIcon = (props) => /* @__PURE__ */ jsxs(
1552
- StyledSvg20,
1591
+ StyledSvg21,
1553
1592
  {
1554
1593
  viewBox: "0 0 64 64",
1555
1594
  fill: "none",
@@ -1582,9 +1621,9 @@ var ExitStudioIcon = (props) => /* @__PURE__ */ jsxs(
1582
1621
  ]
1583
1622
  }
1584
1623
  );
1585
- var StyledSvg21 = styled(ark$1.svg);
1624
+ var StyledSvg22 = styled(ark$1.svg);
1586
1625
  var PausePlayIcon = (props) => /* @__PURE__ */ jsxs(
1587
- StyledSvg21,
1626
+ StyledSvg22,
1588
1627
  {
1589
1628
  viewBox: "0 0 64 64",
1590
1629
  fill: "none",
@@ -1627,9 +1666,9 @@ var PausePlayIcon = (props) => /* @__PURE__ */ jsxs(
1627
1666
  ]
1628
1667
  }
1629
1668
  );
1630
- var StyledSvg22 = styled(ark$1.svg);
1669
+ var StyledSvg23 = styled(ark$1.svg);
1631
1670
  var StopPlayIcon = (props) => /* @__PURE__ */ jsxs(
1632
- StyledSvg22,
1671
+ StyledSvg23,
1633
1672
  {
1634
1673
  viewBox: "0 0 64 64",
1635
1674
  fill: "none",
@@ -1663,9 +1702,9 @@ var StopPlayIcon = (props) => /* @__PURE__ */ jsxs(
1663
1702
  ]
1664
1703
  }
1665
1704
  );
1666
- var StyledSvg23 = styled(ark$1.svg);
1705
+ var StyledSvg24 = styled(ark$1.svg);
1667
1706
  var BookmarkPlusIcon = (props) => /* @__PURE__ */ jsx(
1668
- StyledSvg23,
1707
+ StyledSvg24,
1669
1708
  {
1670
1709
  viewBox: "0 0 42 42",
1671
1710
  fill: "none",
@@ -1685,9 +1724,9 @@ var BookmarkPlusIcon = (props) => /* @__PURE__ */ jsx(
1685
1724
  )
1686
1725
  }
1687
1726
  );
1688
- var StyledSvg24 = styled(ark$1.svg);
1727
+ var StyledSvg25 = styled(ark$1.svg);
1689
1728
  var AudioSpeakerIcon = (props) => /* @__PURE__ */ jsx(
1690
- StyledSvg24,
1729
+ StyledSvg25,
1691
1730
  {
1692
1731
  viewBox: "-10 -3 50 34",
1693
1732
  fill: "none",
@@ -1707,9 +1746,9 @@ var AudioSpeakerIcon = (props) => /* @__PURE__ */ jsx(
1707
1746
  )
1708
1747
  }
1709
1748
  );
1710
- var StyledSvg25 = styled(ark$1.svg);
1749
+ var StyledSvg26 = styled(ark$1.svg);
1711
1750
  var UserProfileIcon = (props) => /* @__PURE__ */ jsx(
1712
- StyledSvg25,
1751
+ StyledSvg26,
1713
1752
  {
1714
1753
  viewBox: "0 0 42 42",
1715
1754
  fill: "none",
@@ -1729,9 +1768,9 @@ var UserProfileIcon = (props) => /* @__PURE__ */ jsx(
1729
1768
  )
1730
1769
  }
1731
1770
  );
1732
- var StyledSvg26 = styled(ark$1.svg);
1771
+ var StyledSvg27 = styled(ark$1.svg);
1733
1772
  var PlayIcon = (props) => /* @__PURE__ */ jsxs(
1734
- StyledSvg26,
1773
+ StyledSvg27,
1735
1774
  {
1736
1775
  viewBox: "0 0 63 63",
1737
1776
  fill: "none",
@@ -1763,9 +1802,9 @@ var PlayIcon = (props) => /* @__PURE__ */ jsxs(
1763
1802
  ]
1764
1803
  }
1765
1804
  );
1766
- var StyledSvg27 = styled(ark$1.svg);
1805
+ var StyledSvg28 = styled(ark$1.svg);
1767
1806
  var SpeechIcon = (props) => /* @__PURE__ */ jsx(
1768
- StyledSvg27,
1807
+ StyledSvg28,
1769
1808
  {
1770
1809
  viewBox: "0 0 60 60",
1771
1810
  fill: "none",
@@ -1785,9 +1824,9 @@ var SpeechIcon = (props) => /* @__PURE__ */ jsx(
1785
1824
  )
1786
1825
  }
1787
1826
  );
1788
- var StyledSvg28 = styled(ark$1.svg);
1827
+ var StyledSvg29 = styled(ark$1.svg);
1789
1828
  var ChevronUpDownIcon = (props) => /* @__PURE__ */ jsx(
1790
- StyledSvg28,
1829
+ StyledSvg29,
1791
1830
  {
1792
1831
  viewBox: "0 0 40 40",
1793
1832
  fill: "none",
@@ -1804,9 +1843,9 @@ var ChevronUpDownIcon = (props) => /* @__PURE__ */ jsx(
1804
1843
  )
1805
1844
  }
1806
1845
  );
1807
- var StyledSvg29 = styled(ark$1.svg);
1846
+ var StyledSvg30 = styled(ark$1.svg);
1808
1847
  var LogoutIcon = (props) => /* @__PURE__ */ jsxs(
1809
- StyledSvg29,
1848
+ StyledSvg30,
1810
1849
  {
1811
1850
  viewBox: "0 0 40 40",
1812
1851
  fill: "none",
@@ -1851,9 +1890,9 @@ var LogoutIcon = (props) => /* @__PURE__ */ jsxs(
1851
1890
  ]
1852
1891
  }
1853
1892
  );
1854
- var StyledSvg30 = styled(ark$1.svg);
1893
+ var StyledSvg31 = styled(ark$1.svg);
1855
1894
  var LoginIcon = (props) => /* @__PURE__ */ jsxs(
1856
- StyledSvg30,
1895
+ StyledSvg31,
1857
1896
  {
1858
1897
  viewBox: "0 0 60 60",
1859
1898
  fill: "none",
@@ -3480,6 +3519,6 @@ function ScenarioQueue({
3480
3519
  ] });
3481
3520
  }
3482
3521
 
3483
- export { AbsoluteCenter_exports, Accordion_exports, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports, Badge, BookmarkPlusIcon, Breadcrumb_exports, Button, ButtonGroup, Card_exports, Checkbox_exports, ChevronUpDownIcon, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports, ContentCard_exports, DashboardIcon, Dialog_exports, DiscourserLogo, Divider, Drawer_exports, ExitStudioIcon, GripDotsVerticalIcon, Group_exports, Header, HelpIcon, IconButton, Icon_exports, Input, InputAddon, InputGroup2 as InputGroup, LoginIcon, LogoutIcon, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports, Progress_exports, RadioGroup_exports, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports, SettingsPopover, Skeleton_exports, Slider_exports, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, StudioControls, Switch_exports, Tabs_exports, Textarea, TimerIcon, Toaster, Tooltip_exports, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster };
3484
- //# sourceMappingURL=chunk-UHSL4N44.js.map
3485
- //# sourceMappingURL=chunk-UHSL4N44.js.map
3522
+ export { AbsoluteCenter_exports, Accordion_exports, AccountIcon, AddScenarioDialog, AudienceIcon, AudioSpeakerIcon, Avatar_exports, Badge, BookmarkPlusIcon, Breadcrumb_exports, Button, ButtonGroup, Card_exports, Checkbox_exports, ChevronUpDownIcon, ChevronUpIcon, ClipBoardIcon, ClockIcon, CloseButton_exports, ContentCard_exports, DashboardIcon, Dialog_exports, DiscourserLogo, Divider, Drawer_exports, ExitStudioIcon, GripDotsVerticalIcon, Group_exports, Header, HelpIcon, IconButton, Icon_exports, Input, InputAddon, InputGroup2 as InputGroup, LeftArrowIcon, LoginIcon, LogoutIcon, MicrophoneIcon, NavigationMenu, NotebookIcon, NotebookPenIcon, PausePlayIcon, PlayIcon, Popover_exports, Progress_exports, RadioGroup_exports, RecordIcon, RepeatQuestionIcon, RightArrowIcon, ScenarioCard, ScenarioIcon, ScenarioQueue, ScenarioSettings, ScrollTextIcon, Select_exports, SettingsPopover, Skeleton_exports, Slider_exports, SparklesIcon, SpeechIcon, Spinner, Stepper, StopPlayIcon, StudioControls, Switch_exports, Tabs_exports, Textarea, TimerIcon, Toaster, Tooltip_exports, UserProfileIcon, difficultyColorMap, difficultyLabel, toaster };
3523
+ //# sourceMappingURL=chunk-MAVUSE4F.js.map
3524
+ //# sourceMappingURL=chunk-MAVUSE4F.js.map