version-pill-react 1.2.6 → 1.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +249 -282
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +249 -282
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -268,7 +268,7 @@ function VersionPill({
268
268
  }, {});
269
269
  return /* @__PURE__ */ jsxs(Fragment, { children: [
270
270
  /* @__PURE__ */ jsx("div", { className: clsx(positionStyles[position], className), style: { display: "inline-flex" }, children: renderBadge() }),
271
- isOpen && /* @__PURE__ */ jsxs("div", { style: {
271
+ isOpen && /* @__PURE__ */ jsx("div", { style: {
272
272
  position: "fixed",
273
273
  top: 0,
274
274
  left: 0,
@@ -278,311 +278,278 @@ function VersionPill({
278
278
  height: "100vh",
279
279
  zIndex: 2147483647,
280
280
  display: "flex",
281
- alignItems: "center",
282
- justifyContent: "center",
283
- padding: 20,
284
- boxSizing: "border-box"
285
- }, children: [
286
- /* @__PURE__ */ jsx(
287
- "div",
288
- {
289
- onClick: () => setIsOpen(false),
290
- style: {
291
- position: "fixed",
292
- top: 0,
293
- left: 0,
294
- width: "100vw",
295
- height: "100vh",
296
- background: isLight ? "rgba(0,0,0,0.5)" : "rgba(0,0,0,0.7)",
297
- backdropFilter: "blur(4px)",
298
- WebkitBackdropFilter: "blur(4px)"
299
- }
300
- }
301
- ),
302
- /* @__PURE__ */ jsxs(
303
- "div",
304
- {
305
- style: {
306
- position: "relative",
307
- zIndex: 1,
308
- display: "flex",
309
- flexDirection: "column",
310
- width: "100%",
311
- maxWidth: 400,
312
- maxHeight: "min(480px, 70vh)",
313
- borderRadius: 12,
314
- boxShadow: isLight ? "0 20px 40px -10px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.05)" : "0 20px 40px -10px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1)",
315
- background: isLight ? "#fff" : "#1a1a1a",
316
- overflow: "hidden"
317
- },
318
- children: [
319
- /* @__PURE__ */ jsxs(
320
- "div",
321
- {
322
- style: {
323
- flexShrink: 0,
324
- padding: "14px 16px",
325
- borderBottom: `1px solid ${isLight ? "#e5e5e5" : "#2a2a2a"}`,
326
- display: "flex",
327
- alignItems: "center",
328
- justifyContent: "space-between"
329
- },
330
- children: [
331
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
332
- project?.icon && /* @__PURE__ */ jsx("span", { style: { fontSize: 18 }, children: project.icon }),
333
- /* @__PURE__ */ jsxs("div", { children: [
334
- /* @__PURE__ */ jsx("h2", { style: { fontWeight: 600, fontSize: 15, color: isLight ? "#18181b" : "#fff", margin: 0 }, children: project?.name || "What's New" }),
335
- /* @__PURE__ */ jsxs("p", { style: { fontSize: 11, color: isLight ? "#71717a" : "#a1a1aa", margin: 0 }, children: [
336
- "v",
337
- currentVersion
338
- ] })
281
+ flexDirection: "column",
282
+ boxSizing: "border-box",
283
+ background: isLight ? "#fff" : "#0a0a0a"
284
+ }, children: /* @__PURE__ */ jsxs(
285
+ "div",
286
+ {
287
+ style: {
288
+ display: "flex",
289
+ flexDirection: "column",
290
+ width: "100%",
291
+ height: "100%",
292
+ borderRadius: 12,
293
+ overflow: "hidden"
294
+ },
295
+ children: [
296
+ /* @__PURE__ */ jsxs(
297
+ "div",
298
+ {
299
+ style: {
300
+ flexShrink: 0,
301
+ padding: "16px 20px",
302
+ borderBottom: `1px solid ${isLight ? "#e5e5e5" : "#1f1f1f"}`,
303
+ display: "flex",
304
+ alignItems: "center",
305
+ justifyContent: "space-between"
306
+ },
307
+ children: [
308
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
309
+ project?.icon && /* @__PURE__ */ jsx("span", { style: { fontSize: 24 }, children: project.icon }),
310
+ /* @__PURE__ */ jsxs("div", { children: [
311
+ /* @__PURE__ */ jsx("h2", { style: { fontWeight: 600, fontSize: 18, color: isLight ? "#18181b" : "#fff", margin: 0 }, children: project?.name || "What's New" }),
312
+ /* @__PURE__ */ jsxs("p", { style: { fontSize: 13, color: isLight ? "#71717a" : "#a1a1aa", margin: 0 }, children: [
313
+ "v",
314
+ currentVersion
339
315
  ] })
340
- ] }),
341
- /* @__PURE__ */ jsx(
342
- "button",
343
- {
344
- onClick: () => setIsOpen(false),
345
- style: {
346
- width: 28,
347
- height: 28,
348
- display: "flex",
349
- alignItems: "center",
350
- justifyContent: "center",
351
- borderRadius: 6,
352
- background: isLight ? "#f5f5f5" : "#2a2a2a",
353
- border: "none",
354
- cursor: "pointer",
355
- color: isLight ? "#71717a" : "#a1a1aa",
356
- transition: "background 150ms"
357
- },
358
- onMouseEnter: (e) => e.currentTarget.style.background = isLight ? "#e5e5e5" : "#3a3a3a",
359
- onMouseLeave: (e) => e.currentTarget.style.background = isLight ? "#f5f5f5" : "#2a2a2a",
360
- children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
361
- }
362
- )
363
- ]
364
- }
365
- ),
366
- /* @__PURE__ */ jsx(
367
- "div",
368
- {
369
- style: {
370
- flexShrink: 0,
371
- display: "flex",
372
- gap: 2,
373
- padding: "8px 12px",
374
- borderBottom: `1px solid ${isLight ? "#e5e5e5" : "#2a2a2a"}`,
375
- background: isLight ? "#fafafa" : "#151515"
376
- },
377
- children: ["changelog", "roadmap", "ideas"].map((tab) => /* @__PURE__ */ jsxs(
316
+ ] })
317
+ ] }),
318
+ /* @__PURE__ */ jsx(
378
319
  "button",
379
320
  {
380
- onClick: () => setActiveTab(tab),
321
+ onClick: () => setIsOpen(false),
381
322
  style: {
382
- padding: "6px 10px",
383
- borderRadius: 6,
323
+ width: 36,
324
+ height: 36,
325
+ display: "flex",
326
+ alignItems: "center",
327
+ justifyContent: "center",
328
+ borderRadius: 8,
329
+ background: isLight ? "#f5f5f5" : "#1f1f1f",
384
330
  border: "none",
385
331
  cursor: "pointer",
386
- fontSize: 12,
387
- fontWeight: 500,
388
- background: activeTab === tab ? isLight ? "#fff" : "#2a2a2a" : "transparent",
389
- color: activeTab === tab ? isLight ? "#18181b" : "#fff" : isLight ? "#71717a" : "#71717a",
390
- boxShadow: activeTab === tab ? isLight ? "0 1px 2px rgba(0,0,0,0.05)" : "0 1px 2px rgba(0,0,0,0.2)" : "none",
391
- transition: "all 150ms"
392
- },
393
- children: [
394
- tab === "changelog" && "Changelog",
395
- tab === "roadmap" && "Roadmap",
396
- tab === "ideas" && "Ideas"
397
- ]
398
- },
399
- tab
400
- ))
401
- }
402
- ),
403
- /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflowY: "auto", padding: 12, minHeight: 0 }, children: [
404
- activeTab === "changelog" && /* @__PURE__ */ jsx("div", { children: versionsArray.length === 0 ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: 30, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
405
- /* @__PURE__ */ jsx("div", { style: { fontSize: 24, marginBottom: 6 }, children: "\u{1F680}" }),
406
- /* @__PURE__ */ jsx("div", { style: { fontSize: 13 }, children: "No releases yet" })
407
- ] }) : versionsArray.slice(0, 5).map((version, idx) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12, paddingBottom: 12, borderBottom: idx < versionsArray.length - 1 && idx < 4 ? `1px solid ${isLight ? "#f0f0f0" : "#252525"}` : "none" }, children: [
408
- /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 3 }, children: [
409
- /* @__PURE__ */ jsx("span", { style: { fontSize: 14 }, children: version.emoji || "\u{1F4E6}" }),
410
- /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: 13, color: isLight ? "#18181b" : "#fff" }, children: version.title }),
411
- /* @__PURE__ */ jsx(
412
- "span",
413
- {
414
- style: {
415
- padding: "1px 5px",
416
- fontSize: 9,
417
- fontWeight: 500,
418
- borderRadius: 3,
419
- background: version.type === "major" ? "#f3e8ff" : version.type === "minor" ? "#dbeafe" : isLight ? "#f4f4f5" : "#2a2a2a",
420
- color: version.type === "major" ? "#7c3aed" : version.type === "minor" ? "#2563eb" : isLight ? "#52525b" : "#a1a1aa"
421
- },
422
- children: version.type
423
- }
424
- )
425
- ] }),
426
- /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: isLight ? "#71717a" : "#71717a", marginBottom: 6 }, children: [
427
- "v",
428
- version.version,
429
- " \xB7 ",
430
- new Date(version.date).toLocaleDateString()
431
- ] }),
432
- version.description && /* @__PURE__ */ jsx("p", { style: { fontSize: 12, color: isLight ? "#52525b" : "#a1a1aa", margin: "0 0 6px 0", lineHeight: 1.5 }, children: version.description }),
433
- version.features && version.features.length > 0 && /* @__PURE__ */ jsxs("ul", { style: { margin: 0, paddingLeft: 0, listStyle: "none" }, children: [
434
- version.features.slice(0, 4).map((feature, i) => /* @__PURE__ */ jsxs("li", { style: { display: "flex", alignItems: "flex-start", gap: 6, fontSize: 12, color: isLight ? "#52525b" : "#a1a1aa", marginBottom: 2, lineHeight: 1.4 }, children: [
435
- /* @__PURE__ */ jsx("span", { style: { color: "#22c55e", fontSize: 11 }, children: "\u2713" }),
436
- feature
437
- ] }, i)),
438
- version.features.length > 4 && /* @__PURE__ */ jsxs("li", { style: { fontSize: 11, color: isLight ? "#a1a1aa" : "#525252", marginTop: 2 }, children: [
439
- "+",
440
- version.features.length - 4,
441
- " more..."
442
- ] })
443
- ] })
444
- ] }, idx)) }),
445
- activeTab === "roadmap" && /* @__PURE__ */ jsx("div", { children: Object.keys(groupedTasks).length === 0 ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: 30, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
446
- /* @__PURE__ */ jsx("div", { style: { fontSize: 24, marginBottom: 6 }, children: "\u{1F5FA}\uFE0F" }),
447
- /* @__PURE__ */ jsx("div", { style: { fontSize: 13 }, children: "No public roadmap items" })
448
- ] }) : ["in-progress", "todo", "backlog"].map((col) => {
449
- const tasks = groupedTasks[col];
450
- if (!tasks || tasks.length === 0) return null;
451
- return /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
452
- /* @__PURE__ */ jsxs("h3", { style: { fontSize: 10, fontWeight: 600, color: isLight ? "#a1a1aa" : "#71717a", marginBottom: 6, textTransform: "uppercase", letterSpacing: "0.5px" }, children: [
453
- COLUMN_LABELS[col] || col,
454
- " (",
455
- tasks.length,
456
- ")"
457
- ] }),
458
- tasks.slice(0, 4).map((task) => /* @__PURE__ */ jsx(
459
- "div",
460
- {
461
- style: {
462
- padding: "8px 10px",
463
- marginBottom: 4,
464
- borderRadius: 5,
465
- background: isLight ? "#f5f5f5" : "#252525"
466
- },
467
- children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
468
- /* @__PURE__ */ jsx(
469
- "span",
470
- {
471
- style: {
472
- width: 6,
473
- height: 6,
474
- borderRadius: "50%",
475
- background: TYPE_COLORS[task.type] || "#71717a",
476
- flexShrink: 0
477
- }
478
- }
479
- ),
480
- /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: isLight ? "#18181b" : "#fff", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: task.title })
481
- ] })
332
+ color: isLight ? "#71717a" : "#a1a1aa",
333
+ transition: "background 150ms"
482
334
  },
