@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.js CHANGED
@@ -1,163 +1,129 @@
1
1
  // src/components/Video/Video.tsx
2
2
  import React from "react";
3
3
 
4
- // src/tokens/svg/media/AirplayIcon.tsx
4
+ // src/tokens/svg/action/CopyIcon.tsx
5
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
6
 
7
- // src/tokens/svg/media/CameraIcon.tsx
7
+ // src/tokens/svg/action/CropIcon.tsx
8
8
  import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
9
9
 
10
- // src/tokens/svg/media/CameraOffIcon.tsx
10
+ // src/tokens/svg/action/DeleteIcon.tsx
11
11
  import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
12
12
 
13
- // src/tokens/svg/media/CastIcon.tsx
13
+ // src/tokens/svg/action/DownloadCloudIcon.tsx
14
14
  import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
15
15
 
16
- // src/tokens/svg/media/DiscIcon.tsx
16
+ // src/tokens/svg/action/DownloadIcon.tsx
17
17
  import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
18
+ var DownloadIcon = () => /* @__PURE__ */ jsxs5(
19
+ "svg",
20
+ {
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ width: "1em",
23
+ height: "1em",
24
+ viewBox: "0 0 20 20",
25
+ fill: "none",
26
+ children: [
27
+ /* @__PURE__ */ jsx5("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" }),
28
+ /* @__PURE__ */ jsx5("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" })
29
+ ]
30
+ }
31
+ );
32
+ var DownloadIcon_default = DownloadIcon;
18
33
 
19
- // src/tokens/svg/media/FastForwardIcon.tsx
20
- import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
34
+ // src/tokens/svg/action/Edit2Icon.tsx
35
+ import { jsx as jsx6 } from "react/jsx-runtime";
21
36
 
22
- // src/tokens/svg/media/FilmIcon.tsx
23
- import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
37
+ // src/tokens/svg/action/Edit3Icon.tsx
38
+ import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
24
39
 
25
- // src/tokens/svg/media/HeadphonesIcon.tsx
26
- import { jsx as jsx8 } from "react/jsx-runtime";
40
+ // src/tokens/svg/action/EditIcon.tsx
41
+ import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
27
42
 
28
- // src/tokens/svg/media/ImageIcon.tsx
43
+ // src/tokens/svg/action/ExternalLinkIcon.tsx
29
44
  import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
30
45
 
31
- // src/tokens/svg/media/MicIcon.tsx
32
- import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
46
+ // src/tokens/svg/action/FilterIcon.tsx
47
+ import { jsx as jsx10 } from "react/jsx-runtime";
33
48
 
34
- // src/tokens/svg/media/MicOffIcon.tsx
35
- import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
49
+ // src/tokens/svg/action/Link2Icon.tsx
50
+ import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
36
51
 
37
- // src/tokens/svg/media/MusicIcon.tsx
38
- import { jsx as jsx12 } from "react/jsx-runtime";
52
+ // src/tokens/svg/action/LinkIcon.tsx
53
+ import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
39
54
 
40
- // src/tokens/svg/media/PauseCircleIcon.tsx
55
+ // src/tokens/svg/action/MoveIcon.tsx
41
56
  import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
42
57
 
43
- // src/tokens/svg/media/PauseIcon.tsx
58
+ // src/tokens/svg/action/RefreshCcwIcon.tsx
44
59
  import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
45
- var PauseIcon = () => /* @__PURE__ */ jsxs12(
46
- "svg",
47
- {
48
- xmlns: "http://www.w3.org/2000/svg",
49
- width: "1em",
50
- height: "1em",
51
- viewBox: "0 0 20 20",
52
- fill: "none",
53
- children: [
54
- /* @__PURE__ */ jsx14("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" }),
55
- /* @__PURE__ */ jsx14("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" })
56
- ]
57
- }
58
- );
59
- var PauseIcon_default = PauseIcon;
60
60
 
61
- // src/tokens/svg/media/PlayCircleIcon.tsx
61
+ // src/tokens/svg/action/RefreshCwIcon.tsx
62
62
  import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
