@x-plat/design-system 0.5.42 → 0.5.44

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 (24) hide show
  1. package/dist/components/Dropdown/index.cjs +22 -22
  2. package/dist/components/Dropdown/index.js +22 -22
  3. package/dist/components/PopOver/index.cjs +22 -22
  4. package/dist/components/PopOver/index.js +22 -22
  5. package/dist/components/Select/index.cjs +22 -22
  6. package/dist/components/Select/index.js +22 -22
  7. package/dist/components/Video/index.cjs +201 -201
  8. package/dist/components/Video/index.js +243 -243
  9. package/dist/components/index.cjs +278 -278
  10. package/dist/components/index.css +700 -188
  11. package/dist/components/index.d.cts +2 -2
  12. package/dist/components/index.d.ts +2 -2
  13. package/dist/components/index.js +278 -278
  14. package/dist/index.cjs +278 -278
  15. package/dist/index.css +700 -188
  16. package/dist/index.d.cts +2 -2
  17. package/dist/index.d.ts +2 -2
  18. package/dist/index.js +278 -278
  19. package/dist/layout/index.css +520 -8
  20. package/guidelines/AGENT_PROMPT.md +248 -0
  21. package/guidelines/Guidelines.md +8 -0
  22. package/guidelines/composition/layout.md +87 -16
  23. package/guidelines/setup.md +11 -2
  24. package/package.json +1 -1
package/dist/components/Video/index.cjs CHANGED
@@ -37,222 +37,129 @@ module.exports = __toCommonJS(Video_exports);
37
37
  // src/components/Video/Video.tsx
38
38
  var import_react = __toESM(require("react"), 1);
39
39
 
40
- // src/tokens/svg/media/AirplayIcon.tsx
40
+ // src/tokens/svg/action/CopyIcon.tsx
41
41
  var import_jsx_runtime = require("react/jsx-runtime");
42
42
 
43
- // src/tokens/svg/media/CameraIcon.tsx
43
+ // src/tokens/svg/action/CropIcon.tsx
44
44
  var import_jsx_runtime2 = require("react/jsx-runtime");
45
45
 
46
- // src/tokens/svg/media/CameraOffIcon.tsx
46
+ // src/tokens/svg/action/DeleteIcon.tsx
47
47
  var import_jsx_runtime3 = require("react/jsx-runtime");
48
48
 
49
- // src/tokens/svg/media/CastIcon.tsx
49
+ // src/tokens/svg/action/DownloadCloudIcon.tsx
50
50
  var import_jsx_runtime4 = require("react/jsx-runtime");
51
51
 
52
- // src/tokens/svg/media/DiscIcon.tsx
52
+ // src/tokens/svg/action/DownloadIcon.tsx
53
53
  var import_jsx_runtime5 = require("react/jsx-runtime");
54
+ var DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
55
+ "svg",
56
+ {
57
+ xmlns: "http://www.w3.org/2000/svg",
58
+ width: "1em",
59
+ height: "1em",
60
+ viewBox: "0 0 20 20",
61
+ fill: "none",
62
+ children: [
63
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M17.5 11.75C17.9142 11.75 18.25 12.0858 18.25 12.5V15.833C18.25 16.4739 17.9952 17.0888 17.542 17.542C17.0888 17.9952 16.4739 18.25 15.833 18.25H4.16699C3.52605 18.25 2.91122 17.9952 2.45801 17.542C2.00479 17.0888 1.75 16.4739 1.75 15.833V12.5C1.75 12.0858 2.08579 11.75 2.5 11.75C2.91421 11.75 3.25 12.0858 3.25 12.5V15.833C3.25 16.0761 3.34665 16.3095 3.51855 16.4814C3.69046 16.6534 3.92388 16.75 4.16699 16.75H15.833C16.0761 16.75 16.3095 16.6534 16.4814 16.4814C16.6534 16.3095 16.75 16.0761 16.75 15.833V12.5C16.75 12.0858 17.0858 11.75 17.5 11.75Z", fill: "currentColor" }),
64
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M10 1.75C10.4142 1.75 10.75 2.08579 10.75 2.5V10.6885L13.6367 7.80273C13.9296 7.51026 14.4045 7.51013 14.6973 7.80273C14.9899 8.09552 14.9898 8.5704 14.6973 8.86328L10.5312 13.0303C10.4709 13.0906 10.4007 13.1354 10.3281 13.1709C10.3146 13.1776 10.3021 13.1865 10.2881 13.1924C10.253 13.207 10.2163 13.2156 10.1797 13.2246C10.1691 13.2272 10.1592 13.2322 10.1484 13.2344C10.1429 13.2355 10.1374 13.2363 10.1318 13.2373C10.0896 13.2448 10.0463 13.2489 10.002 13.249L10 13.25C9.95423 13.25 9.90972 13.2442 9.86621 13.2363C9.86168 13.2355 9.85706 13.2353 9.85254 13.2344C9.82836 13.2295 9.80551 13.221 9.78223 13.2139C9.76008 13.2071 9.73738 13.2022 9.71582 13.1934C9.68772 13.1818 9.66201 13.1661 9.63574 13.1514C9.5804 13.1204 9.52713 13.0842 9.47949 13.0381C9.47469 13.0334 9.46952 13.0292 9.46484 13.0244L5.30371 8.86328C5.01082 8.57039 5.01082 8.09563 5.30371 7.80273C5.59663 7.51021 6.07149 7.50996 6.36426 7.80273L9.25 10.6885V2.5C9.25 2.08579 9.58579 1.75 10 1.75Z", fill: "currentColor" })
65
+ ]
66
+ }
67
+ );
68
+ var DownloadIcon_default = DownloadIcon;
54
69
 
55
- // src/tokens/svg/media/FastForwardIcon.tsx
70
+ // src/tokens/svg/action/Edit2Icon.tsx
56
71
  var import_jsx_runtime6 = require("react/jsx-runtime");
57
72
 
58
- // src/tokens/svg/media/FilmIcon.tsx
73
+ // src/tokens/svg/action/Edit3Icon.tsx
59
74
  var import_jsx_runtime7 = require("react/jsx-runtime");
60
75
 
61
- // src/tokens/svg/media/HeadphonesIcon.tsx
76
+ // src/tokens/svg/action/EditIcon.tsx
62
77
  var import_jsx_runtime8 = require("react/jsx-runtime");
63
78
 
64
- // src/tokens/svg/media/ImageIcon.tsx
79
+ // src/tokens/svg/action/ExternalLinkIcon.tsx
65
80
  var import_jsx_runtime9 = require("react/jsx-runtime");
66
81
 
67
- // src/tokens/svg/media/MicIcon.tsx
82
+ // src/tokens/svg/action/FilterIcon.tsx
68
83
  var import_jsx_runtime10 = require("react/jsx-runtime");
69
84
 
70
- // src/tokens/svg/media/MicOffIcon.tsx
85
+ // src/tokens/svg/action/Link2Icon.tsx
71
86
  var import_jsx_runtime11 = require("react/jsx-runtime");
72
87
 
73
- // src/tokens/svg/media/MusicIcon.tsx
88
+ // src/tokens/svg/action/LinkIcon.tsx
74
89
  var import_jsx_runtime12 = require("react/jsx-runtime");
75
90
 
76
- // src/tokens/svg/media/PauseCircleIcon.tsx
91
+ // src/tokens/svg/action/MoveIcon.tsx
77
92
  var import_jsx_runtime13 = require("react/jsx-runtime");
