pxengine 0.1.94 → 0.1.96

package/dist/index.mjs

@@ -34910,7 +34910,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,
@@ -34931,7 +34933,7 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
         /* @__PURE__ */ jsx102(
           "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__ */ jsx102(Upload, { className: "w-6 h-6", style: hasPxVars ? { color: "var(--px-accent-color)", opacity: 1 } : void 0 })
           }
@@ -34939,12 +34941,12 @@ var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }
         /* @__PURE__ */ jsx102(
           "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__ */ jsx102("p", { className: "text-sm text-muted-foreground mb-6", children: "Drag and drop or click to browse" }),
+        /* @__PURE__ */ jsx102("p", { className: cn("text-sm mb-6", !hasPxVars && "text-cardText"), children: "Drag and drop or click to browse" }),
         /* @__PURE__ */ jsx102(
           "input",
           {
@@ -34959,7 +34961,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"
           }
@@ -41225,6 +41227,7 @@ A: ${label}`);
     return /* @__PURE__ */ jsxs114(
       "div",
       {
+        "data-testid": "mcq-card",
         className: cn(
           "p-4 rounded-lg border border-gray400 bg-cardSurface w-full",
           className
@@ -41238,6 +41241,8 @@ A: ${label}`);
             return /* @__PURE__ */ jsx153(
               "div",
               {
+                "data-testid": "mcq-option",
+                "data-option-key": key,
                 onClick: (e) => handleOptionClick(key, e),
                 className: cn(
                   "cursor-pointer rounded-lg p-3 transition-colors",
@@ -41274,6 +41279,7 @@ A: ${label}`);
           /* @__PURE__ */ jsx153("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx153(
             "button",
             {
+              "data-testid": "mcq-continue",
               onClick: handleProceed,
               disabled: isContinueDisabled || isLoading || !selectedOption && !recommended,
               className: cn(
@@ -43111,7 +43117,7 @@ function PlatformMetricsBanner({
   return /* @__PURE__ */ jsxs132(
     "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__ */ jsxs132("div", { className: "flex flex-col items-center md:min-w-0", children: [