@usevyre/ai-context 0.2.2 → 1.0.0

package/dist/cheat-sheets/index.md

@@ -29,6 +29,6 @@ Quick reference for AI agents — one file per component.
 - [Switch](switch.md) — Toggle switch for boolean on/off settings.
 - [Table](table.md) — Data table with optional sorting. Compose with TableHeader, TableRow, TableCell.
 - [Tabs](tabs.md) — Tabbed navigation for switching between content panels.
-- [Toast](toast.md) — Transient notification. Use the useToast hook to trigger toasts imperatively.
+- [Toast](toast.md) — Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 - [Tooltip](tooltip.md) — Short label that appears on hover/focus. For rich content use Popover instead.
 - [Typography](typography.md) — Text rendering components with semantic scale. Includes Text, Heading, Lead, Code, Blockquote.

package/dist/cheat-sheets/toast.md

@@ -1,10 +1,10 @@
 # Toast — AI Cheat Sheet
 > Quick reference for Claude / Cursor / Copilot
 
-**Transient notification. Use the useToast hook to trigger toasts imperatively.**
+**Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.**
 
 ```ts
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 ```
 
 ## Valid Props

package/dist/claude-context.md

@@ -815,10 +815,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 ```tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)

package/dist/copilot-instructions.md

@@ -814,10 +814,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 ```tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)

package/dist/cursor-rules.md

@@ -255,7 +255,7 @@ Import: `import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react
 Valid props:
 
 ## Toast
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 Import: `import { useToast, ToastProvider } from "@usevyre/react"`
 
 Valid props:

package/dist/full-context.md

@@ -809,10 +809,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 ```tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)

package/dist/index.js

@@ -814,10 +814,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 \`\`\`tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)
@@ -1227,7 +1227,7 @@ Import: \`import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/reac
 Valid props:
 
 ## Toast
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 Import: \`import { useToast, ToastProvider } from "@usevyre/react"\`
 
 Valid props:
@@ -2077,10 +2077,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 \`\`\`tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)
@@ -3047,10 +3047,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 \`\`\`tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)
@@ -4019,10 +4019,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 \`\`\`tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)
@@ -5294,8 +5294,8 @@ export const schema = {
       ]
     },
     "Toast": {
-      "description": "Transient notification. Use the useToast hook to trigger toasts imperatively.",
-      "import": "import { useToast, ToastProvider } from \"@usevyre/react\"",
+      "description": "Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.",
+      "import": "import { useToast, ToastProvider } from \"@usevyre/react\" // Vue: import { useToast, ToastViewport } from \"@usevyre/vue\"",
       "props": {
         "variant": {
           "type": "enum",
@@ -5681,7 +5681,7 @@ export const antiPatterns = {
 export const versionInfo = {
   "version": "0.2.0",
   "packageVersion": "0.1.1",
-  "generatedAt": "2026-05-08T13:45:17.100Z",
+  "generatedAt": "2026-05-10T13:15:02.040Z",
   "validFor": [
     "@usevyre/react@0.1.1+",
     "@usevyre/vue@0.1.1+"
@@ -5940,7 +5940,7 @@ export const cheatSheets = {
   "Switch": "# Switch — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Toggle switch for boolean on/off settings.**\n\n```ts\nimport { Switch } from \"@usevyre/react\"\n```\n\n## Valid Props\n\n| Prop | Values | Default |\n|------|--------|---------|\n| `size` | `\"sm\"` \\| `\"md\"` | `md` |\n| `checked` | `true` \\| `false` | — |\n| `disabled` | `true` \\| `false` | `false` |\n\n## Examples\n\n**Notifications toggle**\n```tsx\n<label style={{ display: 'flex', alignItems: 'center', gap: 'var(--vyre-spacing-2)' }}>\n  <Switch checked={notifications} onChange={setNotifications} />\n  Enable notifications\n</label>\n```\n",
   "Table": "# Table — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Data table with optional sorting. Compose with TableHeader, TableRow, TableCell.**\n\n```ts\nimport { Table, TableHead, TableBody, TableRow, TableHeader, TableCell } from \"@usevyre/react\"\n```\n\n## Examples\n\n**Basic data table**\n```tsx\n<Table>\n  <TableHead>\n    <TableRow>\n      <TableHeader>Name</TableHeader>\n      <TableHeader>Status</TableHeader>\n    </TableRow>\n  </TableHead>\n  <TableBody>\n    <TableRow>\n      <TableCell>Alice</TableCell>\n      <TableCell><Badge variant=\"success\">Active</Badge></TableCell>\n    </TableRow>\n  </TableBody>\n</Table>\n```\n",
   "Tabs": "# Tabs — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Tabbed navigation for switching between content panels.**\n\n```ts\nimport { Tabs, TabList, Tab, TabPanels, TabPanel } from \"@usevyre/react\"\n```\n\n## Examples\n\n**Basic tabs**\n```tsx\n<Tabs defaultIndex={0}>\n  <TabList>\n    <Tab>Overview</Tab>\n    <Tab>Settings</Tab>\n  </TabList>\n  <TabPanels>\n    <TabPanel>Overview content</TabPanel>\n    <TabPanel>Settings content</TabPanel>\n  </TabPanels>\n</Tabs>\n```\n",
