@utilitywarehouse/hearth-react-native 0.35.7 → 0.35.8

package/public/llms/components/list.md

@@ -329,15 +329,9 @@ You can use the `SectionHeader` component to add a heading and supporting text t
 
 ```tsx
 // Example usage
-import {
-  List,
-  ListItem,
-  ListItemIcon,
-  ListItemTrailingIcon,
-} from '@utilitywarehouse/hearth-react-native';
+import { List, ListItem, ListItemIcon } from '@utilitywarehouse/hearth-react-native';
 import {
   BillMediumIcon,
-  ChevronRightSmallIcon,
   PaymentMediumIcon,
   HomeMediumIcon,
   UserMediumIcon,
@@ -353,34 +347,35 @@ const MyComponent = ({ navigate }) => (
       heading="Bills"
       helperText="View your bills"
       leadingContent={<ListItemIcon as={BillMediumIcon} />}
-      trailingContent={<ListItemTrailingIcon as={ChevronRightSmallIcon} />}
       onPress={() => console.log('pressed')}
     />
     <ListItem
       heading="Payments"
       helperText="Make a payment"
       leadingContent={<ListItemIcon as={PaymentMediumIcon} />}
-      trailingContent={<ListItemTrailingIcon as={ChevronRightSmallIcon} />}
       onPress={() => console.log('pressed')}
     />
     <ListItem
       heading="Moving home"
       helperText="Tell us if you're moving"
       leadingContent={<ListItemIcon as={HomeMediumIcon} />}
-      trailingContent={<ListItemTrailingIcon as={ChevronRightSmallIcon} />}
       onPress={() => console.log('pressed')}
     />
     <ListItem
       heading="Refer a friend"
       helperText="Get rewarded with a friend"
       leadingContent={<ListItemIcon as={UserMediumIcon} />}
-      trailingContent={<ListItemTrailingIcon as={ChevronRightSmallIcon} />}
       onPress={() => console.log('pressed')}
     />
   </List>
 );
 ```
 
+`ListItem` renders its own trailing chevron automatically when `onPress` is
+set and `trailingContent` is omitted — no need to pass
+`trailingContent={<ListItemTrailingIcon as={ChevronRightSmallIcon} />}`
+yourself unless you want a different trailing element.
+
 ### `List` with `ListAction`
 
 You can use the `ListAction` component to add actionable items to your list.

package/public/llms/docs/ai-tooling.md

@@ -1,6 +1,8 @@
 # AI Tooling
 
 - [Plugin](#plugin)
+  - [Claude CLI](#claude-cli)
+  - [Claude Desktop](#claude-desktop)
 - [llms.txt and markdown docs](#llms-txt-and-markdown-docs)
 - [Agent Skill](#agent-skill)
 - [Hearth React Native MCP Server](#hearth-react-native-mcp-server)
@@ -13,7 +15,7 @@ context it needs to build with Hearth correctly.
 If you're building UI from a design in Figma, start with Figma's MCP Server.
 This should be the first step, since it gives your agent direct access to the
 design you're implementing. You can read more information about setting this up
-in the root AI Toolkit documentation.
+in the [root AI Toolkit documentation](https://hearth.prod.uw.systems/?path=/docs/ai-toolkit--docs).
 
 Hearth's own AI tooling then supplements it for most use cases, filling in the
 parts of the Hearth React Native API and usage guidance that the design alone
@@ -26,10 +28,30 @@ doesn't capture:
 ## Plugin
 
 The Hearth AI Toolkit plugin is the recommended way to set up your agent with
-the Hearth React Native AI Tools. It will automatically add the skill and MCP
-server to your agent configuration, and ensure that your agent has access to
-the latest Hearth React Native documentation and usage guidance. How to install
-and use the plugin is documented in the root AI Toolkit documentation.
+the Hearth React Native AI Tools. It will automatically add the `hearth-react-native`
+skill and MCP server to your agent configuration, and ensure that your agent has
+access to the latest Hearth React Native documentation and usage guidance.
+
+### Claude CLI
+
+```console
+/plugin marketplace add utilitywarehouse/hearth
+/plugin install hearth-ai-toolkit@hearth-plugins
+```
+
+### Claude Desktop
+
+In the desktop app, click on **Customize** in the sidebar, then navigate to
+**Plugins**. In the **Add** menu, choose **Add Marketplace**, then select the
+**utilitywarehouse/hearth** repository, and click **Sync**.
+
+This will add the `hearth-plugins` marketplace to Claude, and if you then click
+the **+** symbol in the corner of the Hearth Design Systems card, you will have
+the plugin installed and ready to use.
+
+See the [root AI Toolkit documentation](https://hearth.prod.uw.systems/?path=/docs/ai-toolkit--docs)
+for the full plugin scope (it also covers `hearth-react`), and for how to
+combine it with the Figma MCP Server.
 
 ## llms.txt and markdown docs
 

package/public/llms/docs/introduction.md

@@ -1,7 +1,7 @@
 # Hearth React Native
 
 React Native component library for building UIs at Utility Warehouse.<br/>
-Current version: v0.35.7
+Current version: v0.35.8
 
 Hearth React Native is a comprehensive design system library for React Native, providing reusable components, consistent styling, and tools to streamline UI development. It is built to enhance productivity and maintain design consistency across projects.