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