@discourser/design-system 0.25.3 → 0.27.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 (61) 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/component-catalog.md +469 -0
  31. package/docs/superpowers/plans/2026-04-03-component-catalog-pipeline.md +667 -0
  32. package/docs/token-name-mapping.json +614 -42
  33. package/docs/token-name-mapping.md +117 -29
  34. package/package.json +3 -2
  35. package/src/components/Icons/LeftArrowIcon.tsx +28 -0
  36. package/src/components/Icons/RightArrowIcon.tsx +7 -2
  37. package/src/components/Icons/index.ts +1 -0
  38. package/src/components/__tests__/AbsoluteCenter.test.tsx +31 -0
  39. package/src/components/__tests__/Divider.test.tsx +38 -0
  40. package/src/components/__tests__/Group.test.tsx +34 -0
  41. package/src/components/__tests__/Icon.test.tsx +31 -0
  42. package/src/components/__tests__/SettingsPopover.test.tsx +39 -0
  43. package/src/components/__tests__/StudioControls.test.tsx +59 -0
  44. package/src/components/__tests__/Toaster.test.tsx +24 -0
  45. package/src/components/index.ts +1 -0
  46. package/src/contracts/design-language.contract.ts +69 -20
  47. package/src/languages/material3.language.ts +249 -80
  48. package/src/languages/transform.ts +45 -48
  49. package/src/preset/__tests__/translation-token-accuracy.test.ts +13 -0
  50. package/src/stories/foundations/Colors.mdx +9 -1
  51. package/src/stories/foundations/Elevation.mdx +23 -17
  52. package/src/stories/foundations/TokenReference.stories.tsx +970 -0
  53. package/src/stories/foundations/TonalPaletteDerivation.stories.tsx +782 -0
  54. package/src/stories/foundations/Typography.mdx +125 -25
  55. package/dist/chunk-QNCZYFUJ.cjs.map +0 -1
  56. package/dist/chunk-TBLDQATQ.cjs.map +0 -1
  57. package/dist/chunk-UHSL4N44.js.map +0 -1
  58. package/dist/chunk-ZPECW4N2.js.map +0 -1
  59. package/docs/context-share/ELEVATION_FIX_PLAN.md +0 -903
  60. package/docs/context-share/fix-checkbox-radio-tokens.md +0 -145
  61. package/docs/context-share/icon-component-prompt.md +0 -154
@@ -1120,27 +1120,66 @@ var AccountIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1120
1120
  }
1121
1121
  );
1122
1122
  var StyledSvg8 = jsx.styled(factory.ark.svg);
1123
- var RightArrowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1123
+ var RightArrowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1124
1124
  StyledSvg8,
1125
1125
  {
1126
- viewBox: "0 0 19 19",
1126
+ viewBox: "0 0 21 17",
1127
1127
  fill: "none",
1128
1128
  xmlns: "http://www.w3.org/2000/svg",
1129
1129
  width: "1em",
1130
1130
  height: "1em",
1131
1131
  ...props,
1132
- children: /* @__PURE__ */ jsxRuntime.jsx(
1133
- "path",
1134
- {
1135
- 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",
1136
- fill: "currentColor"
1137
- }
1138
- )
1132
+ children: [
1133
+ /* @__PURE__ */ jsxRuntime.jsx(
1134
+ "path",
1135
+ {
1136
+ 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",
1137
+ fill: "currentColor"
1138
+ }
1139
+ ),
1140
+ /* @__PURE__ */ jsxRuntime.jsx(
1141
+ "path",
1142
+ {
1143
+ 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",
1144
+ stroke: "currentColor",
1145
+ strokeWidth: "0.75"
1146
+ }
1147
+ )
1148
+ ]
1139
1149
  }
1140
1150
  );
1141
1151
  var StyledSvg9 = jsx.styled(factory.ark.svg);
1142
- var ChevronUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1152
+ var LeftArrowIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1143
1153
  StyledSvg9,
