@almadar/ui 4.45.0 → 4.46.0

package/dist/components/index.cjs

@@ -4473,8 +4473,8 @@ var init_SectionHeader = __esm({
   }
 });
 var sizeClasses4; exports.MarketingStatCard = void 0;
-var init_StatCard = __esm({
-  "components/atoms/StatCard.tsx"() {
+var init_MarketingStatCard = __esm({
+  "components/atoms/MarketingStatCard.tsx"() {
     init_cn();
     init_Stack();
     init_Typography();
@@ -8340,7 +8340,7 @@ function ActionButton({
       disabled: isDisabled,
       onClick,
       className: cn(
-        "relative inline-flex items-center gap-1.5 rounded-md border font-medium text-[var(--color-foreground)] overflow-hidden transition-colors duration-150",
+        "relative inline-flex items-center gap-1.5 rounded-md border font-medium overflow-hidden transition-colors duration-150",
         sizes.button,
         variantStyles7[variant],
         isDisabled && "opacity-60 cursor-not-allowed",
@@ -8350,7 +8350,7 @@ function ActionButton({
         onCooldown && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "absolute inset-0 bg-black/60 pointer-events-none",
+            className: "absolute inset-0 bg-foreground/40 pointer-events-none",
             style: {
               clipPath: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, black ${360 - cooldownDeg}deg)`,
               WebkitClipPath: `conic-gradient(from 0deg, transparent ${360 - cooldownDeg}deg, black ${360 - cooldownDeg}deg)`,
@@ -8358,13 +8358,16 @@ function ActionButton({
             }
           }
         ),
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-shrink-0", sizes.icon), children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("flex-shrink-0", sizes.icon), children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" }) : null;
+        })() : icon }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10", children: label }),
         hotkey && /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: cn(
-              "absolute top-0.5 right-0.5 bg-black/50 text-gray-300 rounded font-mono leading-tight",
+              "absolute top-0.5 right-0.5 bg-foreground/30 text-primary-foreground rounded font-mono leading-tight",
               sizes.hotkey
             ),
             children: hotkey
@@ -8378,15 +8381,16 @@ var sizeMap, variantStyles7;
 var init_ActionButton = __esm({
   "components/atoms/game/ActionButton.tsx"() {
     init_cn();
+    init_Icon();
     sizeMap = {
       sm: { button: "px-3 py-1.5 text-xs", hotkey: "text-[9px] px-1", icon: "text-xs" },
       md: { button: "px-4 py-2 text-sm", hotkey: "text-[10px] px-1.5", icon: "text-sm" },
       lg: { button: "px-5 py-2.5 text-base", hotkey: "text-xs px-2", icon: "text-base" }
     };
     variantStyles7 = {
-      primary: "bg-blue-600 hover:bg-blue-500 border-blue-400/40",
-      secondary: "bg-gray-700 hover:bg-gray-600 border-gray-500/40",
-      danger: "bg-red-700 hover:bg-red-600 border-red-400/40"
+      primary: "bg-primary text-primary-foreground hover:bg-primary-hover border-primary",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-hover border-border",
+      danger: "bg-error text-error-foreground hover:bg-error/90 border-error"
     };
     ActionButton.displayName = "ActionButton";
   }
@@ -8455,12 +8459,15 @@ function ControlButton({
         sizeMap2[size] ?? sizeMap2.md,
         shapeMap[shape] ?? shapeMap.circle,
         variantMap[variant] ?? variantMap.secondary,
-        actualPressed && "scale-95 brightness-110 border-white",
+        actualPressed && "scale-95 brightness-110 border-foreground",
         disabled && "opacity-50 cursor-not-allowed",
         className
       ),
       children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl", children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl", children: typeof icon === "string" ? (() => {
+          const I = resolveIcon(icon);
+          return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-6 h-6" }) : null;
+        })() : icon }),
         label && !icon && /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
       ]
     }
@@ -8472,6 +8479,7 @@ var init_ControlButton = __esm({
     "use client";
     init_cn();
     init_useEventBus();
+    init_Icon();
     sizeMap2 = {
       sm: "w-10 h-10 text-sm",
       md: "w-14 h-14 text-base",
@@ -8484,9 +8492,9 @@ var init_ControlButton = __esm({
       square: "rounded-md"
     };
     variantMap = {
-      primary: "bg-blue-600 text-[var(--color-foreground)] border-blue-400 hover:bg-blue-500",
-      secondary: "bg-[var(--color-surface,#374151)] text-[var(--color-foreground)] border-gray-500 hover:bg-gray-600",
-      ghost: "bg-transparent text-[var(--color-foreground)] border-white/30 hover:bg-white/10"
+      primary: "bg-primary text-primary-foreground border-primary hover:bg-primary-hover",
+      secondary: "bg-secondary text-secondary-foreground border-border hover:bg-secondary-hover",
+      ghost: "bg-transparent text-foreground border-border hover:bg-muted"
     };
     ControlButton.displayName = "ControlButton";
   }
@@ -18106,8 +18114,8 @@ function ChoiceButton({
       className: cn(
         "w-full text-left px-4 py-2.5 rounded-md border transition-all duration-150",
         "flex items-center gap-2",
-        selected ? "bg-yellow-500/20 border-yellow-400 text-yellow-300" : "bg-white/5 border-white/10 text-[var(--color-foreground)] hover:bg-white/10 hover:border-white/30",
-        disabled && "opacity-40 cursor-not-allowed hover:bg-white/5 hover:border-white/10",
+        selected ? "bg-accent/15 border-accent text-foreground" : "bg-muted/40 border-border text-foreground hover:bg-muted hover:border-border",
+        disabled && "opacity-40 cursor-not-allowed hover:bg-muted/40 hover:border-border",
         className
       ),
       children: [
@@ -18116,7 +18124,7 @@ function ChoiceButton({
           {
             className: cn(
               "flex-shrink-0 font-mono font-bold text-sm",
-              selected ? "text-yellow-400" : "text-gray-500"
+              selected ? "text-accent" : "text-muted-foreground"
             ),
             children: [
               index,
@@ -20320,7 +20328,7 @@ function DataGrid({
                       onClick: handleActionClick(action, itemData),
                       "data-testid": `action-${action.event}`,
                       "data-row-id": String(itemData.id),
-                      className: "text-error hover:bg-error/10 px-2",
+                      className: "text-error hover:text-error hover:bg-error/10 px-2",
                       children: [
                         action.icon && /* @__PURE__ */ jsxRuntime.jsx(exports.Icon, { name: action.icon, size: "xs" }),
                         action.label
@@ -23062,7 +23070,7 @@ function StatBadge({
           const I = resolveIcon(icon);
           return I ? /* @__PURE__ */ jsxRuntime.jsx(I, { className: "w-4 h-4" }) : icon;
         })() : icon }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 font-medium", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-medium", children: label }),
         format === "hearts" && max && /* @__PURE__ */ jsxRuntime.jsx(
           HealthBar,
           {
@@ -23089,7 +23097,7 @@ function StatBadge({
             animated: true
           }
         ),
-        format === "text" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-[var(--color-foreground)]", children: value })
+        format === "text" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-bold text-foreground", children: value })
       ]
     }
   );
@@ -23107,11 +23115,11 @@ var init_StatBadge = __esm({
       lg: "text-base px-4 py-2"
     };
     variantMap2 = {
-      default: "bg-[var(--color-card)]/80 border-gray-700",
-      primary: "bg-blue-900/80 border-blue-700",
-      success: "bg-green-900/80 border-green-700",
-      warning: "bg-yellow-900/80 border-yellow-700",
-      danger: "bg-red-900/80 border-red-700"
+      default: "bg-card/80 border-border text-foreground",
+      primary: "bg-primary/15 border-primary/40 text-foreground",
+      success: "bg-success/15 border-success/40 text-foreground",
+      warning: "bg-warning/15 border-warning/40 text-foreground",
+      danger: "bg-error/15 border-error/40 text-foreground"
     };
     StatBadge.displayName = "StatBadge";
   }
@@ -36020,9 +36028,45 @@ var init_List = __esm({
     exports.List.displayName = "List";
   }
 });
-var DefaultEmptyDetail, MasterDetail;
+function MasterDetail({
+  entity,
+  masterFields,
+  detailFields: _detailFields,
+  // Captured but not used here - detail handled separately
+  loading: externalLoading,
+  isLoading: externalIsLoading,
+  error: externalError,
+  className,
+  ...rest
+}) {
+  const loading = externalLoading ?? false;
+  const isLoading = externalIsLoading ?? false;
+  const error = externalError ?? null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DataTable,
+    {
+      fields: masterFields,
+      columns: masterFields,
+      entity,
+      isLoading: loading || isLoading,
+      error,
+      className,
+      emptyTitle: "No items found",
+      emptyDescription: "Create your first item to get started.",
+      ...rest
+    }
+  );
+}
 var init_MasterDetail = __esm({
-  "components/organisms/layout/MasterDetail.tsx"() {
+  "components/organisms/MasterDetail.tsx"() {
+    "use client";
+    init_DataTable();
+    MasterDetail.displayName = "MasterDetail";
+  }
+});
+var DefaultEmptyDetail; exports.MasterDetailLayout = void 0;
+var init_MasterDetailLayout = __esm({
+  "components/organisms/layout/MasterDetailLayout.tsx"() {
     init_cn();
     init_Typography();
     DefaultEmptyDetail = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full border-2 border-dashed border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -36033,7 +36077,7 @@ var init_MasterDetail = __esm({
         children: "Select an item to view details"
       }
     ) });
-    MasterDetail = ({
+    exports.MasterDetailLayout = ({
       master,
       detail,
       emptyDetail,
@@ -36068,7 +36112,7 @@ var init_MasterDetail = __esm({
         }
       );
     };
-    MasterDetail.displayName = "MasterDetail";
+    exports.MasterDetailLayout.displayName = "MasterDetailLayout";
   }
 });
 var COLUMN_CLASSES, ASPECT_CLASSES; exports.MediaGallery = void 0;
@@ -40882,7 +40926,7 @@ var init_Sprite = __esm({
   }
 });
 exports.StatCard = void 0;
-var init_StatCard2 = __esm({
+var init_StatCard = __esm({
   "components/organisms/StatCard.tsx"() {
     "use client";
     init_cn();
@@ -43242,6 +43286,7 @@ var init_component_registry_generated = __esm({
     init_LoadingState();
     init_MarkdownContent();
     init_MasterDetail();
+    init_MasterDetailLayout();
     init_MatrixQuestion();
     init_MediaGallery();
     init_Meter();
@@ -43309,7 +43354,7 @@ var init_component_registry_generated = __esm({
     init_Stack();
     init_StarRating();
     init_StatBadge();
-    init_StatCard2();
+    init_StatCard();
     init_StatDisplay();
     init_StateArchitectBoard();
     init_StateIndicator();
@@ -43536,6 +43581,7 @@ var init_component_registry_generated = __esm({
       "MapViewPattern": MapViewPattern,
       "MarkdownContent": exports.MarkdownContent,
       "MasterDetail": MasterDetail,
+      "MasterDetailLayout": exports.MasterDetailLayout,
       "MatrixQuestion": exports.MatrixQuestion,
       "MediaGallery": exports.MediaGallery,
       "Menu": MenuPattern,
@@ -44635,7 +44681,7 @@ var init_atoms = __esm({
     init_ConfettiEffect();
     init_TypewriterText();
     init_SectionHeader();
-    init_StatCard();
+    init_MarketingStatCard();
     init_ContentSection();
     init_PatternTile();
     init_AnimatedReveal();
@@ -44652,7 +44698,7 @@ init_molecules();
 // components/organisms/index.ts
 init_types3();
 init_DataTable();
-init_StatCard2();
+init_StatCard();
 init_PageHeader();
 init_DetailPanel();
 
@@ -44790,41 +44836,7 @@ init_Split();
 init_Table();
 init_List();
 init_CardGrid();
-
-// components/organisms/MasterDetail.tsx
-init_DataTable();
-function MasterDetail2({
-  entity,
-  masterFields,
-  detailFields: _detailFields,
-  // Captured but not used here - detail handled separately
-  loading: externalLoading,
-  isLoading: externalIsLoading,
-  error: externalError,
-  className,
-  ...rest
-}) {
-  const loading = externalLoading ?? false;
-  const isLoading = externalIsLoading ?? false;
-  const error = externalError ?? null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DataTable,
-    {
-      fields: masterFields,
-      columns: masterFields,
-      entity,
-      isLoading: loading || isLoading,
-      error,
-      className,
-      emptyTitle: "No items found",
-      emptyDescription: "Create your first item to get started.",
-      ...rest
-    }
-  );
-}
-MasterDetail2.displayName = "MasterDetail";
-
-// components/organisms/index.ts
+init_MasterDetail();
 init_ConfirmDialog();
 init_WizardContainer();
 init_OrbitalVisualization();
@@ -44842,6 +44854,7 @@ init_types2();
 
 // components/organisms/layout/index.ts
 init_SplitPane();
+init_MasterDetailLayout();
 init_DashboardGrid();
 init_TabbedContainer();
 
@@ -47646,7 +47659,7 @@ exports.InventoryPanel = InventoryPanel;
 exports.IsometricCanvas = IsometricCanvas;
 exports.ItemSlot = ItemSlot;
 exports.MapView = MapView;
-exports.MasterDetail = MasterDetail2;
+exports.MasterDetail = MasterDetail;
 exports.MiniMap = MiniMap;
 exports.NegotiatorBoard = NegotiatorBoard;
 exports.NotifyListener = NotifyListener;