featuredrop 1.3.0 → 2.1.0

package/dist/react.cjs

@@ -3,9 +3,29 @@
 
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var module$1 = require('module');
+var moduleApi = require('module');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var moduleApi__namespace = /*#__PURE__*/_interopNamespace(moduleApi);
+
 // src/react/provider.tsx
 
 // src/animation.ts
@@ -2338,10 +2358,11 @@ function NewBadge({
     }
   );
 }
-var dynamicRequire = module$1.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('react.cjs', document.baseURI).href)));
+var dynamicRequire = typeof moduleApi__namespace.createRequire === "function" ? moduleApi__namespace.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('react.cjs', document.baseURI).href))) : null;
 var cachedMarked = null;
 var cachedShiki = null;
 function optionalRequire(name) {
+  if (!dynamicRequire) return null;
   try {
     return dynamicRequire(name);
   } catch (error) {
@@ -4121,13 +4142,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 = {
@@ -4135,7 +4157,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 = {
@@ -4143,14 +4165,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
 };
@@ -4163,7 +4186,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"
@@ -4218,7 +4242,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",
@@ -4255,8 +4280,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",
@@ -4273,7 +4298,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: [