78
93
 
79
- // src/tokens/svg/media/PauseIcon.tsx
94
+ // src/tokens/svg/action/RefreshCcwIcon.tsx
80
95
  var import_jsx_runtime14 = require("react/jsx-runtime");
81
- var PauseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
82
- "svg",
83
- {
84
- xmlns: "http://www.w3.org/2000/svg",
85
- width: "1em",
86
- height: "1em",
87
- viewBox: "0 0 20 20",
88
- fill: "none",
89
- children: [
90
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.33301 2.58301C8.74714 2.58301 9.08288 2.91891 9.08301 3.33301V16.666C9.08301 17.0802 8.74722 17.416 8.33301 17.416H5C4.58579 17.416 4.25 17.0802 4.25 16.666V3.33301C4.25013 2.91891 4.58587 2.58301 5 2.58301H8.33301ZM5.75 15.916H7.58301V4.08301H5.75V15.916Z", fill: "currentColor" }),
91
- /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 2.58301C15.4139 2.58327 15.7499 2.91907 15.75 3.33301V16.666C15.75 17.0801 15.414 17.4158 15 17.416H11.667C11.2528 17.416 10.917 17.0802 10.917 16.666V3.33301C10.9171 2.91891 11.2529 2.58301 11.667 2.58301H15ZM12.417 15.916H14.25V4.08301H12.417V15.916Z", fill: "currentColor" })
92
- ]
93
- }
94
- );
95
- var PauseIcon_default = PauseIcon;
96
96
 
97
- // src/tokens/svg/media/PlayCircleIcon.tsx
97
+ // src/tokens/svg/action/RefreshCwIcon.tsx
98
98
  var import_jsx_runtime15 = require("react/jsx-runtime");
99
- var PlayCircleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
100
- "svg",
101
- {
102
- xmlns: "http://www.w3.org/2000/svg",
103
- width: "1em",
104
- height: "1em",
105
- viewBox: "0 0 20 20",
106
- fill: "none",
107
- children: [
108
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("g", { clipPath: "url(#playcircle-clip)", children: [
109
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.98047 6.00586C8.22424 5.87564 8.52002 5.88965 8.75 6.04297L13.75 9.37598C13.9583 9.51505 14.0839 9.74954 14.084 10C14.0839 10.2505 13.9584 10.4849 13.75 10.624L8.75 13.958C8.52015 14.1112 8.22412 14.1251 7.98047 13.9951C7.73677 13.8647 7.58419 13.6104 7.58398 13.334V6.66699L7.59082 6.56445C7.6233 6.32874 7.7671 6.12005 7.98047 6.00586ZM9.08398 11.9316L11.9814 10L9.08398 8.06738V11.9316Z", fill: "currentColor" }),
110
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0.916992C15.0163 0.917256 19.0838 4.98373 19.084 10C19.0839 15.0163 15.0163 19.0837 10 19.084C4.98364 19.0838 0.916148 15.0164 0.916016 10C0.916191 4.98367 4.98367 0.917168 10 0.916992ZM10 2.41699C5.8121 2.41717 2.41717 5.8121 2.41699 10C2.41712 14.1879 5.81207 17.5838 10 17.584C14.1879 17.5837 17.5839 14.1879 17.584 10C17.5838 5.81215 14.1878 2.41726 10 2.41699Z", fill: "currentColor" })
111
- ] }),
112
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("clipPath", { id: "playcircle-clip", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("rect", { width: "20", height: "20", fill: "currentColor" }) }) })
113
- ]
114
- }
115
- );
116
- var PlayCircleIcon_default = PlayCircleIcon;
117
99
 
118
- // src/tokens/svg/media/PlayIcon.tsx
100
+ // src/tokens/svg/action/RotateCcwIcon.tsx
119
101
  var import_jsx_runtime16 = require("react/jsx-runtime");
120
- var PlayIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
121
- "svg",
122
- {
123
- xmlns: "http://www.w3.org/2000/svg",
124
- width: "1em",
125
- height: "1em",
126
- viewBox: "0 0 20 20",
127
- fill: "none",
128
- children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.80762 1.84203C4.0483 1.71076 4.3416 1.72119 4.57227 1.86937L16.2393 9.36937C16.4536 9.50742 16.584 9.74522 16.584 10.0002C16.5839 10.2552 16.4537 10.4931 16.2393 10.6311L4.57227 18.1311C4.34166 18.2792 4.04826 18.2896 3.80762 18.1584C3.56689 18.027 3.4161 17.7745 3.41602 17.5002V2.50023C3.41602 2.22588 3.56682 1.9735 3.80762 1.84203ZM4.91699 16.1262L14.4463 10.0002L4.91699 3.87328V16.1262Z", fill: "currentColor" })
129
- }
130
- );
131
- var PlayIcon_default = PlayIcon;
132
102
 
133
- // src/tokens/svg/media/RepeatIcon.tsx
103
+ // src/tokens/svg/action/RotateCwIcon.tsx
134
104
  var import_jsx_runtime17 = require("react/jsx-runtime");
135
105
 
136
- // src/tokens/svg/media/RewindIcon.tsx
106
+ // src/tokens/svg/action/SaveIcon.tsx
137
107
  var import_jsx_runtime18 = require("react/jsx-runtime");
138
108
 
139
- // src/tokens/svg/media/SkipBackIcon.tsx
109
+ // src/tokens/svg/action/ScissorsIcon.tsx
140
110
  var import_jsx_runtime19 = require("react/jsx-runtime");
141
111
 
142
- // src/tokens/svg/media/SkipForwardIcon.tsx
112
+ // src/tokens/svg/action/SearchIcon.tsx
143
113
  var import_jsx_runtime20 = require("react/jsx-runtime");
144
114
 
145
- // src/tokens/svg/media/SpeakerIcon.tsx
115
+ // src/tokens/svg/action/Share2Icon.tsx
146
116
  var import_jsx_runtime21 = require("react/jsx-runtime");
147
117
 
148
- // src/tokens/svg/media/StopCircleIcon.tsx
118
+ // src/tokens/svg/action/ShareIcon.tsx
149
119
  var import_jsx_runtime22 = require("react/jsx-runtime");
150
120
 
151
- // src/tokens/svg/media/VideoIcon.tsx
121
+ // src/tokens/svg/action/Trash2Icon.tsx
152
122
  var import_jsx_runtime23 = require("react/jsx-runtime");
153
123
 
154
- // src/tokens/svg/media/VideoOffIcon.tsx
124
+ // src/tokens/svg/action/TrashIcon.tsx
155
125
  var import_jsx_runtime24 = require("react/jsx-runtime");
156
126
 
157
- // src/tokens/svg/media/Volume1Icon.tsx
127
+ // src/tokens/svg/action/UploadCloudIcon.tsx
158
128
  var import_jsx_runtime25 = require("react/jsx-runtime");
159
129
 
160
- // src/tokens/svg/media/Volume2Icon.tsx
130
+ // src/tokens/svg/action/UploadIcon.tsx
161
131
  var import_jsx_runtime26 = require("react/jsx-runtime");
