@bug-on/m3-expressive 1.3.2 → 1.3.3

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @bug-on/m3-expressive
 
+## 1.3.3
+
+### Patch Changes
+
+- 719c20f: Add AI docs and TOC hierarchy
+
 ## 1.3.2
 
 ### Patch Changes

package/README.md

@@ -221,6 +221,31 @@ export default function App() {
 
 ---
 
+## 🤖 AI Agent Integration
+
+This package ships with machine-readable LLM documentation (`llms.txt` and `llms-full.txt`) adhering to the [llmstxt.org](https://llmstxt.org/) standard. When installed in your project, AI coding assistants (Cursor, GitHub Copilot, Claude Code, ChatGPT Codex) can read the bundled specification directly to understand APIs and avoid hallucinating props.
+
+### 📚 Locating LLM Documentation
+
+- **Local (in your project after install)**:
+  - `node_modules/@bug-on/m3-expressive/llms-full.txt` *(Full API & Gotchas reference - Recommended)*
+  - `node_modules/@bug-on/m3-expressive/llms.txt` *(Quick overview)*
+- **Remote CDN**:
+  - `https://unpkg.com/@bug-on/m3-expressive/llms-full.txt`
+  - `https://cdn.jsdelivr.net/npm/@bug-on/m3-expressive/llms-full.txt`
+  - `https://raw.githubusercontent.com/nguyentruongton/bug-on-md3-expressive/main/llms-full.txt`
+
+### 💡 Suggested Prompt for your AI Assistant
+Add this instruction to your project's `CLAUDE.md`, `.cursorrules`, or system prompt:
+
+```markdown
+Before generating or modifying UI components using @bug-on/m3-expressive, read:
+- Local: node_modules/@bug-on/m3-expressive/llms-full.txt
+- CDN: https://unpkg.com/@bug-on/m3-expressive/llms-full.txt
+```
+
+---
+
 ## ⚖️ License
 
 [MIT](./LICENSE)

package/dist/core.js

@@ -2150,11 +2150,13 @@ var Snackbar = React4__namespace.memo(function Snackbar2({
                   type: "button",
                   onClick: handleAction,
                   className: cn(
-                    "text-sm font-medium",
-                    "px-2 py-1 rounded-sm",
-                    "focus-visible:outline-none focus-visible:ring-2",
-                    "transition-colors whitespace-nowrap",
-                    "text-m3-inverse-primary"
+                    "inline-flex items-center justify-center",
+                    "h-10 px-3 py-2.5 rounded-sm",
+                    "text-sm font-medium leading-5 whitespace-nowrap",
+                    "text-m3-inverse-primary",
+                    "hover:bg-m3-inverse-primary/8 focus-visible:bg-m3-inverse-primary/12 active:bg-m3-inverse-primary/12",
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-m3-inverse-primary",
+                    "transition-colors select-none cursor-pointer"
                   ),
                   children: actionLabel
                 }
@@ -2163,10 +2165,10 @@ var Snackbar = React4__namespace.memo(function Snackbar2({
                 IconButton,
                 {
                   size: "sm",
-                  colorStyle: "filled",
+                  colorStyle: "standard",
                   "aria-label": "Dismiss notification",
                   onClick: handleDismiss,
-                  className: "text-m3-inverse-on-surface bg-m3-inverse-surface",
+                  className: "text-m3-inverse-on-surface hover:bg-m3-inverse-on-surface/8 active:bg-m3-inverse-on-surface/12 focus-visible:ring-m3-inverse-primary",
                   children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "close", "aria-hidden": "true" })
                 }
               )