63
- var PlayCircleIcon = () => /* @__PURE__ */ jsxs13(
64
- "svg",
65
- {
66
- xmlns: "http://www.w3.org/2000/svg",
67
- width: "1em",
68
- height: "1em",
69
- viewBox: "0 0 20 20",
70
- fill: "none",
71
- children: [
72
- /* @__PURE__ */ jsxs13("g", { clipPath: "url(#playcircle-clip)", children: [
73
- /* @__PURE__ */ jsx15("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" }),
74
- /* @__PURE__ */ jsx15("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" })
75
- ] }),
76
- /* @__PURE__ */ jsx15("defs", { children: /* @__PURE__ */ jsx15("clipPath", { id: "playcircle-clip", children: /* @__PURE__ */ jsx15("rect", { width: "20", height: "20", fill: "currentColor" }) }) })
77
- ]
78
- }
79
- );
80
- var PlayCircleIcon_default = PlayCircleIcon;
81
63
 
82
- // src/tokens/svg/media/PlayIcon.tsx
64
+ // src/tokens/svg/action/RotateCcwIcon.tsx
83
65
  import { jsx as jsx16 } from "react/jsx-runtime";
84
- var PlayIcon = () => /* @__PURE__ */ jsx16(
85
- "svg",
86
- {
87
- xmlns: "http://www.w3.org/2000/svg",
88
- width: "1em",
89
- height: "1em",
90
- viewBox: "0 0 20 20",
91
- fill: "none",
92
- children: /* @__PURE__ */ jsx16("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" })
93
- }
94
- );
95
- var PlayIcon_default = PlayIcon;
96
66
 
97
- // src/tokens/svg/media/RepeatIcon.tsx
98
- import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
67
+ // src/tokens/svg/action/RotateCwIcon.tsx
68
+ import { jsx as jsx17 } from "react/jsx-runtime";
99
69
 
100
- // src/tokens/svg/media/RewindIcon.tsx
101
- import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
70
+ // src/tokens/svg/action/SaveIcon.tsx
71
+ import { jsx as jsx18 } from "react/jsx-runtime";
102
72
 
103
- // src/tokens/svg/media/SkipBackIcon.tsx
104
- import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
73
+ // src/tokens/svg/action/ScissorsIcon.tsx
74
+ import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
105
75
 
106
- // src/tokens/svg/media/SkipForwardIcon.tsx
107
- import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
76
+ // src/tokens/svg/action/SearchIcon.tsx
77
+ import { jsx as jsx20 } from "react/jsx-runtime";
108
78
 
109
- // src/tokens/svg/media/SpeakerIcon.tsx
110
- import { jsx as jsx21, jsxs as jsxs18 } from "react/jsx-runtime";
79
+ // src/tokens/svg/action/Share2Icon.tsx
80
+ import { jsx as jsx21 } from "react/jsx-runtime";
111
81
 
112
- // src/tokens/svg/media/StopCircleIcon.tsx
113
- import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
82
+ // src/tokens/svg/action/ShareIcon.tsx
83
+ import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
114
84
 
115
- // src/tokens/svg/media/VideoIcon.tsx
116
- import { jsx as jsx23 } from "react/jsx-runtime";
85
+ // src/tokens/svg/action/Trash2Icon.tsx
86
+ import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
117
87
 
118
- // src/tokens/svg/media/VideoOffIcon.tsx
119
- import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
88
+ // src/tokens/svg/action/TrashIcon.tsx
89
+ import { jsx as jsx24 } from "react/jsx-runtime";
120
90
 
121
- // src/tokens/svg/media/Volume1Icon.tsx
122
- import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
91
+ // src/tokens/svg/action/UploadCloudIcon.tsx
92
+ import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
123
93
 
124
- // src/tokens/svg/media/Volume2Icon.tsx
125
- import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
126
- var Volume2Icon = () => /* @__PURE__ */ jsxs22(
127
- "svg",
128
- {
129
- xmlns: "http://www.w3.org/2000/svg",
130
- width: "1em",
131
- height: "1em",
132
- viewBox: "0 0 20 20",
133
- fill: "none",
134
- children: [
135
- /* @__PURE__ */ jsx26("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" }),
136
- /* @__PURE__ */ jsx26("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" }),
137
- /* @__PURE__ */ jsx26("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" })
138
- ]
139
- }
140
- );
141
- var Volume2Icon_default = Volume2Icon;
94
+ // src/tokens/svg/action/UploadIcon.tsx
95
+ import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
142
96
 