483
- task.id
484
- )),
485
- tasks.length > 4 && /* @__PURE__ */ jsxs("div", { style: { fontSize: 10, color: isLight ? "#a1a1aa" : "#525252", marginTop: 4 }, children: [
486
- "+",
487
- tasks.length - 4,
488
- " more..."
489
- ] })
490
- ] }, col);
491
- }) }),
492
- activeTab === "ideas" && /* @__PURE__ */ jsx("div", { children: ideasArray.length === 0 ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: 30, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
493
- /* @__PURE__ */ jsx("div", { style: { fontSize: 24, marginBottom: 6 }, children: "\u{1F4A1}" }),
494
- /* @__PURE__ */ jsx("div", { style: { fontSize: 13 }, children: "No feature requests yet" })
495
- ] }) : ideasArray.slice(0, 5).map((idea) => /* @__PURE__ */ jsxs(
496
- "div",
335
+ onMouseEnter: (e) => e.currentTarget.style.background = isLight ? "#e5e5e5" : "#2a2a2a",
336
+ onMouseLeave: (e) => e.currentTarget.style.background = isLight ? "#f5f5f5" : "#1f1f1f",
337
+ children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" }) })
338
+ }
339
+ )
340
+ ]
341
+ }
342
+ ),
343
+ /* @__PURE__ */ jsx(
344
+ "div",
345
+ {
346
+ style: {
347
+ flexShrink: 0,
348
+ display: "flex",
349
+ gap: 4,
350
+ padding: "12px 20px",
351
+ borderBottom: `1px solid ${isLight ? "#e5e5e5" : "#1f1f1f"}`
352
+ },
353
+ children: ["changelog", "roadmap", "ideas"].map((tab) => /* @__PURE__ */ jsxs(
354
+ "button",
497
355
  {
356
+ onClick: () => setActiveTab(tab),
498
357
  style: {
499
- padding: 10,
500
- marginBottom: 6,
501
- borderRadius: 6,
502
- background: isLight ? "#f5f5f5" : "#252525",
503
- display: "flex",
504
- alignItems: "flex-start",
505
- gap: 10
358
+ padding: "10px 16px",
359
+ borderRadius: 8,
360
+ border: "none",
361
+ cursor: "pointer",
362
+ fontSize: 14,
363
+ fontWeight: 500,
364
+ background: activeTab === tab ? isLight ? "#18181b" : "#fff" : "transparent",
365
+ color: activeTab === tab ? isLight ? "#fff" : "#18181b" : isLight ? "#71717a" : "#71717a",
366
+ transition: "all 150ms"
506
367
  },
507
368
  children: [
508
- /* @__PURE__ */ jsxs(
509
- "div",
510
- {
511
- style: {
512
- display: "flex",
513
- flexDirection: "column",
514
- alignItems: "center",
515
- padding: "3px 6px",
516
- borderRadius: 4,
517
- background: isLight ? "#fff" : "#1a1a1a",
518
- minWidth: 32
519
- },
520
- children: [
521
- /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 600, color: isLight ? "#18181b" : "#fff" }, children: idea.votes }),
522
- /* @__PURE__ */ jsx("span", { style: { fontSize: 9, color: isLight ? "#71717a" : "#71717a" }, children: "votes" })
523
- ]
524
- }
525
- ),
526
- /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
527
- /* @__PURE__ */ jsx("div", { style: { fontSize: 12, fontWeight: 500, color: isLight ? "#18181b" : "#fff", marginBottom: 2 }, children: idea.title }),
528
- idea.description && /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: isLight ? "#71717a" : "#71717a", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: idea.description.slice(0, 80) })
529
- ] })
369
+ tab === "changelog" && "\u{1F680} Changelog",
370
+ tab === "roadmap" && "\u{1F5FA}\uFE0F Roadmap",
371
+ tab === "ideas" && "\u{1F4A1} Ideas"
530
372
  ]