162
- var Volume2Icon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
163
- "svg",
164
- {
165
- xmlns: "http://www.w3.org/2000/svg",
166
- width: "1em",
167
- height: "1em",
168
- viewBox: "0 0 20 20",
169
- fill: "none",
170
- children: [
171
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M15.3613 3.57827C15.6542 3.28549 16.129 3.28554 16.4219 3.57827C18.1247 5.28162 19.082 7.59163 19.082 10.0001C19.082 12.4087 18.1247 14.7187 16.4219 16.422C16.129 16.7147 15.6542 16.7147 15.3613 16.422C15.0687 16.1292 15.0687 15.6543 15.3613 15.3615C16.7829 13.9394 17.582 12.0109 17.582 10.0001C17.582 7.98938 16.7829 6.06088 15.3613 4.63882C15.0686 4.34597 15.0687 3.87112 15.3613 3.57827Z", fill: "currentColor" }),
172
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69824 3.5812C8.92336 3.40117 9.23238 3.36648 9.49219 3.49135C9.75153 3.61641 9.91699 3.87916 9.91699 4.16714V15.8341C9.91671 16.122 9.75157 16.385 9.49219 16.5099C9.23253 16.6347 8.92333 16.5988 8.69824 16.4191L4.7373 13.2501H1.66699C1.25291 13.2501 0.916235 12.9142 0.916016 12.5001V7.50014C0.916192 7.08608 1.25289 6.75014 1.66699 6.75014H4.73828L8.69824 3.5812ZM5.46875 8.08608C5.3359 8.19235 5.17011 8.25003 5 8.25014H2.41699V11.7501H5C5.17013 11.7503 5.33589 11.8089 5.46875 11.9152L8.41699 14.2726V5.72768L5.46875 8.08608Z", fill: "currentColor" }),
173
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M12.4199 6.51967C12.7128 6.22695 13.1876 6.22696 13.4805 6.51967C14.4022 7.44168 14.9199 8.69255 14.9199 9.99624C14.9198 11.2998 14.4021 12.5499 13.4805 13.4718C13.1876 13.7647 12.7128 13.7646 12.4199 13.4718C12.1273 13.179 12.1272 12.7041 12.4199 12.4113C13.0602 11.7707 13.4198 10.902 13.4199 9.99624C13.4199 9.0903 13.0604 8.22093 12.4199 7.58022C12.1271 7.28731 12.1271 6.81251 12.4199 6.51967Z", fill: "currentColor" })
174
- ]
175
- }
176
- );
177
- var Volume2Icon_default = Volume2Icon;
178
132
 
179
- // src/tokens/svg/media/VolumeIcon.tsx
133
+ // src/tokens/svg/action/ZoomInIcon.tsx
180
134
  var import_jsx_runtime27 = require("react/jsx-runtime");
181
- var VolumeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
182
- "svg",
183
- {
184
- xmlns: "http://www.w3.org/2000/svg",
185
- width: "1em",
186
- height: "1em",
187
- viewBox: "0 0 20 20",
188
- fill: "none",
189
- children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69824 3.58112C8.92336 3.40111 9.23239 3.36641 9.49219 3.49127C9.75155 3.61632 9.91699 3.87906 9.91699 4.16705V15.834C9.91675 16.1219 9.75157 16.3849 9.49219 16.5098C9.23251 16.6346 8.92333 16.5988 8.69824 16.419L4.7373 13.2501H1.66699C1.25288 13.2501 0.916186 12.9141 0.916016 12.5001V7.50006C0.916192 7.086 1.25289 6.75006 1.66699 6.75006H4.73828L8.69824 3.58112ZM5.46875 8.086C5.3359 8.19226 5.17011 8.24995 5 8.25006H2.41699V11.7501H5C5.17013 11.7502 5.33589 11.8088 5.46875 11.9151L8.41699 14.2725V5.7276L5.46875 8.086Z", fill: "currentColor" })
190
- }
191
- );
192
- var VolumeIcon_default = VolumeIcon;
193
135
 
194
- // src/tokens/svg/media/VolumeXIcon.tsx
136
+ // src/tokens/svg/action/ZoomOutIcon.tsx
195
137
  var import_jsx_runtime28 = require("react/jsx-runtime");
196
- var VolumeXIcon = () => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
197
- "svg",
198
- {
199
- xmlns: "http://www.w3.org/2000/svg",
200
- width: "1em",
201
- height: "1em",
202
- viewBox: "0 0 20 20",
203
- fill: "none",
204
- children: [
205
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69824 3.58112C8.92336 3.40111 9.23239 3.36641 9.49219 3.49127C9.75155 3.61632 9.91699 3.87906 9.91699 4.16705V15.834C9.91675 16.1219 9.75157 16.3849 9.49219 16.5098C9.23251 16.6346 8.92333 16.5988 8.69824 16.419L4.7373 13.2501H1.66699C1.25288 13.2501 0.916186 12.9141 0.916016 12.5001V7.50006C0.916192 7.086 1.25289 6.75006 1.66699 6.75006H4.73828L8.69824 3.58112ZM5.46875 8.086C5.3359 8.19226 5.17011 8.24995 5 8.25006H2.41699V11.7501H5C5.17013 11.7502 5.33589 11.8088 5.46875 11.9151L8.41699 14.2725V5.7276L5.46875 8.086Z", fill: "currentColor" }),
206
- /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { d: "M18.6367 6.96979C18.9296 6.6771 19.4044 6.67696 19.6973 6.96979C19.9898 7.26263 19.9899 7.73752 19.6973 8.03033L17.7275 10.0001L19.6973 11.9698C19.9898 12.2626 19.9899 12.7375 19.6973 13.0303C19.4045 13.3231 18.9296 13.3229 18.6367 13.0303L16.667 11.0606L14.6973 13.0303C14.4045 13.3231 13.9296 13.3229 13.6367 13.0303C13.3438 12.7374 13.3438 12.2627 13.6367 11.9698L15.6064 10.0001L13.6367 8.03033C13.3438 7.73744 13.3438 7.26268 13.6367 6.96979C13.9296 6.6771 14.4044 6.67696 14.6973 6.96979L16.667 8.93951L18.6367 6.96979Z", fill: "currentColor" })
207
- ]
208
- }
209
- );
210
- var VolumeXIcon_default = VolumeXIcon;
211
138
 
212
- // src/tokens/svg/layout/ColumnsIcon.tsx
139
+ // src/tokens/svg/edit/AlignCenterIcon.tsx
213
140
  var import_jsx_runtime29 = require("react/jsx-runtime");
214
141
 
215
- // src/tokens/svg/layout/GridIcon.tsx
142
+ // src/tokens/svg/edit/AlignJustifyIcon.tsx
216
143
  var import_jsx_runtime30 = require("react/jsx-runtime");
217
144
 
218
- // src/tokens/svg/layout/LayoutIcon.tsx
145
+ // src/tokens/svg/edit/AlignLeftIcon.tsx
219
146
  var import_jsx_runtime31 = require("react/jsx-runtime");
220
147
 
221
- // src/tokens/svg/layout/ListIcon.tsx
148
+ // src/tokens/svg/edit/AlignRightIcon.tsx
222
149
  var import_jsx_runtime32 = require("react/jsx-runtime");
223
150
 
224
- // src/tokens/svg/layout/Maximize2Icon.tsx
151
+ // src/tokens/svg/edit/BoldIcon.tsx
225
152
  var import_jsx_runtime33 = require("react/jsx-runtime");
226
153
 
227
- // src/tokens/svg/layout/MaximizeIcon.tsx
154
+ // src/tokens/svg/edit/ItalicIcon.tsx
228
155
  var import_jsx_runtime34 = require("react/jsx-runtime");