143
- // src/tokens/svg/media/VolumeIcon.tsx
144
- import { jsx as jsx27 } from "react/jsx-runtime";
145
- var VolumeIcon = () => /* @__PURE__ */ jsx27(
146
- "svg",
147
- {
148
- xmlns: "http://www.w3.org/2000/svg",
149
- width: "1em",
150
- height: "1em",
151
- viewBox: "0 0 20 20",
152
- fill: "none",
153
- children: /* @__PURE__ */ jsx27("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" })
154
- }
155
- );
156
- var VolumeIcon_default = VolumeIcon;
97
+ // src/tokens/svg/action/ZoomInIcon.tsx
98
+ import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
157
99
 
158
- // src/tokens/svg/media/VolumeXIcon.tsx
159
- import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
160
- var VolumeXIcon = () => /* @__PURE__ */ jsxs23(
100
+ // src/tokens/svg/action/ZoomOutIcon.tsx
101
+ import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
102
+
103
+ // src/tokens/svg/edit/AlignCenterIcon.tsx
104
+ import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
105
+
106
+ // src/tokens/svg/edit/AlignJustifyIcon.tsx
107
+ import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
108
+
109
+ // src/tokens/svg/edit/AlignLeftIcon.tsx
110
+ import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
111
+
112
+ // src/tokens/svg/edit/AlignRightIcon.tsx
113
+ import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
114
+
115
+ // src/tokens/svg/edit/BoldIcon.tsx
116
+ import { jsx as jsx33 } from "react/jsx-runtime";
117
+
118
+ // src/tokens/svg/edit/ItalicIcon.tsx
119
+ import { jsx as jsx34 } from "react/jsx-runtime";
120
+
121
+ // src/tokens/svg/edit/PenToolIcon.tsx
122
+ import { jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
123
+
124
+ // src/tokens/svg/edit/TypeIcon.tsx
125
+ import { jsx as jsx36 } from "react/jsx-runtime";
126
+ var TypeIcon = () => /* @__PURE__ */ jsx36(
161
127
  "svg",
162
128
  {
163
129
  xmlns: "http://www.w3.org/2000/svg",
@@ -165,32 +131,32 @@ var VolumeXIcon = () => /* @__PURE__ */ jsxs23(
165
131
  height: "1em",
166
132
  viewBox: "0 0 20 20",
167
133
  fill: "none",
168
- children: [
169
- /* @__PURE__ */ jsx28("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" }),
170
- /* @__PURE__ */ jsx28("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" })
171
- ]
134
+ children: /* @__PURE__ */ jsx36("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" })
172
135
  }
173
136
  );
174
- var VolumeXIcon_default = VolumeXIcon;
137
+ var TypeIcon_default = TypeIcon;
138
+
139
+ // src/tokens/svg/edit/UnderlineIcon.tsx
140
+ import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
175
141
 
176
142
  // src/tokens/svg/layout/ColumnsIcon.tsx
177
- import { jsx as jsx29 } from "react/jsx-runtime";
143
+ import { jsx as jsx38 } from "react/jsx-runtime";
178
144
 
179
145
  // src/tokens/svg/layout/GridIcon.tsx
180
- import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
146
+ import { jsx as jsx39, jsxs as jsxs27 } from "react/jsx-runtime";
181
147
 
182
148
  // src/tokens/svg/layout/LayoutIcon.tsx
183
- import { jsx as jsx31 } from "react/jsx-runtime";
149
+ import { jsx as jsx40 } from "react/jsx-runtime";
184
150
 
185
151
  // src/tokens/svg/layout/ListIcon.tsx
186
- import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
152
+ import { jsx as jsx41, jsxs as jsxs28 } from "react/jsx-runtime";
187
153
 
188
154
  // src/tokens/svg/layout/Maximize2Icon.tsx
189
- import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
155
+ import { jsx as jsx42, jsxs as jsxs29 } from "react/jsx-runtime";
190
156
 
191
157
  // src/tokens/svg/layout/MaximizeIcon.tsx