-  "Toast": "# Toast — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Transient notification. Use the useToast hook to trigger toasts imperatively.**\n\n```ts\nimport { useToast, ToastProvider } from \"@usevyre/react\"\n```\n\n## Valid Props\n\n| Prop | Values | Default |\n|------|--------|---------|\n| `variant` | `\"default\"` \\| `\"success\"` \\| `\"warning\"` \\| `\"danger\"` | `default` |\n\n## Common AI Mistakes\n\n- ❌ `Rendering <Toast> directly in JSX`\n  → Use: const { toast } = useToast(); then toast({ title, variant })\n- ❌ `variant=\"error\"`\n  → Use variant=\"danger\"\n- ❌ `variant=\"info\"`\n  → Use variant=\"default\"\n\n## Examples\n\n**Trigger a success toast**\n```tsx\nconst { toast } = useToast();\n\n<Button onClick={() => toast({ title: 'Saved!', variant: 'success', duration: 3000 })}>\n  Save\n</Button>\n```\n\n**Setup: wrap app with ToastProvider**\n```tsx\n<ToastProvider>\n  <App />\n</ToastProvider>\n```\n",
+  "Toast": "# Toast — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.**\n\n```ts\nimport { useToast, ToastProvider } from \"@usevyre/react\" // Vue: import { useToast, ToastViewport } from \"@usevyre/vue\"\n```\n\n## Valid Props\n\n| Prop | Values | Default |\n|------|--------|---------|\n| `variant` | `\"default\"` \\| `\"success\"` \\| `\"warning\"` \\| `\"danger\"` | `default` |\n\n## Common AI Mistakes\n\n- ❌ `Rendering <Toast> directly in JSX`\n  → Use: const { toast } = useToast(); then toast({ title, variant })\n- ❌ `variant=\"error\"`\n  → Use variant=\"danger\"\n- ❌ `variant=\"info\"`\n  → Use variant=\"default\"\n\n## Examples\n\n**Trigger a success toast**\n```tsx\nconst { toast } = useToast();\n\n<Button onClick={() => toast({ title: 'Saved!', variant: 'success', duration: 3000 })}>\n  Save\n</Button>\n```\n\n**Setup: wrap app with ToastProvider**\n```tsx\n<ToastProvider>\n  <App />\n</ToastProvider>\n```\n",
   "Tooltip": "# Tooltip — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Short label that appears on hover/focus. For rich content use Popover instead.**\n\n```ts\nimport { Tooltip } from \"@usevyre/react\"\n```\n\n## Valid Props\n\n| Prop | Values | Default |\n|------|--------|---------|\n| `placement` | `\"top\"` \\| `\"bottom\"` \\| `\"left\"` \\| `\"right\"` | `top` |\n\n## Common AI Mistakes\n\n- ❌ `Using Tooltip for rich content (forms, buttons, etc.)`\n  → Use Popover for rich interactive content\n\n## Examples\n\n**Tooltip on an icon button**\n```tsx\n<Tooltip content=\"Close dialog\" placement=\"bottom\">\n  <Button variant=\"ghost\" size=\"icon\" aria-label=\"Close\">\n    <X size={16} />\n  </Button>\n</Tooltip>\n```\n",
   "Typography": "# Typography — AI Cheat Sheet\n> Quick reference for Claude / Cursor / Copilot\n\n**Text rendering components with semantic scale. Includes Text, Heading, Lead, Code, Blockquote.**\n\n```ts\nimport { Text, Heading, Lead, Code, Blockquote } from \"@usevyre/react\"\n```\n\n## Common AI Mistakes\n\n- ❌ `Using raw <h1>, <p> tags instead of Typography components`\n  → Use <Heading>, <Text>, <Lead> from @usevyre/react\n\n## Examples\n\n**Page heading and body text**\n```tsx\n<Heading size=\"2xl\" as=\"h1\">Dashboard</Heading>\n<Lead>Welcome back. Here's what's happening today.</Lead>\n<Text size=\"sm\" style={{ color: 'var(--vyre-color-semantic-text-muted)' }}>Last updated 5 minutes ago.</Text>\n```\n"
 };