1154
+ {
1155
+ viewBox: "0 0 21 17",
1156
+ fill: "none",
1157
+ xmlns: "http://www.w3.org/2000/svg",
1158
+ width: "1em",
1159
+ height: "1em",
1160
+ ...props,
1161
+ children: [
1162
+ /* @__PURE__ */ jsxRuntime.jsx(
1163
+ "path",
1164
+ {
1165
+ 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",
1166
+ fill: "currentColor"
1167
+ }
1168
+ ),
1169
+ /* @__PURE__ */ jsxRuntime.jsx(
1170
+ "path",
1171
+ {
1172
+ 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",
1173
+ stroke: "currentColor",
1174
+ strokeWidth: "0.75"
1175
+ }
1176
+ )
1177
+ ]
1178
+ }
1179
+ );
1180
+ var StyledSvg10 = jsx.styled(factory.ark.svg);
1181
+ var ChevronUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1182
+ StyledSvg10,
1144
1183
  {
1145
1184
  viewBox: "0 0 24 15",
1146
1185
  fill: "none",
@@ -1158,9 +1197,9 @@ var ChevronUpIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1158
1197
  )
1159
1198
  }
1160
1199
  );
1161
- var StyledSvg10 = jsx.styled(factory.ark.svg);
1200
+ var StyledSvg11 = jsx.styled(factory.ark.svg);
1162
1201
  var DiscourserLogo = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1163
- StyledSvg10,
1202
+ StyledSvg11,
1164
1203
  {
1165
1204
  viewBox: "0 0 348 60",
1166
1205
  fill: "none",
@@ -1258,9 +1297,9 @@ var DiscourserLogo = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1258
1297
  ]
1259
1298
  }
1260
1299
  );
1261
- var StyledSvg11 = jsx.styled(factory.ark.svg);
1300
+ var StyledSvg12 = jsx.styled(factory.ark.svg);
1262
1301
  var TimerIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1263
- StyledSvg11,
1302
+ StyledSvg12,
1264
1303
  {
1265
1304
  viewBox: "0 0 35 39",
1266
1305
  fill: "none",
@@ -1280,9 +1319,9 @@ var TimerIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1280
1319
  )
1281
1320
  }
1282
1321
  );
1283
- var StyledSvg12 = jsx.styled(factory.ark.svg);
1322
+ var StyledSvg13 = jsx.styled(factory.ark.svg);
1284
1323
  var ClipBoardIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1285
- StyledSvg12,
1324
+ StyledSvg13,
1286
1325
  {
1287
1326
  viewBox: "0 0 40 39",
1288
1327
  fill: "none",
@@ -1354,9 +1393,9 @@ var ClipBoardIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1354
1393
  ]
1355
1394
  }
1356
1395
  );
1357
- var StyledSvg13 = jsx.styled(factory.ark.svg);
1396
+ var StyledSvg14 = jsx.styled(factory.ark.svg);
1358
1397
  var MicrophoneIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1359
- StyledSvg13,
1398
+ StyledSvg14,
1360
1399
  {
1361
1400
  viewBox: "0 0 40 45",
1362
1401
  fill: "none",
@@ -1398,9 +1437,9 @@ var MicrophoneIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1398
1437
  ]
1399
1438
  }
1400
1439
  );
1401
- var StyledSvg14 = jsx.styled(factory.ark.svg);
1440
+ var StyledSvg15 = jsx.styled(factory.ark.svg);
1402
1441
  var AudienceIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1403
- StyledSvg14,
1442
+ StyledSvg15,
1404
1443
  {
1405
1444
  viewBox: "3.5 9.5 29 25",
1406
1445
  fill: "currentColor",
@@ -1413,9 +1452,9 @@ var AudienceIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1413
1452
  children: /* @__PURE__ */ jsxRuntime.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" })
1414
1453
  }
1415
1454
  );
1416
- var StyledSvg15 = jsx.styled(factory.ark.svg);
1455
+ var StyledSvg16 = jsx.styled(factory.ark.svg);
1417
1456
  var RecordIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1418
- StyledSvg15,
1457
+ StyledSvg16,
1419
1458
  {
1420
1459
  viewBox: "0 0 36 39",
1421
1460
  fill: "none",
@@ -1461,9 +1500,9 @@ var RecordIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1461
1500
  ]
1462
1501
  }
1463
1502
  );
1464
- var StyledSvg16 = jsx.styled(factory.ark.svg);
1503
+ var StyledSvg17 = jsx.styled(factory.ark.svg);
1465
1504
  var NotebookPenIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1466