229
- var MaximizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
230
- "svg",
231
- {
232
- xmlns: "http://www.w3.org/2000/svg",
233
- width: "1em",
234
- height: "1em",
235
- viewBox: "0 0 20 20",
236
- fill: "none",
237
- children: [
238
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M2.5 12.583C2.91411 12.583 3.24982 12.9189 3.25 13.333V15.833C3.25 16.0761 3.34665 16.3095 3.51855 16.4814C3.69046 16.6534 3.92388 16.75 4.16699 16.75H6.66699C7.08106 16.7502 7.41699 17.0859 7.41699 17.5C7.41699 17.9141 7.08106 18.2498 6.66699 18.25H4.16699C3.52605 18.25 2.91122 17.9952 2.45801 17.542C2.00479 17.0888 1.75 16.4739 1.75 15.833V13.333C1.75018 12.9189 2.08589 12.583 2.5 12.583Z", fill: "currentColor" }),
239
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M17.5 12.583C17.9141 12.583 18.2498 12.9189 18.25 13.333V15.833C18.25 16.4739 17.9952 17.0888 17.542 17.542C17.0888 17.9952 16.4739 18.25 15.833 18.25H13.333C12.9189 18.2498 12.583 17.9141 12.583 17.5C12.583 17.0859 12.9189 16.7502 13.333 16.75H15.833C16.0761 16.75 16.3095 16.6534 16.4814 16.4814C16.6534 16.3095 16.75 16.0761 16.75 15.833V13.333C16.7502 12.9189 17.0859 12.583 17.5 12.583Z", fill: "currentColor" }),
240
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M6.66699 1.75C7.08106 1.75018 7.41699 2.08589 7.41699 2.5C7.41699 2.91411 7.08106 3.24982 6.66699 3.25H4.16699C3.92388 3.25 3.69046 3.34665 3.51855 3.51855C3.34665 3.69046 3.25 3.92388 3.25 4.16699V6.66699C3.24982 7.08106 2.91411 7.41699 2.5 7.41699C2.08589 7.41699 1.75018 7.08106 1.75 6.66699V4.16699C1.75 3.52605 2.00479 2.91122 2.45801 2.45801C2.91122 2.00479 3.52605 1.75 4.16699 1.75H6.66699Z", fill: "currentColor" }),
241
- /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M15.833 1.75C16.4739 1.75 17.0888 2.00479 17.542 2.45801C17.9952 2.91122 18.25 3.52605 18.25 4.16699V6.66699C18.2498 7.08106 17.9141 7.41699 17.5 7.41699C17.0859 7.41699 16.7502 7.08106 16.75 6.66699V4.16699C16.75 3.92388 16.6534 3.69046 16.4814 3.51855C16.3095 3.34665 16.0761 3.25 15.833 3.25H13.333C12.9189 3.24982 12.583 2.91411 12.583 2.5C12.583 2.08589 12.9189 1.75018 13.333 1.75H15.833Z", fill: "currentColor" })
242
- ]
243
- }
244
- );
245
- var MaximizeIcon_default = MaximizeIcon;
246
156
 
247
- // src/tokens/svg/layout/MenuIcon.tsx
157
+ // src/tokens/svg/edit/PenToolIcon.tsx
248
158
  var import_jsx_runtime35 = require("react/jsx-runtime");
249
159
 
250
- // src/tokens/svg/layout/Minimize2Icon.tsx
160
+ // src/tokens/svg/edit/TypeIcon.tsx
251
161
  var import_jsx_runtime36 = require("react/jsx-runtime");
252
-
253
- // src/tokens/svg/layout/MinimizeIcon.tsx
254
- var import_jsx_runtime37 = require("react/jsx-runtime");
255
- var MinimizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
162
+ var TypeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
256
163
  "svg",
257
164
  {
258
165
  xmlns: "http://www.w3.org/2000/svg",
@@ -260,40 +167,58 @@ var MinimizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
260
167
  height: "1em",
261
168
  viewBox: "0 0 20 20",
262
169
  fill: "none",
263
- children: [
264
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M5 12.583C5.64094 12.583 6.25577 12.8378 6.70898 13.291C7.1622 13.7442 7.41699 14.3591 7.41699 15V17.5C7.41699 17.9141 7.08106 18.2498 6.66699 18.25C6.25278 18.25 5.91699 17.9142 5.91699 17.5V15C5.91699 14.7569 5.82035 14.5235 5.64844 14.3516C5.47653 14.1797 5.24311 14.083 5 14.083H2.5C2.08579 14.083 1.75 13.7472 1.75 13.333C1.75018 12.9189 2.08589 12.583 2.5 12.583H5Z", fill: "currentColor" }),
265
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M17.5 12.583C17.9141 12.583 18.2498 12.9189 18.25 13.333C18.25 13.7472 17.9142 14.083 17.5 14.083H15C14.7569 14.083 14.5235 14.1797 14.3516 14.3516C14.1797 14.5235 14.083 14.7569 14.083 15V17.5C14.083 17.9142 13.7472 18.25 13.333 18.25C12.9189 18.2498 12.583 17.9141 12.583 17.5V15C12.583 14.3591 12.8378 13.7442 13.291 13.291C13.7442 12.8378 14.3591 12.583 15 12.583H17.5Z", fill: "currentColor" }),
266
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M6.66699 1.75C7.08106 1.75018 7.41699 2.08589 7.41699 2.5V5C7.41699 5.64094 7.1622 6.25577 6.70898 6.70898C6.25577 7.1622 5.64094 7.41699 5 7.41699H2.5C2.08589 7.41699 1.75018 7.08106 1.75 6.66699C1.75 6.25278 2.08579 5.91699 2.5 5.91699H5C5.24312 5.91699 5.47653 5.82035 5.64844 5.64844C5.82035 5.47653 5.91699 5.24312 5.91699 5V2.5C5.91699 2.08579 6.25278 1.75 6.66699 1.75Z", fill: "currentColor" }),
267
- /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M13.333 1.75C13.7472 1.75 14.083 2.08579 14.083 2.5V5C14.083 5.24311 14.1797 5.47653 14.3516 5.64844C14.5235 5.82035 14.7569 5.91699 15 5.91699H17.5C17.9142 5.91699 18.25 6.25278 18.25 6.66699C18.2498 7.08106 17.9141 7.41699 17.5 7.41699H15C14.3591 7.41699 13.7442 7.1622 13.291 6.70898C12.8378 6.25577 12.583 5.64094 12.583 5V2.5C12.583 2.08589 12.9189 1.75018 13.333 1.75Z", fill: "currentColor" })
268
- ]
170
+ children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M16.667 2.58301C17.0809 2.58327 17.4169 2.91907 17.417 3.33301V5.83301C17.417 6.24706 17.081 6.58274 16.667 6.58301C16.2529 6.58283 15.917 6.24711 15.917 5.83301V4.08301H10.75V15.917H12.5C12.9142 15.917 13.25 16.2528 13.25 16.667C13.2499 17.0811 12.9141 17.417 12.5 17.417H7.5C7.08587 17.417 6.75013 17.0811 6.75 16.667C6.75 16.2528 7.08579 15.917 7.5 15.917H9.25V4.08301H4.08398V5.83301C4.08398 6.24706 3.74797 6.58274 3.33398 6.58301C2.91977 6.58301 2.58301 6.24722 2.58301 5.83301V3.33301C2.58314 2.91891 2.91985 2.58301 3.33398 2.58301H16.667Z", fill: "currentColor" })
269
171
  }