package/dist/schema.json

@@ -1116,8 +1116,8 @@
       ]
     },
     "Toast": {
-      "description": "Transient notification. Use the useToast hook to trigger toasts imperatively.",
-      "import": "import { useToast, ToastProvider } from \"@usevyre/react\"",
+      "description": "Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.",
+      "import": "import { useToast, ToastProvider } from \"@usevyre/react\" // Vue: import { useToast, ToastViewport } from \"@usevyre/vue\"",
       "props": {
         "variant": {
           "type": "enum",

package/dist/tokens.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://usevyre.com/schemas/ai-tokens-v1.json",
-  "version": "0.1.2",
-  "generatedAt": "2026-05-08T09:57:54.742Z",
+  "version": "1.0.0",
+  "generatedAt": "2026-05-10T13:14:24.865Z",
   "description": "useVyre design tokens — machine-readable reference for AI agents. Use semantic color tokens; never use primitive tokens directly in components.",
   "naming": {
     "convention": "--vyre-[category]-[subcategory]-[variant]",

package/dist/tokens.md

@@ -1,5 +1,5 @@
 # useVyre Token Reference for AI Agents
-# Version: 0.1.2 | Generated: 2026-05-08
+# Version: 1.0.0 | Generated: 2026-05-10
 # Machine-readable version: @usevyre/tokens/ai (ai-tokens.json)
 
 ## Usage

package/dist/version-info.json

@@ -1,7 +1,7 @@
 {
   "version": "0.2.0",
   "packageVersion": "0.1.1",
-  "generatedAt": "2026-05-08T13:45:17.100Z",
+  "generatedAt": "2026-05-10T13:15:02.040Z",
   "validFor": [
     "@usevyre/react@0.1.1+",
     "@usevyre/vue@0.1.1+"

package/dist/windsurf-rules.md

@@ -812,10 +812,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
 
 ### Toast
 
-Transient notification. Use the useToast hook to trigger toasts imperatively.
+Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
 
 ```tsx
-import { useToast, ToastProvider } from "@usevyre/react"
+import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
 
 // Props:
 // variant        = "default" | "success" | "warning" | "danger" (default: default)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usevyre/ai-context",
-  "version": "0.2.2",
+  "version": "1.0.0",
   "description": "useVyre AI context — inject into LLM system prompts to eliminate UI hallucinations",
   "keywords": [
     "design-system",