531
373
  },
532
- idea.id
533
- )) })
534
- ] }),
535
- /* @__PURE__ */ jsxs(
374
+ tab
375
+ ))
376
+ }
377
+ ),
378
+ /* @__PURE__ */ jsxs("div", { style: { flex: 1, overflowY: "auto", padding: "20px 24px", minHeight: 0 }, children: [
379
+ activeTab === "changelog" && /* @__PURE__ */ jsx("div", { style: { maxWidth: 640 }, children: versionsArray.length === 0 ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: 60, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
380
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 48, marginBottom: 12 }, children: "\u{1F680}" }),
381
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 16 }, children: "No releases yet" })
382
+ ] }) : versionsArray.slice(0, 10).map((version, idx) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 24, paddingBottom: 24, borderBottom: idx < versionsArray.length - 1 && idx < 9 ? `1px solid ${isLight ? "#f0f0f0" : "#1f1f1f"}` : "none" }, children: [
383
+ /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6 }, children: [
384
+ /* @__PURE__ */ jsx("span", { style: { fontSize: 20 }, children: version.emoji || "\u{1F4E6}" }),
385
+ /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, fontSize: 18, color: isLight ? "#18181b" : "#fff" }, children: version.title }),
386
+ /* @__PURE__ */ jsx(
387
+ "span",
388
+ {
389
+ style: {
390
+ padding: "3px 8px",
391
+ fontSize: 11,
392
+ fontWeight: 500,
393
+ borderRadius: 4,
394
+ background: version.type === "major" ? "#f3e8ff" : version.type === "minor" ? "#dbeafe" : isLight ? "#f4f4f5" : "#1f1f1f",
395
+ color: version.type === "major" ? "#7c3aed" : version.type === "minor" ? "#2563eb" : isLight ? "#52525b" : "#a1a1aa"
396
+ },
397
+ children: version.type
398
+ }
399
+ )
400
+ ] }),
401
+ /* @__PURE__ */ jsxs("div", { style: { fontSize: 13, color: isLight ? "#71717a" : "#71717a", marginBottom: 10 }, children: [
402
+ "v",
403
+ version.version,
404
+ " \xB7 ",
405
+ new Date(version.date).toLocaleDateString()
406
+ ] }),
407
+ version.description && /* @__PURE__ */ jsx("p", { style: { fontSize: 15, color: isLight ? "#52525b" : "#a1a1aa", margin: "0 0 12px 0", lineHeight: 1.6 }, children: version.description }),
408
+ version.features && version.features.length > 0 && /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 0, listStyle: "none" }, children: version.features.map((feature, i) => /* @__PURE__ */ jsxs("li", { style: { display: "flex", alignItems: "flex-start", gap: 10, fontSize: 14, color: isLight ? "#52525b" : "#a1a1aa", marginBottom: 6, lineHeight: 1.5 }, children: [
409
+ /* @__PURE__ */ jsx("span", { style: { color: "#22c55e", fontSize: 14, marginTop: 2 }, children: "\u2713" }),
410
+ feature
411
+ ] }, i)) })
412
+ ] }, idx)) }),
413
+ activeTab === "roadmap" && /* @__PURE__ */ jsx("div", { style: { maxWidth: 640 }, children: Object.keys(groupedTasks).length === 0 ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: 60, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
414
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 48, marginBottom: 12 }, children: "\u{1F5FA}\uFE0F" }),
415
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 16 }, children: "No public roadmap items" })
416
+ ] }) : ["in-progress", "todo", "backlog"].map((col) => {
417
+ const tasks = groupedTasks[col];
418
+ if (!tasks || tasks.length === 0) return null;
419
+ return /* @__PURE__ */ jsxs("div", { style: { marginBottom: 24 }, children: [
420
+ /* @__PURE__ */ jsxs("h3", { style: { fontSize: 12, fontWeight: 600, color: isLight ? "#a1a1aa" : "#71717a", marginBottom: 12, textTransform: "uppercase", letterSpacing: "0.5px" }, children: [
421
+ COLUMN_LABELS[col] || col,
422
+ " (",
423
+ tasks.length,
424
+ ")"
425
+ ] }),
426
+ tasks.map((task) => /* @__PURE__ */ jsx(
427
+ "div",
428
+ {
429
+ style: {
430
+ padding: "12px 16px",
431
+ marginBottom: 8,
432
+ borderRadius: 8,
433
+ background: isLight ? "#f5f5f5" : "#151515",
434
+ border: `1px solid ${isLight ? "#e5e5e5" : "#1f1f1f"}`
435
+ },
436
+ children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
437
+ /* @__PURE__ */ jsx(
438
+ "span",
439
+ {
440
+ style: {
441
+ width: 8,
442
+ height: 8,
443
+ borderRadius: "50%",
444
+ background: TYPE_COLORS[task.type] || "#71717a",
445
+ flexShrink: 0
446
+ }
447
+ }
448
+ ),
449
+ /* @__PURE__ */ jsx("span", { style: { fontSize: 14, color: isLight ? "#18181b" : "#fff" }, children: task.title })
450
+ ] })
451
+ },
452
+ task.id
453
+ ))
454
+ ] }, col);
455
+ }) }),
456
+ activeTab === "ideas" && /* @__PURE__ */ jsx("div", { style: { maxWidth: 640 }, children: ideasArray.length === 0 ? /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", padding: 60, color: isLight ? "#71717a" : "#a1a1aa" }, children: [
457
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 48, marginBottom: 12 }, children: "\u{1F4A1}" }),
458
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 16 }, children: "No feature requests yet" })
459
+ ] }) : ideasArray.map((idea) => /* @__PURE__ */ jsxs(
536
460
  "div",
537
461
  {
538
462
  style: {
539
- flexShrink: 0,
540
- padding: "10px 12px",
541
- borderTop: `1px solid ${isLight ? "#e5e5e5" : "#2a2a2a"}`,
542
- background: isLight ? "#fafafa" : "#151515",
463
+ padding: 16,
464
+ marginBottom: 12,
465
+ borderRadius: 8,
466
+ background: isLight ? "#f5f5f5" : "#151515",
467
+ border: `1px solid ${isLight ? "#e5e5e5" : "#1f1f1f"}`,
543
468
  display: "flex",
544
- alignItems: "center",
545
- justifyContent: "space-between"
469
+ alignItems: "flex-start",
470
+ gap: 16
546
471
  },
547
472
  children: [
548
- showBranding && /* @__PURE__ */ jsx(
549
- "a",
550
- {
551
- href: "https://versionpill.com",
552
- target: "_blank",
553
- rel: "noopener noreferrer",
554
- style: { fontSize: 10, color: isLight ? "#a1a1aa" : "#525252", textDecoration: "none" },
555
- children: "Powered by Version Pill"
556
- }
557
- ),
558
- /* @__PURE__ */ jsx(
559
- "a",
473
+ /* @__PURE__ */ jsxs(
474
+ "div",
560
475
  {
561
- href: `${baseUrl}/${projectId}/${activeTab === "ideas" ? "feature-requests" : activeTab}`,
562
- target: "_blank",
563
- rel: "noopener noreferrer",
564
476
  style: {
565
- padding: "5px 10px",
566
- fontSize: 11,
567
- fontWeight: 500,
568
- borderRadius: 5,
569
- background: "#22c55e",
570
- color: "#fff",
571
- textDecoration: "none",
572
- transition: "background 150ms"
477
+ display: "flex",
478
+ flexDirection: "column",
479
+ alignItems: "center",
480
+ padding: "8px 12px",
481
+ borderRadius: 6,
482
+ background: isLight ? "#fff" : "#0a0a0a",
483
+ minWidth: 50
573
484
  },
574
- onMouseEnter: (e) => e.currentTarget.style.background = "#16a34a",
575
- onMouseLeave: (e) => e.currentTarget.style.background = "#22c55e",
576
- children: "View All \u2192"
485
+ children: [
486
+ /* @__PURE__ */ jsx("span", { style: { fontSize: 18, fontWeight: 600, color: isLight ? "#18181b" : "#fff" }, children: idea.votes }),
487
+ /* @__PURE__ */ jsx("span", { style: { fontSize: 11, color: isLight ? "#71717a" : "#71717a" }, children: "votes" })
488
+ ]
577
489
  }
578
- )
490
+ ),
491
+ /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
492
+ /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 500, color: isLight ? "#18181b" : "#fff", marginBottom: 4 }, children: idea.title }),
493
+ idea.description && /* @__PURE__ */ jsx("div", { style: { fontSize: 14, color: isLight ? "#71717a" : "#71717a", lineHeight: 1.5 }, children: idea.description })
494
+ ] })
579
495
  ]
