featuredrop 1.3.0 → 2.1.0

package/dist/react.js

@@ -1,7 +1,7 @@
 "use client";
 import { createContext, useRef, useState, useMemo, useCallback, useEffect, useContext, Component } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { createRequire } from 'module';
+import * as moduleApi from 'module';
 
 // src/react/provider.tsx
 
@@ -2335,10 +2335,11 @@ function NewBadge({
     }
   );
 }
-var dynamicRequire = createRequire(import.meta.url);
+var dynamicRequire = typeof moduleApi.createRequire === "function" ? moduleApi.createRequire(import.meta.url) : null;
 var cachedMarked = null;
 var cachedShiki = null;
 function optionalRequire(name) {
+  if (!dynamicRequire) return null;
   try {
     return dynamicRequire(name);
   } catch (error) {
@@ -4118,13 +4119,14 @@ var pillStyles2 = {
   borderRadius: "999px",
   border: "1px solid var(--featuredrop-border-color, #e5e7eb)",
   cursor: "pointer",
-  background: "#fff",
+  background: "var(--featuredrop-card-bg, #fff)",
+  color: "var(--featuredrop-text, #111827)",
   fontSize: "13px"
 };
 var pillActiveStyles = {
   ...pillStyles2,
   background: "var(--featuredrop-pill-active-bg, #111827)",
-  color: "#fff",
+  color: "var(--featuredrop-pill-active-text, #fff)",
   border: "1px solid var(--featuredrop-pill-active-bg, #111827)"
 };
 var entryCardStyles = {
@@ -4132,7 +4134,7 @@ var entryCardStyles = {
   borderRadius: "12px",
   padding: "16px",
   marginBottom: "16px",
-  background: "#fff",
+  background: "var(--featuredrop-card-bg, #fff)",
   boxShadow: "var(--featuredrop-card-shadow, 0 4px 20px rgba(0,0,0,0.04))"
 };
 var metaRowStyles = {
@@ -4140,14 +4142,15 @@ var metaRowStyles = {
   gap: "10px",
   flexWrap: "wrap",
   fontSize: "12px",
-  color: "#6b7280",
+  color: "var(--featuredrop-muted, #6b7280)",
   marginTop: "8px"
 };
 var loadMoreBtnStyles = {
   padding: "10px 14px",
   borderRadius: "10px",
   border: "1px solid var(--featuredrop-border-color, #e5e7eb)",
-  background: "#fff",
+  background: "var(--featuredrop-card-bg, #fff)",
+  color: "var(--featuredrop-text, #111827)",
   cursor: "pointer",
   fontWeight: 600
 };
@@ -4160,7 +4163,8 @@ var reactionsRowStyles2 = {
 var reactionButtonStyles2 = {
   border: "1px solid var(--featuredrop-border-color, #e5e7eb)",
   borderRadius: "999px",
-  background: "#fff",
+  background: "var(--featuredrop-card-bg, #fff)",
+  color: "var(--featuredrop-text, #111827)",
   padding: "4px 9px",
   cursor: "pointer",
   fontSize: "12px"
@@ -4215,7 +4219,8 @@ function EntryCard({
               onClick: handleShare,
               style: {
                 border: "1px solid var(--featuredrop-border-color, #e5e7eb)",
-                background: "#fff",
+                background: "var(--featuredrop-card-bg, #fff)",
+                color: "var(--featuredrop-text, #111827)",
                 borderRadius: "8px",
                 padding: "6px 8px",
                 cursor: "pointer",
@@ -4252,8 +4257,8 @@ function EntryCard({
               padding: "10px 14px",
               borderRadius: "10px",
               fontWeight: 600,
-              color: "#fff",
-              background: "#111827",
+              color: "var(--featuredrop-btn-text, #fff)",
+              background: "var(--featuredrop-btn-bg, #111827)",
               textDecoration: "none"
             },
             target: "_blank",
@@ -4270,7 +4275,7 @@ function EntryCard({
             style: {
               ...reactionButtonStyles2,
               opacity: !canReact && userReaction !== reaction ? 0.55 : 1,
-              background: userReaction === reaction ? "rgba(17, 24, 39, 0.08)" : "#fff"
+              background: userReaction === reaction ? "var(--featuredrop-reaction-active, rgba(17, 24, 39, 0.08))" : "var(--featuredrop-card-bg, #fff)"
             },
             "aria-label": `React ${reaction} to ${entry.label}`,
             children: [