@idealyst/mcp-server 1.2.124 → 1.2.126

package/dist/index.cjs

@@ -11585,14 +11585,18 @@ var componentMetadata = {
     description: "Structured data display in rows and columns",
     features: [
       "Sortable columns",
-      "Custom cell rendering",
-      "Header and footer",
-      "Striped rows"
+      "Custom cell rendering via column `render` function",
+      "Custom column titles (ReactNode) \u2014 render icons, badges, or any element as header",
+      "Footer row support \u2014 static content or computed from data via `footer` callback",
+      "Striped, bordered, and standard type variants",
+      "Column alignment (left, center, right)"
     ],
     bestPractices: [
       "Use for structured, comparable data",
       "Align numbers to the right",
-      "Provide sorting for large datasets"
+      "Column `title` accepts ReactNode \u2014 use for custom headers with icons or styled text",
+      "Column `footer` accepts ReactNode or `(data: T[]) => ReactNode` \u2014 use the callback form for computed values like sums/averages",
+      "Footer only renders when at least one column has a `footer` defined"
     ]
   },
   Tabs: {
@@ -71051,6 +71055,11 @@ function postProcessComponentTypes(componentName, result) {
       result.usageNote = "TextArea has a DIFFERENT API from TextInput. TextArea uses onChange (not onChangeText) and does NOT have onBlur. TextArea DOES support label, error, and rows props (TextInput does NOT support label/error). TextArea supports `fill` prop: when true, all container layers get flex: 1 so the textarea expands to fill available vertical space (useful inside Dialog with avoidKeyboard). Always call get_component_types('TextArea') separately \u2014 do NOT assume it shares TextInput's props.";
     }
   }
+  if (componentName.toLowerCase() === "table") {
+    if (typeof result === "object" && result !== null) {
+      result.usageNote = "Table column `title` accepts ReactNode \u2014 you can render icons, styled text, or any element as the column header. Table column `footer` accepts `ReactNode | ((data: T[]) => ReactNode)`. Use static ReactNode for labels (e.g., 'Total'), or a callback function for computed values (e.g., `(data) => '$' + data.reduce((sum, r) => sum + r.price, 0).toFixed(2)`). The footer row only renders when at least one column has a `footer` defined \u2014 columns without `footer` render empty cells. Table does NOT have compound components \u2014 no Table.Header, Table.Body, Table.Footer. Use the `columns` prop with `title` and `footer` fields.";
+    }
+  }
   if (componentName.toLowerCase() === "image") {
     if (typeof result === "object" && result !== null) {
       result.usageNote = "Image uses `objectFit` (CSS convention) \u2014 NOT `resizeMode` (React Native convention). Valid objectFit values: 'contain', 'cover', 'fill', 'none', 'scale-down'. Image uses `source` prop (accepts URL string or ImageSourcePropType) \u2014 NOT `src`. Example: <Image source=\"https://example.com/photo.jpg\" objectFit=\"cover\" width={200} height={200} />";