pxengine 0.1.93 → 0.1.95

package/dist/index.cjs

@@ -35237,7 +35237,9 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
     {
       className: cn(
         "relative flex flex-col items-center justify-center p-8 border-2 border-dashed rounded-3xl transition-all",
-        !hasPxVars && (isDragging ? "border-purple-500 bg-purple-50" : "border-purple-100 bg-white"),
+        // Default styling matches the creator-discovery cards (gold-on-charcoal,
+        // theme-stable). The `--px-*` styled path overrides this when provided.
+        !hasPxVars && (isDragging ? "border-gold bg-grayPill" : "border-cardBorder bg-cardSurface"),
         className
       ),
       style: wrapperStyle,
@@ -35258,7 +35260,7 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
         /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "div",
           {
-            className: cn("w-12 h-12 rounded-2xl flex items-center justify-center mb-4", !hasPxVars && "bg-purple-100 text-purple-600"),
+            className: cn("w-12 h-12 rounded-2xl flex items-center justify-center mb-4", !hasPxVars && "bg-gold/10 text-gold"),
             style: hasPxVars ? { backgroundColor: "var(--px-accent-color)", color: "var(--px-accent-fg, white)", opacity: 0.15 } : void 0,
             children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Upload, { className: "w-6 h-6", style: hasPxVars ? { color: "var(--px-accent-color)", opacity: 1 } : void 0 })
           }
@@ -35266,12 +35268,12 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
         /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "h4",
           {
-            className: cn("font-bold mb-1", !hasPxVars && "text-gray-900"),
+            className: cn("font-bold mb-1", !hasPxVars && "text-gold"),
             style: hasPxVars ? { color: "var(--px-text-color, inherit)" } : void 0,
             children: title
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-sm text-muted-foreground mb-6", children: "Drag and drop or click to browse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: cn("text-sm mb-6", !hasPxVars && "text-cardText"), children: "Drag and drop or click to browse" }),
         /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "input",
           {
@@ -35286,7 +35288,7 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
           Button,
           {
             variant: "outline",
-            className: cn("rounded-full", !hasPxVars && "border-purple-200 text-purple-700 hover:bg-purple-50"),
+            className: cn("rounded-full", !hasPxVars && "border-cardBorder bg-transparent text-gold hover:bg-gold/10 hover:text-gold"),
             style: hasPxVars ? { borderColor: "var(--px-accent-color)", color: "var(--px-accent-color)" } : void 0,
             children: "Select Files"
           }
@@ -39672,6 +39674,19 @@ var DEFAULT_THEME = {
   secondary: "#a78bfa",
   accent: "#c4b5fd"
 };
+function readableOn(bg) {
+  if (!bg || typeof bg !== "string") return "#ffffff";
+  const hex = bg.replace("#", "");
+  if (hex.length !== 6) return "#ffffff";
+  const n = parseInt(hex, 16);
+  if (Number.isNaN(n)) return "#ffffff";
+  const ch = [n >> 16 & 255, n >> 8 & 255, n & 255].map((c) => {
+    const x = c / 255;
+    return x <= 0.03928 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
+  });
+  const lum = 0.2126 * ch[0] + 0.7152 * ch[1] + 0.0722 * ch[2];
+  return lum > 0.5 ? "#1a1a1a" : "#ffffff";
+}
 var DownloadIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("polyline", { points: "7 10 12 15 17 10" }),
@@ -40094,8 +40109,8 @@ var ResearchReportJobCard = (props) => {
               {
                 onClick: handleDownload,
                 disabled: !hasHTML,
-                className: "flex items-center gap-1.5 px-2.5 h-7 text-white text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-                style: { backgroundColor: primaryColor },
+                className: "flex items-center gap-1.5 px-2.5 h-7 text-xs font-medium rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                style: { backgroundColor: primaryColor, color: readableOn(primaryColor) },
                 onMouseEnter: (e) => e.currentTarget.style.filter = "brightness(1.15)",
                 onMouseLeave: (e) => e.currentTarget.style.filter = "brightness(1)",
                 children: [
@@ -43425,7 +43440,7 @@ function PlatformMetricsBanner({
   return /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)(
     "div",
     {
-      className: "\n        grid grid-cols-1 gap-3 rounded-xl py-4 px-4 shadow-sm\n        md:flex md:overflow-x-auto md:gap-6 md:rounded-l-xl md:py-4 md:px-4 md:items-center md:gap-0 md:px-0 md:ml-8\n      ",
+      className: "\r\n        grid grid-cols-1 gap-3 rounded-xl py-4 px-4 shadow-sm\r\n        md:flex md:overflow-x-auto md:gap-6 md:rounded-l-xl md:py-4 md:px-4 md:items-center md:gap-0 md:px-0 md:ml-8\r\n      ",
       style: { backgroundColor: bgColor },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime173.jsxs)("div", { className: "flex flex-col items-center md:min-w-0", children: [