270
172
  );
271
- var MinimizeIcon_default = MinimizeIcon;
173
+ var TypeIcon_default = TypeIcon;
272
174
 
273
- // src/tokens/svg/layout/MoreHorizontalIcon.tsx
175
+ // src/tokens/svg/edit/UnderlineIcon.tsx
176
+ var import_jsx_runtime37 = require("react/jsx-runtime");
177
+
178
+ // src/tokens/svg/layout/ColumnsIcon.tsx
274
179
  var import_jsx_runtime38 = require("react/jsx-runtime");
275
180
 
276
- // src/tokens/svg/layout/MoreVerticalIcon.tsx
181
+ // src/tokens/svg/layout/GridIcon.tsx
277
182
  var import_jsx_runtime39 = require("react/jsx-runtime");
278
183
 
279
- // src/tokens/svg/layout/SidebarIcon.tsx
184
+ // src/tokens/svg/layout/LayoutIcon.tsx
280
185
  var import_jsx_runtime40 = require("react/jsx-runtime");
281
186
 
282
- // src/tokens/svg/action/CopyIcon.tsx
187
+ // src/tokens/svg/layout/ListIcon.tsx
283
188
  var import_jsx_runtime41 = require("react/jsx-runtime");
284
189
 
285
- // src/tokens/svg/action/CropIcon.tsx
190
+ // src/tokens/svg/layout/Maximize2Icon.tsx
286
191
  var import_jsx_runtime42 = require("react/jsx-runtime");
287
192
 
288
- // src/tokens/svg/action/DeleteIcon.tsx
193
+ // src/tokens/svg/layout/MaximizeIcon.tsx
289
194
  var import_jsx_runtime43 = require("react/jsx-runtime");
195
+ var MaximizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
196
+ "svg",
197
+ {
198
+ xmlns: "http://www.w3.org/2000/svg",
199
+ width: "1em",
200
+ height: "1em",
201
+ viewBox: "0 0 20 20",
202
+ fill: "none",
203
+ children: [
204
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M2.5 12.583C2.91411 12.583 3.24982 12.9189 3.25 13.333V15.833C3.25 16.0761 3.34665 16.3095 3.51855 16.4814C3.69046 16.6534 3.92388 16.75 4.16699 16.75H6.66699C7.08106 16.7502 7.41699 17.0859 7.41699 17.5C7.41699 17.9141 7.08106 18.2498 6.66699 18.25H4.16699C3.52605 18.25 2.91122 17.9952 2.45801 17.542C2.00479 17.0888 1.75 16.4739 1.75 15.833V13.333C1.75018 12.9189 2.08589 12.583 2.5 12.583Z", fill: "currentColor" }),
205
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M17.5 12.583C17.9141 12.583 18.2498 12.9189 18.25 13.333V15.833C18.25 16.4739 17.9952 17.0888 17.542 17.542C17.0888 17.9952 16.4739 18.25 15.833 18.25H13.333C12.9189 18.2498 12.583 17.9141 12.583 17.5C12.583 17.0859 12.9189 16.7502 13.333 16.75H15.833C16.0761 16.75 16.3095 16.6534 16.4814 16.4814C16.6534 16.3095 16.75 16.0761 16.75 15.833V13.333C16.7502 12.9189 17.0859 12.583 17.5 12.583Z", fill: "currentColor" }),
206
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M6.66699 1.75C7.08106 1.75018 7.41699 2.08589 7.41699 2.5C7.41699 2.91411 7.08106 3.24982 6.66699 3.25H4.16699C3.92388 3.25 3.69046 3.34665 3.51855 3.51855C3.34665 3.69046 3.25 3.92388 3.25 4.16699V6.66699C3.24982 7.08106 2.91411 7.41699 2.5 7.41699C2.08589 7.41699 1.75018 7.08106 1.75 6.66699V4.16699C1.75 3.52605 2.00479 2.91122 2.45801 2.45801C2.91122 2.00479 3.52605 1.75 4.16699 1.75H6.66699Z", fill: "currentColor" }),
207
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M15.833 1.75C16.4739 1.75 17.0888 2.00479 17.542 2.45801C17.9952 2.91122 18.25 3.52605 18.25 4.16699V6.66699C18.2498 7.08106 17.9141 7.41699 17.5 7.41699C17.0859 7.41699 16.7502 7.08106 16.75 6.66699V4.16699C16.75 3.92388 16.6534 3.69046 16.4814 3.51855C16.3095 3.34665 16.0761 3.25 15.833 3.25H13.333C12.9189 3.24982 12.583 2.91411 12.583 2.5C12.583 2.08589 12.9189 1.75018 13.333 1.75H15.833Z", fill: "currentColor" })
208
+ ]
209
+ }
210
+ );
211
+ var MaximizeIcon_default = MaximizeIcon;
290
212
 
291
- // src/tokens/svg/action/DownloadCloudIcon.tsx
213
+ // src/tokens/svg/layout/MenuIcon.tsx
292
214
  var import_jsx_runtime44 = require("react/jsx-runtime");
293
215
 
294
- // src/tokens/svg/action/DownloadIcon.tsx
216
+ // src/tokens/svg/layout/Minimize2Icon.tsx
295
217
  var import_jsx_runtime45 = require("react/jsx-runtime");
296
- var DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
218
+
219
+ // src/tokens/svg/layout/MinimizeIcon.tsx
220
+ var import_jsx_runtime46 = require("react/jsx-runtime");
221
+ var MinimizeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
297
222
  "svg",
