@apple-pie/slice 0.1.28 → 0.1.30

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 (215) hide show
  1. package/README.md +164 -3
  2. package/dist/cjs/chunks/{Avatar-Dg8ZHnw6.js → Avatar-CqUSRzVd.js} +1 -1
  3. package/dist/cjs/chunks/{AvatarGroup-F8eSiMwn.js → AvatarGroup-DhGp_qLw.js} +1 -1
  4. package/dist/cjs/chunks/{Button-Dic9Rfkr.js → Button-PsJx1WmV.js} +1 -1
  5. package/dist/cjs/chunks/{ButtonBar-C7tJ6pDM.js → ButtonBar-8zm6a_h7.js} +1 -1
  6. package/dist/cjs/chunks/{Camera-DfnOBHeI.js → Camera-zFyIXcge.js} +2 -2
  7. package/dist/cjs/chunks/{CheckBox-Cxzt7DJo.js → CheckBox-Cbh6UK-7.js} +1 -1
  8. package/dist/cjs/chunks/{Chip-DKbhpeho.js → Chip-DcS8dtW2.js} +1 -1
  9. package/dist/cjs/chunks/{DivInput-DWPwVUs_.js → DivInput-2cMdJQ9U.js} +1 -1
  10. package/dist/cjs/chunks/{DrggablePanel-DuOxkekq.js → DrggablePanel-P7TgBI3j.js} +4 -4
  11. package/dist/cjs/chunks/{DropDown-BcRH7Fle.js → DropDown-B0970yVe.js} +11 -10
  12. package/dist/cjs/chunks/{FileIcon-DgRlhqzv.js → FileIcon-PuDoz0mF.js} +1 -1
  13. package/dist/cjs/chunks/{FileList-S0Hf82-C.js → FileList-sDq1jK0b.js} +1 -1
  14. package/dist/cjs/chunks/{FlexDiv-BPnptnPL.js → FlexDiv-D4aSJC_G.js} +1 -1
  15. package/dist/cjs/chunks/{Grouper-CgkPu4sa.js → Grouper-Ccd-x_Nb.js} +1 -1
  16. package/dist/cjs/chunks/{Icon-UFrKtcYJ.js → Icon-BtcHXeqE.js} +84 -2
  17. package/dist/cjs/chunks/{IconButton-CaQ0SioJ.js → IconButton-CF4cR7Tr.js} +2 -2
  18. package/dist/cjs/chunks/{Label-Bxp2pCXf.js → Label-htjXHiQ4.js} +1 -1
  19. package/dist/cjs/chunks/{MdStreamBuffer-DObxjnAm.js → MdStreamBuffer-CvLO7CVi.js} +37 -3
  20. package/dist/cjs/chunks/Modal-C0Z59meI.js +101 -0
  21. package/dist/cjs/chunks/ModalController-13xmvKnm.js +70 -0
  22. package/dist/cjs/chunks/{Overlay-DDOvMM6L.js → Overlay-GXu6nMnw.js} +9 -3
  23. package/dist/cjs/chunks/{Pager-DO197OyC.js → Pager-D2_fshTy.js} +1 -1
  24. package/dist/cjs/chunks/{ProgressIndicator-n9CfW6jd.js → ProgressIndicator-D06PqCQk.js} +55 -51
  25. package/dist/cjs/chunks/{PromptInput-CI0iSYKL.js → PromptInput-DuE4vGxR.js} +1 -1
  26. package/dist/cjs/chunks/{RadioButton-JBNaNihZ.js → RadioButton-DPB2ZGVf.js} +1 -1
  27. package/dist/cjs/chunks/{RadioButtonList-CW2pDNIq.js → RadioButtonList-N7Fmvr5W.js} +1 -1
  28. package/dist/cjs/chunks/{Slider-BAcaZUs2.js → Slider-BSy8xciG.js} +26 -31
  29. package/dist/cjs/chunks/{TabBar-Bpngr90Q.js → TabBar-BtFfMwiB.js} +10 -7
  30. package/dist/cjs/chunks/{TextArea-BZgwajEC.js → TextArea-CRiPRF8v.js} +1 -1
  31. package/dist/cjs/chunks/{TextField-x1MWESCA.js → TextField-Bh2EA082.js} +2 -2
  32. package/dist/cjs/chunks/{Tip-BZQhRyng.js → Tip-C5keUoHx.js} +1 -1
  33. package/dist/cjs/chunks/{Toast-cda-RInJ.js → Toast-CyiFOsI3.js} +19 -9
  34. package/dist/cjs/chunks/{ToggleButton-CuX1nQk4.js → ToggleButton-D5_WnW0o.js} +2 -2
  35. package/dist/cjs/chunks/{UploadArea-CiiKnWe7.js → UploadArea-KqES_OLl.js} +1 -1
  36. package/dist/cjs/chunks/{_types-Cqkxw-yc.js → _types-Bdqd2vHh.js} +6 -2
  37. package/dist/cjs/chunks/{microphoneStore-CgFohRfy.js → microphoneStore-D1fV_8QQ.js} +21 -4
  38. package/dist/cjs/chunks/{misc-BTF7BCZW.js → misc-QpU0XEOW.js} +17 -20
  39. package/dist/cjs/chunks/modalStore-7VjHHM8X.js +70 -0
  40. package/dist/cjs/chunks/{uploads-worker-mD8pcsGP.js → uploads-worker-Az040BSN.js} +1 -1
  41. package/dist/cjs/chunks/{uploadsStore-CxWIctvI.js → uploadsStore-8mOTz0Qe.js} +2 -2
  42. package/dist/cjs/chunks/volumeStore-Pv23v12t.js +95 -0
  43. package/dist/cjs/components/Avatar/index.js +2 -2
  44. package/dist/cjs/components/AvatarGroup/index.js +2 -2
  45. package/dist/cjs/components/Button/index.js +4 -4
  46. package/dist/cjs/components/ButtonBar/index.js +2 -2
  47. package/dist/cjs/components/Camera/index.js +4 -4
  48. package/dist/cjs/components/CheckBox/index.js +2 -2
  49. package/dist/cjs/components/Chip/index.js +2 -2
  50. package/dist/cjs/components/DivInput/index.js +2 -2
  51. package/dist/cjs/components/DraggablePanel/index.js +2 -2
  52. package/dist/cjs/components/DropDown/index.js +2 -2
  53. package/dist/cjs/components/FileIcon/index.js +2 -2
  54. package/dist/cjs/components/FileList/index.js +3 -3
  55. package/dist/cjs/components/FlexDiv/index.js +1 -1
  56. package/dist/cjs/components/Grouper/index.js +2 -2
  57. package/dist/cjs/components/Icon/index.js +2 -2
  58. package/dist/cjs/components/IconButton/index.js +3 -3
  59. package/dist/cjs/components/Label/index.js +2 -2
  60. package/dist/cjs/components/Modal/index.js +14 -0
  61. package/dist/cjs/components/ModalController/index.js +7 -0
  62. package/dist/cjs/components/Overlay/index.js +1 -1
  63. package/dist/cjs/components/Pager/index.js +2 -2
  64. package/dist/cjs/components/Progress/index.js +2 -2
  65. package/dist/cjs/components/PromptInput/index.js +5 -5
  66. package/dist/cjs/components/RadioButton/index.js +2 -2
  67. package/dist/cjs/components/RadioButtonList/index.js +3 -3
  68. package/dist/cjs/components/Slider/index.js +2 -2
  69. package/dist/cjs/components/TabBar/index.js +3 -3
  70. package/dist/cjs/components/TextArea/index.js +5 -5
  71. package/dist/cjs/components/Textfield/index.js +4 -4
  72. package/dist/cjs/components/Tip/index.js +2 -2
  73. package/dist/cjs/components/Toast/index.js +4 -3
  74. package/dist/cjs/components/ToggleButton/index.js +5 -5
  75. package/dist/cjs/components/UploadArea/index.js +10 -10
  76. package/dist/cjs/hooks/useAudioRecorder.js +3 -4
  77. package/dist/cjs/hooks/useLocalStore.js +3 -9
  78. package/dist/cjs/hooks/useMdStreamBuffer.js +1 -1
  79. package/dist/cjs/hooks/useMicrophone.js +64 -24
  80. package/dist/cjs/hooks/useTrackRenders.js +1 -1
  81. package/dist/cjs/hooks.js +1 -1
  82. package/dist/cjs/index.js +7 -5
  83. package/dist/cjs/providers/ThemeProvider.js +2 -2
  84. package/dist/cjs/stores/microphone.js +5 -3
  85. package/dist/cjs/stores/modal.js +7 -0
  86. package/dist/cjs/stores/uploads.js +2 -2
  87. package/dist/cjs/stores/volume.js +10 -0
  88. package/dist/cjs/stores.js +30 -20
  89. package/dist/cjs/theme/colors.js +7 -1
  90. package/dist/cjs/utils/index.js +1 -1
  91. package/dist/cjs/utils/objects/index.js +1 -1
  92. package/dist/cjs/workers/uploads/uploads.js +1 -1
  93. package/dist/esm/chunks/{Avatar-m5-zleDk.mjs → Avatar-29zhNfxX.mjs} +1 -1
  94. package/dist/esm/chunks/{AvatarGroup-DlgP4lTS.mjs → AvatarGroup-C7YRtPmJ.mjs} +1 -1
  95. package/dist/esm/chunks/{Button-BIbAGVV8.mjs → Button-BQS3rwrS.mjs} +2 -2
  96. package/dist/esm/chunks/{ButtonBar-B-1YFX9u.mjs → ButtonBar-GLNRjmjv.mjs} +2 -2
  97. package/dist/esm/chunks/{Camera-BQBo2g52.mjs → Camera-CAp0Y2gN.mjs} +3 -3
  98. package/dist/esm/chunks/{CheckBox-DDwE1wkX.mjs → CheckBox-7TiT2U47.mjs} +2 -2
  99. package/dist/esm/chunks/{Chip-BuHc883v.mjs → Chip-CKsojimU.mjs} +2 -2
  100. package/dist/esm/chunks/{DivInput-WJltaCra.mjs → DivInput-g6F1YWTo.mjs} +1 -1
  101. package/dist/esm/chunks/{DrggablePanel-Dc6lqqfO.mjs → DrggablePanel-C0AmJy8g.mjs} +4 -4
  102. package/dist/esm/chunks/{DropDown-CdkEVTRk.mjs → DropDown-mwo8fY7p.mjs} +12 -11
  103. package/dist/esm/chunks/{FileIcon-Cufsp1gn.mjs → FileIcon-BQ2zZIW5.mjs} +1 -1
  104. package/dist/esm/chunks/{FileList-DN4Ubroe.mjs → FileList-fh-x9Dzm.mjs} +4 -4
  105. package/dist/esm/chunks/{FlexDiv-BWZ7f8mA.mjs → FlexDiv-DnY1_qk4.mjs} +1 -1
  106. package/dist/esm/chunks/{Grouper-C4A3qYot.mjs → Grouper-naJMvpB9.mjs} +1 -1
  107. package/dist/esm/chunks/{Icon-DRzjkybv.mjs → Icon--RjjODc9.mjs} +85 -3
  108. package/dist/esm/chunks/{IconButton-b1v9Me0P.mjs → IconButton-ByBYppAj.mjs} +2 -2
  109. package/dist/esm/chunks/{Label-CvCDAg1y.mjs → Label-C04tD7UZ.mjs} +1 -1
  110. package/dist/esm/chunks/{MdStreamBuffer-DNXE4XbN.mjs → MdStreamBuffer-By7pHJQL.mjs} +37 -3
  111. package/dist/esm/chunks/Modal-B9ad9OfJ.mjs +115 -0
  112. package/dist/esm/chunks/ModalController-BO5FkAqu.mjs +80 -0
  113. package/dist/esm/chunks/{Overlay-DiSvgIQP.mjs → Overlay-sXM7cEYc.mjs} +9 -3
  114. package/dist/esm/chunks/{Pager-BoDLaKFh.mjs → Pager-Bz0FpgO5.mjs} +1 -1
  115. package/dist/esm/chunks/{ProgressIndicator-D5e7406q.mjs → ProgressIndicator-B5oByN3i.mjs} +56 -52
  116. package/dist/esm/chunks/{PromptInput-Dmx4sQZ3.mjs → PromptInput-Cwd53ux7.mjs} +3 -3
  117. package/dist/esm/chunks/{RadioButton-D2T-SsVw.mjs → RadioButton-CLeRiZ8x.mjs} +2 -2
  118. package/dist/esm/chunks/{RadioButtonList-BSPuAYoh.mjs → RadioButtonList-C_heuiis.mjs} +2 -2
  119. package/dist/esm/chunks/{Slider-Cav86rU6.mjs → Slider-XEV0D2Rd.mjs} +26 -31
  120. package/dist/esm/chunks/{TabBar-DBoZ8aoV.mjs → TabBar-kPZ6ZJxr.mjs} +11 -8
  121. package/dist/esm/chunks/{TextArea-CSUDfcYd.mjs → TextArea-CxscPLwN.mjs} +1 -1
  122. package/dist/esm/chunks/{TextField-Z1O858hB.mjs → TextField-DwVKlLI_.mjs} +4 -4
  123. package/dist/esm/chunks/{Tip-B8YrmJEt.mjs → Tip-C6EcX7_M.mjs} +1 -1
  124. package/dist/esm/chunks/{Toast-QQ6GMr5F.mjs → Toast-D4uMNvaa.mjs} +21 -9
  125. package/dist/esm/chunks/{ToggleButton-B5oobnXJ.mjs → ToggleButton-C0QIflzX.mjs} +3 -3
  126. package/dist/esm/chunks/{UploadArea-CJAQmqOS.mjs → UploadArea-je-1NhGb.mjs} +5 -5
  127. package/dist/esm/chunks/{_types-fSW-DudT.mjs → _types-BVrr_Khp.mjs} +6 -2
  128. package/dist/esm/chunks/{microphoneStore-t16oxjGB.mjs → microphoneStore-Dr3lxoWX.mjs} +19 -5
  129. package/dist/esm/chunks/{misc-BeEWwOaJ.mjs → misc-wS74txaa.mjs} +17 -20
  130. package/dist/esm/chunks/modalStore-BpWnLtOF.mjs +68 -0
  131. package/dist/esm/chunks/{uploads-worker-7X9EwX9N.mjs → uploads-worker-CYp-F4dz.mjs} +1 -1
  132. package/dist/esm/chunks/{uploadsStore-B7VECR5Q.mjs → uploadsStore-DeRMJ5c9.mjs} +1 -1
  133. package/dist/esm/chunks/volumeStore-BX7QcrL-.mjs +90 -0
  134. package/dist/esm/components/Avatar/index.mjs +2 -2
  135. package/dist/esm/components/AvatarGroup/index.mjs +3 -3
  136. package/dist/esm/components/Button/index.mjs +4 -4
  137. package/dist/esm/components/ButtonBar/index.mjs +3 -3
  138. package/dist/esm/components/Camera/index.mjs +4 -4
  139. package/dist/esm/components/CheckBox/index.mjs +3 -3
  140. package/dist/esm/components/Chip/index.mjs +3 -3
  141. package/dist/esm/components/DivInput/index.mjs +2 -2
  142. package/dist/esm/components/DraggablePanel/index.mjs +2 -2
  143. package/dist/esm/components/DropDown/index.mjs +3 -3
  144. package/dist/esm/components/FileIcon/index.mjs +2 -2
  145. package/dist/esm/components/FileList/index.mjs +5 -5
  146. package/dist/esm/components/FlexDiv/index.mjs +1 -1
  147. package/dist/esm/components/Grouper/index.mjs +3 -3
  148. package/dist/esm/components/Icon/index.mjs +3 -3
  149. package/dist/esm/components/IconButton/index.mjs +3 -3
  150. package/dist/esm/components/Label/index.mjs +2 -2
  151. package/dist/esm/components/Modal/index.mjs +47 -0
  152. package/dist/esm/components/ModalController/index.mjs +17 -0
  153. package/dist/esm/components/Overlay/index.mjs +1 -1
  154. package/dist/esm/components/Pager/index.mjs +2 -2
  155. package/dist/esm/components/Progress/index.mjs +3 -3
  156. package/dist/esm/components/PromptInput/index.mjs +7 -7
  157. package/dist/esm/components/RadioButton/index.mjs +3 -3
  158. package/dist/esm/components/RadioButtonList/index.mjs +4 -4
  159. package/dist/esm/components/Slider/index.mjs +2 -2
  160. package/dist/esm/components/TabBar/index.mjs +4 -4
  161. package/dist/esm/components/TextArea/index.mjs +5 -5
  162. package/dist/esm/components/Textfield/index.mjs +6 -6
  163. package/dist/esm/components/Tip/index.mjs +2 -2
  164. package/dist/esm/components/Toast/index.mjs +5 -3
  165. package/dist/esm/components/ToggleButton/index.mjs +5 -5
  166. package/dist/esm/components/UploadArea/index.mjs +8 -8
  167. package/dist/esm/hooks/useAudioRecorder.mjs +3 -4
  168. package/dist/esm/hooks/useLocalStore.mjs +3 -9
  169. package/dist/esm/hooks/useMdStreamBuffer.mjs +1 -1
  170. package/dist/esm/hooks/useMicrophone.mjs +64 -24
  171. package/dist/esm/hooks/useTrackRenders.mjs +1 -1
  172. package/dist/esm/hooks.mjs +1 -1
  173. package/dist/esm/index.mjs +42 -34
  174. package/dist/esm/providers/ThemeProvider.mjs +2 -2
  175. package/dist/esm/stores/microphone.mjs +1 -1
  176. package/dist/esm/stores/modal.mjs +3 -0
  177. package/dist/esm/stores/uploads.mjs +2 -2
  178. package/dist/esm/stores/volume.mjs +5 -0
  179. package/dist/esm/stores.mjs +7 -3
  180. package/dist/esm/theme/colors.mjs +7 -1
  181. package/dist/esm/utils/index.mjs +2 -2
  182. package/dist/esm/utils/objects/index.mjs +1 -1
  183. package/dist/esm/workers/uploads/uploads.mjs +1 -1
  184. package/dist/types/components/DropDown/_types.d.ts +1 -0
  185. package/dist/types/components/Icon/_types.d.ts +4 -0
  186. package/dist/types/components/Modal/Modal.d.ts +3 -0
  187. package/dist/types/components/Modal/_types.d.ts +45 -0
  188. package/dist/types/components/Modal/index.d.ts +2 -0
  189. package/dist/types/components/ModalController/ModalController.d.ts +2 -0
  190. package/dist/types/components/ModalController/_types.d.ts +13 -0
  191. package/dist/types/components/ModalController/index.d.ts +2 -0
  192. package/dist/types/components/Overlay/_types.d.ts +4 -0
  193. package/dist/types/components/Progress/ProgressIndicator/ProgressIndicator.d.ts +1 -1
  194. package/dist/types/components/Progress/ProgressIndicator/_types.d.ts +2 -1
  195. package/dist/types/components/Slider/_types.d.ts +5 -0
  196. package/dist/types/components/TabBar/_types.d.ts +2 -0
  197. package/dist/types/components/Toast/_types.d.ts +3 -0
  198. package/dist/types/hooks/useMicrophone/useMicrophone.d.ts +4 -0
  199. package/dist/types/index.d.ts +4 -0
  200. package/dist/types/stores/index.d.ts +2 -0
  201. package/dist/types/stores/microphone/_types.d.ts +4 -0
  202. package/dist/types/stores/microphone/index.d.ts +1 -1
  203. package/dist/types/stores/microphone/microphoneStore.d.ts +3 -0
  204. package/dist/types/stores/modal/_types.d.ts +27 -0
  205. package/dist/types/stores/modal/index.d.ts +2 -0
  206. package/dist/types/stores/modal/modalStore.d.ts +20 -0
  207. package/dist/types/stores/toast/_types.d.ts +3 -1
  208. package/dist/types/stores/volume/_types.d.ts +19 -0
  209. package/dist/types/stores/volume/index.d.ts +3 -0
  210. package/dist/types/stores/volume/volumeStore.d.ts +32 -0
  211. package/dist/types/theme/colors/types.d.ts +3 -0
  212. package/dist/types/utils/functions/misc.d.ts +1 -1
  213. package/dist/types/utils/objects/MDStreamBuffer/MdStreamBuffer.d.ts +3 -0
  214. package/dist/types/utils/objects/MDStreamBuffer/_types.d.ts +1 -0
  215. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