580
- }
581
- )
582
- ]
583
- }
584
- )
585
- ] })
496
+ },
497
+ idea.id
498
+ )) })
499
+ ] }),
500
+ /* @__PURE__ */ jsxs(
501
+ "div",
502
+ {
503
+ style: {
504
+ flexShrink: 0,
505
+ padding: "16px 24px",
506
+ borderTop: `1px solid ${isLight ? "#e5e5e5" : "#1f1f1f"}`,
507
+ display: "flex",
508
+ alignItems: "center",
509
+ justifyContent: "space-between"
510
+ },
511
+ children: [
512
+ showBranding && /* @__PURE__ */ jsx(
513
+ "a",
514
+ {
515
+ href: "https://versionpill.com",
516
+ target: "_blank",
517
+ rel: "noopener noreferrer",
518
+ style: { fontSize: 12, color: isLight ? "#a1a1aa" : "#525252", textDecoration: "none" },
519
+ children: "Powered by Version Pill"
520
+ }
521
+ ),
522
+ /* @__PURE__ */ jsxs(
523
+ "a",
524
+ {
525
+ href: `${baseUrl}/${projectId}/${activeTab === "ideas" ? "feature-requests" : activeTab}`,
526
+ target: "_blank",
527
+ rel: "noopener noreferrer",
528
+ style: {
529
+ padding: "10px 20px",
530
+ fontSize: 14,
531
+ fontWeight: 500,
532
+ borderRadius: 8,
533
+ background: "#22c55e",
534
+ color: "#fff",
535
+ textDecoration: "none",
536
+ transition: "background 150ms"
537
+ },
538
+ onMouseEnter: (e) => e.currentTarget.style.background = "#16a34a",
539
+ onMouseLeave: (e) => e.currentTarget.style.background = "#22c55e",
540
+ children: [
541
+ "View Full ",
542
+ activeTab === "changelog" ? "Changelog" : activeTab === "roadmap" ? "Roadmap" : "Ideas",
543
+ " \u2192"
544
+ ]
545
+ }
546
+ )
547
+ ]
548
+ }
549
+ )
550
+ ]
551
+ }
552
+ ) })
586
553
  ] });
587
554
  }
588
555
  function VersionBadge({