Add CardsGrid Component for Displaying Card Collections listing

CardListing/5ab3644c-e9bd-4c65-a4ea-56903989d142.json

@@ -0,0 +1,69 @@
+{
+  "data": {
+    "meta": {
+      "adoptsFrom": {
+        "name": "CardListing",
+        "module": "https://realms-staging.stack.cards/catalog/catalog-app/listing/listing"
+      }
+    },
+    "type": "card",
+    "attributes": {
+      "name": "CardsGrid Component for Displaying Card Collections",
+      "images": [],
+      "summary": "The CardsGrid component provides a dynamic, interactive grid layout for displaying collections of cards. Its primary purpose is to offer users a versatile interface to view, filter, sort, and manage cards within specified realms. It supports multiple view modes, filtering options including highlights and all cards, and allows creation of new cards. The component manages realm subscriptions to keep the card display in sync with data changes and enables customization of card filtering and sorting. It also loads highlight cards from predefined URLs for enhanced user focus and engagement.",
+      "cardInfo": {
+        "name": null,
+        "notes": null,
+        "summary": null,
+        "cardThumbnailURL": null
+      }
+    },
+    "relationships": {
+      "tags.0": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/Tag/ed5a1a3f-0dbf-47b5-b2a6-d88b0d2a7642"
+        }
+      },
+      "specs": {
+        "links": {
+          "self": null
+        }
+      },
+      "skills": {
+        "links": {
+          "self": null
+        }
+      },
+      "license": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/License/4c5a023b-a72c-4f90-930b-da60a1de5b2d"
+        }
+      },
+      "publisher": {
+        "links": {
+          "self": null
+        }
+      },
+      "categories.0": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/Category/product-catalogs"
+        }
+      },
+      "examples.0": {
+        "links": {
+          "self": "../index"
+        }
+      },
+      "cardInfo.theme": {
+        "links": {
+          "self": null
+        }
+      },
+      "cardInfo.cardThumbnail": {
+        "links": {
+          "self": null
+        }
+      }
+    }
+  }
+}

index.json

@@ -1,25 +1,10 @@
 {
   "data": {
+    "type": "card",
     "meta": {
       "adoptsFrom": {
-        "name": "Catalog",
-        "module": "./catalog-app/catalog"
-      }
-    },
-    "type": "card",
-    "attributes": {
-      "cardInfo": {
-        "notes": null,
-        "name": null,
-        "summary": null,
-        "cardThumbnailURL": null
-      }
-    },
-    "relationships": {
-      "cardInfo.theme": {
-        "links": {
-          "self": null
-        }
+        "module": "https://cardstack.com/base/cards-grid",
+        "name": "CardsGrid"
       }
     }
   }