3
3
 
4
- import { jsx, jsxs, Fragment } from "react/jsx-runtime";
4
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
5
5
 
6
6
  import React, { useMemo } from "react";
7
7
 
@@ -9,7 +9,7 @@ import { useTheme } from "../hooks/useTheme.mjs";
9
9
 
10
10
  import "../theme/colors.mjs";
11
11
 
12
- import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
12
+ import { a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
13
13
 
14
14
  import "../hooks/useWindow.mjs";
15
15
 
@@ -23,7 +23,21 @@ styleInject(".Icon-module_icon__szG-X {\n\tcursor: var(--cursor);\n\tuser-select
23
23
  * Static icon registry created once at module load.
24
24
  * Each entry stores only icon line content renderers.
25
25
  */
26
- const STATIC_ICON_REGISTRY = new Map([ [ "speaker", {
26
+ const STATIC_ICON_REGISTRY = new Map([ [ "talk", {
27
+ line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxs(Fragment, {
28
+ children: [ jsx("path", {
29
+ d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",
30
+ fill: strokeColor
31
+ }), jsx("path", {
32
+ d: "M1,10c0,3,1.47,5.65,3.73,7.28l1.7.24c.43.06.86.03,1.28-.02.96-.12,1.81-.82,1.92-1.81.11-1.06-.59-2.18-.06-2.67.22-.21.47-.37.64-.62.17-.27.1-.73-.15-.93-.44-.36-1.41-.24-1.83-.66-.16-.16-.24-.41-.21-.62.13-.8,2.13-1,2.72-1.61.29-.3.25-.79.09-1.15-.34-.78-.72-1.73.15-2.09l.66-.27c.39-.16.73-.46.86-.87.25-.82-.71-1.56-1.39-2.21-.31-.3-.58-.63-.84-.97-.09,0-.18-.01-.26-.01C5.03,1,1,5.03,1,10Z",
33
+ fill: strokeColor,
34
+ fillOpacity: fillColor
35
+ }), jsx("path", {
36
+ d: "M9.54,2.51c.17.2.34.39.52.55.09.09.18.17.28.26.13.13.32.3.47.46l-.41.17c-.78.32-1.13.86-1.29,1.27-.36.89-.08,1.79.19,2.45-.11.04-.23.09-.33.12-.94.35-2.22.82-2.44,2.15-.11.7.13,1.44.64,1.94.29.28.63.45.95.56-.42.77-.23,1.65-.11,2.22.07.32.14.64.11.85-.03.27-.34.45-.61.48-.17.02-.4.05-.61.05-.1,0-.19,0-.28-.02l-1.31-.18c-1.77-1.42-2.82-3.58-2.82-5.85,0-3.98,3.12-7.25,7.04-7.49M10,1C5.03,1,1,5.03,1,10c0,3,1.47,5.65,3.73,7.28l1.7.24c.16.02.32.03.49.03.27,0,.53-.02.79-.06.96-.12,1.81-.82,1.92-1.81.11-1.06-.59-2.18-.06-2.67.22-.21.47-.37.64-.62.17-.27.1-.73-.15-.93-.44-.36-1.41-.24-1.83-.66-.16-.16-.24-.41-.21-.62.13-.8,2.13-1,2.72-1.61.29-.3.25-.79.09-1.15-.34-.78-.72-1.73.15-2.09l.66-.27c.39-.16.73-.46.86-.87.25-.82-.71-1.56-1.39-2.21-.31-.3-.58-.63-.84-.97-.09,0-.18-.01-.26-.01h0Z",
37
+ fill: strokeColor
38
+ }) ]
39
+ })
40
+ } ], [ "speaker", {
27
41
  line: ({fillColor: fillColor, strokeColor: strokeColor}) => jsx("path", {
28
42
  d: "M4.71,7.95v4.13c0,.37.3.66.66.66h3.31c.08,0,.17.03.23.09l4.81,4.21c.22.19.56.04.56-.25V3.15c0-.25-.3-.37-.47-.2l-4.21,4.21c-.06.06-.15.1-.24.1h-3.97c-.37,0-.68.3-.68.68Z",
29
43
  fill: strokeColor,
@@ -59,6 +73,46 @@ const STATIC_ICON_REGISTRY = new Map([ [ "speaker", {
59
73
  fill: "none"
60
74
  }) ]
61
75
  })
76
+ } ], [ "speaker high", {
77
+ line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxs(Fragment, {
78
+ children: [ jsx("path", {
79
+ d: "M11.24,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.29-.29.73-.38,1.12-.22.39.16.64.53.64.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1Z",
80
+ fill: strokeColor,
81
+ fillOpacity: fillColor
82
+ }), jsx("path", {
83
+ d: "M11.24,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.29-.29.73-.38,1.12-.22.39.16.64.53.64.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1ZM2.75,11.99h3.22c.27,0,.52.1.72.27l4.13,3.61V4.29l-3.41,3.41c-.21.21-.48.32-.77.32h-3.89v3.97Z",
84
+ fill: strokeColor
85
+ }), jsx("rect", {
86
+ x: "14.04",
87
+ y: "8",
88
+ width: "1.5",
89
+ height: "4",
90
+ fill: strokeColor
91
+ }), jsx("rect", {
92
+ x: "16.75",
93
+ y: "6",
94
+ width: "1.5",
95
+ height: "8",
96
+ fill: strokeColor
97
+ }) ]
98
+ })
99
+ } ], [ "speaker low", {
100
+ line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxs(Fragment, {
101
+ children: [ jsx("path", {
102
+ d: "M12.85,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.3-.3.74-.38,1.12-.22.38.16.63.53.63.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1Z",
103
+ fill: strokeColor,
104
+ fillOpacity: fillColor
105
+ }), jsx("path", {
106
+ d: "M12.85,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.3-.3.74-.38,1.12-.22.38.16.63.53.63.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1ZM4.36,11.99h3.22c.27,0,.52.1.72.27l4.13,3.61V4.29l-3.41,3.41c-.2.2-.49.32-.77.32h-3.9v3.97Z",
107
+ fill: strokeColor
108
+ }), jsx("rect", {
109
+ x: "15.64",
110
+ y: "8",
111
+ width: "1.5",
112
+ height: "4",
113
+ fill: strokeColor
114
+ }) ]
115
+ })
62
116
  } ], [ "laptop", {
63
117
  line: ({fillColor: fillColor, strokeColor: strokeColor}) => jsxs(Fragment, {
64
118
  children: [ jsx("rect", {
@@ -194,6 +248,34 @@ const STATIC_ICON_REGISTRY = new Map([ [ "speaker", {
194
248
  fill: strokeColor
195
249
  }) ]
196
250
  })
251
+ } ], [ "sidebar split", {
252
+ line: ({fillColor: fillColor, strokeColor: strokeColor}) => jsxs(Fragment, {
253
+ children: [ jsx("rect", {
254
+ x: "10",
255
+ y: "4.5",
256
+ width: "8",
257
+ height: "11",
258
+ rx: "1",
259
+ ry: "1",
260
+ fill: strokeColor,
261
+ fillOpacity: fillColor
262
+ }), jsx("path", {
263
+ d: "M17,16.25H3c-.96,0-1.75-.78-1.75-1.75V5.5c0-.96.78-1.75,1.75-1.75h14c.96,0,1.75.78,1.75,1.75v9c0,.96-.78,1.75-1.75,1.75ZM3,5.25c-.14,0-.25.11-.25.25v9c0,.14.11.25.25.25h14c.14,0,.25-.11.25-.25V5.5c0-.14-.11-.25-.25-.25H3Z",
264
+ fill: strokeColor
265
+ }), jsx("rect", {
266
+ x: "9.25",
267
+ y: "4.5",
268
+ width: "1.5",
269
+ height: "11",
270
+ fill: strokeColor
271
+ }), jsx("rect", {
272
+ x: "10",
273
+ y: "9.5",
274
+ width: "8",
275
+ height: "1",
276
+ fill: strokeColor
277
+ }) ]
278
+ })
197
279
  } ], [ "target", {
198
280
  line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
199
281
  children: [ jsx("circle", {
@@ -11,7 +11,7 @@ import { B as Badge } from "./Badge-CC0zSLMf.mjs";
11
11
 
12
12
  import { D as Dot } from "./Dot-DZE134mJ.mjs";
13
13
 
14
- import { I as Icon } from "./Icon-DRzjkybv.mjs";
14
+ import { I as Icon } from "./Icon--RjjODc9.mjs";
15
15
 
16
16
  import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
17
17
 
@@ -19,7 +19,7 @@ import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
19
19
 
20
20
  var css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
21
21
 
22
- styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.IconButton-module_button__rziqa {\n\tposition: relative;\n\tbackground: var(--ib-bg-color);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: var(--ib-cursor);\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-image: none;\n\toutline: none;\n\tmin-height: var(--ib-button-size);\n\theight: var(--ib-button-size);\n\tmin-width: var(--ib-button-size);\n\twidth: var(--ib-button-size);\n\t&:hover {\n\t\tbackground: var(--ib-bg-color-hover);\n\t}\n}\n\n.IconButton-module_label__qWGFD {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__2DDWy {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__6r373 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n");
22
+ styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.IconButton-module_button__rziqa {\n\tposition: relative;\n\tbackground: var(--ib-bg-color);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: var(--ib-cursor);\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-image: none;\n\toutline: none;\n\tmin-height: var(--ib-button-size);\n\theight: var(--ib-button-size);\n\tmin-width: var(--ib-button-size);\n\twidth: var(--ib-button-size);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t&:hover {\n\t\tbackground: var(--ib-bg-color-hover);\n\t}\n}\n\n.IconButton-module_label__qWGFD {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__2DDWy {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__6r373 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n");
23
23
 
24
24
  const IconButton = React.memo(props => {
25
25
  const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [on, setOn] = useState(isToggled), [hovered, setHovered] = useState(!1);
@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
5
5
 
6
6
  import { useCallback, useMemo } from "react";
7
7
 
8
- import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
8
+ import { s as setStyle } from "./misc-wS74txaa.mjs";
9
9
 
10
10
  import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
11
11
 
@@ -90,7 +90,8 @@ const DEFAULT_WATCHED_MARKERS = [ {
90
90
  constructor(options) {
91
91
  var _a, _b, _c, _d, _e, rules;
92
92
  this.committedRaw = "", this.activeRaw = "", this.frameHandle = null, this.completeSignal = !1,
93
- this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore",
93
+ this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, this.healthyEndMarker = null == options ? void 0 : options.healthyEndMarker,
94
+ this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore",
94
95
  this.includeLinksAndImages = null !== (_b = null == options ? void 0 : options.includeLinksAndImages) && void 0 !== _b && _b,
95
96
  this.onFlush = null == options ? void 0 : options.onFlush, this.requestFrame = null !== (_c = null == options ? void 0 : options.requestFrame) && void 0 !== _c ? _c : function() {
96
97
  if ("undefined" != typeof globalThis && "function" == typeof globalThis.requestAnimationFrame) return globalThis.requestAnimationFrame.bind(globalThis);
@@ -169,7 +170,11 @@ const DEFAULT_WATCHED_MARKERS = [ {
169
170
  this.committedRaw += stablePrefix, this.activeRaw = this.activeRaw.slice(lastNewlineIndex + 1);
170
171
  }
171
172
  buildHealthyOutput() {
172
- return `${this.committedRaw}${this.buildHealthyTail(this.activeRaw)}`;
173
+ const healthyTail = this.buildHealthyTail(this.activeRaw);
174
+ return `${this.committedRaw}${this.applyHealthyEndMarker(this.activeRaw, healthyTail)}`;
175
+ }
176
+ applyHealthyEndMarker(rawTail, healthyTail) {
177
+ return this.healthyEndMarker ? 0 === healthyTail.length ? this.healthyEndMarker : healthyTail.endsWith("\n") && !rawTail.endsWith("\n") ? `${healthyTail.slice(0, -1)}${this.healthyEndMarker}\n` : `${healthyTail}${this.healthyEndMarker}` : healthyTail;
173
178
  }
174
179
  buildHealthyTail(value) {
175
180
  const withHtmlHandling = "strip" === this.htmlHandling ? function(value) {
@@ -180,9 +185,38 @@ const DEFAULT_WATCHED_MARKERS = [ {
180
185
  /^<\/?[a-zA-Z][^>]*$/.test(trailingSegment) && (stripped = stripped.slice(0, lastOpenTag));
181
186
  }
182
187
  return stripped;
183
- }(value) : value, withLinksAndImages = this.includeLinksAndImages ? this.closeLinksAndImages(withHtmlHandling) : withHtmlHandling;
188
+ }(value) : value, withInlineSelects = this.closeTrailingInlineSelect(withHtmlHandling), withLinksAndImages = this.includeLinksAndImages ? this.closeLinksAndImages(withInlineSelects) : withInlineSelects;
184
189
  return this.closeInlineMarkdown(withLinksAndImages);
185
190
  }
191
+ closeTrailingInlineSelect(value) {
192
+ if (0 === value.length) return value;
193
+ let cursor = 0, selectStart = -1, lastCompleteBoundary = -1;
194
+ for (;cursor < value.length; ) {
195
+ if (isEscaped(value, cursor)) {
196
+ cursor += 1;
197
+ continue;
198
+ }
199
+ if ("$" !== value[cursor]) {
200
+ cursor += 1;
201
+ continue;
202
+ }
203
+ if ("$" !== value[cursor + 1]) {
204
+ if (cursor === value.length - 1) return -1 === selectStart ? value.slice(0, -1) : -1 === lastCompleteBoundary ? value.slice(0, selectStart) : value.slice(0, lastCompleteBoundary);
205
+ cursor += 1;
206
+ continue;
207
+ }
208
+ if (-1 === selectStart) {
209
+ selectStart = cursor, lastCompleteBoundary = -1, cursor += 2;
210
+ continue;
211
+ }
212
+ lastCompleteBoundary = cursor + 2;
213
+ const postMarkerCharacter = value[cursor + 2];
214
+ if (void 0 === postMarkerCharacter) return value.slice(0, lastCompleteBoundary);
215
+ /[\s,.!]/.test(postMarkerCharacter) ? (selectStart = -1, lastCompleteBoundary = -1,
216
+ cursor += 2) : cursor += 2;
217
+ }
218
+ return -1 === selectStart ? value : -1 === lastCompleteBoundary ? value.slice(0, selectStart) : value.slice(0, lastCompleteBoundary);
219
+ }
186
220
  closeInlineMarkdown(value) {
187
221
  const counts = function(value, rules) {
188
222
  var _a;
@@ -0,0 +1,115 @@
1
+ import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
2
+
3
+ import { jsxs, jsx } from "react/jsx-runtime";
4
+
5
+ import React, { useMemo } from "react";
6
+
7
+ import { s as setStyle } from "./misc-wS74txaa.mjs";
8
+
9
+ import { B as Button } from "./Button-BQS3rwrS.mjs";
10
+
11
+ import { I as Icon } from "./Icon--RjjODc9.mjs";
12
+
13
+ import { I as IconButton } from "./IconButton-ByBYppAj.mjs";
14
+
15
+ import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
16
+
17
+ var css = {
18
+ wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
19
+ title: "Modal-module_title__A5OeE flexBox-module_rowBetween__5FEvi",
20
+ titleBlock: "Modal-module_titleBlock__HUepX flexBox-module_rowStart__4tcxS",
21
+ titleIcon: "Modal-module_titleIcon__xJYzy flexBox-module_row__z24tF",
22
+ content: "Modal-module_content__dWO-B flexBox-module_columnStart__C7P44",
23
+ actions: "Modal-module_actions__hY6zi flexBox-module_rowBetween__5FEvi",
24
+ leftActions: "Modal-module_leftActions__-M-DM flexBox-module_rowStart__4tcxS",
25
+ rightActions: "Modal-module_rightActions__IFgrN flexBox-module_rowEnd__rVdVm",
26
+ xs: "Modal-module_xs__iPcS9 type-module_body-xs-medium__s3KvF",
27
+ s: "Modal-module_s__31sYS type-module_body-s-medium__tjdFc",
28
+ m: "Modal-module_m__Iz82L type-module_body-m-medium__uW1on",
29
+ l: "Modal-module_l__pntdS type-module_body-l-medium__BqRC7",
30
+ xl: "Modal-module_xl__MR-68 type-module_body-xl-medium__BeyrH"
31
+ };
32
+
33
+ styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Modal-module_wrapper__34Hds {\n\tposition: relative;\n\tmin-width: var(--modal-min-width);\n\tmin-height: var(--modal-min-height);\n\tmax-height: var(--modal-max-height);\n\tmax-width: var(--modal-max-width);\n\tbackground: var(--modal-background-color);\n\tborder: var(--modal-border-width) solid var(--modal-border-color);\n\tborder-radius: var(--modal-border-radius);\n\tbox-shadow: var(--surface-shadow-soft);\n\toverflow: hidden;\n}\n\n.Modal-module_title__A5OeE {\n\twidth: 100%;\n\tpadding: var(--modal-padding);\n\tgap: 16px;\n\tborder-bottom: var(--modal-title-border-width) solid\n\t\tvar(--modal-title-border-color);\n}\n\n.Modal-module_titleBlock__HUepX {\n\tcolor: var(--modal-title-color);\n\tflex: 1;\n\tgap: 6px;\n\ttouch-action: none;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.Modal-module_titleIcon__xJYzy {\n\theight: 20px;\n\twidth: 20px;\n\tmin-height: 20px;\n\tmin-width: 20px;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.Modal-module_content__dWO-B {\n\twidth: 100%;\n\tflex: 1;\n\tpadding-right: var(--modal-padding);\n\tpadding-left: var(--modal-padding);\n\toverflow: hidden;\n\toverflow-y: auto;\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--modal-background);\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--modal-background);\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--modal-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid var(--modal-background);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--modal-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid var(--modal-background);\n\t}\n}\n\n.Modal-module_actions__hY6zi {\n\twidth: 100%;\n\tpadding: var(--modal-padding);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tborder-top: var(--modal-actions-border-width) solid\n\t\tvar(--modal-actions-border-color);\n}\n\n.Modal-module_leftActions__-M-DM {\n\tgap: 8px;\n}\n\n.Modal-module_rightActions__IFgrN {\n\tgap: 8px;\n}\n\n.Modal-module_xs__iPcS9 {\n}\n\n.Modal-module_s__31sYS {\n}\n\n.Modal-module_m__Iz82L {\n}\n\n.Modal-module_l__pntdS {\n}\n\n.Modal-module_xl__MR-68 {\n}\n");
34
+
35
+ const Modal = React.memo(props => {
36
+ const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleSize: titleSize = "l", contentSize: contentSize = "m", actions: actions, titleIcon: titleIcon, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = __rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleSize", "contentSize", "actions", "titleIcon", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", cssVars = useMemo(() => ({
37
+ "--modal-min-width": setStyle(minWidth),
38
+ "--modal-min-height": setStyle(minHeight),
39
+ "--modal-max-height": setStyle(maxHeight),
40
+ "--modal-max-width": setStyle(maxWidth),
41
+ "--modal-border-color": borderColor,
42
+ "--modal-title-color": titleColor,
43
+ "--modal-border-radius": setStyle(borderRadius),
44
+ "--modal-border-width": setStyle(borderWidth),
45
+ "--modal-padding": setStyle(padding, 16),
46
+ "--modal-background-color": backgroundColor,
47
+ "--modal-title-border-color": titleBorderColor,
48
+ "--modal-title-border-width": setStyle(titleBorderWidth),
49
+ "--modal-actions-border-color": actionsBorderColor,
50
+ "--modal-actions-border-width": setStyle(actionsBorderWidth)
51
+ }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderWidth, actionsBorderColor, backgroundColor ]), renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsx(Button, {
52
+ variant: action.primary ? "solid" : "outline",
53
+ label: action.label,
54
+ onClick: e => (action => {
55
+ const resolves = !action.promise || "resolve" === action.promise, rejects = "reject" === action.promise;
56
+ null == onAction || onAction(action.value), resolves && (null == onResolve || onResolve(action.value)),
57
+ rejects && (null == onReject || onReject(new Error("Modal rejected", {
58
+ cause: action.value
59
+ })));
60
+ })(action),
61
+ round: !0 === action.round,
62
+ iconLeft: action.iconLeft,
63
+ tooltip: action.tooltip,
64
+ onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
65
+ }, `${action.id}_${index}`) : null);
66
+ return jsxs("div", Object.assign({
67
+ id: id,
68
+ className: `${css.wrapper}${modalClass}`,
69
+ style: Object.assign(Object.assign({}, modalStyle), cssVars)
70
+ }, rest, {
71
+ children: [ (title || close) && jsxs("div", {
72
+ className: `${css.title} ${css[titleSize]}`,
73
+ children: [ jsxs("div", {
74
+ className: css.titleBlock,
75
+ onPointerDown: onDragPointerDown,
76
+ children: [ titleIcon && jsx("div", {
77
+ className: css.titleIcon,
78
+ children: jsx(Icon, {
79
+ name: titleIcon,
80
+ size: 20
81
+ })
82
+ }), title ]
83
+ }), close && jsx("div", {
84
+ className: css.close,
85
+ children: jsx("div", {
86
+ className: css.titleIcon,
87
+ children: jsx(IconButton, {
88
+ tooltip: "close",
89
+ icon: "x",
90
+ onClick: () => {
91
+ null == onReject || onReject(new Error("Modal was closed", {
92
+ cause: "user action"
93
+ })), null == onClose || onClose();
94
+ },
95
+ onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
96
+ })
97
+ })
98
+ }) ]
99
+ }), jsx("div", {
100
+ className: `${css.content} ${css[contentSize]}`,
101
+ children: children
102
+ }), actions && actions.length > 0 && jsxs("div", {
103
+ className: css.actions,
104
+ children: [ jsx("div", {
105
+ className: css.leftActions,
106
+ children: renderActions("left")
107
+ }), jsx("div", {
108
+ className: css.rightActions,
109
+ children: renderActions("right")
110
+ }) ]
111
+ }) ]
112
+ }));
113
+ });
114
+
115
+ export { Modal as M };
@@ -0,0 +1,80 @@
1
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
+
3
+ import { useDragControls, AnimatePresence, motion } from "motion/react";
4
+
5
+ import { O as Overlay } from "./Overlay-sXM7cEYc.mjs";
6
+
7
+ import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
8
+
9
+ import { u as useModal, a as useModalActions } from "./modalStore-BpWnLtOF.mjs";
10
+
11
+ var css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
12
+
13
+ styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.ModalController-module_wrapper__HkOoX {\n\tposition: absolute;\n\tz-index: var(--elevation-confirm);\n}\n");
14
+
15
+ const defaultTransition = {
16
+ ease: "easeOut",
17
+ duration: .25,
18
+ delay: .1
19
+ }, defaultVariants = {
20
+ initial: {
21
+ opacity: 0,
22
+ y: 20
23
+ },
24
+ animate: {
25
+ opacity: 1,
26
+ y: 0
27
+ },
28
+ exit: {
29
+ opacity: 0,
30
+ y: 20
31
+ }
32
+ };
33
+
34
+ function ModalController(props) {
35
+ const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)"} = props, controls = useDragControls(), modal = useModal(), resolve = useModalActions().resolve, reject = useModalActions().reject, hide = useModalActions().hide, ModalComponent = null == modal ? void 0 : modal.component, modalProps = null == modal ? void 0 : modal.props;
36
+ return jsxs(Fragment, {
37
+ children: [ jsx(Overlay, {
38
+ show: !!modal,
39
+ type: "dark",
40
+ opacity: overlayOpacity,
41
+ color: overlayColor,
42
+ onClick: () => hide()
43
+ }), jsx(AnimatePresence, {
44
+ children: modal && ModalComponent && jsx(motion.div, {
45
+ className: css_wrapper,
46
+ variants: variants,
47
+ initial: initial,
48
+ animate: animate,
49
+ exit: exit,
50
+ transition: transition,
51
+ drag: draggable,
52
+ dragListener: !draggable && void 0,
53
+ dragControls: draggable ? controls : void 0,
54
+ dragConstraints: draggable ? dragConstraintsRef : void 0,
55
+ dragElastic: draggable ? 0 : void 0,
56
+ dragMomentum: !draggable && void 0,
57
+ children: jsx(ModalComponent, Object.assign({}, modalProps, {
58
+ onResolve: value => {
59
+ "function" == typeof (null == modalProps ? void 0 : modalProps.onResolve) && modalProps.onResolve(value),
60
+ resolve(value);
61
+ },
62
+ onReject: error => {
63
+ "function" == typeof (null == modalProps ? void 0 : modalProps.onReject) && modalProps.onReject(error),
64
+ reject(error);
65
+ },
66
+ onClose: () => {
67
+ "function" == typeof (null == modalProps ? void 0 : modalProps.onClose) && modalProps.onClose(),
68
+ hide();
69
+ },
70
+ onDragPointerDown: e => {
71
+ "function" == typeof (null == modalProps ? void 0 : modalProps.onDragPointerDown) && (null == modalProps || modalProps.onDragPointerDown(e)),
72
+ controls.start(e);
73
+ }
74
+ }))
75
+ })
76
+ }) ]
77
+ });
78
+ }
79
+
80
+ export { ModalController as M };
@@ -13,8 +13,11 @@ var css_overlay = "Overlay-module_overlay__EkbfA";
13
13
 
14
14
  styleInject(".Overlay-module_overlay__EkbfA {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: var(--overlay-color);\n\tz-index: var(--elevation-overlay);\n}\n");
15
15
 
16
- const Overlay = React.memo(props => {
17
- const {type: type = "clear", global: global = !1, overlay: overlay, color: color = "rgb(0,0,0)", opacity: opacity = 0, onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null} = props, divAttributes = __rest(props, [ "type", "global", "overlay", "color", "opacity", "onClick", "toggleOverlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", show = !global || global && overlay, computedOpacity = useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = useCallback(() => {
16
+ const defaultTransition = {
17
+ ease: "easeOut",
18
+ duration: .25
19
+ }, Overlay = React.memo(props => {
20
+ const {children: children, show: show = !1, type: type = "clear", global: global = !1, overlay: overlay, color: color = "rgb(0,0,0)", opacity: opacity = 0, transition: transition = defaultTransition, onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null} = props, divAttributes = __rest(props, [ "children", "show", "type", "global", "overlay", "color", "opacity", "transition", "onClick", "toggleOverlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", computedOpacity = useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = useCallback(() => {
18
21
  global && toggleOverlay(!1), onClick();
19
22
  }, [ global, toggleOverlay, onClick ]), handleContextMenu = useCallback(e => {
20
23
  e.preventDefault();
@@ -37,8 +40,11 @@ const Overlay = React.memo(props => {
37
40
  opacity: 0
38
41
  },
39
42
  onClick: handleClick,
43
+ transition: transition,
40
44
  onContextMenu: handleContextMenu
41
- }, rest))
45
+ }, rest, {
46
+ children: children
47
+ }))
42
48
  });
43
49
  });
44
50
 
@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
5
5
 
6
6
  import React, { useState, useMemo, useEffect, useCallback } from "react";
7
7
 
8
- import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
8
+ import { a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
9
9
 
10
10
  import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
11
11