192
- import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
193
- var MaximizeIcon = () => /* @__PURE__ */ jsxs27(
158
+ import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
159
+ var MaximizeIcon = () => /* @__PURE__ */ jsxs30(
194
160
  "svg",
195
161
  {
196
162
  xmlns: "http://www.w3.org/2000/svg",
@@ -199,24 +165,24 @@ var MaximizeIcon = () => /* @__PURE__ */ jsxs27(
199
165
  viewBox: "0 0 20 20",
200
166
  fill: "none",
201
167
  children: [
202
- /* @__PURE__ */ jsx34("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" }),
203
- /* @__PURE__ */ jsx34("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" }),
204
- /* @__PURE__ */ jsx34("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" }),
205
- /* @__PURE__ */ jsx34("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" })
168
+ /* @__PURE__ */ jsx43("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" }),
169
+ /* @__PURE__ */ jsx43("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" }),
170
+ /* @__PURE__ */ jsx43("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" }),
171
+ /* @__PURE__ */ jsx43("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" })
206
172
  ]
207
173
  }
208
174
  );
209
175
  var MaximizeIcon_default = MaximizeIcon;
210
176
 
211
177
  // src/tokens/svg/layout/MenuIcon.tsx
212
- import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
178
+ import { jsx as jsx44, jsxs as jsxs31 } from "react/jsx-runtime";
213
179
 
214
180
  // src/tokens/svg/layout/Minimize2Icon.tsx
215
- import { jsx as jsx36, jsxs as jsxs29 } from "react/jsx-runtime";
181
+ import { jsx as jsx45, jsxs as jsxs32 } from "react/jsx-runtime";
216
182
 
217
183
  // src/tokens/svg/layout/MinimizeIcon.tsx
218
- import { jsx as jsx37, jsxs as jsxs30 } from "react/jsx-runtime";
219
- var MinimizeIcon = () => /* @__PURE__ */ jsxs30(
184
+ import { jsx as jsx46, jsxs as jsxs33 } from "react/jsx-runtime";
185
+ var MinimizeIcon = () => /* @__PURE__ */ jsxs33(
220
186
  "svg",
221
187
  {
222
188
  xmlns: "http://www.w3.org/2000/svg",
@@ -225,147 +191,166 @@ var MinimizeIcon = () => /* @__PURE__ */ jsxs30(
225
191
  viewBox: "0 0 20 20",
226
192
  fill: "none",
227
193
  children: [
228
- /* @__PURE__ */ jsx37("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" }),
229
- /* @__PURE__ */ jsx37("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" }),
230
- /* @__PURE__ */ jsx37("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" }),
231
- /* @__PURE__ */ jsx37("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" })
194
+ /* @__PURE__ */ jsx46("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" }),
195
+ /* @__PURE__ */ jsx46("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" }),
196
+ /* @__PURE__ */ jsx46("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" }),
197
+ /* @__PURE__ */ jsx46("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" })
232
198
  ]
233
199
  }
234
200
  );
235
201
  var MinimizeIcon_default = MinimizeIcon;
236
202
 
237
203
  // src/tokens/svg/layout/MoreHorizontalIcon.tsx
238
- import { jsx as jsx38, jsxs as jsxs31 } from "react/jsx-runtime";
204
+ import { jsx as jsx47, jsxs as jsxs34 } from "react/jsx-runtime";
239
205
 
240
206
  // src/tokens/svg/layout/MoreVerticalIcon.tsx
241
- import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
207
+ import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
242
208
 
243
209
  // src/tokens/svg/layout/SidebarIcon.tsx
244
- import { jsx as jsx40 } from "react/jsx-runtime";
245
-
246
- // src/tokens/svg/action/CopyIcon.tsx
247
- import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
248
-
249
- // src/tokens/svg/action/CropIcon.tsx
250
- import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
210
+ import { jsx as jsx49 } from "react/jsx-runtime";
251
211
 