298
223
  {
299
224
  xmlns: "http://www.w3.org/2000/svg",
@@ -302,106 +227,166 @@ var DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
302
227
  viewBox: "0 0 20 20",
303
228
  fill: "none",
304
229
  children: [
305
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M17.5 11.75C17.9142 11.75 18.25 12.0858 18.25 12.5V15.833C18.25 16.4739 17.9952 17.0888 17.542 17.542C17.0888 17.9952 16.4739 18.25 15.833 18.25H4.16699C3.52605 18.25 2.91122 17.9952 2.45801 17.542C2.00479 17.0888 1.75 16.4739 1.75 15.833V12.5C1.75 12.0858 2.08579 11.75 2.5 11.75C2.91421 11.75 3.25 12.0858 3.25 12.5V15.833C3.25 16.0761 3.34665 16.3095 3.51855 16.4814C3.69046 16.6534 3.92388 16.75 4.16699 16.75H15.833C16.0761 16.75 16.3095 16.6534 16.4814 16.4814C16.6534 16.3095 16.75 16.0761 16.75 15.833V12.5C16.75 12.0858 17.0858 11.75 17.5 11.75Z", fill: "currentColor" }),
306
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M10 1.75C10.4142 1.75 10.75 2.08579 10.75 2.5V10.6885L13.6367 7.80273C13.9296 7.51026 14.4045 7.51013 14.6973 7.80273C14.9899 8.09552 14.9898 8.5704 14.6973 8.86328L10.5312 13.0303C10.4709 13.0906 10.4007 13.1354 10.3281 13.1709C10.3146 13.1776 10.3021 13.1865 10.2881 13.1924C10.253 13.207 10.2163 13.2156 10.1797 13.2246C10.1691 13.2272 10.1592 13.2322 10.1484 13.2344C10.1429 13.2355 10.1374 13.2363 10.1318 13.2373C10.0896 13.2448 10.0463 13.2489 10.002 13.249L10 13.25C9.95423 13.25 9.90972 13.2442 9.86621 13.2363C9.86168 13.2355 9.85706 13.2353 9.85254 13.2344C9.82836 13.2295 9.80551 13.221 9.78223 13.2139C9.76008 13.2071 9.73738 13.2022 9.71582 13.1934C9.68772 13.1818 9.66201 13.1661 9.63574 13.1514C9.5804 13.1204 9.52713 13.0842 9.47949 13.0381C9.47469 13.0334 9.46952 13.0292 9.46484 13.0244L5.30371 8.86328C5.01082 8.57039 5.01082 8.09563 5.30371 7.80273C5.59663 7.51021 6.07149 7.50996 6.36426 7.80273L9.25 10.6885V2.5C9.25 2.08579 9.58579 1.75 10 1.75Z", fill: "currentColor" })
230
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M5 12.583C5.64094 12.583 6.25577 12.8378 6.70898 13.291C7.1622 13.7442 7.41699 14.3591 7.41699 15V17.5C7.41699 17.9141 7.08106 18.2498 6.66699 18.25C6.25278 18.25 5.91699 17.9142 5.91699 17.5V15C5.91699 14.7569 5.82035 14.5235 5.64844 14.3516C5.47653 14.1797 5.24311 14.083 5 14.083H2.5C2.08579 14.083 1.75 13.7472 1.75 13.333C1.75018 12.9189 2.08589 12.583 2.5 12.583H5Z", fill: "currentColor" }),
231
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M17.5 12.583C17.9141 12.583 18.2498 12.9189 18.25 13.333C18.25 13.7472 17.9142 14.083 17.5 14.083H15C14.7569 14.083 14.5235 14.1797 14.3516 14.3516C14.1797 14.5235 14.083 14.7569 14.083 15V17.5C14.083 17.9142 13.7472 18.25 13.333 18.25C12.9189 18.2498 12.583 17.9141 12.583 17.5V15C12.583 14.3591 12.8378 13.7442 13.291 13.291C13.7442 12.8378 14.3591 12.583 15 12.583H17.5Z", fill: "currentColor" }),
232
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M6.66699 1.75C7.08106 1.75018 7.41699 2.08589 7.41699 2.5V5C7.41699 5.64094 7.1622 6.25577 6.70898 6.70898C6.25577 7.1622 5.64094 7.41699 5 7.41699H2.5C2.08589 7.41699 1.75018 7.08106 1.75 6.66699C1.75 6.25278 2.08579 5.91699 2.5 5.91699H5C5.24312 5.91699 5.47653 5.82035 5.64844 5.64844C5.82035 5.47653 5.91699 5.24312 5.91699 5V2.5C5.91699 2.08579 6.25278 1.75 6.66699 1.75Z", fill: "currentColor" }),
233
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M13.333 1.75C13.7472 1.75 14.083 2.08579 14.083 2.5V5C14.083 5.24311 14.1797 5.47653 14.3516 5.64844C14.5235 5.82035 14.7569 5.91699 15 5.91699H17.5C17.9142 5.91699 18.25 6.25278 18.25 6.66699C18.2498 7.08106 17.9141 7.41699 17.5 7.41699H15C14.3591 7.41699 13.7442 7.1622 13.291 6.70898C12.8378 6.25577 12.583 5.64094 12.583 5V2.5C12.583 2.08589 12.9189 1.75018 13.333 1.75Z", fill: "currentColor" })
307
234
  ]
308
235
  }
309
236
  );
310
- var DownloadIcon_default = DownloadIcon;
311
-
312
- // src/tokens/svg/action/Edit2Icon.tsx
313
- var import_jsx_runtime46 = require("react/jsx-runtime");
237
+ var MinimizeIcon_default = MinimizeIcon;
314
238
 
315
- // src/tokens/svg/action/Edit3Icon.tsx
239
+ // src/tokens/svg/layout/MoreHorizontalIcon.tsx
316
240
  var import_jsx_runtime47 = require("react/jsx-runtime");
317
241
 
318
- // src/tokens/svg/action/EditIcon.tsx
242
+ // src/tokens/svg/layout/MoreVerticalIcon.tsx
319
243
  var import_jsx_runtime48 = require("react/jsx-runtime");
320
244
 
321
- // src/tokens/svg/action/ExternalLinkIcon.tsx
245
+ // src/tokens/svg/layout/SidebarIcon.tsx
322
246
  var import_jsx_runtime49 = require("react/jsx-runtime");
323
247
 
324
- // src/tokens/svg/action/FilterIcon.tsx
248
+ // src/tokens/svg/media/AirplayIcon.tsx
325
249
  var import_jsx_runtime50 = require("react/jsx-runtime");
326
250
 
327
- // src/tokens/svg/action/Link2Icon.tsx
251
+ // src/tokens/svg/media/CameraIcon.tsx
328
252
  var import_jsx_runtime51 = require("react/jsx-runtime");
329
253
 
330
- // src/tokens/svg/action/LinkIcon.tsx
254
+ // src/tokens/svg/media/CameraOffIcon.tsx
331
255
  var import_jsx_runtime52 = require("react/jsx-runtime");
332
256
 
333
- // src/tokens/svg/action/MoveIcon.tsx
257
+ // src/tokens/svg/media/CastIcon.tsx
334
258
  var import_jsx_runtime53 = require("react/jsx-runtime");
335
259
 
336
- // src/tokens/svg/action/RefreshCcwIcon.tsx
260
+ // src/tokens/svg/media/DiscIcon.tsx
337
261
  var import_jsx_runtime54 = require("react/jsx-runtime");
338
262
 
339
- // src/tokens/svg/action/RefreshCwIcon.tsx
263
+ // src/tokens/svg/media/FastForwardIcon.tsx
340
264
  var import_jsx_runtime55 = require("react/jsx-runtime");
341
265
 
342
- // src/tokens/svg/action/RotateCcwIcon.tsx
266
+ // src/tokens/svg/media/FilmIcon.tsx
343
267
  var import_jsx_runtime56 = require("react/jsx-runtime");
344
268
 
345
- // src/tokens/svg/action/RotateCwIcon.tsx
269
+ // src/tokens/svg/media/HeadphonesIcon.tsx
346
270
  var import_jsx_runtime57 = require("react/jsx-runtime");
347
271
 
348
- // src/tokens/svg/action/SaveIcon.tsx
272
+ // src/tokens/svg/media/ImageIcon.tsx
349
273
  var import_jsx_runtime58 = require("react/jsx-runtime");
350
274
 
351
- // src/tokens/svg/action/ScissorsIcon.tsx
275
+ // src/tokens/svg/media/MicIcon.tsx
352
276
  var import_jsx_runtime59 = require("react/jsx-runtime");
353
277
 
354
- // src/tokens/svg/action/SearchIcon.tsx
278
+ // src/tokens/svg/media/MicOffIcon.tsx
355
279
  var import_jsx_runtime60 = require("react/jsx-runtime");
356
280
 
357
- // src/tokens/svg/action/Share2Icon.tsx
281
+ // src/tokens/svg/media/MusicIcon.tsx
358
282
  var import_jsx_runtime61 = require("react/jsx-runtime");
359
283
 
360
- // src/tokens/svg/action/ShareIcon.tsx
284
+ // src/tokens/svg/media/PauseCircleIcon.tsx
361
285
  var import_jsx_runtime62 = require("react/jsx-runtime");
