@nice2dev/icons-filetypes 1.0.19

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.
package/dist/index.mjs ADDED
@@ -0,0 +1,2956 @@
1
+ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ const FILETYPE_CATEGORIES = [
4
+ {
5
+ name: "Documents",
6
+ icons: [
7
+ "doc",
8
+ "docx",
9
+ "xls",
10
+ "xlsx",
11
+ "ppt",
12
+ "pptx",
13
+ "pdf",
14
+ "txt",
15
+ "rtf",
16
+ "odt",
17
+ "ods",
18
+ "odp",
19
+ "csv",
20
+ "pages",
21
+ "numbers",
22
+ "keynote"
23
+ ],
24
+ description: "Office documents and text files"
25
+ },
26
+ {
27
+ name: "Adobe",
28
+ icons: ["psd", "ai", "indd", "xd", "ae", "pr", "lr", "br", "dw", "an", "au", "fl"],
29
+ description: "Adobe Creative Cloud formats"
30
+ },
31
+ {
32
+ name: "Video",
33
+ icons: [
34
+ "mp4",
35
+ "avi",
36
+ "mkv",
37
+ "mov",
38
+ "webm",
39
+ "wmv",
40
+ "flv",
41
+ "m4v",
42
+ "mpg",
43
+ "mpeg",
44
+ "3gp",
45
+ "ts",
46
+ "vob"
47
+ ],
48
+ description: "Video file formats"
49
+ },
50
+ {
51
+ name: "Audio",
52
+ icons: ["mp3", "wav", "flac", "ogg", "aac", "m4a", "wma", "aiff", "mid", "midi"],
53
+ description: "Audio file formats"
54
+ },
55
+ {
56
+ name: "Images",
57
+ icons: [
58
+ "jpg",
59
+ "jpeg",
60
+ "png",
61
+ "gif",
62
+ "svg",
63
+ "webp",
64
+ "bmp",
65
+ "tiff",
66
+ "ico",
67
+ "raw",
68
+ "cr2",
69
+ "nef",
70
+ "heic",
71
+ "heif",
72
+ "avif",
73
+ "eps"
74
+ ],
75
+ description: "Image and photo formats"
76
+ },
77
+ {
78
+ name: "Code",
79
+ icons: [
80
+ "js",
81
+ "ts",
82
+ "jsx",
83
+ "tsx",
84
+ "py",
85
+ "java",
86
+ "cs",
87
+ "cpp",
88
+ "c",
89
+ "h",
90
+ "go",
91
+ "rs",
92
+ "rb",
93
+ "php",
94
+ "swift",
95
+ "kt",
96
+ "scala",
97
+ "r",
98
+ "sql",
99
+ "html",
100
+ "css",
101
+ "scss",
102
+ "less",
103
+ "json",
104
+ "xml",
105
+ "yaml",
106
+ "yml",
107
+ "toml",
108
+ "md",
109
+ "vue",
110
+ "svelte",
111
+ "dart",
112
+ "lua",
113
+ "sh",
114
+ "bash",
115
+ "ps1",
116
+ "bat"
117
+ ],
118
+ description: "Programming and markup files"
119
+ },
120
+ {
121
+ name: "Archives",
122
+ icons: ["zip", "rar", "7z", "tar", "gz", "bz2", "xz", "iso", "dmg", "pkg"],
123
+ description: "Compressed archives"
124
+ },
125
+ {
126
+ name: "Fonts",
127
+ icons: ["ttf", "otf", "woff", "woff2", "eot"],
128
+ description: "Font files"
129
+ },
130
+ {
131
+ name: "Databases",
132
+ icons: ["sql", "db", "sqlite", "mdb", "accdb"],
133
+ description: "Database files"
134
+ },
135
+ {
136
+ name: "3D Models",
137
+ icons: ["obj", "fbx", "gltf", "glb", "stl", "blend", "max", "maya", "c4d"],
138
+ description: "3D model formats"
139
+ },
140
+ {
141
+ name: "CAD",
142
+ icons: ["dwg", "dxf", "step", "iges", "sldprt", "catpart"],
143
+ description: "CAD and engineering files"
144
+ }
145
+ ];
146
+ const EXTENSION_COLORS = {
147
+ // Microsoft Office
148
+ doc: "#2B579A",
149
+ docx: "#2B579A",
150
+ xls: "#217346",
151
+ xlsx: "#217346",
152
+ ppt: "#D24726",
153
+ pptx: "#D24726",
154
+ // Adobe
155
+ psd: "#31A8FF",
156
+ ai: "#FF9A00",
157
+ indd: "#FF3366",
158
+ xd: "#FF61F6",
159
+ ae: "#9999FF",
160
+ pr: "#9999FF",
161
+ lr: "#31A8FF",
162
+ // Google
163
+ pdf: "#EA4335",
164
+ // Code - Languages
165
+ js: "#F7DF1E",
166
+ ts: "#3178C6",
167
+ jsx: "#61DAFB",
168
+ tsx: "#61DAFB",
169
+ py: "#3776AB",
170
+ java: "#E76F00",
171
+ cs: "#512BD4",
172
+ cpp: "#00599C",
173
+ go: "#00ADD8",
174
+ rs: "#DEA584",
175
+ rb: "#CC342D",
176
+ php: "#777BB4",
177
+ swift: "#FA7343",
178
+ kt: "#7F52FF",
179
+ dart: "#00B4AB",
180
+ // Web
181
+ html: "#E34F26",
182
+ css: "#1572B6",
183
+ scss: "#CD6799",
184
+ vue: "#4FC08D",
185
+ svelte: "#FF3E00",
186
+ // Data
187
+ json: "#000000",
188
+ xml: "#F39C12",
189
+ yaml: "#CB171E",
190
+ md: "#083FA1",
191
+ // Archives
192
+ zip: "#E8A317",
193
+ rar: "#6B3FA0",
194
+ "7z": "#41A13E",
195
+ tar: "#1D1D1D",
196
+ // Media
197
+ mp4: "#8E44AD",
198
+ mp3: "#1DB954",
199
+ jpg: "#00A98F",
200
+ png: "#3498DB",
201
+ gif: "#9B59B6",
202
+ svg: "#FFB13B",
203
+ // 3D
204
+ blend: "#EA7600",
205
+ fbx: "#2C8FFF",
206
+ gltf: "#5C9EAD",
207
+ stl: "#009E73",
208
+ // CAD
209
+ dwg: "#E51937",
210
+ step: "#2980B9"
211
+ };
212
+ function getExtensionColor(extension) {
213
+ return EXTENSION_COLORS[extension.toLowerCase()] || "#6B7280";
214
+ }
215
+ function createFiletypeIcon(renderContent, options) {
216
+ const { displayName, extension, defaultExtensionColor } = options;
217
+ const Icon = forwardRef(
218
+ ({
219
+ size = 24,
220
+ color = "currentColor",
221
+ extensionColor,
222
+ variant = "colored",
223
+ title,
224
+ className = "",
225
+ style,
226
+ ...svgProps
227
+ }, ref) => {
228
+ const effectiveExtensionColor = extensionColor || defaultExtensionColor || (extension ? getExtensionColor(extension) : color);
229
+ return /* @__PURE__ */ jsxs(
230
+ "svg",
231
+ {
232
+ ref,
233
+ xmlns: "http://www.w3.org/2000/svg",
234
+ width: size,
235
+ height: size,
236
+ viewBox: "0 0 24 24",
237
+ fill: "none",
238
+ className: `nice-filetype-icon ${className}`.trim(),
239
+ style,
240
+ role: "img",
241
+ "aria-label": title || `${(extension == null ? void 0 : extension.toUpperCase()) || displayName} file icon`,
242
+ ...svgProps,
243
+ children: [
244
+ title && /* @__PURE__ */ jsx("title", { children: title }),
245
+ renderContent({ size, color, extensionColor: effectiveExtensionColor, variant })
246
+ ]
247
+ }
248
+ );
249
+ }
250
+ );
251
+ Icon.displayName = displayName;
252
+ return Icon;
253
+ }
254
+ function renderFileBase(color, variant, fillColor) {
255
+ const fill = variant === "filled" || variant === "colored" ? fillColor || "#F3F4F6" : "none";
256
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
257
+ /* @__PURE__ */ jsx(
258
+ "path",
259
+ {
260
+ d: "M14 2H6C4.9 2 4 2.9 4 4v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z",
261
+ fill,
262
+ stroke: color,
263
+ strokeWidth: "1.5",
264
+ strokeLinecap: "round",
265
+ strokeLinejoin: "round"
266
+ }
267
+ ),
268
+ /* @__PURE__ */ jsx(
269
+ "path",
270
+ {
271
+ d: "M14 2v6h6",
272
+ fill: "none",
273
+ stroke: color,
274
+ strokeWidth: "1.5",
275
+ strokeLinecap: "round",
276
+ strokeLinejoin: "round"
277
+ }
278
+ )
279
+ ] });
280
+ }
281
+ function renderExtensionBadge(extension, extensionColor, textColor = "#FFFFFF") {
282
+ const ext = extension.toUpperCase().slice(0, 4);
283
+ const fontSize = ext.length > 3 ? 5 : ext.length > 2 ? 6 : 7;
284
+ return /* @__PURE__ */ jsxs("g", { children: [
285
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "13", width: "12", height: "7", rx: "1", fill: extensionColor }),
286
+ /* @__PURE__ */ jsx(
287
+ "text",
288
+ {
289
+ x: "9",
290
+ y: "17.5",
291
+ fontSize,
292
+ fontWeight: "bold",
293
+ fontFamily: "system-ui, sans-serif",
294
+ fill: textColor,
295
+ textAnchor: "middle",
296
+ dominantBaseline: "middle",
297
+ children: ext
298
+ }
299
+ )
300
+ ] });
301
+ }
302
+ function renderDocumentLines(color, count = 3) {
303
+ const lines = [];
304
+ const startY = 12;
305
+ const spacing = 2;
306
+ for (let i = 0; i < count; i++) {
307
+ lines.push(
308
+ /* @__PURE__ */ jsx(
309
+ "line",
310
+ {
311
+ x1: "8",
312
+ y1: startY + i * spacing,
313
+ x2: 16 - (i === count - 1 ? 4 : 0),
314
+ y2: startY + i * spacing,
315
+ stroke: color,
316
+ strokeWidth: "1",
317
+ strokeLinecap: "round",
318
+ opacity: "0.5"
319
+ },
320
+ i
321
+ )
322
+ );
323
+ }
324
+ return /* @__PURE__ */ jsx(Fragment, { children: lines });
325
+ }
326
+ function renderPlaySymbol(color) {
327
+ return /* @__PURE__ */ jsx(
328
+ "path",
329
+ {
330
+ d: "M10 9l5 3-5 3V9z",
331
+ fill: color,
332
+ stroke: color,
333
+ strokeWidth: "1",
334
+ strokeLinecap: "round",
335
+ strokeLinejoin: "round"
336
+ }
337
+ );
338
+ }
339
+ function renderMusicNote(color) {
340
+ return /* @__PURE__ */ jsxs("g", { children: [
341
+ /* @__PURE__ */ jsx("circle", { cx: "10", cy: "16", r: "2", fill: color }),
342
+ /* @__PURE__ */ jsx("path", { d: "M12 16V10", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" }),
343
+ /* @__PURE__ */ jsx(
344
+ "path",
345
+ {
346
+ d: "M12 10l3-1v3",
347
+ stroke: color,
348
+ strokeWidth: "1.5",
349
+ fill: "none",
350
+ strokeLinecap: "round",
351
+ strokeLinejoin: "round"
352
+ }
353
+ )
354
+ ] });
355
+ }
356
+ function renderImageSymbol(color) {
357
+ return /* @__PURE__ */ jsxs("g", { children: [
358
+ /* @__PURE__ */ jsx("circle", { cx: "10", cy: "11", r: "1.5", fill: color }),
359
+ /* @__PURE__ */ jsx("path", { d: "M8 17l2.5-3 2 2 3-4 2.5 5H8z", fill: color, opacity: "0.7" })
360
+ ] });
361
+ }
362
+ function renderCodeSymbol(color) {
363
+ return /* @__PURE__ */ jsxs("g", { children: [
364
+ /* @__PURE__ */ jsx(
365
+ "path",
366
+ {
367
+ d: "M10 11l-2 2 2 2",
368
+ stroke: color,
369
+ strokeWidth: "1.5",
370
+ fill: "none",
371
+ strokeLinecap: "round",
372
+ strokeLinejoin: "round"
373
+ }
374
+ ),
375
+ /* @__PURE__ */ jsx(
376
+ "path",
377
+ {
378
+ d: "M14 11l2 2-2 2",
379
+ stroke: color,
380
+ strokeWidth: "1.5",
381
+ fill: "none",
382
+ strokeLinecap: "round",
383
+ strokeLinejoin: "round"
384
+ }
385
+ )
386
+ ] });
387
+ }
388
+ function renderArchiveSymbol(color) {
389
+ return /* @__PURE__ */ jsxs("g", { children: [
390
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "10", width: "2", height: "2", fill: color }),
391
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "13", width: "2", height: "2", fill: color }),
392
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "16", width: "2", height: "2", fill: color })
393
+ ] });
394
+ }
395
+ function render3DSymbol(color) {
396
+ return /* @__PURE__ */ jsxs("g", { children: [
397
+ /* @__PURE__ */ jsx(
398
+ "path",
399
+ {
400
+ d: "M12 10l4 2v4l-4 2-4-2v-4l4-2z",
401
+ fill: "none",
402
+ stroke: color,
403
+ strokeWidth: "1.5",
404
+ strokeLinejoin: "round"
405
+ }
406
+ ),
407
+ /* @__PURE__ */ jsx("path", { d: "M12 10v8M8 12l4 2 4-2", stroke: color, strokeWidth: "1", strokeLinecap: "round" })
408
+ ] });
409
+ }
410
+ function renderFontSymbol(color) {
411
+ return /* @__PURE__ */ jsx(
412
+ "text",
413
+ {
414
+ x: "12",
415
+ y: "16",
416
+ fontSize: "8",
417
+ fontWeight: "bold",
418
+ fontFamily: "serif",
419
+ fill: color,
420
+ textAnchor: "middle",
421
+ dominantBaseline: "middle",
422
+ children: "A"
423
+ }
424
+ );
425
+ }
426
+ function renderDatabaseSymbol(color) {
427
+ return /* @__PURE__ */ jsxs("g", { children: [
428
+ /* @__PURE__ */ jsx("ellipse", { cx: "12", cy: "11", rx: "4", ry: "1.5", fill: "none", stroke: color, strokeWidth: "1.5" }),
429
+ /* @__PURE__ */ jsx(
430
+ "path",
431
+ {
432
+ d: "M8 11v5c0 .83 1.79 1.5 4 1.5s4-.67 4-1.5v-5",
433
+ fill: "none",
434
+ stroke: color,
435
+ strokeWidth: "1.5"
436
+ }
437
+ ),
438
+ /* @__PURE__ */ jsx(
439
+ "path",
440
+ {
441
+ d: "M8 14c0 .83 1.79 1.5 4 1.5s4-.67 4-1.5",
442
+ fill: "none",
443
+ stroke: color,
444
+ strokeWidth: "1",
445
+ opacity: "0.5"
446
+ }
447
+ )
448
+ ] });
449
+ }
450
+ const DocIcon = createFiletypeIcon(
451
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
452
+ renderFileBase(color, variant),
453
+ renderDocumentLines(variant === "filled" ? "#fff" : color),
454
+ variant === "colored" && renderExtensionBadge("DOC", extensionColor)
455
+ ] }),
456
+ { displayName: "DocIcon", extension: "doc", defaultExtensionColor: "#2B579A" }
457
+ );
458
+ const DocxIcon = createFiletypeIcon(
459
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
460
+ renderFileBase(color, variant),
461
+ renderDocumentLines(variant === "filled" ? "#fff" : color),
462
+ variant === "colored" && renderExtensionBadge("DOCX", extensionColor)
463
+ ] }),
464
+ { displayName: "DocxIcon", extension: "docx", defaultExtensionColor: "#2B579A" }
465
+ );
466
+ const XlsIcon = createFiletypeIcon(
467
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
468
+ renderFileBase(color, variant),
469
+ /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
470
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
471
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
472
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
473
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color })
474
+ ] }),
475
+ variant === "colored" && renderExtensionBadge("XLS", extensionColor)
476
+ ] }),
477
+ { displayName: "XlsIcon", extension: "xls", defaultExtensionColor: "#217346" }
478
+ );
479
+ const XlsxIcon = createFiletypeIcon(
480
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
481
+ renderFileBase(color, variant),
482
+ /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
483
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
484
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
485
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
486
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color })
487
+ ] }),
488
+ variant === "colored" && renderExtensionBadge("XLSX", extensionColor)
489
+ ] }),
490
+ { displayName: "XlsxIcon", extension: "xlsx", defaultExtensionColor: "#217346" }
491
+ );
492
+ const PptIcon = createFiletypeIcon(
493
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
494
+ renderFileBase(color, variant),
495
+ /* @__PURE__ */ jsx(
496
+ "rect",
497
+ {
498
+ x: "8",
499
+ y: "10",
500
+ width: "8",
501
+ height: "6",
502
+ rx: "1",
503
+ fill: variant === "filled" ? "#fff" : "none",
504
+ stroke: variant === "filled" ? "#fff" : color,
505
+ strokeWidth: "1",
506
+ opacity: "0.7"
507
+ }
508
+ ),
509
+ variant === "colored" && renderExtensionBadge("PPT", extensionColor)
510
+ ] }),
511
+ { displayName: "PptIcon", extension: "ppt", defaultExtensionColor: "#D24726" }
512
+ );
513
+ const PptxIcon = createFiletypeIcon(
514
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
515
+ renderFileBase(color, variant),
516
+ /* @__PURE__ */ jsx(
517
+ "rect",
518
+ {
519
+ x: "8",
520
+ y: "10",
521
+ width: "8",
522
+ height: "6",
523
+ rx: "1",
524
+ fill: variant === "filled" ? "#fff" : "none",
525
+ stroke: variant === "filled" ? "#fff" : color,
526
+ strokeWidth: "1",
527
+ opacity: "0.7"
528
+ }
529
+ ),
530
+ variant === "colored" && renderExtensionBadge("PPTX", extensionColor)
531
+ ] }),
532
+ { displayName: "PptxIcon", extension: "pptx", defaultExtensionColor: "#D24726" }
533
+ );
534
+ const PdfIcon = createFiletypeIcon(
535
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
536
+ renderFileBase(color, variant, variant === "colored" ? "#FDE8E8" : void 0),
537
+ renderDocumentLines(variant === "filled" ? "#fff" : color),
538
+ variant === "colored" && renderExtensionBadge("PDF", extensionColor)
539
+ ] }),
540
+ { displayName: "PdfIcon", extension: "pdf", defaultExtensionColor: "#EA4335" }
541
+ );
542
+ const TxtIcon = createFiletypeIcon(
543
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
544
+ renderFileBase(color, variant),
545
+ renderDocumentLines(variant === "filled" ? "#fff" : color, 4),
546
+ variant === "colored" && renderExtensionBadge("TXT", extensionColor)
547
+ ] }),
548
+ { displayName: "TxtIcon", extension: "txt", defaultExtensionColor: "#6B7280" }
549
+ );
550
+ const RtfIcon = createFiletypeIcon(
551
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
552
+ renderFileBase(color, variant),
553
+ renderDocumentLines(variant === "filled" ? "#fff" : color),
554
+ variant === "colored" && renderExtensionBadge("RTF", extensionColor)
555
+ ] }),
556
+ { displayName: "RtfIcon", extension: "rtf", defaultExtensionColor: "#6B7280" }
557
+ );
558
+ const CsvIcon = createFiletypeIcon(
559
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
560
+ renderFileBase(color, variant),
561
+ /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
562
+ /* @__PURE__ */ jsx(
563
+ "line",
564
+ {
565
+ x1: "7",
566
+ y1: "10",
567
+ x2: "17",
568
+ y2: "10",
569
+ stroke: variant === "filled" ? "#fff" : color,
570
+ strokeWidth: "1"
571
+ }
572
+ ),
573
+ /* @__PURE__ */ jsx(
574
+ "line",
575
+ {
576
+ x1: "7",
577
+ y1: "13",
578
+ x2: "17",
579
+ y2: "13",
580
+ stroke: variant === "filled" ? "#fff" : color,
581
+ strokeWidth: "1"
582
+ }
583
+ ),
584
+ /* @__PURE__ */ jsx(
585
+ "line",
586
+ {
587
+ x1: "7",
588
+ y1: "16",
589
+ x2: "17",
590
+ y2: "16",
591
+ stroke: variant === "filled" ? "#fff" : color,
592
+ strokeWidth: "1"
593
+ }
594
+ ),
595
+ /* @__PURE__ */ jsx(
596
+ "line",
597
+ {
598
+ x1: "10",
599
+ y1: "10",
600
+ x2: "10",
601
+ y2: "16",
602
+ stroke: variant === "filled" ? "#fff" : color,
603
+ strokeWidth: "1"
604
+ }
605
+ ),
606
+ /* @__PURE__ */ jsx(
607
+ "line",
608
+ {
609
+ x1: "14",
610
+ y1: "10",
611
+ x2: "14",
612
+ y2: "16",
613
+ stroke: variant === "filled" ? "#fff" : color,
614
+ strokeWidth: "1"
615
+ }
616
+ )
617
+ ] }),
618
+ variant === "colored" && renderExtensionBadge("CSV", extensionColor)
619
+ ] }),
620
+ { displayName: "CsvIcon", extension: "csv", defaultExtensionColor: "#217346" }
621
+ );
622
+ const OdtIcon = createFiletypeIcon(
623
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
624
+ renderFileBase(color, variant),
625
+ renderDocumentLines(variant === "filled" ? "#fff" : color),
626
+ variant === "colored" && renderExtensionBadge("ODT", extensionColor)
627
+ ] }),
628
+ { displayName: "OdtIcon", extension: "odt", defaultExtensionColor: "#1976D2" }
629
+ );
630
+ const OdsIcon = createFiletypeIcon(
631
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
632
+ renderFileBase(color, variant),
633
+ /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
634
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
635
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
636
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
637
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color })
638
+ ] }),
639
+ variant === "colored" && renderExtensionBadge("ODS", extensionColor)
640
+ ] }),
641
+ { displayName: "OdsIcon", extension: "ods", defaultExtensionColor: "#388E3C" }
642
+ );
643
+ const OdpIcon = createFiletypeIcon(
644
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
645
+ renderFileBase(color, variant),
646
+ /* @__PURE__ */ jsx(
647
+ "rect",
648
+ {
649
+ x: "8",
650
+ y: "10",
651
+ width: "8",
652
+ height: "6",
653
+ rx: "1",
654
+ fill: variant === "filled" ? "#fff" : "none",
655
+ stroke: variant === "filled" ? "#fff" : color,
656
+ strokeWidth: "1",
657
+ opacity: "0.7"
658
+ }
659
+ ),
660
+ variant === "colored" && renderExtensionBadge("ODP", extensionColor)
661
+ ] }),
662
+ { displayName: "OdpIcon", extension: "odp", defaultExtensionColor: "#E64A19" }
663
+ );
664
+ const PagesIcon = createFiletypeIcon(
665
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
666
+ renderFileBase(color, variant, variant === "colored" ? "#FFE4CC" : void 0),
667
+ renderDocumentLines(variant === "filled" ? "#fff" : color),
668
+ variant === "colored" && renderExtensionBadge("PAGES", extensionColor)
669
+ ] }),
670
+ { displayName: "PagesIcon", extension: "pages", defaultExtensionColor: "#FF9500" }
671
+ );
672
+ const NumbersIcon = createFiletypeIcon(
673
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
674
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
675
+ /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
676
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
677
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "10", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
678
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color }),
679
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "13", width: "3", height: "2", fill: variant === "filled" ? "#fff" : color })
680
+ ] }),
681
+ variant === "colored" && renderExtensionBadge("NUM", extensionColor)
682
+ ] }),
683
+ { displayName: "NumbersIcon", extension: "numbers", defaultExtensionColor: "#34C759" }
684
+ );
685
+ const KeynoteIcon = createFiletypeIcon(
686
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
687
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
688
+ /* @__PURE__ */ jsx(
689
+ "rect",
690
+ {
691
+ x: "8",
692
+ y: "10",
693
+ width: "8",
694
+ height: "6",
695
+ rx: "1",
696
+ fill: variant === "filled" ? "#fff" : "none",
697
+ stroke: variant === "filled" ? "#fff" : color,
698
+ strokeWidth: "1",
699
+ opacity: "0.7"
700
+ }
701
+ ),
702
+ variant === "colored" && renderExtensionBadge("KEY", extensionColor)
703
+ ] }),
704
+ { displayName: "KeynoteIcon", extension: "keynote", defaultExtensionColor: "#007AFF" }
705
+ );
706
+ const Mp4Icon = createFiletypeIcon(
707
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
708
+ renderFileBase(color, variant, variant === "colored" ? "#F3E5F5" : void 0),
709
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
710
+ variant === "colored" && renderExtensionBadge("MP4", extensionColor)
711
+ ] }),
712
+ { displayName: "Mp4Icon", extension: "mp4", defaultExtensionColor: "#8E44AD" }
713
+ );
714
+ const AviIcon = createFiletypeIcon(
715
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
716
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
717
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
718
+ variant === "colored" && renderExtensionBadge("AVI", extensionColor)
719
+ ] }),
720
+ { displayName: "AviIcon", extension: "avi", defaultExtensionColor: "#1565C0" }
721
+ );
722
+ const MkvIcon = createFiletypeIcon(
723
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
724
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
725
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
726
+ variant === "colored" && renderExtensionBadge("MKV", extensionColor)
727
+ ] }),
728
+ { displayName: "MkvIcon", extension: "mkv", defaultExtensionColor: "#2E7D32" }
729
+ );
730
+ const MovIcon = createFiletypeIcon(
731
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
732
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
733
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
734
+ variant === "colored" && renderExtensionBadge("MOV", extensionColor)
735
+ ] }),
736
+ { displayName: "MovIcon", extension: "mov", defaultExtensionColor: "#00897B" }
737
+ );
738
+ const WebmIcon = createFiletypeIcon(
739
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
740
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
741
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
742
+ variant === "colored" && renderExtensionBadge("WEBM", extensionColor)
743
+ ] }),
744
+ { displayName: "WebmIcon", extension: "webm", defaultExtensionColor: "#EF6C00" }
745
+ );
746
+ const WmvIcon = createFiletypeIcon(
747
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
748
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
749
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
750
+ variant === "colored" && renderExtensionBadge("WMV", extensionColor)
751
+ ] }),
752
+ { displayName: "WmvIcon", extension: "wmv", defaultExtensionColor: "#0078D7" }
753
+ );
754
+ const FlvIcon = createFiletypeIcon(
755
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
756
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
757
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
758
+ variant === "colored" && renderExtensionBadge("FLV", extensionColor)
759
+ ] }),
760
+ { displayName: "FlvIcon", extension: "flv", defaultExtensionColor: "#C62828" }
761
+ );
762
+ const M4vIcon = createFiletypeIcon(
763
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
764
+ renderFileBase(color, variant, variant === "colored" ? "#F3E5F5" : void 0),
765
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
766
+ variant === "colored" && renderExtensionBadge("M4V", extensionColor)
767
+ ] }),
768
+ { displayName: "M4vIcon", extension: "m4v", defaultExtensionColor: "#7B1FA2" }
769
+ );
770
+ const MpgIcon = createFiletypeIcon(
771
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
772
+ renderFileBase(color, variant, variant === "colored" ? "#E8EAF6" : void 0),
773
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
774
+ variant === "colored" && renderExtensionBadge("MPG", extensionColor)
775
+ ] }),
776
+ { displayName: "MpgIcon", extension: "mpg", defaultExtensionColor: "#3F51B5" }
777
+ );
778
+ const MpegIcon = createFiletypeIcon(
779
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
780
+ renderFileBase(color, variant, variant === "colored" ? "#E8EAF6" : void 0),
781
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
782
+ variant === "colored" && renderExtensionBadge("MPEG", extensionColor)
783
+ ] }),
784
+ { displayName: "MpegIcon", extension: "mpeg", defaultExtensionColor: "#3F51B5" }
785
+ );
786
+ const ThreeGpIcon = createFiletypeIcon(
787
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
788
+ renderFileBase(color, variant, variant === "colored" ? "#FCE4EC" : void 0),
789
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
790
+ variant === "colored" && renderExtensionBadge("3GP", extensionColor)
791
+ ] }),
792
+ { displayName: "ThreeGpIcon", extension: "3gp", defaultExtensionColor: "#AD1457" }
793
+ );
794
+ const TsIcon = createFiletypeIcon(
795
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
796
+ renderFileBase(color, variant, variant === "colored" ? "#E1F5FE" : void 0),
797
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
798
+ variant === "colored" && renderExtensionBadge("TS", extensionColor)
799
+ ] }),
800
+ { displayName: "TsVideoIcon", extension: "ts", defaultExtensionColor: "#0288D1" }
801
+ );
802
+ const VobIcon = createFiletypeIcon(
803
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
804
+ renderFileBase(color, variant, variant === "colored" ? "#FFF8E1" : void 0),
805
+ renderPlaySymbol(variant === "filled" ? "#fff" : color),
806
+ variant === "colored" && renderExtensionBadge("VOB", extensionColor)
807
+ ] }),
808
+ { displayName: "VobIcon", extension: "vob", defaultExtensionColor: "#FFA000" }
809
+ );
810
+ const Mp3Icon = createFiletypeIcon(
811
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
812
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
813
+ renderMusicNote(variant === "filled" ? "#fff" : color),
814
+ variant === "colored" && renderExtensionBadge("MP3", extensionColor)
815
+ ] }),
816
+ { displayName: "Mp3Icon", extension: "mp3", defaultExtensionColor: "#1DB954" }
817
+ );
818
+ const WavIcon = createFiletypeIcon(
819
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
820
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
821
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
822
+ /* @__PURE__ */ jsx(
823
+ "line",
824
+ {
825
+ x1: "8",
826
+ y1: "13",
827
+ x2: "8",
828
+ y2: "15",
829
+ stroke: variant === "filled" ? "#fff" : color,
830
+ strokeWidth: "1.5",
831
+ strokeLinecap: "round"
832
+ }
833
+ ),
834
+ /* @__PURE__ */ jsx(
835
+ "line",
836
+ {
837
+ x1: "10",
838
+ y1: "11",
839
+ x2: "10",
840
+ y2: "17",
841
+ stroke: variant === "filled" ? "#fff" : color,
842
+ strokeWidth: "1.5",
843
+ strokeLinecap: "round"
844
+ }
845
+ ),
846
+ /* @__PURE__ */ jsx(
847
+ "line",
848
+ {
849
+ x1: "12",
850
+ y1: "12",
851
+ x2: "12",
852
+ y2: "16",
853
+ stroke: variant === "filled" ? "#fff" : color,
854
+ strokeWidth: "1.5",
855
+ strokeLinecap: "round"
856
+ }
857
+ ),
858
+ /* @__PURE__ */ jsx(
859
+ "line",
860
+ {
861
+ x1: "14",
862
+ y1: "10",
863
+ x2: "14",
864
+ y2: "18",
865
+ stroke: variant === "filled" ? "#fff" : color,
866
+ strokeWidth: "1.5",
867
+ strokeLinecap: "round"
868
+ }
869
+ ),
870
+ /* @__PURE__ */ jsx(
871
+ "line",
872
+ {
873
+ x1: "16",
874
+ y1: "13",
875
+ x2: "16",
876
+ y2: "15",
877
+ stroke: variant === "filled" ? "#fff" : color,
878
+ strokeWidth: "1.5",
879
+ strokeLinecap: "round"
880
+ }
881
+ )
882
+ ] }),
883
+ variant === "colored" && renderExtensionBadge("WAV", extensionColor)
884
+ ] }),
885
+ { displayName: "WavIcon", extension: "wav", defaultExtensionColor: "#1565C0" }
886
+ );
887
+ const FlacIcon = createFiletypeIcon(
888
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
889
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
890
+ renderMusicNote(variant === "filled" ? "#fff" : color),
891
+ variant === "colored" && renderExtensionBadge("FLAC", extensionColor)
892
+ ] }),
893
+ { displayName: "FlacIcon", extension: "flac", defaultExtensionColor: "#E65100" }
894
+ );
895
+ const OggIcon = createFiletypeIcon(
896
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
897
+ renderFileBase(color, variant, variant === "colored" ? "#F3E5F5" : void 0),
898
+ renderMusicNote(variant === "filled" ? "#fff" : color),
899
+ variant === "colored" && renderExtensionBadge("OGG", extensionColor)
900
+ ] }),
901
+ { displayName: "OggIcon", extension: "ogg", defaultExtensionColor: "#7B1FA2" }
902
+ );
903
+ const AacIcon = createFiletypeIcon(
904
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
905
+ renderFileBase(color, variant, variant === "colored" ? "#FCE4EC" : void 0),
906
+ renderMusicNote(variant === "filled" ? "#fff" : color),
907
+ variant === "colored" && renderExtensionBadge("AAC", extensionColor)
908
+ ] }),
909
+ { displayName: "AacIcon", extension: "aac", defaultExtensionColor: "#C2185B" }
910
+ );
911
+ const M4aIcon = createFiletypeIcon(
912
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
913
+ renderFileBase(color, variant, variant === "colored" ? "#E8EAF6" : void 0),
914
+ renderMusicNote(variant === "filled" ? "#fff" : color),
915
+ variant === "colored" && renderExtensionBadge("M4A", extensionColor)
916
+ ] }),
917
+ { displayName: "M4aIcon", extension: "m4a", defaultExtensionColor: "#5C6BC0" }
918
+ );
919
+ const WmaIcon = createFiletypeIcon(
920
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
921
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
922
+ renderMusicNote(variant === "filled" ? "#fff" : color),
923
+ variant === "colored" && renderExtensionBadge("WMA", extensionColor)
924
+ ] }),
925
+ { displayName: "WmaIcon", extension: "wma", defaultExtensionColor: "#0078D7" }
926
+ );
927
+ const AiffIcon = createFiletypeIcon(
928
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
929
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
930
+ renderMusicNote(variant === "filled" ? "#fff" : color),
931
+ variant === "colored" && renderExtensionBadge("AIFF", extensionColor)
932
+ ] }),
933
+ { displayName: "AiffIcon", extension: "aiff", defaultExtensionColor: "#00796B" }
934
+ );
935
+ const MidIcon = createFiletypeIcon(
936
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
937
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
938
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
939
+ /* @__PURE__ */ jsx("rect", { x: "8", y: "11", width: "2", height: "6", fill: variant === "filled" ? "#fff" : color }),
940
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "11", width: "2", height: "6", fill: variant === "filled" ? "#fff" : color }),
941
+ /* @__PURE__ */ jsx("rect", { x: "14", y: "11", width: "2", height: "6", fill: variant === "filled" ? "#fff" : color }),
942
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "11", width: "1", height: "4", fill: variant === "filled" ? "#666" : "#333" }),
943
+ /* @__PURE__ */ jsx("rect", { x: "12", y: "11", width: "1", height: "4", fill: variant === "filled" ? "#666" : "#333" })
944
+ ] }),
945
+ variant === "colored" && renderExtensionBadge("MID", extensionColor)
946
+ ] }),
947
+ { displayName: "MidIcon", extension: "mid", defaultExtensionColor: "#455A64" }
948
+ );
949
+ const MidiIcon = createFiletypeIcon(
950
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
951
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
952
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
953
+ /* @__PURE__ */ jsx("rect", { x: "8", y: "11", width: "2", height: "6", fill: variant === "filled" ? "#fff" : color }),
954
+ /* @__PURE__ */ jsx("rect", { x: "11", y: "11", width: "2", height: "6", fill: variant === "filled" ? "#fff" : color }),
955
+ /* @__PURE__ */ jsx("rect", { x: "14", y: "11", width: "2", height: "6", fill: variant === "filled" ? "#fff" : color }),
956
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "11", width: "1", height: "4", fill: variant === "filled" ? "#666" : "#333" }),
957
+ /* @__PURE__ */ jsx("rect", { x: "12", y: "11", width: "1", height: "4", fill: variant === "filled" ? "#666" : "#333" })
958
+ ] }),
959
+ variant === "colored" && renderExtensionBadge("MIDI", extensionColor)
960
+ ] }),
961
+ { displayName: "MidiIcon", extension: "midi", defaultExtensionColor: "#455A64" }
962
+ );
963
+ const JpgIcon = createFiletypeIcon(
964
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
965
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
966
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
967
+ variant === "colored" && renderExtensionBadge("JPG", extensionColor)
968
+ ] }),
969
+ { displayName: "JpgIcon", extension: "jpg", defaultExtensionColor: "#00A98F" }
970
+ );
971
+ const JpegIcon = createFiletypeIcon(
972
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
973
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
974
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
975
+ variant === "colored" && renderExtensionBadge("JPEG", extensionColor)
976
+ ] }),
977
+ { displayName: "JpegIcon", extension: "jpeg", defaultExtensionColor: "#00A98F" }
978
+ );
979
+ const PngIcon = createFiletypeIcon(
980
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
981
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
982
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
983
+ /* @__PURE__ */ jsxs("g", { opacity: "0.3", children: [
984
+ /* @__PURE__ */ jsx("rect", { x: "7", y: "16", width: "2", height: "2", fill: variant === "filled" ? "#fff" : color }),
985
+ /* @__PURE__ */ jsx("rect", { x: "9", y: "18", width: "2", height: "2", fill: variant === "filled" ? "#fff" : color })
986
+ ] }),
987
+ variant === "colored" && renderExtensionBadge("PNG", extensionColor)
988
+ ] }),
989
+ { displayName: "PngIcon", extension: "png", defaultExtensionColor: "#3498DB" }
990
+ );
991
+ const GifIcon = createFiletypeIcon(
992
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
993
+ renderFileBase(color, variant, variant === "colored" ? "#F3E5F5" : void 0),
994
+ /* @__PURE__ */ jsxs("g", { opacity: "0.5", children: [
995
+ /* @__PURE__ */ jsx(
996
+ "rect",
997
+ {
998
+ x: "8",
999
+ y: "10",
1000
+ width: "6",
1001
+ height: "5",
1002
+ rx: "1",
1003
+ fill: "none",
1004
+ stroke: variant === "filled" ? "#fff" : color,
1005
+ strokeWidth: "1"
1006
+ }
1007
+ ),
1008
+ /* @__PURE__ */ jsx(
1009
+ "rect",
1010
+ {
1011
+ x: "10",
1012
+ y: "12",
1013
+ width: "6",
1014
+ height: "5",
1015
+ rx: "1",
1016
+ fill: "none",
1017
+ stroke: variant === "filled" ? "#fff" : color,
1018
+ strokeWidth: "1"
1019
+ }
1020
+ )
1021
+ ] }),
1022
+ variant === "colored" && renderExtensionBadge("GIF", extensionColor)
1023
+ ] }),
1024
+ { displayName: "GifIcon", extension: "gif", defaultExtensionColor: "#9B59B6" }
1025
+ );
1026
+ const SvgIcon = createFiletypeIcon(
1027
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1028
+ renderFileBase(color, variant, variant === "colored" ? "#FFF8E1" : void 0),
1029
+ /* @__PURE__ */ jsxs("g", { opacity: "0.6", children: [
1030
+ /* @__PURE__ */ jsx(
1031
+ "circle",
1032
+ {
1033
+ cx: "9",
1034
+ cy: "12",
1035
+ r: "1.5",
1036
+ fill: "none",
1037
+ stroke: variant === "filled" ? "#fff" : color,
1038
+ strokeWidth: "1.5"
1039
+ }
1040
+ ),
1041
+ /* @__PURE__ */ jsx(
1042
+ "circle",
1043
+ {
1044
+ cx: "15",
1045
+ cy: "14",
1046
+ r: "1.5",
1047
+ fill: "none",
1048
+ stroke: variant === "filled" ? "#fff" : color,
1049
+ strokeWidth: "1.5"
1050
+ }
1051
+ ),
1052
+ /* @__PURE__ */ jsx(
1053
+ "path",
1054
+ {
1055
+ d: "M10.5 12.5L13.5 13.5",
1056
+ stroke: variant === "filled" ? "#fff" : color,
1057
+ strokeWidth: "1"
1058
+ }
1059
+ )
1060
+ ] }),
1061
+ variant === "colored" && renderExtensionBadge("SVG", extensionColor)
1062
+ ] }),
1063
+ { displayName: "SvgIcon", extension: "svg", defaultExtensionColor: "#FFB13B" }
1064
+ );
1065
+ const WebpIcon = createFiletypeIcon(
1066
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1067
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
1068
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
1069
+ variant === "colored" && renderExtensionBadge("WEBP", extensionColor)
1070
+ ] }),
1071
+ { displayName: "WebpIcon", extension: "webp", defaultExtensionColor: "#8BC34A" }
1072
+ );
1073
+ const BmpIcon = createFiletypeIcon(
1074
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1075
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1076
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
1077
+ variant === "colored" && renderExtensionBadge("BMP", extensionColor)
1078
+ ] }),
1079
+ { displayName: "BmpIcon", extension: "bmp", defaultExtensionColor: "#607D8B" }
1080
+ );
1081
+ const TiffIcon = createFiletypeIcon(
1082
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1083
+ renderFileBase(color, variant, variant === "colored" ? "#E8EAF6" : void 0),
1084
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
1085
+ variant === "colored" && renderExtensionBadge("TIFF", extensionColor)
1086
+ ] }),
1087
+ { displayName: "TiffIcon", extension: "tiff", defaultExtensionColor: "#5C6BC0" }
1088
+ );
1089
+ const IcoIcon = createFiletypeIcon(
1090
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1091
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1092
+ /* @__PURE__ */ jsx(
1093
+ "rect",
1094
+ {
1095
+ x: "9",
1096
+ y: "11",
1097
+ width: "6",
1098
+ height: "6",
1099
+ rx: "1",
1100
+ fill: variant === "filled" ? "#fff" : "none",
1101
+ stroke: variant === "filled" ? "#fff" : color,
1102
+ strokeWidth: "1.5",
1103
+ opacity: "0.7"
1104
+ }
1105
+ ),
1106
+ variant === "colored" && renderExtensionBadge("ICO", extensionColor)
1107
+ ] }),
1108
+ { displayName: "IcoIcon", extension: "ico", defaultExtensionColor: "#0078D7" }
1109
+ );
1110
+ const RawIcon = createFiletypeIcon(
1111
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1112
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
1113
+ /* @__PURE__ */ jsx(
1114
+ "circle",
1115
+ {
1116
+ cx: "12",
1117
+ cy: "13",
1118
+ r: "3",
1119
+ fill: "none",
1120
+ stroke: variant === "filled" ? "#fff" : color,
1121
+ strokeWidth: "1.5",
1122
+ opacity: "0.7"
1123
+ }
1124
+ ),
1125
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "1", fill: variant === "filled" ? "#fff" : color, opacity: "0.5" }),
1126
+ variant === "colored" && renderExtensionBadge("RAW", extensionColor)
1127
+ ] }),
1128
+ { displayName: "RawIcon", extension: "raw", defaultExtensionColor: "#FF6F00" }
1129
+ );
1130
+ const Cr2Icon = createFiletypeIcon(
1131
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1132
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
1133
+ /* @__PURE__ */ jsx(
1134
+ "circle",
1135
+ {
1136
+ cx: "12",
1137
+ cy: "13",
1138
+ r: "3",
1139
+ fill: "none",
1140
+ stroke: variant === "filled" ? "#fff" : color,
1141
+ strokeWidth: "1.5",
1142
+ opacity: "0.7"
1143
+ }
1144
+ ),
1145
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "1", fill: variant === "filled" ? "#fff" : color, opacity: "0.5" }),
1146
+ variant === "colored" && renderExtensionBadge("CR2", extensionColor)
1147
+ ] }),
1148
+ { displayName: "Cr2Icon", extension: "cr2", defaultExtensionColor: "#C62828" }
1149
+ );
1150
+ const NefIcon = createFiletypeIcon(
1151
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1152
+ renderFileBase(color, variant, variant === "colored" ? "#FFF8E1" : void 0),
1153
+ /* @__PURE__ */ jsx(
1154
+ "circle",
1155
+ {
1156
+ cx: "12",
1157
+ cy: "13",
1158
+ r: "3",
1159
+ fill: "none",
1160
+ stroke: variant === "filled" ? "#fff" : color,
1161
+ strokeWidth: "1.5",
1162
+ opacity: "0.7"
1163
+ }
1164
+ ),
1165
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "1", fill: variant === "filled" ? "#fff" : color, opacity: "0.5" }),
1166
+ variant === "colored" && renderExtensionBadge("NEF", extensionColor)
1167
+ ] }),
1168
+ { displayName: "NefIcon", extension: "nef", defaultExtensionColor: "#FFD600" }
1169
+ );
1170
+ const HeicIcon = createFiletypeIcon(
1171
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1172
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1173
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
1174
+ variant === "colored" && renderExtensionBadge("HEIC", extensionColor)
1175
+ ] }),
1176
+ { displayName: "HeicIcon", extension: "heic", defaultExtensionColor: "#455A64" }
1177
+ );
1178
+ const HeifIcon = createFiletypeIcon(
1179
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1180
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1181
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
1182
+ variant === "colored" && renderExtensionBadge("HEIF", extensionColor)
1183
+ ] }),
1184
+ { displayName: "HeifIcon", extension: "heif", defaultExtensionColor: "#455A64" }
1185
+ );
1186
+ const AvifIcon = createFiletypeIcon(
1187
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1188
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
1189
+ renderImageSymbol(variant === "filled" ? "#fff" : color),
1190
+ variant === "colored" && renderExtensionBadge("AVIF", extensionColor)
1191
+ ] }),
1192
+ { displayName: "AvifIcon", extension: "avif", defaultExtensionColor: "#43A047" }
1193
+ );
1194
+ const EpsIcon = createFiletypeIcon(
1195
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1196
+ renderFileBase(color, variant, variant === "colored" ? "#F3E5F5" : void 0),
1197
+ /* @__PURE__ */ jsxs("g", { opacity: "0.6", children: [
1198
+ /* @__PURE__ */ jsx(
1199
+ "path",
1200
+ {
1201
+ d: "M8 11l4 3-4 3",
1202
+ fill: "none",
1203
+ stroke: variant === "filled" ? "#fff" : color,
1204
+ strokeWidth: "1.5",
1205
+ strokeLinecap: "round",
1206
+ strokeLinejoin: "round"
1207
+ }
1208
+ ),
1209
+ /* @__PURE__ */ jsx(
1210
+ "line",
1211
+ {
1212
+ x1: "13",
1213
+ y1: "17",
1214
+ x2: "16",
1215
+ y2: "17",
1216
+ stroke: variant === "filled" ? "#fff" : color,
1217
+ strokeWidth: "1.5",
1218
+ strokeLinecap: "round"
1219
+ }
1220
+ )
1221
+ ] }),
1222
+ variant === "colored" && renderExtensionBadge("EPS", extensionColor)
1223
+ ] }),
1224
+ { displayName: "EpsIcon", extension: "eps", defaultExtensionColor: "#7B1FA2" }
1225
+ );
1226
+ const JsIcon = createFiletypeIcon(
1227
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1228
+ renderFileBase(color, variant, variant === "colored" ? "#FFFDE7" : void 0),
1229
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1230
+ variant === "colored" && renderExtensionBadge("JS", extensionColor)
1231
+ ] }),
1232
+ { displayName: "JsIcon", extension: "js", defaultExtensionColor: "#F7DF1E" }
1233
+ );
1234
+ const TsCodeIcon = createFiletypeIcon(
1235
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1236
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1237
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1238
+ variant === "colored" && renderExtensionBadge("TS", extensionColor)
1239
+ ] }),
1240
+ { displayName: "TsCodeIcon", extension: "ts", defaultExtensionColor: "#3178C6" }
1241
+ );
1242
+ const JsxIcon = createFiletypeIcon(
1243
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1244
+ renderFileBase(color, variant, variant === "colored" ? "#E1F5FE" : void 0),
1245
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1246
+ variant === "colored" && renderExtensionBadge("JSX", extensionColor)
1247
+ ] }),
1248
+ { displayName: "JsxIcon", extension: "jsx", defaultExtensionColor: "#61DAFB" }
1249
+ );
1250
+ const TsxIcon = createFiletypeIcon(
1251
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1252
+ renderFileBase(color, variant, variant === "colored" ? "#E1F5FE" : void 0),
1253
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1254
+ variant === "colored" && renderExtensionBadge("TSX", extensionColor)
1255
+ ] }),
1256
+ { displayName: "TsxIcon", extension: "tsx", defaultExtensionColor: "#61DAFB" }
1257
+ );
1258
+ const PyIcon = createFiletypeIcon(
1259
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1260
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1261
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
1262
+ /* @__PURE__ */ jsx(
1263
+ "path",
1264
+ {
1265
+ d: "M10 11c-1 0-2 1-2 2v2c0 1 1 2 2 2h4c1 0 2-1 2-2v-2c0-1-1-2-2-2h-4z",
1266
+ fill: "none",
1267
+ stroke: variant === "filled" ? "#fff" : color,
1268
+ strokeWidth: "1.5"
1269
+ }
1270
+ ),
1271
+ /* @__PURE__ */ jsx("circle", { cx: "11", cy: "12.5", r: "0.5", fill: variant === "filled" ? "#fff" : color }),
1272
+ /* @__PURE__ */ jsx("circle", { cx: "13", cy: "15.5", r: "0.5", fill: variant === "filled" ? "#fff" : color })
1273
+ ] }),
1274
+ variant === "colored" && renderExtensionBadge("PY", extensionColor)
1275
+ ] }),
1276
+ { displayName: "PyIcon", extension: "py", defaultExtensionColor: "#3776AB" }
1277
+ );
1278
+ const JavaIcon = createFiletypeIcon(
1279
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1280
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
1281
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
1282
+ /* @__PURE__ */ jsx(
1283
+ "path",
1284
+ {
1285
+ d: "M9 12h5v4c0 1-1 2-2.5 2S9 17 9 16v-4z",
1286
+ fill: "none",
1287
+ stroke: variant === "filled" ? "#fff" : color,
1288
+ strokeWidth: "1.5"
1289
+ }
1290
+ ),
1291
+ /* @__PURE__ */ jsx(
1292
+ "path",
1293
+ {
1294
+ d: "M14 13h1c1 0 1 1 1 2s0 2-1 2h-1",
1295
+ fill: "none",
1296
+ stroke: variant === "filled" ? "#fff" : color,
1297
+ strokeWidth: "1"
1298
+ }
1299
+ )
1300
+ ] }),
1301
+ variant === "colored" && renderExtensionBadge("JAVA", extensionColor)
1302
+ ] }),
1303
+ { displayName: "JavaIcon", extension: "java", defaultExtensionColor: "#E76F00" }
1304
+ );
1305
+ const CsIcon = createFiletypeIcon(
1306
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1307
+ renderFileBase(color, variant, variant === "colored" ? "#EDE7F6" : void 0),
1308
+ /* @__PURE__ */ jsx(
1309
+ "text",
1310
+ {
1311
+ x: "12",
1312
+ y: "14",
1313
+ fontSize: "7",
1314
+ fontWeight: "bold",
1315
+ fontFamily: "system-ui",
1316
+ fill: variant === "filled" ? "#fff" : color,
1317
+ textAnchor: "middle",
1318
+ dominantBaseline: "middle",
1319
+ opacity: "0.8",
1320
+ children: "C#"
1321
+ }
1322
+ ),
1323
+ variant === "colored" && renderExtensionBadge("CS", extensionColor)
1324
+ ] }),
1325
+ { displayName: "CsIcon", extension: "cs", defaultExtensionColor: "#512BD4" }
1326
+ );
1327
+ const CIcon = createFiletypeIcon(
1328
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1329
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1330
+ /* @__PURE__ */ jsx(
1331
+ "text",
1332
+ {
1333
+ x: "12",
1334
+ y: "14",
1335
+ fontSize: "8",
1336
+ fontWeight: "bold",
1337
+ fontFamily: "system-ui",
1338
+ fill: variant === "filled" ? "#fff" : color,
1339
+ textAnchor: "middle",
1340
+ dominantBaseline: "middle",
1341
+ opacity: "0.8",
1342
+ children: "C"
1343
+ }
1344
+ ),
1345
+ variant === "colored" && renderExtensionBadge("C", extensionColor)
1346
+ ] }),
1347
+ { displayName: "CIcon", extension: "c", defaultExtensionColor: "#A8B9CC" }
1348
+ );
1349
+ const CppIcon = createFiletypeIcon(
1350
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1351
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1352
+ /* @__PURE__ */ jsx(
1353
+ "text",
1354
+ {
1355
+ x: "12",
1356
+ y: "14",
1357
+ fontSize: "6",
1358
+ fontWeight: "bold",
1359
+ fontFamily: "system-ui",
1360
+ fill: variant === "filled" ? "#fff" : color,
1361
+ textAnchor: "middle",
1362
+ dominantBaseline: "middle",
1363
+ opacity: "0.8",
1364
+ children: "C++"
1365
+ }
1366
+ ),
1367
+ variant === "colored" && renderExtensionBadge("CPP", extensionColor)
1368
+ ] }),
1369
+ { displayName: "CppIcon", extension: "cpp", defaultExtensionColor: "#00599C" }
1370
+ );
1371
+ const HIcon = createFiletypeIcon(
1372
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1373
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
1374
+ /* @__PURE__ */ jsx(
1375
+ "text",
1376
+ {
1377
+ x: "12",
1378
+ y: "14",
1379
+ fontSize: "8",
1380
+ fontWeight: "bold",
1381
+ fontFamily: "system-ui",
1382
+ fill: variant === "filled" ? "#fff" : color,
1383
+ textAnchor: "middle",
1384
+ dominantBaseline: "middle",
1385
+ opacity: "0.8",
1386
+ children: ".h"
1387
+ }
1388
+ ),
1389
+ variant === "colored" && renderExtensionBadge("H", extensionColor)
1390
+ ] }),
1391
+ { displayName: "HIcon", extension: "h", defaultExtensionColor: "#4CAF50" }
1392
+ );
1393
+ const GoIcon = createFiletypeIcon(
1394
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1395
+ renderFileBase(color, variant, variant === "colored" ? "#E0F7FA" : void 0),
1396
+ /* @__PURE__ */ jsx(
1397
+ "text",
1398
+ {
1399
+ x: "12",
1400
+ y: "14",
1401
+ fontSize: "7",
1402
+ fontWeight: "bold",
1403
+ fontFamily: "system-ui",
1404
+ fill: variant === "filled" ? "#fff" : color,
1405
+ textAnchor: "middle",
1406
+ dominantBaseline: "middle",
1407
+ opacity: "0.8",
1408
+ children: "GO"
1409
+ }
1410
+ ),
1411
+ variant === "colored" && renderExtensionBadge("GO", extensionColor)
1412
+ ] }),
1413
+ { displayName: "GoIcon", extension: "go", defaultExtensionColor: "#00ADD8" }
1414
+ );
1415
+ const RsIcon = createFiletypeIcon(
1416
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1417
+ renderFileBase(color, variant, variant === "colored" ? "#FBE9E7" : void 0),
1418
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
1419
+ /* @__PURE__ */ jsx(
1420
+ "circle",
1421
+ {
1422
+ cx: "12",
1423
+ cy: "14",
1424
+ r: "3",
1425
+ fill: "none",
1426
+ stroke: variant === "filled" ? "#fff" : color,
1427
+ strokeWidth: "1.5"
1428
+ }
1429
+ ),
1430
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "14", r: "1", fill: variant === "filled" ? "#fff" : color })
1431
+ ] }),
1432
+ variant === "colored" && renderExtensionBadge("RS", extensionColor)
1433
+ ] }),
1434
+ { displayName: "RsIcon", extension: "rs", defaultExtensionColor: "#DEA584" }
1435
+ );
1436
+ const RbIcon = createFiletypeIcon(
1437
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1438
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
1439
+ /* @__PURE__ */ jsx(
1440
+ "path",
1441
+ {
1442
+ d: "M12 11l3 3-3 3-3-3 3-3z",
1443
+ fill: variant === "filled" ? "#fff" : "none",
1444
+ stroke: variant === "filled" ? "#fff" : color,
1445
+ strokeWidth: "1.5",
1446
+ opacity: "0.7"
1447
+ }
1448
+ ),
1449
+ variant === "colored" && renderExtensionBadge("RB", extensionColor)
1450
+ ] }),
1451
+ { displayName: "RbIcon", extension: "rb", defaultExtensionColor: "#CC342D" }
1452
+ );
1453
+ const PhpIcon = createFiletypeIcon(
1454
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1455
+ renderFileBase(color, variant, variant === "colored" ? "#EDE7F6" : void 0),
1456
+ /* @__PURE__ */ jsx(
1457
+ "text",
1458
+ {
1459
+ x: "12",
1460
+ y: "14",
1461
+ fontSize: "6",
1462
+ fontWeight: "bold",
1463
+ fontFamily: "system-ui",
1464
+ fill: variant === "filled" ? "#fff" : color,
1465
+ textAnchor: "middle",
1466
+ dominantBaseline: "middle",
1467
+ opacity: "0.8",
1468
+ children: "PHP"
1469
+ }
1470
+ ),
1471
+ variant === "colored" && renderExtensionBadge("PHP", extensionColor)
1472
+ ] }),
1473
+ { displayName: "PhpIcon", extension: "php", defaultExtensionColor: "#777BB4" }
1474
+ );
1475
+ const SwiftIcon = createFiletypeIcon(
1476
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1477
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
1478
+ /* @__PURE__ */ jsx(
1479
+ "path",
1480
+ {
1481
+ d: "M8 12c4 3 6 1 8-2-2 1-4 1-5-1 2 0 3-1 3-2-3 2-6 0-6 0s2 3 0 5z",
1482
+ fill: variant === "filled" ? "#fff" : color,
1483
+ opacity: "0.6"
1484
+ }
1485
+ ),
1486
+ variant === "colored" && renderExtensionBadge("SWIFT", extensionColor)
1487
+ ] }),
1488
+ { displayName: "SwiftIcon", extension: "swift", defaultExtensionColor: "#FA7343" }
1489
+ );
1490
+ const KtIcon = createFiletypeIcon(
1491
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1492
+ renderFileBase(color, variant, variant === "colored" ? "#EDE7F6" : void 0),
1493
+ /* @__PURE__ */ jsx(
1494
+ "text",
1495
+ {
1496
+ x: "12",
1497
+ y: "14",
1498
+ fontSize: "7",
1499
+ fontWeight: "bold",
1500
+ fontFamily: "system-ui",
1501
+ fill: variant === "filled" ? "#fff" : color,
1502
+ textAnchor: "middle",
1503
+ dominantBaseline: "middle",
1504
+ opacity: "0.8",
1505
+ children: "Kt"
1506
+ }
1507
+ ),
1508
+ variant === "colored" && renderExtensionBadge("KT", extensionColor)
1509
+ ] }),
1510
+ { displayName: "KtIcon", extension: "kt", defaultExtensionColor: "#7F52FF" }
1511
+ );
1512
+ const ScalaIcon = createFiletypeIcon(
1513
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1514
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
1515
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1516
+ variant === "colored" && renderExtensionBadge("SCALA", extensionColor)
1517
+ ] }),
1518
+ { displayName: "ScalaIcon", extension: "scala", defaultExtensionColor: "#DC322F" }
1519
+ );
1520
+ const RIcon = createFiletypeIcon(
1521
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1522
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1523
+ /* @__PURE__ */ jsx(
1524
+ "text",
1525
+ {
1526
+ x: "12",
1527
+ y: "14",
1528
+ fontSize: "9",
1529
+ fontWeight: "bold",
1530
+ fontFamily: "serif",
1531
+ fill: variant === "filled" ? "#fff" : color,
1532
+ textAnchor: "middle",
1533
+ dominantBaseline: "middle",
1534
+ opacity: "0.8",
1535
+ children: "R"
1536
+ }
1537
+ ),
1538
+ variant === "colored" && renderExtensionBadge("R", extensionColor)
1539
+ ] }),
1540
+ { displayName: "RIcon", extension: "r", defaultExtensionColor: "#276DC3" }
1541
+ );
1542
+ const HtmlIcon = createFiletypeIcon(
1543
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1544
+ renderFileBase(color, variant, variant === "colored" ? "#FBE9E7" : void 0),
1545
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1546
+ variant === "colored" && renderExtensionBadge("HTML", extensionColor)
1547
+ ] }),
1548
+ { displayName: "HtmlIcon", extension: "html", defaultExtensionColor: "#E34F26" }
1549
+ );
1550
+ const CssIcon = createFiletypeIcon(
1551
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1552
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1553
+ /* @__PURE__ */ jsx(
1554
+ "text",
1555
+ {
1556
+ x: "12",
1557
+ y: "14",
1558
+ fontSize: "10",
1559
+ fontFamily: "monospace",
1560
+ fill: variant === "filled" ? "#fff" : color,
1561
+ textAnchor: "middle",
1562
+ dominantBaseline: "middle",
1563
+ opacity: "0.8",
1564
+ children: "{}"
1565
+ }
1566
+ ),
1567
+ variant === "colored" && renderExtensionBadge("CSS", extensionColor)
1568
+ ] }),
1569
+ { displayName: "CssIcon", extension: "css", defaultExtensionColor: "#1572B6" }
1570
+ );
1571
+ const ScssIcon = createFiletypeIcon(
1572
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1573
+ renderFileBase(color, variant, variant === "colored" ? "#FCE4EC" : void 0),
1574
+ /* @__PURE__ */ jsx(
1575
+ "text",
1576
+ {
1577
+ x: "12",
1578
+ y: "14",
1579
+ fontSize: "10",
1580
+ fontFamily: "monospace",
1581
+ fill: variant === "filled" ? "#fff" : color,
1582
+ textAnchor: "middle",
1583
+ dominantBaseline: "middle",
1584
+ opacity: "0.8",
1585
+ children: "{}"
1586
+ }
1587
+ ),
1588
+ variant === "colored" && renderExtensionBadge("SCSS", extensionColor)
1589
+ ] }),
1590
+ { displayName: "ScssIcon", extension: "scss", defaultExtensionColor: "#CD6799" }
1591
+ );
1592
+ const LessIcon = createFiletypeIcon(
1593
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1594
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1595
+ /* @__PURE__ */ jsx(
1596
+ "text",
1597
+ {
1598
+ x: "12",
1599
+ y: "14",
1600
+ fontSize: "10",
1601
+ fontFamily: "monospace",
1602
+ fill: variant === "filled" ? "#fff" : color,
1603
+ textAnchor: "middle",
1604
+ dominantBaseline: "middle",
1605
+ opacity: "0.8",
1606
+ children: "{}"
1607
+ }
1608
+ ),
1609
+ variant === "colored" && renderExtensionBadge("LESS", extensionColor)
1610
+ ] }),
1611
+ { displayName: "LessIcon", extension: "less", defaultExtensionColor: "#1D365D" }
1612
+ );
1613
+ const JsonIcon = createFiletypeIcon(
1614
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1615
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1616
+ /* @__PURE__ */ jsx(
1617
+ "text",
1618
+ {
1619
+ x: "12",
1620
+ y: "14",
1621
+ fontSize: "7",
1622
+ fontFamily: "monospace",
1623
+ fill: variant === "filled" ? "#fff" : color,
1624
+ textAnchor: "middle",
1625
+ dominantBaseline: "middle",
1626
+ opacity: "0.8",
1627
+ children: "{}"
1628
+ }
1629
+ ),
1630
+ variant === "colored" && renderExtensionBadge("JSON", extensionColor)
1631
+ ] }),
1632
+ { displayName: "JsonIcon", extension: "json", defaultExtensionColor: "#000000" }
1633
+ );
1634
+ const XmlIcon = createFiletypeIcon(
1635
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1636
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
1637
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1638
+ variant === "colored" && renderExtensionBadge("XML", extensionColor)
1639
+ ] }),
1640
+ { displayName: "XmlIcon", extension: "xml", defaultExtensionColor: "#F39C12" }
1641
+ );
1642
+ const YamlIcon = createFiletypeIcon(
1643
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1644
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
1645
+ /* @__PURE__ */ jsxs("g", { opacity: "0.6", children: [
1646
+ /* @__PURE__ */ jsx(
1647
+ "line",
1648
+ {
1649
+ x1: "8",
1650
+ y1: "11",
1651
+ x2: "16",
1652
+ y2: "11",
1653
+ stroke: variant === "filled" ? "#fff" : color,
1654
+ strokeWidth: "1"
1655
+ }
1656
+ ),
1657
+ /* @__PURE__ */ jsx(
1658
+ "line",
1659
+ {
1660
+ x1: "10",
1661
+ y1: "13",
1662
+ x2: "16",
1663
+ y2: "13",
1664
+ stroke: variant === "filled" ? "#fff" : color,
1665
+ strokeWidth: "1"
1666
+ }
1667
+ ),
1668
+ /* @__PURE__ */ jsx(
1669
+ "line",
1670
+ {
1671
+ x1: "10",
1672
+ y1: "15",
1673
+ x2: "16",
1674
+ y2: "15",
1675
+ stroke: variant === "filled" ? "#fff" : color,
1676
+ strokeWidth: "1"
1677
+ }
1678
+ ),
1679
+ /* @__PURE__ */ jsx(
1680
+ "line",
1681
+ {
1682
+ x1: "12",
1683
+ y1: "17",
1684
+ x2: "16",
1685
+ y2: "17",
1686
+ stroke: variant === "filled" ? "#fff" : color,
1687
+ strokeWidth: "1"
1688
+ }
1689
+ )
1690
+ ] }),
1691
+ variant === "colored" && renderExtensionBadge("YAML", extensionColor)
1692
+ ] }),
1693
+ { displayName: "YamlIcon", extension: "yaml", defaultExtensionColor: "#CB171E" }
1694
+ );
1695
+ const YmlIcon = createFiletypeIcon(
1696
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1697
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
1698
+ /* @__PURE__ */ jsxs("g", { opacity: "0.6", children: [
1699
+ /* @__PURE__ */ jsx(
1700
+ "line",
1701
+ {
1702
+ x1: "8",
1703
+ y1: "11",
1704
+ x2: "16",
1705
+ y2: "11",
1706
+ stroke: variant === "filled" ? "#fff" : color,
1707
+ strokeWidth: "1"
1708
+ }
1709
+ ),
1710
+ /* @__PURE__ */ jsx(
1711
+ "line",
1712
+ {
1713
+ x1: "10",
1714
+ y1: "13",
1715
+ x2: "16",
1716
+ y2: "13",
1717
+ stroke: variant === "filled" ? "#fff" : color,
1718
+ strokeWidth: "1"
1719
+ }
1720
+ ),
1721
+ /* @__PURE__ */ jsx(
1722
+ "line",
1723
+ {
1724
+ x1: "10",
1725
+ y1: "15",
1726
+ x2: "16",
1727
+ y2: "15",
1728
+ stroke: variant === "filled" ? "#fff" : color,
1729
+ strokeWidth: "1"
1730
+ }
1731
+ )
1732
+ ] }),
1733
+ variant === "colored" && renderExtensionBadge("YML", extensionColor)
1734
+ ] }),
1735
+ { displayName: "YmlIcon", extension: "yml", defaultExtensionColor: "#CB171E" }
1736
+ );
1737
+ const TomlIcon = createFiletypeIcon(
1738
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1739
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1740
+ /* @__PURE__ */ jsxs("g", { opacity: "0.6", children: [
1741
+ /* @__PURE__ */ jsx(
1742
+ "line",
1743
+ {
1744
+ x1: "8",
1745
+ y1: "11",
1746
+ x2: "16",
1747
+ y2: "11",
1748
+ stroke: variant === "filled" ? "#fff" : color,
1749
+ strokeWidth: "1"
1750
+ }
1751
+ ),
1752
+ /* @__PURE__ */ jsx(
1753
+ "line",
1754
+ {
1755
+ x1: "8",
1756
+ y1: "14",
1757
+ x2: "16",
1758
+ y2: "14",
1759
+ stroke: variant === "filled" ? "#fff" : color,
1760
+ strokeWidth: "1"
1761
+ }
1762
+ ),
1763
+ /* @__PURE__ */ jsx(
1764
+ "line",
1765
+ {
1766
+ x1: "8",
1767
+ y1: "17",
1768
+ x2: "16",
1769
+ y2: "17",
1770
+ stroke: variant === "filled" ? "#fff" : color,
1771
+ strokeWidth: "1"
1772
+ }
1773
+ )
1774
+ ] }),
1775
+ variant === "colored" && renderExtensionBadge("TOML", extensionColor)
1776
+ ] }),
1777
+ { displayName: "TomlIcon", extension: "toml", defaultExtensionColor: "#9C4121" }
1778
+ );
1779
+ const MdIcon = createFiletypeIcon(
1780
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1781
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1782
+ /* @__PURE__ */ jsx(
1783
+ "text",
1784
+ {
1785
+ x: "12",
1786
+ y: "14",
1787
+ fontSize: "6",
1788
+ fontWeight: "bold",
1789
+ fontFamily: "system-ui",
1790
+ fill: variant === "filled" ? "#fff" : color,
1791
+ textAnchor: "middle",
1792
+ dominantBaseline: "middle",
1793
+ opacity: "0.8",
1794
+ children: "MD"
1795
+ }
1796
+ ),
1797
+ variant === "colored" && renderExtensionBadge("MD", extensionColor)
1798
+ ] }),
1799
+ { displayName: "MdIcon", extension: "md", defaultExtensionColor: "#083FA1" }
1800
+ );
1801
+ const VueIcon = createFiletypeIcon(
1802
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1803
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
1804
+ /* @__PURE__ */ jsx(
1805
+ "path",
1806
+ {
1807
+ d: "M12 10l-3 6h6l-3-6z",
1808
+ fill: "none",
1809
+ stroke: variant === "filled" ? "#fff" : color,
1810
+ strokeWidth: "1.5",
1811
+ opacity: "0.7"
1812
+ }
1813
+ ),
1814
+ variant === "colored" && renderExtensionBadge("VUE", extensionColor)
1815
+ ] }),
1816
+ { displayName: "VueIcon", extension: "vue", defaultExtensionColor: "#4FC08D" }
1817
+ );
1818
+ const SvelteIcon = createFiletypeIcon(
1819
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1820
+ renderFileBase(color, variant, variant === "colored" ? "#FBE9E7" : void 0),
1821
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1822
+ variant === "colored" && renderExtensionBadge("SVELTE", extensionColor)
1823
+ ] }),
1824
+ { displayName: "SvelteIcon", extension: "svelte", defaultExtensionColor: "#FF3E00" }
1825
+ );
1826
+ const DartIcon = createFiletypeIcon(
1827
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1828
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
1829
+ renderCodeSymbol(variant === "filled" ? "#fff" : color),
1830
+ variant === "colored" && renderExtensionBadge("DART", extensionColor)
1831
+ ] }),
1832
+ { displayName: "DartIcon", extension: "dart", defaultExtensionColor: "#00B4AB" }
1833
+ );
1834
+ const LuaIcon = createFiletypeIcon(
1835
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1836
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1837
+ /* @__PURE__ */ jsx(
1838
+ "circle",
1839
+ {
1840
+ cx: "12",
1841
+ cy: "13",
1842
+ r: "3",
1843
+ fill: "none",
1844
+ stroke: variant === "filled" ? "#fff" : color,
1845
+ strokeWidth: "1.5",
1846
+ opacity: "0.7"
1847
+ }
1848
+ ),
1849
+ variant === "colored" && renderExtensionBadge("LUA", extensionColor)
1850
+ ] }),
1851
+ { displayName: "LuaIcon", extension: "lua", defaultExtensionColor: "#000080" }
1852
+ );
1853
+ const ShIcon = createFiletypeIcon(
1854
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1855
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1856
+ /* @__PURE__ */ jsx(
1857
+ "text",
1858
+ {
1859
+ x: "12",
1860
+ y: "14",
1861
+ fontSize: "8",
1862
+ fontFamily: "monospace",
1863
+ fill: variant === "filled" ? "#fff" : color,
1864
+ textAnchor: "middle",
1865
+ dominantBaseline: "middle",
1866
+ opacity: "0.8",
1867
+ children: "$_"
1868
+ }
1869
+ ),
1870
+ variant === "colored" && renderExtensionBadge("SH", extensionColor)
1871
+ ] }),
1872
+ { displayName: "ShIcon", extension: "sh", defaultExtensionColor: "#4EAA25" }
1873
+ );
1874
+ const BashIcon = createFiletypeIcon(
1875
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1876
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1877
+ /* @__PURE__ */ jsx(
1878
+ "text",
1879
+ {
1880
+ x: "12",
1881
+ y: "14",
1882
+ fontSize: "8",
1883
+ fontFamily: "monospace",
1884
+ fill: variant === "filled" ? "#fff" : color,
1885
+ textAnchor: "middle",
1886
+ dominantBaseline: "middle",
1887
+ opacity: "0.8",
1888
+ children: "$_"
1889
+ }
1890
+ ),
1891
+ variant === "colored" && renderExtensionBadge("BASH", extensionColor)
1892
+ ] }),
1893
+ { displayName: "BashIcon", extension: "bash", defaultExtensionColor: "#4EAA25" }
1894
+ );
1895
+ const Ps1Icon = createFiletypeIcon(
1896
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1897
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
1898
+ /* @__PURE__ */ jsx(
1899
+ "text",
1900
+ {
1901
+ x: "12",
1902
+ y: "14",
1903
+ fontSize: "7",
1904
+ fontFamily: "monospace",
1905
+ fill: variant === "filled" ? "#fff" : color,
1906
+ textAnchor: "middle",
1907
+ dominantBaseline: "middle",
1908
+ opacity: "0.8",
1909
+ children: "PS"
1910
+ }
1911
+ ),
1912
+ variant === "colored" && renderExtensionBadge("PS1", extensionColor)
1913
+ ] }),
1914
+ { displayName: "Ps1Icon", extension: "ps1", defaultExtensionColor: "#012456" }
1915
+ );
1916
+ const BatIcon = createFiletypeIcon(
1917
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1918
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1919
+ /* @__PURE__ */ jsxs(
1920
+ "text",
1921
+ {
1922
+ x: "12",
1923
+ y: "14",
1924
+ fontSize: "7",
1925
+ fontFamily: "monospace",
1926
+ fill: variant === "filled" ? "#fff" : color,
1927
+ textAnchor: "middle",
1928
+ dominantBaseline: "middle",
1929
+ opacity: "0.8",
1930
+ children: [
1931
+ ">",
1932
+ "_"
1933
+ ]
1934
+ }
1935
+ ),
1936
+ variant === "colored" && renderExtensionBadge("BAT", extensionColor)
1937
+ ] }),
1938
+ { displayName: "BatIcon", extension: "bat", defaultExtensionColor: "#C1F12E" }
1939
+ );
1940
+ const SqlIcon = createFiletypeIcon(
1941
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1942
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
1943
+ /* @__PURE__ */ jsx(
1944
+ "text",
1945
+ {
1946
+ x: "12",
1947
+ y: "14",
1948
+ fontSize: "6",
1949
+ fontWeight: "bold",
1950
+ fontFamily: "system-ui",
1951
+ fill: variant === "filled" ? "#fff" : color,
1952
+ textAnchor: "middle",
1953
+ dominantBaseline: "middle",
1954
+ opacity: "0.8",
1955
+ children: "SQL"
1956
+ }
1957
+ ),
1958
+ variant === "colored" && renderExtensionBadge("SQL", extensionColor)
1959
+ ] }),
1960
+ { displayName: "SqlIcon", extension: "sql", defaultExtensionColor: "#E38C00" }
1961
+ );
1962
+ const ZipIcon = createFiletypeIcon(
1963
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1964
+ renderFileBase(color, variant, variant === "colored" ? "#FFF8E1" : void 0),
1965
+ renderArchiveSymbol(variant === "filled" ? "#fff" : color),
1966
+ variant === "colored" && renderExtensionBadge("ZIP", extensionColor)
1967
+ ] }),
1968
+ { displayName: "ZipIcon", extension: "zip", defaultExtensionColor: "#E8A317" }
1969
+ );
1970
+ const RarIcon = createFiletypeIcon(
1971
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1972
+ renderFileBase(color, variant, variant === "colored" ? "#EDE7F6" : void 0),
1973
+ renderArchiveSymbol(variant === "filled" ? "#fff" : color),
1974
+ variant === "colored" && renderExtensionBadge("RAR", extensionColor)
1975
+ ] }),
1976
+ { displayName: "RarIcon", extension: "rar", defaultExtensionColor: "#6B3FA0" }
1977
+ );
1978
+ const SevenZIcon = createFiletypeIcon(
1979
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1980
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
1981
+ renderArchiveSymbol(variant === "filled" ? "#fff" : color),
1982
+ variant === "colored" && renderExtensionBadge("7Z", extensionColor)
1983
+ ] }),
1984
+ { displayName: "SevenZIcon", extension: "7z", defaultExtensionColor: "#41A13E" }
1985
+ );
1986
+ const TarIcon = createFiletypeIcon(
1987
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1988
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
1989
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
1990
+ /* @__PURE__ */ jsx(
1991
+ "rect",
1992
+ {
1993
+ x: "8",
1994
+ y: "11",
1995
+ width: "8",
1996
+ height: "6",
1997
+ rx: "1",
1998
+ fill: "none",
1999
+ stroke: variant === "filled" ? "#fff" : color,
2000
+ strokeWidth: "1.5"
2001
+ }
2002
+ ),
2003
+ /* @__PURE__ */ jsx(
2004
+ "line",
2005
+ {
2006
+ x1: "10",
2007
+ y1: "11",
2008
+ x2: "10",
2009
+ y2: "17",
2010
+ stroke: variant === "filled" ? "#fff" : color,
2011
+ strokeWidth: "1"
2012
+ }
2013
+ ),
2014
+ /* @__PURE__ */ jsx(
2015
+ "line",
2016
+ {
2017
+ x1: "14",
2018
+ y1: "11",
2019
+ x2: "14",
2020
+ y2: "17",
2021
+ stroke: variant === "filled" ? "#fff" : color,
2022
+ strokeWidth: "1"
2023
+ }
2024
+ )
2025
+ ] }),
2026
+ variant === "colored" && renderExtensionBadge("TAR", extensionColor)
2027
+ ] }),
2028
+ { displayName: "TarIcon", extension: "tar", defaultExtensionColor: "#1D1D1D" }
2029
+ );
2030
+ const GzIcon = createFiletypeIcon(
2031
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2032
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2033
+ renderArchiveSymbol(variant === "filled" ? "#fff" : color),
2034
+ variant === "colored" && renderExtensionBadge("GZ", extensionColor)
2035
+ ] }),
2036
+ { displayName: "GzIcon", extension: "gz", defaultExtensionColor: "#D32F2F" }
2037
+ );
2038
+ const Bz2Icon = createFiletypeIcon(
2039
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2040
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
2041
+ renderArchiveSymbol(variant === "filled" ? "#fff" : color),
2042
+ variant === "colored" && renderExtensionBadge("BZ2", extensionColor)
2043
+ ] }),
2044
+ { displayName: "Bz2Icon", extension: "bz2", defaultExtensionColor: "#E65100" }
2045
+ );
2046
+ const XzIcon = createFiletypeIcon(
2047
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2048
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2049
+ renderArchiveSymbol(variant === "filled" ? "#fff" : color),
2050
+ variant === "colored" && renderExtensionBadge("XZ", extensionColor)
2051
+ ] }),
2052
+ { displayName: "XzIcon", extension: "xz", defaultExtensionColor: "#1565C0" }
2053
+ );
2054
+ const IsoIcon = createFiletypeIcon(
2055
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2056
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
2057
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
2058
+ /* @__PURE__ */ jsx(
2059
+ "circle",
2060
+ {
2061
+ cx: "12",
2062
+ cy: "14",
2063
+ r: "4",
2064
+ fill: "none",
2065
+ stroke: variant === "filled" ? "#fff" : color,
2066
+ strokeWidth: "1.5"
2067
+ }
2068
+ ),
2069
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "14", r: "1.5", fill: variant === "filled" ? "#fff" : color })
2070
+ ] }),
2071
+ variant === "colored" && renderExtensionBadge("ISO", extensionColor)
2072
+ ] }),
2073
+ { displayName: "IsoIcon", extension: "iso", defaultExtensionColor: "#607D8B" }
2074
+ );
2075
+ const DmgIcon = createFiletypeIcon(
2076
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2077
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
2078
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
2079
+ /* @__PURE__ */ jsx(
2080
+ "circle",
2081
+ {
2082
+ cx: "12",
2083
+ cy: "14",
2084
+ r: "4",
2085
+ fill: "none",
2086
+ stroke: variant === "filled" ? "#fff" : color,
2087
+ strokeWidth: "1.5"
2088
+ }
2089
+ ),
2090
+ /* @__PURE__ */ jsx("circle", { cx: "12", cy: "14", r: "1.5", fill: variant === "filled" ? "#fff" : color })
2091
+ ] }),
2092
+ variant === "colored" && renderExtensionBadge("DMG", extensionColor)
2093
+ ] }),
2094
+ { displayName: "DmgIcon", extension: "dmg", defaultExtensionColor: "#8E8E93" }
2095
+ );
2096
+ const PkgIcon = createFiletypeIcon(
2097
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2098
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
2099
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
2100
+ /* @__PURE__ */ jsx(
2101
+ "rect",
2102
+ {
2103
+ x: "8",
2104
+ y: "11",
2105
+ width: "8",
2106
+ height: "6",
2107
+ fill: "none",
2108
+ stroke: variant === "filled" ? "#fff" : color,
2109
+ strokeWidth: "1.5"
2110
+ }
2111
+ ),
2112
+ /* @__PURE__ */ jsx(
2113
+ "line",
2114
+ {
2115
+ x1: "12",
2116
+ y1: "11",
2117
+ x2: "12",
2118
+ y2: "17",
2119
+ stroke: variant === "filled" ? "#fff" : color,
2120
+ strokeWidth: "1"
2121
+ }
2122
+ ),
2123
+ /* @__PURE__ */ jsx(
2124
+ "line",
2125
+ {
2126
+ x1: "8",
2127
+ y1: "14",
2128
+ x2: "16",
2129
+ y2: "14",
2130
+ stroke: variant === "filled" ? "#fff" : color,
2131
+ strokeWidth: "1"
2132
+ }
2133
+ )
2134
+ ] }),
2135
+ variant === "colored" && renderExtensionBadge("PKG", extensionColor)
2136
+ ] }),
2137
+ { displayName: "PkgIcon", extension: "pkg", defaultExtensionColor: "#4CAF50" }
2138
+ );
2139
+ const TtfIcon = createFiletypeIcon(
2140
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2141
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
2142
+ renderFontSymbol(variant === "filled" ? "#fff" : color),
2143
+ variant === "colored" && renderExtensionBadge("TTF", extensionColor)
2144
+ ] }),
2145
+ { displayName: "TtfIcon", extension: "ttf", defaultExtensionColor: "#455A64" }
2146
+ );
2147
+ const OtfIcon = createFiletypeIcon(
2148
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2149
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
2150
+ renderFontSymbol(variant === "filled" ? "#fff" : color),
2151
+ variant === "colored" && renderExtensionBadge("OTF", extensionColor)
2152
+ ] }),
2153
+ { displayName: "OtfIcon", extension: "otf", defaultExtensionColor: "#37474F" }
2154
+ );
2155
+ const WoffIcon = createFiletypeIcon(
2156
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2157
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2158
+ renderFontSymbol(variant === "filled" ? "#fff" : color),
2159
+ variant === "colored" && renderExtensionBadge("WOFF", extensionColor)
2160
+ ] }),
2161
+ { displayName: "WoffIcon", extension: "woff", defaultExtensionColor: "#1976D2" }
2162
+ );
2163
+ const Woff2Icon = createFiletypeIcon(
2164
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2165
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2166
+ renderFontSymbol(variant === "filled" ? "#fff" : color),
2167
+ variant === "colored" && renderExtensionBadge("WOFF2", extensionColor)
2168
+ ] }),
2169
+ { displayName: "Woff2Icon", extension: "woff2", defaultExtensionColor: "#1565C0" }
2170
+ );
2171
+ const EotIcon = createFiletypeIcon(
2172
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2173
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2174
+ renderFontSymbol(variant === "filled" ? "#fff" : color),
2175
+ variant === "colored" && renderExtensionBadge("EOT", extensionColor)
2176
+ ] }),
2177
+ { displayName: "EotIcon", extension: "eot", defaultExtensionColor: "#0078D7" }
2178
+ );
2179
+ const DbIcon = createFiletypeIcon(
2180
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2181
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
2182
+ renderDatabaseSymbol(variant === "filled" ? "#fff" : color),
2183
+ variant === "colored" && renderExtensionBadge("DB", extensionColor)
2184
+ ] }),
2185
+ { displayName: "DbIcon", extension: "db", defaultExtensionColor: "#E65100" }
2186
+ );
2187
+ const SqliteIcon = createFiletypeIcon(
2188
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2189
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2190
+ renderDatabaseSymbol(variant === "filled" ? "#fff" : color),
2191
+ variant === "colored" && renderExtensionBadge("SQLITE", extensionColor)
2192
+ ] }),
2193
+ { displayName: "SqliteIcon", extension: "sqlite", defaultExtensionColor: "#003B57" }
2194
+ );
2195
+ const MdbIcon = createFiletypeIcon(
2196
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2197
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2198
+ renderDatabaseSymbol(variant === "filled" ? "#fff" : color),
2199
+ variant === "colored" && renderExtensionBadge("MDB", extensionColor)
2200
+ ] }),
2201
+ { displayName: "MdbIcon", extension: "mdb", defaultExtensionColor: "#A4373A" }
2202
+ );
2203
+ const AccdbIcon = createFiletypeIcon(
2204
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2205
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2206
+ renderDatabaseSymbol(variant === "filled" ? "#fff" : color),
2207
+ variant === "colored" && renderExtensionBadge("ACCDB", extensionColor)
2208
+ ] }),
2209
+ { displayName: "AccdbIcon", extension: "accdb", defaultExtensionColor: "#A4373A" }
2210
+ );
2211
+ const ObjIcon = createFiletypeIcon(
2212
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2213
+ renderFileBase(color, variant, variant === "colored" ? "#ECEFF1" : void 0),
2214
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2215
+ variant === "colored" && renderExtensionBadge("OBJ", extensionColor)
2216
+ ] }),
2217
+ { displayName: "ObjIcon", extension: "obj", defaultExtensionColor: "#607D8B" }
2218
+ );
2219
+ const FbxIcon = createFiletypeIcon(
2220
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2221
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2222
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2223
+ variant === "colored" && renderExtensionBadge("FBX", extensionColor)
2224
+ ] }),
2225
+ { displayName: "FbxIcon", extension: "fbx", defaultExtensionColor: "#2C8FFF" }
2226
+ );
2227
+ const GltfIcon = createFiletypeIcon(
2228
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2229
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
2230
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2231
+ variant === "colored" && renderExtensionBadge("GLTF", extensionColor)
2232
+ ] }),
2233
+ { displayName: "GltfIcon", extension: "gltf", defaultExtensionColor: "#5C9EAD" }
2234
+ );
2235
+ const GlbIcon = createFiletypeIcon(
2236
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2237
+ renderFileBase(color, variant, variant === "colored" ? "#E0F2F1" : void 0),
2238
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2239
+ variant === "colored" && renderExtensionBadge("GLB", extensionColor)
2240
+ ] }),
2241
+ { displayName: "GlbIcon", extension: "glb", defaultExtensionColor: "#5C9EAD" }
2242
+ );
2243
+ const StlIcon = createFiletypeIcon(
2244
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2245
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
2246
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2247
+ variant === "colored" && renderExtensionBadge("STL", extensionColor)
2248
+ ] }),
2249
+ { displayName: "StlIcon", extension: "stl", defaultExtensionColor: "#009E73" }
2250
+ );
2251
+ const BlendIcon = createFiletypeIcon(
2252
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2253
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
2254
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2255
+ variant === "colored" && renderExtensionBadge("BLEND", extensionColor)
2256
+ ] }),
2257
+ { displayName: "BlendIcon", extension: "blend", defaultExtensionColor: "#EA7600" }
2258
+ );
2259
+ const MaxIcon = createFiletypeIcon(
2260
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2261
+ renderFileBase(color, variant, variant === "colored" ? "#E0F7FA" : void 0),
2262
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2263
+ variant === "colored" && renderExtensionBadge("MAX", extensionColor)
2264
+ ] }),
2265
+ { displayName: "MaxIcon", extension: "max", defaultExtensionColor: "#00838F" }
2266
+ );
2267
+ const MayaIcon = createFiletypeIcon(
2268
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2269
+ renderFileBase(color, variant, variant === "colored" ? "#E0F7FA" : void 0),
2270
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2271
+ variant === "colored" && renderExtensionBadge("MA", extensionColor)
2272
+ ] }),
2273
+ { displayName: "MayaIcon", extension: "maya", defaultExtensionColor: "#00BFA5" }
2274
+ );
2275
+ const C4dIcon = createFiletypeIcon(
2276
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2277
+ renderFileBase(color, variant, variant === "colored" ? "#E8EAF6" : void 0),
2278
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2279
+ variant === "colored" && renderExtensionBadge("C4D", extensionColor)
2280
+ ] }),
2281
+ { displayName: "C4dIcon", extension: "c4d", defaultExtensionColor: "#5C6BC0" }
2282
+ );
2283
+ const DwgIcon = createFiletypeIcon(
2284
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2285
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2286
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
2287
+ /* @__PURE__ */ jsx(
2288
+ "circle",
2289
+ {
2290
+ cx: "12",
2291
+ cy: "14",
2292
+ r: "3",
2293
+ fill: "none",
2294
+ stroke: variant === "filled" ? "#fff" : color,
2295
+ strokeWidth: "1.5"
2296
+ }
2297
+ ),
2298
+ /* @__PURE__ */ jsx(
2299
+ "line",
2300
+ {
2301
+ x1: "12",
2302
+ y1: "11",
2303
+ x2: "12",
2304
+ y2: "17",
2305
+ stroke: variant === "filled" ? "#fff" : color,
2306
+ strokeWidth: "1"
2307
+ }
2308
+ ),
2309
+ /* @__PURE__ */ jsx(
2310
+ "line",
2311
+ {
2312
+ x1: "9",
2313
+ y1: "14",
2314
+ x2: "15",
2315
+ y2: "14",
2316
+ stroke: variant === "filled" ? "#fff" : color,
2317
+ strokeWidth: "1"
2318
+ }
2319
+ )
2320
+ ] }),
2321
+ variant === "colored" && renderExtensionBadge("DWG", extensionColor)
2322
+ ] }),
2323
+ { displayName: "DwgIcon", extension: "dwg", defaultExtensionColor: "#E51937" }
2324
+ );
2325
+ const DxfIcon = createFiletypeIcon(
2326
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2327
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
2328
+ /* @__PURE__ */ jsxs("g", { opacity: "0.7", children: [
2329
+ /* @__PURE__ */ jsx(
2330
+ "circle",
2331
+ {
2332
+ cx: "12",
2333
+ cy: "14",
2334
+ r: "3",
2335
+ fill: "none",
2336
+ stroke: variant === "filled" ? "#fff" : color,
2337
+ strokeWidth: "1.5"
2338
+ }
2339
+ ),
2340
+ /* @__PURE__ */ jsx(
2341
+ "line",
2342
+ {
2343
+ x1: "12",
2344
+ y1: "11",
2345
+ x2: "12",
2346
+ y2: "17",
2347
+ stroke: variant === "filled" ? "#fff" : color,
2348
+ strokeWidth: "1"
2349
+ }
2350
+ ),
2351
+ /* @__PURE__ */ jsx(
2352
+ "line",
2353
+ {
2354
+ x1: "9",
2355
+ y1: "14",
2356
+ x2: "15",
2357
+ y2: "14",
2358
+ stroke: variant === "filled" ? "#fff" : color,
2359
+ strokeWidth: "1"
2360
+ }
2361
+ )
2362
+ ] }),
2363
+ variant === "colored" && renderExtensionBadge("DXF", extensionColor)
2364
+ ] }),
2365
+ { displayName: "DxfIcon", extension: "dxf", defaultExtensionColor: "#FF6F00" }
2366
+ );
2367
+ const StepIcon = createFiletypeIcon(
2368
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2369
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2370
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2371
+ variant === "colored" && renderExtensionBadge("STEP", extensionColor)
2372
+ ] }),
2373
+ { displayName: "StepIcon", extension: "step", defaultExtensionColor: "#2980B9" }
2374
+ );
2375
+ const IgesIcon = createFiletypeIcon(
2376
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2377
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
2378
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2379
+ variant === "colored" && renderExtensionBadge("IGES", extensionColor)
2380
+ ] }),
2381
+ { displayName: "IgesIcon", extension: "iges", defaultExtensionColor: "#43A047" }
2382
+ );
2383
+ const SldprtIcon = createFiletypeIcon(
2384
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2385
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2386
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2387
+ variant === "colored" && renderExtensionBadge("SLDPRT", extensionColor)
2388
+ ] }),
2389
+ { displayName: "SldprtIcon", extension: "sldprt", defaultExtensionColor: "#C62828" }
2390
+ );
2391
+ const CatpartIcon = createFiletypeIcon(
2392
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2393
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2394
+ render3DSymbol(variant === "filled" ? "#fff" : color),
2395
+ variant === "colored" && renderExtensionBadge("CATPART", extensionColor)
2396
+ ] }),
2397
+ { displayName: "CatpartIcon", extension: "catpart", defaultExtensionColor: "#0D47A1" }
2398
+ );
2399
+ const PsdIcon = createFiletypeIcon(
2400
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2401
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2402
+ /* @__PURE__ */ jsx(
2403
+ "text",
2404
+ {
2405
+ x: "12",
2406
+ y: "14",
2407
+ fontSize: "6",
2408
+ fontWeight: "bold",
2409
+ fontFamily: "system-ui",
2410
+ fill: variant === "filled" ? "#fff" : color,
2411
+ textAnchor: "middle",
2412
+ dominantBaseline: "middle",
2413
+ opacity: "0.8",
2414
+ children: "Ps"
2415
+ }
2416
+ ),
2417
+ variant === "colored" && renderExtensionBadge("PSD", extensionColor)
2418
+ ] }),
2419
+ { displayName: "PsdIcon", extension: "psd", defaultExtensionColor: "#31A8FF" }
2420
+ );
2421
+ const AiIcon = createFiletypeIcon(
2422
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2423
+ renderFileBase(color, variant, variant === "colored" ? "#FFF3E0" : void 0),
2424
+ /* @__PURE__ */ jsx(
2425
+ "text",
2426
+ {
2427
+ x: "12",
2428
+ y: "14",
2429
+ fontSize: "6",
2430
+ fontWeight: "bold",
2431
+ fontFamily: "system-ui",
2432
+ fill: variant === "filled" ? "#fff" : color,
2433
+ textAnchor: "middle",
2434
+ dominantBaseline: "middle",
2435
+ opacity: "0.8",
2436
+ children: "Ai"
2437
+ }
2438
+ ),
2439
+ variant === "colored" && renderExtensionBadge("AI", extensionColor)
2440
+ ] }),
2441
+ { displayName: "AiIcon", extension: "ai", defaultExtensionColor: "#FF9A00" }
2442
+ );
2443
+ const InddIcon = createFiletypeIcon(
2444
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2445
+ renderFileBase(color, variant, variant === "colored" ? "#FCE4EC" : void 0),
2446
+ /* @__PURE__ */ jsx(
2447
+ "text",
2448
+ {
2449
+ x: "12",
2450
+ y: "14",
2451
+ fontSize: "6",
2452
+ fontWeight: "bold",
2453
+ fontFamily: "system-ui",
2454
+ fill: variant === "filled" ? "#fff" : color,
2455
+ textAnchor: "middle",
2456
+ dominantBaseline: "middle",
2457
+ opacity: "0.8",
2458
+ children: "Id"
2459
+ }
2460
+ ),
2461
+ variant === "colored" && renderExtensionBadge("INDD", extensionColor)
2462
+ ] }),
2463
+ { displayName: "InddIcon", extension: "indd", defaultExtensionColor: "#FF3366" }
2464
+ );
2465
+ const XdIcon = createFiletypeIcon(
2466
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2467
+ renderFileBase(color, variant, variant === "colored" ? "#FCE4EC" : void 0),
2468
+ /* @__PURE__ */ jsx(
2469
+ "text",
2470
+ {
2471
+ x: "12",
2472
+ y: "14",
2473
+ fontSize: "6",
2474
+ fontWeight: "bold",
2475
+ fontFamily: "system-ui",
2476
+ fill: variant === "filled" ? "#fff" : color,
2477
+ textAnchor: "middle",
2478
+ dominantBaseline: "middle",
2479
+ opacity: "0.8",
2480
+ children: "Xd"
2481
+ }
2482
+ ),
2483
+ variant === "colored" && renderExtensionBadge("XD", extensionColor)
2484
+ ] }),
2485
+ { displayName: "XdIcon", extension: "xd", defaultExtensionColor: "#FF61F6" }
2486
+ );
2487
+ const AeIcon = createFiletypeIcon(
2488
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2489
+ renderFileBase(color, variant, variant === "colored" ? "#EDE7F6" : void 0),
2490
+ /* @__PURE__ */ jsx(
2491
+ "text",
2492
+ {
2493
+ x: "12",
2494
+ y: "14",
2495
+ fontSize: "6",
2496
+ fontWeight: "bold",
2497
+ fontFamily: "system-ui",
2498
+ fill: variant === "filled" ? "#fff" : color,
2499
+ textAnchor: "middle",
2500
+ dominantBaseline: "middle",
2501
+ opacity: "0.8",
2502
+ children: "Ae"
2503
+ }
2504
+ ),
2505
+ variant === "colored" && renderExtensionBadge("AEP", extensionColor)
2506
+ ] }),
2507
+ { displayName: "AeIcon", extension: "ae", defaultExtensionColor: "#9999FF" }
2508
+ );
2509
+ const PrIcon = createFiletypeIcon(
2510
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2511
+ renderFileBase(color, variant, variant === "colored" ? "#EDE7F6" : void 0),
2512
+ /* @__PURE__ */ jsx(
2513
+ "text",
2514
+ {
2515
+ x: "12",
2516
+ y: "14",
2517
+ fontSize: "6",
2518
+ fontWeight: "bold",
2519
+ fontFamily: "system-ui",
2520
+ fill: variant === "filled" ? "#fff" : color,
2521
+ textAnchor: "middle",
2522
+ dominantBaseline: "middle",
2523
+ opacity: "0.8",
2524
+ children: "Pr"
2525
+ }
2526
+ ),
2527
+ variant === "colored" && renderExtensionBadge("PRPROJ", extensionColor)
2528
+ ] }),
2529
+ { displayName: "PrIcon", extension: "pr", defaultExtensionColor: "#9999FF" }
2530
+ );
2531
+ const LrIcon = createFiletypeIcon(
2532
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2533
+ renderFileBase(color, variant, variant === "colored" ? "#E3F2FD" : void 0),
2534
+ /* @__PURE__ */ jsx(
2535
+ "text",
2536
+ {
2537
+ x: "12",
2538
+ y: "14",
2539
+ fontSize: "6",
2540
+ fontWeight: "bold",
2541
+ fontFamily: "system-ui",
2542
+ fill: variant === "filled" ? "#fff" : color,
2543
+ textAnchor: "middle",
2544
+ dominantBaseline: "middle",
2545
+ opacity: "0.8",
2546
+ children: "Lr"
2547
+ }
2548
+ ),
2549
+ variant === "colored" && renderExtensionBadge("LRCAT", extensionColor)
2550
+ ] }),
2551
+ { displayName: "LrIcon", extension: "lr", defaultExtensionColor: "#31A8FF" }
2552
+ );
2553
+ const BrIcon = createFiletypeIcon(
2554
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2555
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
2556
+ /* @__PURE__ */ jsx(
2557
+ "text",
2558
+ {
2559
+ x: "12",
2560
+ y: "14",
2561
+ fontSize: "6",
2562
+ fontWeight: "bold",
2563
+ fontFamily: "system-ui",
2564
+ fill: variant === "filled" ? "#fff" : color,
2565
+ textAnchor: "middle",
2566
+ dominantBaseline: "middle",
2567
+ opacity: "0.8",
2568
+ children: "Br"
2569
+ }
2570
+ ),
2571
+ variant === "colored" && renderExtensionBadge("BR", extensionColor)
2572
+ ] }),
2573
+ { displayName: "BrIcon", extension: "br", defaultExtensionColor: "#4CAF50" }
2574
+ );
2575
+ const DwIcon = createFiletypeIcon(
2576
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2577
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
2578
+ /* @__PURE__ */ jsx(
2579
+ "text",
2580
+ {
2581
+ x: "12",
2582
+ y: "14",
2583
+ fontSize: "6",
2584
+ fontWeight: "bold",
2585
+ fontFamily: "system-ui",
2586
+ fill: variant === "filled" ? "#fff" : color,
2587
+ textAnchor: "middle",
2588
+ dominantBaseline: "middle",
2589
+ opacity: "0.8",
2590
+ children: "Dw"
2591
+ }
2592
+ ),
2593
+ variant === "colored" && renderExtensionBadge("DW", extensionColor)
2594
+ ] }),
2595
+ { displayName: "DwIcon", extension: "dw", defaultExtensionColor: "#4CAF50" }
2596
+ );
2597
+ const AnIcon = createFiletypeIcon(
2598
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2599
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2600
+ /* @__PURE__ */ jsx(
2601
+ "text",
2602
+ {
2603
+ x: "12",
2604
+ y: "14",
2605
+ fontSize: "6",
2606
+ fontWeight: "bold",
2607
+ fontFamily: "system-ui",
2608
+ fill: variant === "filled" ? "#fff" : color,
2609
+ textAnchor: "middle",
2610
+ dominantBaseline: "middle",
2611
+ opacity: "0.8",
2612
+ children: "An"
2613
+ }
2614
+ ),
2615
+ variant === "colored" && renderExtensionBadge("FLA", extensionColor)
2616
+ ] }),
2617
+ { displayName: "AnIcon", extension: "an", defaultExtensionColor: "#F44336" }
2618
+ );
2619
+ const AuIcon = createFiletypeIcon(
2620
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2621
+ renderFileBase(color, variant, variant === "colored" ? "#E8F5E9" : void 0),
2622
+ /* @__PURE__ */ jsx(
2623
+ "text",
2624
+ {
2625
+ x: "12",
2626
+ y: "14",
2627
+ fontSize: "6",
2628
+ fontWeight: "bold",
2629
+ fontFamily: "system-ui",
2630
+ fill: variant === "filled" ? "#fff" : color,
2631
+ textAnchor: "middle",
2632
+ dominantBaseline: "middle",
2633
+ opacity: "0.8",
2634
+ children: "Au"
2635
+ }
2636
+ ),
2637
+ variant === "colored" && renderExtensionBadge("SESX", extensionColor)
2638
+ ] }),
2639
+ { displayName: "AuIcon", extension: "au", defaultExtensionColor: "#4CAF50" }
2640
+ );
2641
+ const FlIcon = createFiletypeIcon(
2642
+ ({ color, extensionColor, variant }) => /* @__PURE__ */ jsxs(Fragment, { children: [
2643
+ renderFileBase(color, variant, variant === "colored" ? "#FFEBEE" : void 0),
2644
+ /* @__PURE__ */ jsx(
2645
+ "text",
2646
+ {
2647
+ x: "12",
2648
+ y: "14",
2649
+ fontSize: "6",
2650
+ fontWeight: "bold",
2651
+ fontFamily: "system-ui",
2652
+ fill: variant === "filled" ? "#fff" : color,
2653
+ textAnchor: "middle",
2654
+ dominantBaseline: "middle",
2655
+ opacity: "0.8",
2656
+ children: "Fl"
2657
+ }
2658
+ ),
2659
+ variant === "colored" && renderExtensionBadge("FL", extensionColor)
2660
+ ] }),
2661
+ { displayName: "FlIcon", extension: "fl", defaultExtensionColor: "#F44336" }
2662
+ );
2663
+ const FILE_TYPE_ICONS = {
2664
+ // Documents
2665
+ doc: "DocIcon",
2666
+ docx: "DocxIcon",
2667
+ xls: "XlsIcon",
2668
+ xlsx: "XlsxIcon",
2669
+ ppt: "PptIcon",
2670
+ pptx: "PptxIcon",
2671
+ pdf: "PdfIcon",
2672
+ txt: "TxtIcon",
2673
+ rtf: "RtfIcon",
2674
+ csv: "CsvIcon",
2675
+ odt: "OdtIcon",
2676
+ ods: "OdsIcon",
2677
+ odp: "OdpIcon",
2678
+ pages: "PagesIcon",
2679
+ numbers: "NumbersIcon",
2680
+ keynote: "KeynoteIcon",
2681
+ // Video
2682
+ mp4: "Mp4Icon",
2683
+ avi: "AviIcon",
2684
+ mkv: "MkvIcon",
2685
+ mov: "MovIcon",
2686
+ webm: "WebmIcon",
2687
+ wmv: "WmvIcon",
2688
+ flv: "FlvIcon",
2689
+ m4v: "M4vIcon",
2690
+ mpg: "MpgIcon",
2691
+ mpeg: "MpegIcon",
2692
+ "3gp": "ThreeGpIcon",
2693
+ ts: "TsIcon",
2694
+ vob: "VobIcon",
2695
+ // Audio
2696
+ mp3: "Mp3Icon",
2697
+ wav: "WavIcon",
2698
+ flac: "FlacIcon",
2699
+ ogg: "OggIcon",
2700
+ aac: "AacIcon",
2701
+ m4a: "M4aIcon",
2702
+ wma: "WmaIcon",
2703
+ aiff: "AiffIcon",
2704
+ mid: "MidIcon",
2705
+ midi: "MidiIcon",
2706
+ // Images
2707
+ jpg: "JpgIcon",
2708
+ jpeg: "JpegIcon",
2709
+ png: "PngIcon",
2710
+ gif: "GifIcon",
2711
+ svg: "SvgIcon",
2712
+ webp: "WebpIcon",
2713
+ bmp: "BmpIcon",
2714
+ tiff: "TiffIcon",
2715
+ ico: "IcoIcon",
2716
+ raw: "RawIcon",
2717
+ cr2: "Cr2Icon",
2718
+ nef: "NefIcon",
2719
+ heic: "HeicIcon",
2720
+ heif: "HeifIcon",
2721
+ avif: "AvifIcon",
2722
+ eps: "EpsIcon",
2723
+ // Code
2724
+ js: "JsIcon",
2725
+ // ts: 'TsIcon', // Conflict with video .ts
2726
+ jsx: "JsxIcon",
2727
+ tsx: "TsxIcon",
2728
+ py: "PyIcon",
2729
+ java: "JavaIcon",
2730
+ cs: "CsIcon",
2731
+ cpp: "CppIcon",
2732
+ c: "CIcon",
2733
+ h: "HIcon",
2734
+ go: "GoIcon",
2735
+ rs: "RsIcon",
2736
+ rb: "RbIcon",
2737
+ php: "PhpIcon",
2738
+ swift: "SwiftIcon",
2739
+ kt: "KtIcon",
2740
+ scala: "ScalaIcon",
2741
+ r: "RLangIcon",
2742
+ html: "HtmlIcon",
2743
+ css: "CssIcon",
2744
+ scss: "ScssIcon",
2745
+ less: "LessIcon",
2746
+ json: "JsonIcon",
2747
+ xml: "XmlIcon",
2748
+ yaml: "YamlIcon",
2749
+ yml: "YmlIcon",
2750
+ toml: "TomlIcon",
2751
+ md: "MdIcon",
2752
+ vue: "VueIcon",
2753
+ svelte: "SvelteIcon",
2754
+ dart: "DartIcon",
2755
+ lua: "LuaIcon",
2756
+ sh: "ShIcon",
2757
+ bash: "BashIcon",
2758
+ ps1: "Ps1Icon",
2759
+ bat: "BatIcon",
2760
+ sql: "SqlIcon",
2761
+ // Archives
2762
+ zip: "ZipIcon",
2763
+ rar: "RarIcon",
2764
+ "7z": "SevenZIcon",
2765
+ tar: "TarIcon",
2766
+ gz: "GzIcon",
2767
+ bz2: "Bz2Icon",
2768
+ xz: "XzIcon",
2769
+ iso: "IsoIcon",
2770
+ dmg: "DmgIcon",
2771
+ pkg: "PkgIcon",
2772
+ // Fonts
2773
+ ttf: "TtfIcon",
2774
+ otf: "OtfIcon",
2775
+ woff: "WoffIcon",
2776
+ woff2: "Woff2Icon",
2777
+ eot: "EotIcon",
2778
+ // Databases
2779
+ db: "DbIcon",
2780
+ sqlite: "SqliteIcon",
2781
+ mdb: "MdbIcon",
2782
+ accdb: "AccdbIcon",
2783
+ // 3D
2784
+ obj: "ObjIcon",
2785
+ fbx: "FbxIcon",
2786
+ gltf: "GltfIcon",
2787
+ glb: "GlbIcon",
2788
+ stl: "StlIcon",
2789
+ blend: "BlendIcon",
2790
+ max: "MaxIcon",
2791
+ maya: "MayaIcon",
2792
+ c4d: "C4dIcon",
2793
+ // CAD
2794
+ dwg: "DwgIcon",
2795
+ dxf: "DxfIcon",
2796
+ step: "StepIcon",
2797
+ iges: "IgesIcon",
2798
+ sldprt: "SldprtIcon",
2799
+ catpart: "CatpartIcon",
2800
+ // Adobe
2801
+ psd: "PsdIcon",
2802
+ ai: "AiIcon",
2803
+ indd: "InddIcon",
2804
+ xd: "XdIcon",
2805
+ aep: "AeIcon",
2806
+ prproj: "PrIcon",
2807
+ lrcat: "LrIcon",
2808
+ fla: "AnIcon",
2809
+ sesx: "AuIcon"
2810
+ };
2811
+ export {
2812
+ AacIcon,
2813
+ AccdbIcon,
2814
+ AeIcon,
2815
+ AiIcon,
2816
+ AiffIcon,
2817
+ AnIcon,
2818
+ AuIcon,
2819
+ AviIcon,
2820
+ AvifIcon,
2821
+ BashIcon,
2822
+ BatIcon,
2823
+ BlendIcon,
2824
+ BmpIcon,
2825
+ BrIcon,
2826
+ Bz2Icon,
2827
+ C4dIcon,
2828
+ CIcon,
2829
+ CatpartIcon,
2830
+ CppIcon,
2831
+ Cr2Icon,
2832
+ CsIcon,
2833
+ CssIcon,
2834
+ CsvIcon,
2835
+ DartIcon,
2836
+ DbIcon,
2837
+ DmgIcon,
2838
+ DocIcon,
2839
+ DocxIcon,
2840
+ DwIcon,
2841
+ DwgIcon,
2842
+ DxfIcon,
2843
+ EXTENSION_COLORS,
2844
+ EotIcon,
2845
+ EpsIcon,
2846
+ FILETYPE_CATEGORIES,
2847
+ FILE_TYPE_ICONS,
2848
+ FbxIcon,
2849
+ FlIcon,
2850
+ FlacIcon,
2851
+ FlvIcon,
2852
+ GifIcon,
2853
+ GlbIcon,
2854
+ GltfIcon,
2855
+ GoIcon,
2856
+ GzIcon,
2857
+ HIcon,
2858
+ HeicIcon,
2859
+ HeifIcon,
2860
+ HtmlIcon,
2861
+ IcoIcon,
2862
+ IgesIcon,
2863
+ InddIcon,
2864
+ IsoIcon,
2865
+ JavaIcon,
2866
+ JpegIcon,
2867
+ JpgIcon,
2868
+ JsIcon,
2869
+ JsonIcon,
2870
+ JsxIcon,
2871
+ KeynoteIcon,
2872
+ KtIcon,
2873
+ LessIcon,
2874
+ LrIcon,
2875
+ LuaIcon,
2876
+ M4aIcon,
2877
+ M4vIcon,
2878
+ MaxIcon,
2879
+ MayaIcon,
2880
+ MdIcon,
2881
+ MdbIcon,
2882
+ MidIcon,
2883
+ MidiIcon,
2884
+ MkvIcon,
2885
+ MovIcon,
2886
+ Mp3Icon,
2887
+ Mp4Icon,
2888
+ MpegIcon,
2889
+ MpgIcon,
2890
+ NefIcon,
2891
+ NumbersIcon,
2892
+ ObjIcon,
2893
+ OdpIcon,
2894
+ OdsIcon,
2895
+ OdtIcon,
2896
+ OggIcon,
2897
+ OtfIcon,
2898
+ PagesIcon,
2899
+ PdfIcon,
2900
+ PhpIcon,
2901
+ PkgIcon,
2902
+ PngIcon,
2903
+ PptIcon,
2904
+ PptxIcon,
2905
+ PrIcon,
2906
+ Ps1Icon,
2907
+ PsdIcon,
2908
+ PyIcon,
2909
+ RIcon as RLangIcon,
2910
+ RarIcon,
2911
+ RawIcon,
2912
+ RbIcon,
2913
+ RsIcon,
2914
+ RtfIcon,
2915
+ ScalaIcon,
2916
+ ScssIcon,
2917
+ SevenZIcon,
2918
+ ShIcon,
2919
+ SldprtIcon,
2920
+ SqlIcon,
2921
+ SqliteIcon,
2922
+ StepIcon,
2923
+ StlIcon,
2924
+ SvelteIcon,
2925
+ SvgIcon,
2926
+ SwiftIcon,
2927
+ TarIcon,
2928
+ ThreeGpIcon,
2929
+ TiffIcon,
2930
+ TomlIcon,
2931
+ TsCodeIcon as TsIcon,
2932
+ TsIcon as TsVideoIcon,
2933
+ TsxIcon,
2934
+ TtfIcon,
2935
+ TxtIcon,
2936
+ VobIcon,
2937
+ VueIcon,
2938
+ WavIcon,
2939
+ WebmIcon,
2940
+ WebpIcon,
2941
+ WmaIcon,
2942
+ WmvIcon,
2943
+ Woff2Icon,
2944
+ WoffIcon,
2945
+ XdIcon,
2946
+ XlsIcon,
2947
+ XlsxIcon,
2948
+ XmlIcon,
2949
+ XzIcon,
2950
+ YamlIcon,
2951
+ YmlIcon,
2952
+ ZipIcon,
2953
+ createFiletypeIcon,
2954
+ getExtensionColor
2955
+ };
2956
+ //# sourceMappingURL=index.mjs.map