252
- // src/tokens/svg/action/DeleteIcon.tsx
253
- import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
254
-
255
- // src/tokens/svg/action/DownloadCloudIcon.tsx
256
- import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
257
-
258
- // src/tokens/svg/action/DownloadIcon.tsx
259
- import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
260
- var DownloadIcon = () => /* @__PURE__ */ jsxs37(
261
- "svg",
262
- {
263
- xmlns: "http://www.w3.org/2000/svg",
264
- width: "1em",
265
- height: "1em",
266
- viewBox: "0 0 20 20",
267
- fill: "none",
268
- children: [
269
- /* @__PURE__ */ jsx45("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" }),
270
- /* @__PURE__ */ jsx45("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" })
271
- ]
272
- }
273
- );
274
- var DownloadIcon_default = DownloadIcon;
275
-
276
- // src/tokens/svg/action/Edit2Icon.tsx
277
- import { jsx as jsx46 } from "react/jsx-runtime";
278
-
279
- // src/tokens/svg/action/Edit3Icon.tsx
280
- import { jsx as jsx47, jsxs as jsxs38 } from "react/jsx-runtime";
281
-
282
- // src/tokens/svg/action/EditIcon.tsx
283
- import { jsx as jsx48, jsxs as jsxs39 } from "react/jsx-runtime";
284
-
285
- // src/tokens/svg/action/ExternalLinkIcon.tsx
286
- import { jsx as jsx49, jsxs as jsxs40 } from "react/jsx-runtime";
287
-
288
- // src/tokens/svg/action/FilterIcon.tsx
289
- import { jsx as jsx50 } from "react/jsx-runtime";
212
+ // src/tokens/svg/media/AirplayIcon.tsx
213
+ import { jsx as jsx50, jsxs as jsxs36 } from "react/jsx-runtime";
290
214
 
291
- // src/tokens/svg/action/Link2Icon.tsx
292
- import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
215
+ // src/tokens/svg/media/CameraIcon.tsx
216
+ import { jsx as jsx51, jsxs as jsxs37 } from "react/jsx-runtime";
293
217
 
294
- // src/tokens/svg/action/LinkIcon.tsx
295
- import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
218
+ // src/tokens/svg/media/CameraOffIcon.tsx
219
+ import { jsx as jsx52, jsxs as jsxs38 } from "react/jsx-runtime";
296
220
 