362
286
 
363
- // src/tokens/svg/action/Trash2Icon.tsx
287
+ // src/tokens/svg/media/PauseIcon.tsx
364
288
  var import_jsx_runtime63 = require("react/jsx-runtime");
289
+ var PauseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
290
+ "svg",
291
+ {
292
+ xmlns: "http://www.w3.org/2000/svg",
293
+ width: "1em",
294
+ height: "1em",
295
+ viewBox: "0 0 20 20",
296
+ fill: "none",
297
+ children: [
298
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.33301 2.58301C8.74714 2.58301 9.08288 2.91891 9.08301 3.33301V16.666C9.08301 17.0802 8.74722 17.416 8.33301 17.416H5C4.58579 17.416 4.25 17.0802 4.25 16.666V3.33301C4.25013 2.91891 4.58587 2.58301 5 2.58301H8.33301ZM5.75 15.916H7.58301V4.08301H5.75V15.916Z", fill: "currentColor" }),
299
+ /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 2.58301C15.4139 2.58327 15.7499 2.91907 15.75 3.33301V16.666C15.75 17.0801 15.414 17.4158 15 17.416H11.667C11.2528 17.416 10.917 17.0802 10.917 16.666V3.33301C10.9171 2.91891 11.2529 2.58301 11.667 2.58301H15ZM12.417 15.916H14.25V4.08301H12.417V15.916Z", fill: "currentColor" })
300
+ ]
301
+ }
302
+ );
303
+ var PauseIcon_default = PauseIcon;
365
304
 
366
- // src/tokens/svg/action/TrashIcon.tsx
305
+ // src/tokens/svg/media/PlayCircleIcon.tsx
367
306
  var import_jsx_runtime64 = require("react/jsx-runtime");
307
+ var PlayCircleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
308
+ "svg",
309
+ {
310
+ xmlns: "http://www.w3.org/2000/svg",
311
+ width: "1em",
312
+ height: "1em",
313
+ viewBox: "0 0 20 20",
314
+ fill: "none",
315
+ children: [
316
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("g", { clipPath: "url(#playcircle-clip)", children: [
317
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.98047 6.00586C8.22424 5.87564 8.52002 5.88965 8.75 6.04297L13.75 9.37598C13.9583 9.51505 14.0839 9.74954 14.084 10C14.0839 10.2505 13.9584 10.4849 13.75 10.624L8.75 13.958C8.52015 14.1112 8.22412 14.1251 7.98047 13.9951C7.73677 13.8647 7.58419 13.6104 7.58398 13.334V6.66699L7.59082 6.56445C7.6233 6.32874 7.7671 6.12005 7.98047 6.00586ZM9.08398 11.9316L11.9814 10L9.08398 8.06738V11.9316Z", fill: "currentColor" }),
318
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 0.916992C15.0163 0.917256 19.0838 4.98373 19.084 10C19.0839 15.0163 15.0163 19.0837 10 19.084C4.98364 19.0838 0.916148 15.0164 0.916016 10C0.916191 4.98367 4.98367 0.917168 10 0.916992ZM10 2.41699C5.8121 2.41717 2.41717 5.8121 2.41699 10C2.41712 14.1879 5.81207 17.5838 10 17.584C14.1879 17.5837 17.5839 14.1879 17.584 10C17.5838 5.81215 14.1878 2.41726 10 2.41699Z", fill: "currentColor" })
319
+ ] }),
320
+ /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("clipPath", { id: "playcircle-clip", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("rect", { width: "20", height: "20", fill: "currentColor" }) }) })
321
+ ]
322
+ }
323
+ );
324
+ var PlayCircleIcon_default = PlayCircleIcon;
368
325
 
369
- // src/tokens/svg/action/UploadCloudIcon.tsx
326
+ // src/tokens/svg/media/PlayIcon.tsx
370
327
  var import_jsx_runtime65 = require("react/jsx-runtime");
328
+ var PlayIcon = () => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
329
+ "svg",
330
+ {
331
+ xmlns: "http://www.w3.org/2000/svg",
332
+ width: "1em",
333
+ height: "1em",
334
+ viewBox: "0 0 20 20",
335
+ fill: "none",
336
+ children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.80762 1.84203C4.0483 1.71076 4.3416 1.72119 4.57227 1.86937L16.2393 9.36937C16.4536 9.50742 16.584 9.74522 16.584 10.0002C16.5839 10.2552 16.4537 10.4931 16.2393 10.6311L4.57227 18.1311C4.34166 18.2792 4.04826 18.2896 3.80762 18.1584C3.56689 18.027 3.4161 17.7745 3.41602 17.5002V2.50023C3.41602 2.22588 3.56682 1.9735 3.80762 1.84203ZM4.91699 16.1262L14.4463 10.0002L4.91699 3.87328V16.1262Z", fill: "currentColor" })
337
+ }
338
+ );
339
+ var PlayIcon_default = PlayIcon;
371
340
 
372
- // src/tokens/svg/action/UploadIcon.tsx
341
+ // src/tokens/svg/media/RepeatIcon.tsx
373
342
  var import_jsx_runtime66 = require("react/jsx-runtime");
374
343
 
375
- // src/tokens/svg/action/ZoomInIcon.tsx
344
+ // src/tokens/svg/media/RewindIcon.tsx
376
345
  var import_jsx_runtime67 = require("react/jsx-runtime");
377
346
 
378
- // src/tokens/svg/action/ZoomOutIcon.tsx
347
+ // src/tokens/svg/media/SkipBackIcon.tsx
379
348
  var import_jsx_runtime68 = require("react/jsx-runtime");
380
349
 
381
- // src/tokens/svg/edit/AlignCenterIcon.tsx
350
+ // src/tokens/svg/media/SkipForwardIcon.tsx
382
351
  var import_jsx_runtime69 = require("react/jsx-runtime");
383
352
 
384
- // src/tokens/svg/edit/AlignJustifyIcon.tsx
353
+ // src/tokens/svg/media/SpeakerIcon.tsx
385
354
  var import_jsx_runtime70 = require("react/jsx-runtime");
386
355
 
387
- // src/tokens/svg/edit/AlignLeftIcon.tsx
356
+ // src/tokens/svg/media/StopCircleIcon.tsx
388
357
  var import_jsx_runtime71 = require("react/jsx-runtime");
389
358
 
390
- // src/tokens/svg/edit/AlignRightIcon.tsx
359
+ // src/tokens/svg/media/VideoIcon.tsx
391
360
  var import_jsx_runtime72 = require("react/jsx-runtime");
392
361
 
393
- // src/tokens/svg/edit/BoldIcon.tsx
362
+ // src/tokens/svg/media/VideoOffIcon.tsx
394
363
  var import_jsx_runtime73 = require("react/jsx-runtime");
395
364
 
396
- // src/tokens/svg/edit/ItalicIcon.tsx
365
+ // src/tokens/svg/media/Volume1Icon.tsx
397
366
  var import_jsx_runtime74 = require("react/jsx-runtime");
398
367
 
399
- // src/tokens/svg/edit/PenToolIcon.tsx
368
+ // src/tokens/svg/media/Volume2Icon.tsx
400
369
  var import_jsx_runtime75 = require("react/jsx-runtime");