- StyledSvg16,
1505
+ StyledSvg17,
1467
1506
  {
1468
1507
  viewBox: "0 0 42 42",
1469
1508
  fill: "none",
@@ -1483,9 +1522,9 @@ var NotebookPenIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1483
1522
  )
1484
1523
  }
1485
1524
  );
1486
- var StyledSvg17 = jsx.styled(factory.ark.svg);
1525
+ var StyledSvg18 = jsx.styled(factory.ark.svg);
1487
1526
  var SparklesIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1488
- StyledSvg17,
1527
+ StyledSvg18,
1489
1528
  {
1490
1529
  viewBox: "0 0 24 27",
1491
1530
  fill: "none",
@@ -1505,9 +1544,9 @@ var SparklesIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1505
1544
  )
1506
1545
  }
1507
1546
  );
1508
- var StyledSvg18 = jsx.styled(factory.ark.svg);
1547
+ var StyledSvg19 = jsx.styled(factory.ark.svg);
1509
1548
  var ScrollTextIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1510
- StyledSvg18,
1549
+ StyledSvg19,
1511
1550
  {
1512
1551
  viewBox: "0 0 42 42",
1513
1552
  fill: "none",
@@ -1527,9 +1566,9 @@ var ScrollTextIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1527
1566
  )
1528
1567
  }
1529
1568
  );
1530
- var StyledSvg19 = jsx.styled(factory.ark.svg);
1569
+ var StyledSvg20 = jsx.styled(factory.ark.svg);
1531
1570
  var RepeatQuestionIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1532
- StyledSvg19,
1571
+ StyledSvg20,
1533
1572
  {
1534
1573
  viewBox: "0 0 64 63",
1535
1574
  fill: "none",
@@ -1549,9 +1588,9 @@ var RepeatQuestionIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1549
1588
  )
1550
1589
  }
1551
1590
  );
1552
- var StyledSvg20 = jsx.styled(factory.ark.svg);
1591
+ var StyledSvg21 = jsx.styled(factory.ark.svg);
1553
1592
  var ExitStudioIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1554
- StyledSvg20,
1593
+ StyledSvg21,
1555
1594
  {
1556
1595
  viewBox: "0 0 64 64",
1557
1596
  fill: "none",
@@ -1584,9 +1623,9 @@ var ExitStudioIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1584
1623
  ]
1585
1624
  }
1586
1625
  );
1587
- var StyledSvg21 = jsx.styled(factory.ark.svg);
1626
+ var StyledSvg22 = jsx.styled(factory.ark.svg);
1588
1627
  var PausePlayIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1589
- StyledSvg21,
1628
+ StyledSvg22,
1590
1629
  {
1591
1630
  viewBox: "0 0 64 64",
1592
1631
  fill: "none",
@@ -1629,9 +1668,9 @@ var PausePlayIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1629
1668
  ]
1630
1669
  }
1631
1670
  );
1632
- var StyledSvg22 = jsx.styled(factory.ark.svg);
1671
+ var StyledSvg23 = jsx.styled(factory.ark.svg);
1633
1672
  var StopPlayIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1634
- StyledSvg22,
1673
+ StyledSvg23,
1635
1674
  {
1636
1675
  viewBox: "0 0 64 64",
1637
1676
  fill: "none",
@@ -1665,9 +1704,9 @@ var StopPlayIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1665
1704
  ]
1666
1705
  }
1667
1706
  );
1668
- var StyledSvg23 = jsx.styled(factory.ark.svg);
1707
+ var StyledSvg24 = jsx.styled(factory.ark.svg);
1669
1708
  var BookmarkPlusIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1670
- StyledSvg23,
1709
+ StyledSvg24,
1671
1710
  {
1672
1711
  viewBox: "0 0 42 42",
1673
1712
  fill: "none",
@@ -1687,9 +1726,9 @@ var BookmarkPlusIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1687
1726
  )
1688
1727
  }
1689
1728
  );
1690
- var StyledSvg24 = jsx.styled(factory.ark.svg);
1729
+ var StyledSvg25 = jsx.styled(factory.ark.svg);
1691
1730
  var AudioSpeakerIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1692
- StyledSvg24,
1731
+ StyledSvg25,
1693
1732
  {
1694
1733
  viewBox: "-10 -3 50 34",
1695
1734
  fill: "none",
@@ -1709,9 +1748,9 @@ var AudioSpeakerIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1709
1748
  )