297
- // src/tokens/svg/action/MoveIcon.tsx
298
- import { jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
221
+ // src/tokens/svg/media/CastIcon.tsx
222
+ import { jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
299
223
 
300
- // src/tokens/svg/action/RefreshCcwIcon.tsx
301
- import { jsx as jsx54, jsxs as jsxs44 } from "react/jsx-runtime";
224
+ // src/tokens/svg/media/DiscIcon.tsx
225
+ import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
302
226
 
303
- // src/tokens/svg/action/RefreshCwIcon.tsx
304
- import { jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
227
+ // src/tokens/svg/media/FastForwardIcon.tsx
228
+ import { jsx as jsx55, jsxs as jsxs41 } from "react/jsx-runtime";
305
229
 
306
- // src/tokens/svg/action/RotateCcwIcon.tsx
307
- import { jsx as jsx56 } from "react/jsx-runtime";
230
+ // src/tokens/svg/media/FilmIcon.tsx
231
+ import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
308
232
 
309
- // src/tokens/svg/action/RotateCwIcon.tsx
233
+ // src/tokens/svg/media/HeadphonesIcon.tsx
310
234
  import { jsx as jsx57 } from "react/jsx-runtime";
311
235
 
312
- // src/tokens/svg/action/SaveIcon.tsx
313
- import { jsx as jsx58 } from "react/jsx-runtime";
236
+ // src/tokens/svg/media/ImageIcon.tsx
237
+ import { jsx as jsx58, jsxs as jsxs43 } from "react/jsx-runtime";
314
238
 
315
- // src/tokens/svg/action/ScissorsIcon.tsx
316
- import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
239
+ // src/tokens/svg/media/MicIcon.tsx
240
+ import { jsx as jsx59, jsxs as jsxs44 } from "react/jsx-runtime";
317
241
 
318
- // src/tokens/svg/action/SearchIcon.tsx
319
- import { jsx as jsx60 } from "react/jsx-runtime";
242
+ // src/tokens/svg/media/MicOffIcon.tsx
243
+ import { jsx as jsx60, jsxs as jsxs45 } from "react/jsx-runtime";
320
244
 
321
- // src/tokens/svg/action/Share2Icon.tsx
245
+ // src/tokens/svg/media/MusicIcon.tsx
322
246
  import { jsx as jsx61 } from "react/jsx-runtime";
323
247
 
324
- // src/tokens/svg/action/ShareIcon.tsx
325
- import { jsx as jsx62, jsxs as jsxs47 } from "react/jsx-runtime";
248
+ // src/tokens/svg/media/PauseCircleIcon.tsx
249
+ import { jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
326
250
 
327
- // src/tokens/svg/action/Trash2Icon.tsx
328
- import { jsx as jsx63, jsxs as jsxs48 } from "react/jsx-runtime";
251
+ // src/tokens/svg/media/PauseIcon.tsx
252
+ import { jsx as jsx63, jsxs as jsxs47 } from "react/jsx-runtime";
253
+ var PauseIcon = () => /* @__PURE__ */ jsxs47(
254
+ "svg",
255
+ {
256
+ xmlns: "http://www.w3.org/2000/svg",
257
+ width: "1em",
258
+ height: "1em",
259
+ viewBox: "0 0 20 20",
260
+ fill: "none",
261
+ children: [
262
+ /* @__PURE__ */ jsx63("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" }),
263
+ /* @__PURE__ */ jsx63("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" })
264
+ ]
265
+ }
266
+ );
267
+ var PauseIcon_default = PauseIcon;
329
268
 
330
- // src/tokens/svg/action/TrashIcon.tsx
331
- import { jsx as jsx64 } from "react/jsx-runtime";
269
+ // src/tokens/svg/media/PlayCircleIcon.tsx
270
+ import { jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
271
+ var PlayCircleIcon = () => /* @__PURE__ */ jsxs48(
272
+ "svg",
273
+ {
274
+ xmlns: "http://www.w3.org/2000/svg",
275
+ width: "1em",
276
+ height: "1em",
277
+ viewBox: "0 0 20 20",
278
+ fill: "none",
279
+ children: [
280
+ /* @__PURE__ */ jsxs48("g", { clipPath: "url(#playcircle-clip)", children: [
281
+ /* @__PURE__ */ jsx64("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" }),
282
+ /* @__PURE__ */ jsx64("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" })
283
+ ] }),
284
+ /* @__PURE__ */ jsx64("defs", { children: /* @__PURE__ */ jsx64("clipPath", { id: "playcircle-clip", children: /* @__PURE__ */ jsx64("rect", { width: "20", height: "20", fill: "currentColor" }) }) })
285
+ ]
286
+ }
287
+ );
288
+ var PlayCircleIcon_default = PlayCircleIcon;
332
289
 
333
- // src/tokens/svg/action/UploadCloudIcon.tsx
334
- import { jsx as jsx65, jsxs as jsxs49 } from "react/jsx-runtime";
290
+ // src/tokens/svg/media/PlayIcon.tsx
291
+ import { jsx as jsx65 } from "react/jsx-runtime";
292
+ var PlayIcon = () => /* @__PURE__ */ jsx65(
293
+ "svg",
294
+ {
295
+ xmlns: "http://www.w3.org/2000/svg",
296
+ width: "1em",
297
+ height: "1em",
298
+ viewBox: "0 0 20 20",
299
+ fill: "none",
300
+ children: /* @__PURE__ */ jsx65("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" })
301
+ }
302
+ );
303
+ var PlayIcon_default = PlayIcon;
335
304
 
336
- // src/tokens/svg/action/UploadIcon.tsx
337
- import { jsx as jsx66, jsxs as jsxs50 } from "react/jsx-runtime";
305
+ // src/tokens/svg/media/RepeatIcon.tsx
306
+ import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
338
307
 
339
- // src/tokens/svg/action/ZoomInIcon.tsx
340
- import { jsx as jsx67, jsxs as jsxs51 } from "react/jsx-runtime";
308
+ // src/tokens/svg/media/RewindIcon.tsx
309
+ import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
341
310
 