370
+ var Volume2Icon = () => /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
371
+ "svg",
372
+ {
373
+ xmlns: "http://www.w3.org/2000/svg",
374
+ width: "1em",
375
+ height: "1em",
376
+ viewBox: "0 0 20 20",
377
+ fill: "none",
378
+ children: [
379
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M15.3613 3.57827C15.6542 3.28549 16.129 3.28554 16.4219 3.57827C18.1247 5.28162 19.082 7.59163 19.082 10.0001C19.082 12.4087 18.1247 14.7187 16.4219 16.422C16.129 16.7147 15.6542 16.7147 15.3613 16.422C15.0687 16.1292 15.0687 15.6543 15.3613 15.3615C16.7829 13.9394 17.582 12.0109 17.582 10.0001C17.582 7.98938 16.7829 6.06088 15.3613 4.63882C15.0686 4.34597 15.0687 3.87112 15.3613 3.57827Z", fill: "currentColor" }),
380
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69824 3.5812C8.92336 3.40117 9.23238 3.36648 9.49219 3.49135C9.75153 3.61641 9.91699 3.87916 9.91699 4.16714V15.8341C9.91671 16.122 9.75157 16.385 9.49219 16.5099C9.23253 16.6347 8.92333 16.5988 8.69824 16.4191L4.7373 13.2501H1.66699C1.25291 13.2501 0.916235 12.9142 0.916016 12.5001V7.50014C0.916192 7.08608 1.25289 6.75014 1.66699 6.75014H4.73828L8.69824 3.5812ZM5.46875 8.08608C5.3359 8.19235 5.17011 8.25003 5 8.25014H2.41699V11.7501H5C5.17013 11.7503 5.33589 11.8089 5.46875 11.9152L8.41699 14.2726V5.72768L5.46875 8.08608Z", fill: "currentColor" }),
381
+ /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { d: "M12.4199 6.51967C12.7128 6.22695 13.1876 6.22696 13.4805 6.51967C14.4022 7.44168 14.9199 8.69255 14.9199 9.99624C14.9198 11.2998 14.4021 12.5499 13.4805 13.4718C13.1876 13.7647 12.7128 13.7646 12.4199 13.4718C12.1273 13.179 12.1272 12.7041 12.4199 12.4113C13.0602 11.7707 13.4198 10.902 13.4199 9.99624C13.4199 9.0903 13.0604 8.22093 12.4199 7.58022C12.1271 7.28731 12.1271 6.81251 12.4199 6.51967Z", fill: "currentColor" })
382
+ ]
383
+ }
384
+ );
385
+ var Volume2Icon_default = Volume2Icon;
401
386
 
402
- // src/tokens/svg/edit/TypeIcon.tsx
387
+ // src/tokens/svg/media/VolumeIcon.tsx
403
388
  var import_jsx_runtime76 = require("react/jsx-runtime");
404
- var TypeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
389
+ var VolumeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
405
390
  "svg",
406
391
  {
407
392
  xmlns: "http://www.w3.org/2000/svg",
@@ -409,13 +394,28 @@ var TypeIcon = () => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
409
394
  height: "1em",
410
395
  viewBox: "0 0 20 20",
411
396
  fill: "none",
412
- children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { d: "M16.667 2.58301C17.0809 2.58327 17.4169 2.91907 17.417 3.33301V5.83301C17.417 6.24706 17.081 6.58274 16.667 6.58301C16.2529 6.58283 15.917 6.24711 15.917 5.83301V4.08301H10.75V15.917H12.5C12.9142 15.917 13.25 16.2528 13.25 16.667C13.2499 17.0811 12.9141 17.417 12.5 17.417H7.5C7.08587 17.417 6.75013 17.0811 6.75 16.667C6.75 16.2528 7.08579 15.917 7.5 15.917H9.25V4.08301H4.08398V5.83301C4.08398 6.24706 3.74797 6.58274 3.33398 6.58301C2.91977 6.58301 2.58301 6.24722 2.58301 5.83301V3.33301C2.58314 2.91891 2.91985 2.58301 3.33398 2.58301H16.667Z", fill: "currentColor" })
397
+ children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69824 3.58112C8.92336 3.40111 9.23239 3.36641 9.49219 3.49127C9.75155 3.61632 9.91699 3.87906 9.91699 4.16705V15.834C9.91675 16.1219 9.75157 16.3849 9.49219 16.5098C9.23251 16.6346 8.92333 16.5988 8.69824 16.419L4.7373 13.2501H1.66699C1.25288 13.2501 0.916186 12.9141 0.916016 12.5001V7.50006C0.916192 7.086 1.25289 6.75006 1.66699 6.75006H4.73828L8.69824 3.58112ZM5.46875 8.086C5.3359 8.19226 5.17011 8.24995 5 8.25006H2.41699V11.7501H5C5.17013 11.7502 5.33589 11.8088 5.46875 11.9151L8.41699 14.2725V5.7276L5.46875 8.086Z", fill: "currentColor" })
413
398
  }
414
399
  );
415
- var TypeIcon_default = TypeIcon;
400
+ var VolumeIcon_default = VolumeIcon;
416
401
 
417
- // src/tokens/svg/edit/UnderlineIcon.tsx
402
+ // src/tokens/svg/media/VolumeXIcon.tsx
418
403
  var import_jsx_runtime77 = require("react/jsx-runtime");
404
+ var VolumeXIcon = () => /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
405
+ "svg",
406
+ {
407
+ xmlns: "http://www.w3.org/2000/svg",
408
+ width: "1em",
409
+ height: "1em",
410
+ viewBox: "0 0 20 20",
411
+ fill: "none",
412
+ children: [
413
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.69824 3.58112C8.92336 3.40111 9.23239 3.36641 9.49219 3.49127C9.75155 3.61632 9.91699 3.87906 9.91699 4.16705V15.834C9.91675 16.1219 9.75157 16.3849 9.49219 16.5098C9.23251 16.6346 8.92333 16.5988 8.69824 16.419L4.7373 13.2501H1.66699C1.25288 13.2501 0.916186 12.9141 0.916016 12.5001V7.50006C0.916192 7.086 1.25289 6.75006 1.66699 6.75006H4.73828L8.69824 3.58112ZM5.46875 8.086C5.3359 8.19226 5.17011 8.24995 5 8.25006H2.41699V11.7501H5C5.17013 11.7502 5.33589 11.8088 5.46875 11.9151L8.41699 14.2725V5.7276L5.46875 8.086Z", fill: "currentColor" }),
414
+ /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("path", { d: "M18.6367 6.96979C18.9296 6.6771 19.4044 6.67696 19.6973 6.96979C19.9898 7.26263 19.9899 7.73752 19.6973 8.03033L17.7275 10.0001L19.6973 11.9698C19.9898 12.2626 19.9899 12.7375 19.6973 13.0303C19.4045 13.3231 18.9296 13.3229 18.6367 13.0303L16.667 11.0606L14.6973 13.0303C14.4045 13.3231 13.9296 13.3229 13.6367 13.0303C13.3438 12.7374 13.3438 12.2627 13.6367 11.9698L15.6064 10.0001L13.6367 8.03033C13.3438 7.73744 13.3438 7.26268 13.6367 6.96979C13.9296 6.6771 14.4044 6.67696 14.6973 6.96979L16.667 8.93951L18.6367 6.96979Z", fill: "currentColor" })
415
+ ]
416
+ }
417
+ );
418
+ var VolumeXIcon_default = VolumeXIcon;
419
419
 
420
420
  // ../../node_modules/clsx/dist/clsx.mjs
421
421
  function r(e) {