1710
1749
  }
1711
1750
  );
1712
- var StyledSvg25 = jsx.styled(factory.ark.svg);
1751
+ var StyledSvg26 = jsx.styled(factory.ark.svg);
1713
1752
  var UserProfileIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1714
- StyledSvg25,
1753
+ StyledSvg26,
1715
1754
  {
1716
1755
  viewBox: "0 0 42 42",
1717
1756
  fill: "none",
@@ -1731,9 +1770,9 @@ var UserProfileIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1731
1770
  )
1732
1771
  }
1733
1772
  );
1734
- var StyledSvg26 = jsx.styled(factory.ark.svg);
1773
+ var StyledSvg27 = jsx.styled(factory.ark.svg);
1735
1774
  var PlayIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1736
- StyledSvg26,
1775
+ StyledSvg27,
1737
1776
  {
1738
1777
  viewBox: "0 0 63 63",
1739
1778
  fill: "none",
@@ -1765,9 +1804,9 @@ var PlayIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1765
1804
  ]
1766
1805
  }
1767
1806
  );
1768
- var StyledSvg27 = jsx.styled(factory.ark.svg);
1807
+ var StyledSvg28 = jsx.styled(factory.ark.svg);
1769
1808
  var SpeechIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1770
- StyledSvg27,
1809
+ StyledSvg28,
1771
1810
  {
1772
1811
  viewBox: "0 0 60 60",
1773
1812
  fill: "none",
@@ -1787,9 +1826,9 @@ var SpeechIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1787
1826
  )
1788
1827
  }
1789
1828
  );
1790
- var StyledSvg28 = jsx.styled(factory.ark.svg);
1829
+ var StyledSvg29 = jsx.styled(factory.ark.svg);
1791
1830
  var ChevronUpDownIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1792
- StyledSvg28,
1831
+ StyledSvg29,
1793
1832
  {
1794
1833
  viewBox: "0 0 40 40",
1795
1834
  fill: "none",
@@ -1806,9 +1845,9 @@ var ChevronUpDownIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
1806
1845
  )
1807
1846
  }
1808
1847
  );
1809
- var StyledSvg29 = jsx.styled(factory.ark.svg);
1848
+ var StyledSvg30 = jsx.styled(factory.ark.svg);
1810
1849
  var LogoutIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1811
- StyledSvg29,
1850
+ StyledSvg30,
1812
1851
  {
1813
1852
  viewBox: "0 0 40 40",
1814
1853
  fill: "none",
@@ -1853,9 +1892,9 @@ var LogoutIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1853
1892
  ]
1854
1893
  }
1855
1894
  );
1856
- var StyledSvg30 = jsx.styled(factory.ark.svg);
1895
+ var StyledSvg31 = jsx.styled(factory.ark.svg);
1857
1896
  var LoginIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
1858
- StyledSvg30,
1897
+ StyledSvg31,
1859
1898
  {
1860
1899
  viewBox: "0 0 60 60",
1861
1900
  fill: "none",
@@ -3517,6 +3556,7 @@ exports.Icon_exports = Icon_exports;
3517
3556
  exports.Input = Input;
3518
3557
  exports.InputAddon = InputAddon;
3519
3558
  exports.InputGroup = InputGroup2;
3559
+ exports.LeftArrowIcon = LeftArrowIcon;
3520
3560
  exports.LoginIcon = LoginIcon;
3521
3561
  exports.LogoutIcon = LogoutIcon;
3522
3562
  exports.MicrophoneIcon = MicrophoneIcon;
@@ -3556,5 +3596,5 @@ exports.UserProfileIcon = UserProfileIcon;
3556
3596
  exports.difficultyColorMap = difficultyColorMap;
3557
3597
  exports.difficultyLabel = difficultyLabel;
3558
3598
  exports.toaster = toaster;
3559
- //# sourceMappingURL=chunk-TBLDQATQ.cjs.map
3560
- //# sourceMappingURL=chunk-TBLDQATQ.cjs.map
3599
+ //# sourceMappingURL=chunk-EBDNCZF6.cjs.map
3600
+ //# sourceMappingURL=chunk-EBDNCZF6.cjs.map