342
- // src/tokens/svg/action/ZoomOutIcon.tsx
343
- import { jsx as jsx68, jsxs as jsxs52 } from "react/jsx-runtime";
311
+ // src/tokens/svg/media/SkipBackIcon.tsx
312
+ import { jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
344
313
 
345
- // src/tokens/svg/edit/AlignCenterIcon.tsx
346
- import { jsx as jsx69, jsxs as jsxs53 } from "react/jsx-runtime";
314
+ // src/tokens/svg/media/SkipForwardIcon.tsx
315
+ import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
347
316
 
348
- // src/tokens/svg/edit/AlignJustifyIcon.tsx
349
- import { jsx as jsx70, jsxs as jsxs54 } from "react/jsx-runtime";
317
+ // src/tokens/svg/media/SpeakerIcon.tsx
318
+ import { jsx as jsx70, jsxs as jsxs53 } from "react/jsx-runtime";
350
319
 
351
- // src/tokens/svg/edit/AlignLeftIcon.tsx
352
- import { jsx as jsx71, jsxs as jsxs55 } from "react/jsx-runtime";
320
+ // src/tokens/svg/media/StopCircleIcon.tsx
321
+ import { jsx as jsx71, jsxs as jsxs54 } from "react/jsx-runtime";
353
322
 
354
- // src/tokens/svg/edit/AlignRightIcon.tsx
355
- import { jsx as jsx72, jsxs as jsxs56 } from "react/jsx-runtime";
323
+ // src/tokens/svg/media/VideoIcon.tsx
324
+ import { jsx as jsx72 } from "react/jsx-runtime";
356
325
 
357
- // src/tokens/svg/edit/BoldIcon.tsx
358
- import { jsx as jsx73 } from "react/jsx-runtime";
326
+ // src/tokens/svg/media/VideoOffIcon.tsx
327
+ import { jsx as jsx73, jsxs as jsxs55 } from "react/jsx-runtime";
359
328
 
360
- // src/tokens/svg/edit/ItalicIcon.tsx
361
- import { jsx as jsx74 } from "react/jsx-runtime";
329
+ // src/tokens/svg/media/Volume1Icon.tsx
330
+ import { jsx as jsx74, jsxs as jsxs56 } from "react/jsx-runtime";
362
331
 
363
- // src/tokens/svg/edit/PenToolIcon.tsx
332
+ // src/tokens/svg/media/Volume2Icon.tsx
364
333
  import { jsx as jsx75, jsxs as jsxs57 } from "react/jsx-runtime";
334
+ var Volume2Icon = () => /* @__PURE__ */ jsxs57(
335
+ "svg",
336
+ {
337
+ xmlns: "http://www.w3.org/2000/svg",
338
+ width: "1em",
339
+ height: "1em",
340
+ viewBox: "0 0 20 20",
341
+ fill: "none",
342
+ children: [
343
+ /* @__PURE__ */ jsx75("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" }),
344
+ /* @__PURE__ */ jsx75("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" }),
345
+ /* @__PURE__ */ jsx75("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" })
346
+ ]
347
+ }
348
+ );
349
+ var Volume2Icon_default = Volume2Icon;
365
350
 
366
- // src/tokens/svg/edit/TypeIcon.tsx
351
+ // src/tokens/svg/media/VolumeIcon.tsx
367
352
  import { jsx as jsx76 } from "react/jsx-runtime";
368
- var TypeIcon = () => /* @__PURE__ */ jsx76(
353
+ var VolumeIcon = () => /* @__PURE__ */ jsx76(
369
354
  "svg",
370
355
  {
371
356
  xmlns: "http://www.w3.org/2000/svg",
@@ -373,13 +358,28 @@ var TypeIcon = () => /* @__PURE__ */ jsx76(
373
358
  height: "1em",
374
359
  viewBox: "0 0 20 20",
375
360
  fill: "none",
376
- children: /* @__PURE__ */ jsx76("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" })
361
+ children: /* @__PURE__ */ jsx76("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" })
377
362
  }
378
363
  );
379
- var TypeIcon_default = TypeIcon;
364
+ var VolumeIcon_default = VolumeIcon;
380
365
 
381
- // src/tokens/svg/edit/UnderlineIcon.tsx
366
+ // src/tokens/svg/media/VolumeXIcon.tsx
382
367
  import { jsx as jsx77, jsxs as jsxs58 } from "react/jsx-runtime";
368
+ var VolumeXIcon = () => /* @__PURE__ */ jsxs58(
369
+ "svg",
370
+ {
371
+ xmlns: "http://www.w3.org/2000/svg",
372
+ width: "1em",
373
+ height: "1em",
374
+ viewBox: "0 0 20 20",
375
+ fill: "none",
376
+ children: [
377
+ /* @__PURE__ */ jsx77("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" }),
378
+ /* @__PURE__ */ jsx77("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" })
379
+ ]
380
+ }
381
+ );
382
+ var VolumeXIcon_default = VolumeXIcon;
383
383
 
384
384
  // ../../node_modules/clsx/dist/clsx.mjs
385
385
  function r(e) {