@usevyre/ai-context 0.2.2 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/anti-patterns.json +1 -1
- package/dist/cheat-sheets/index.md +1 -1
- package/dist/cheat-sheets/toast.md +2 -2
- package/dist/claude-context.md +3 -3
- package/dist/copilot-instructions.md +3 -3
- package/dist/cursor-rules.md +2 -2
- package/dist/full-context.md +2 -2
- package/dist/index.js +99 -89
- package/dist/schema.json +12 -7
- package/dist/tokens.json +2 -2
- package/dist/tokens.md +1 -1
- package/dist/version-info.json +70 -65
- package/dist/windsurf-rules.md +3 -3
- package/package.json +1 -1
package/dist/anti-patterns.json
CHANGED
|
@@ -29,6 +29,6 @@ Quick reference for AI agents — one file per component.
|
|
|
29
29
|
- [Switch](switch.md) — Toggle switch for boolean on/off settings.
|
|
30
30
|
- [Table](table.md) — Data table with optional sorting. Compose with TableHeader, TableRow, TableCell.
|
|
31
31
|
- [Tabs](tabs.md) — Tabbed navigation for switching between content panels.
|
|
32
|
-
- [Toast](toast.md) — Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
32
|
+
- [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.
|
|
33
33
|
- [Tooltip](tooltip.md) — Short label that appears on hover/focus. For rich content use Popover instead.
|
|
34
34
|
- [Typography](typography.md) — Text rendering components with semantic scale. Includes Text, Heading, Lead, Code, Blockquote.
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
# Toast — AI Cheat Sheet
|
|
2
2
|
> Quick reference for Claude / Cursor / Copilot
|
|
3
3
|
|
|
4
|
-
**Transient notification. Use the useToast hook to trigger toasts imperatively.**
|
|
4
|
+
**Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.**
|
|
5
5
|
|
|
6
6
|
```ts
|
|
7
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
7
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
8
8
|
```
|
|
9
9
|
|
|
10
10
|
## Valid Props
|
package/dist/claude-context.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# useVyre Design System Context
|
|
2
|
-
# Version: 0.
|
|
2
|
+
# Version: 1.0.0
|
|
3
3
|
|
|
4
4
|
You are working in a codebase that uses the useVyre design system.
|
|
5
5
|
Follow the rules below strictly when writing any UI code.
|
|
@@ -815,10 +815,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
815
815
|
|
|
816
816
|
### Toast
|
|
817
817
|
|
|
818
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
818
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
819
819
|
|
|
820
820
|
```tsx
|
|
821
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
821
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
822
822
|
|
|
823
823
|
// Props:
|
|
824
824
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# useVyre Copilot Instructions
|
|
2
|
-
# Version: 0.
|
|
2
|
+
# Version: 1.0.0
|
|
3
3
|
|
|
4
4
|
When generating UI code in this project, follow the useVyre design system rules below.
|
|
5
5
|
|
|
@@ -814,10 +814,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
814
814
|
|
|
815
815
|
### Toast
|
|
816
816
|
|
|
817
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
817
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
818
818
|
|
|
819
819
|
```tsx
|
|
820
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
820
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
821
821
|
|
|
822
822
|
// Props:
|
|
823
823
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
package/dist/cursor-rules.md
CHANGED
|
@@ -4,7 +4,7 @@ alwaysApply: true
|
|
|
4
4
|
---
|
|
5
5
|
|
|
6
6
|
# useVyre Design System — Cursor Rules
|
|
7
|
-
# Version: 0.
|
|
7
|
+
# Version: 1.0.0
|
|
8
8
|
|
|
9
9
|
You are working in a project using the useVyre design system (@usevyre/react).
|
|
10
10
|
Follow these rules strictly when generating any UI code.
|
|
@@ -255,7 +255,7 @@ Import: `import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react
|
|
|
255
255
|
Valid props:
|
|
256
256
|
|
|
257
257
|
## Toast
|
|
258
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
258
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
259
259
|
Import: `import { useToast, ToastProvider } from "@usevyre/react"`
|
|
260
260
|
|
|
261
261
|
Valid props:
|
package/dist/full-context.md
CHANGED
|
@@ -809,10 +809,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
809
809
|
|
|
810
810
|
### Toast
|
|
811
811
|
|
|
812
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
812
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
813
813
|
|
|
814
814
|
```tsx
|
|
815
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
815
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
816
816
|
|
|
817
817
|
// Props:
|
|
818
818
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
// @usevyre/ai-context
|
|
1
|
+
// @usevyre/ai-context v1.0.0
|
|
2
2
|
// Auto-generated — do not edit directly. Edit src/schema/components.json instead.
|
|
3
3
|
|
|
4
|
-
export const version = "0.
|
|
4
|
+
export const version = "1.0.0";
|
|
5
5
|
|
|
6
6
|
export const fullContext = `# useVyre Design System — AI Context
|
|
7
7
|
# Version: 0.2.0
|
|
@@ -814,10 +814,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
814
814
|
|
|
815
815
|
### Toast
|
|
816
816
|
|
|
817
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
817
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
818
818
|
|
|
819
819
|
\`\`\`tsx
|
|
820
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
820
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
821
821
|
|
|
822
822
|
// Props:
|
|
823
823
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
|
@@ -976,7 +976,7 @@ alwaysApply: true
|
|
|
976
976
|
---
|
|
977
977
|
|
|
978
978
|
# useVyre Design System — Cursor Rules
|
|
979
|
-
# Version: 0.
|
|
979
|
+
# Version: 1.0.0
|
|
980
980
|
|
|
981
981
|
You are working in a project using the useVyre design system (@usevyre/react).
|
|
982
982
|
Follow these rules strictly when generating any UI code.
|
|
@@ -1227,7 +1227,7 @@ Import: \`import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/reac
|
|
|
1227
1227
|
Valid props:
|
|
1228
1228
|
|
|
1229
1229
|
## Toast
|
|
1230
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
1230
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
1231
1231
|
Import: \`import { useToast, ToastProvider } from "@usevyre/react"\`
|
|
1232
1232
|
|
|
1233
1233
|
Valid props:
|
|
@@ -1261,7 +1261,7 @@ Use --vyre-color-semantic-* for all colors. Never use primitive tokens.
|
|
|
1261
1261
|
Use --vyre-spacing-* for all spacing. Never use raw px in component code.
|
|
1262
1262
|
Use --vyre-border-radius-* for border radius.`;
|
|
1263
1263
|
export const claudeContext = `# useVyre Design System Context
|
|
1264
|
-
# Version: 0.
|
|
1264
|
+
# Version: 1.0.0
|
|
1265
1265
|
|
|
1266
1266
|
You are working in a codebase that uses the useVyre design system.
|
|
1267
1267
|
Follow the rules below strictly when writing any UI code.
|
|
@@ -2077,10 +2077,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
2077
2077
|
|
|
2078
2078
|
### Toast
|
|
2079
2079
|
|
|
2080
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
2080
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
2081
2081
|
|
|
2082
2082
|
\`\`\`tsx
|
|
2083
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
2083
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
2084
2084
|
|
|
2085
2085
|
// Props:
|
|
2086
2086
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
|
@@ -2234,7 +2234,7 @@ If you generate these, you are hallucinating.
|
|
|
2234
2234
|
\`\`\`
|
|
2235
2235
|
`;
|
|
2236
2236
|
export const windsurfRules = `# useVyre Rules for Windsurf
|
|
2237
|
-
# Version: 0.
|
|
2237
|
+
# Version: 1.0.0
|
|
2238
2238
|
|
|
2239
2239
|
# useVyre Design System — AI Context
|
|
2240
2240
|
# Version: 0.2.0
|
|
@@ -3047,10 +3047,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
3047
3047
|
|
|
3048
3048
|
### Toast
|
|
3049
3049
|
|
|
3050
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
3050
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
3051
3051
|
|
|
3052
3052
|
\`\`\`tsx
|
|
3053
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
3053
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
3054
3054
|
|
|
3055
3055
|
// Props:
|
|
3056
3056
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
|
@@ -3204,7 +3204,7 @@ If you generate these, you are hallucinating.
|
|
|
3204
3204
|
\`\`\`
|
|
3205
3205
|
`;
|
|
3206
3206
|
export const copilotInstructions = `# useVyre Copilot Instructions
|
|
3207
|
-
# Version: 0.
|
|
3207
|
+
# Version: 1.0.0
|
|
3208
3208
|
|
|
3209
3209
|
When generating UI code in this project, follow the useVyre design system rules below.
|
|
3210
3210
|
|
|
@@ -4019,10 +4019,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
4019
4019
|
|
|
4020
4020
|
### Toast
|
|
4021
4021
|
|
|
4022
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
4022
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
4023
4023
|
|
|
4024
4024
|
\`\`\`tsx
|
|
4025
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
4025
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
4026
4026
|
|
|
4027
4027
|
// Props:
|
|
4028
4028
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|
|
@@ -4178,15 +4178,20 @@ If you generate these, you are hallucinating.
|
|
|
4178
4178
|
|
|
4179
4179
|
export const schema = {
|
|
4180
4180
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
4181
|
-
"version": "0.
|
|
4182
|
-
"generatedAt": "2026-05-
|
|
4181
|
+
"version": "1.0.0",
|
|
4182
|
+
"generatedAt": "2026-05-13",
|
|
4183
4183
|
"package": "@usevyre/react",
|
|
4184
|
-
"packageVersion": "0.
|
|
4184
|
+
"packageVersion": "1.0.0",
|
|
4185
4185
|
"validFor": [
|
|
4186
|
-
"@usevyre/react@0.
|
|
4187
|
-
"@usevyre/vue@0.
|
|
4186
|
+
"@usevyre/react@1.0.0+",
|
|
4187
|
+
"@usevyre/vue@1.0.0+"
|
|
4188
4188
|
],
|
|
4189
4189
|
"changelog": {
|
|
4190
|
+
"1.0.0": {
|
|
4191
|
+
"date": "2026-05-13",
|
|
4192
|
+
"breaking": true,
|
|
4193
|
+
"summary": "Stable v1.0 release — VyreCode renamed to Code in Vue, BreadcrumbLink + BreadcrumbSeparator added to React, Toast setup updated"
|
|
4194
|
+
},
|
|
4190
4195
|
"0.2.0": {
|
|
4191
4196
|
"date": "2026-05-08",
|
|
4192
4197
|
"breaking": false,
|
|
@@ -5294,8 +5299,8 @@ export const schema = {
|
|
|
5294
5299
|
]
|
|
5295
5300
|
},
|
|
5296
5301
|
"Toast": {
|
|
5297
|
-
"description": "Transient notification. Use the useToast hook to trigger toasts imperatively.",
|
|
5298
|
-
"import": "import { useToast, ToastProvider } from \"@usevyre/react\"",
|
|
5302
|
+
"description": "Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.",
|
|
5303
|
+
"import": "import { useToast, ToastProvider } from \"@usevyre/react\" // Vue: import { useToast, ToastViewport } from \"@usevyre/vue\"",
|
|
5299
5304
|
"props": {
|
|
5300
5305
|
"variant": {
|
|
5301
5306
|
"type": "enum",
|
|
@@ -5456,7 +5461,7 @@ export const schema = {
|
|
|
5456
5461
|
};
|
|
5457
5462
|
|
|
5458
5463
|
export const antiPatterns = {
|
|
5459
|
-
"version": "0.
|
|
5464
|
+
"version": "1.0.0",
|
|
5460
5465
|
"rules": [
|
|
5461
5466
|
{
|
|
5462
5467
|
"component": "Accordion",
|
|
@@ -5679,14 +5684,19 @@ export const antiPatterns = {
|
|
|
5679
5684
|
};
|
|
5680
5685
|
|
|
5681
5686
|
export const versionInfo = {
|
|
5682
|
-
"version": "0.
|
|
5683
|
-
"packageVersion": "0.
|
|
5684
|
-
"generatedAt": "2026-05-
|
|
5687
|
+
"version": "1.0.0",
|
|
5688
|
+
"packageVersion": "1.0.0",
|
|
5689
|
+
"generatedAt": "2026-05-13T08:35:50.053Z",
|
|
5685
5690
|
"validFor": [
|
|
5686
|
-
"@usevyre/react@0.
|
|
5687
|
-
"@usevyre/vue@0.
|
|
5691
|
+
"@usevyre/react@1.0.0+",
|
|
5692
|
+
"@usevyre/vue@1.0.0+"
|
|
5688
5693
|
],
|
|
5689
5694
|
"changelog": {
|
|
5695
|
+
"1.0.0": {
|
|
5696
|
+
"date": "2026-05-13",
|
|
5697
|
+
"breaking": true,
|
|
5698
|
+
"summary": "Stable v1.0 release — VyreCode renamed to Code in Vue, BreadcrumbLink + BreadcrumbSeparator added to React, Toast setup updated"
|
|
5699
|
+
},
|
|
5690
5700
|
"0.2.0": {
|
|
5691
5701
|
"date": "2026-05-08",
|
|
5692
5702
|
"breaking": false,
|
|
@@ -5700,211 +5710,211 @@ export const versionInfo = {
|
|
|
5700
5710
|
},
|
|
5701
5711
|
"components": {
|
|
5702
5712
|
"Accordion": {
|
|
5703
|
-
"version": "0.
|
|
5704
|
-
"lastUpdated": "2026-05-
|
|
5713
|
+
"version": "1.0.0",
|
|
5714
|
+
"lastUpdated": "2026-05-13",
|
|
5705
5715
|
"breaking": false,
|
|
5706
5716
|
"stable": true,
|
|
5707
5717
|
"changelog": null
|
|
5708
5718
|
},
|
|
5709
5719
|
"Alert": {
|
|
5710
|
-
"version": "0.
|
|
5711
|
-
"lastUpdated": "2026-05-
|
|
5720
|
+
"version": "1.0.0",
|
|
5721
|
+
"lastUpdated": "2026-05-13",
|
|
5712
5722
|
"breaking": false,
|
|
5713
5723
|
"stable": true,
|
|
5714
5724
|
"changelog": null
|
|
5715
5725
|
},
|
|
5716
5726
|
"Avatar": {
|
|
5717
|
-
"version": "0.
|
|
5718
|
-
"lastUpdated": "2026-05-
|
|
5727
|
+
"version": "1.0.0",
|
|
5728
|
+
"lastUpdated": "2026-05-13",
|
|
5719
5729
|
"breaking": false,
|
|
5720
5730
|
"stable": true,
|
|
5721
5731
|
"changelog": null
|
|
5722
5732
|
},
|
|
5723
5733
|
"Badge": {
|
|
5724
|
-
"version": "0.
|
|
5725
|
-
"lastUpdated": "2026-05-
|
|
5734
|
+
"version": "1.0.0",
|
|
5735
|
+
"lastUpdated": "2026-05-13",
|
|
5726
5736
|
"breaking": false,
|
|
5727
5737
|
"stable": true,
|
|
5728
5738
|
"changelog": null
|
|
5729
5739
|
},
|
|
5730
5740
|
"Breadcrumb": {
|
|
5731
|
-
"version": "0.
|
|
5732
|
-
"lastUpdated": "2026-05-
|
|
5741
|
+
"version": "1.0.0",
|
|
5742
|
+
"lastUpdated": "2026-05-13",
|
|
5733
5743
|
"breaking": false,
|
|
5734
5744
|
"stable": true,
|
|
5735
5745
|
"changelog": null
|
|
5736
5746
|
},
|
|
5737
5747
|
"Button": {
|
|
5738
|
-
"version": "0.
|
|
5739
|
-
"lastUpdated": "2026-05-
|
|
5748
|
+
"version": "1.0.0",
|
|
5749
|
+
"lastUpdated": "2026-05-13",
|
|
5740
5750
|
"breaking": false,
|
|
5741
5751
|
"stable": true,
|
|
5742
5752
|
"changelog": null
|
|
5743
5753
|
},
|
|
5744
5754
|
"Calendar": {
|
|
5745
|
-
"version": "0.
|
|
5746
|
-
"lastUpdated": "2026-05-
|
|
5755
|
+
"version": "1.0.0",
|
|
5756
|
+
"lastUpdated": "2026-05-13",
|
|
5747
5757
|
"breaking": false,
|
|
5748
5758
|
"stable": true,
|
|
5749
5759
|
"changelog": null
|
|
5750
5760
|
},
|
|
5751
5761
|
"Card": {
|
|
5752
|
-
"version": "0.
|
|
5753
|
-
"lastUpdated": "2026-05-
|
|
5762
|
+
"version": "1.0.0",
|
|
5763
|
+
"lastUpdated": "2026-05-13",
|
|
5754
5764
|
"breaking": false,
|
|
5755
5765
|
"stable": true,
|
|
5756
5766
|
"changelog": null
|
|
5757
5767
|
},
|
|
5758
5768
|
"Checkbox": {
|
|
5759
|
-
"version": "0.
|
|
5760
|
-
"lastUpdated": "2026-05-
|
|
5769
|
+
"version": "1.0.0",
|
|
5770
|
+
"lastUpdated": "2026-05-13",
|
|
5761
5771
|
"breaking": false,
|
|
5762
5772
|
"stable": true,
|
|
5763
5773
|
"changelog": null
|
|
5764
5774
|
},
|
|
5765
5775
|
"Command": {
|
|
5766
|
-
"version": "0.
|
|
5767
|
-
"lastUpdated": "2026-05-
|
|
5776
|
+
"version": "1.0.0",
|
|
5777
|
+
"lastUpdated": "2026-05-13",
|
|
5768
5778
|
"breaking": false,
|
|
5769
5779
|
"stable": true,
|
|
5770
5780
|
"changelog": null
|
|
5771
5781
|
},
|
|
5772
5782
|
"DropdownMenu": {
|
|
5773
|
-
"version": "0.
|
|
5774
|
-
"lastUpdated": "2026-05-
|
|
5783
|
+
"version": "1.0.0",
|
|
5784
|
+
"lastUpdated": "2026-05-13",
|
|
5775
5785
|
"breaking": false,
|
|
5776
5786
|
"stable": true,
|
|
5777
5787
|
"changelog": null
|
|
5778
5788
|
},
|
|
5779
5789
|
"Field": {
|
|
5780
|
-
"version": "0.
|
|
5781
|
-
"lastUpdated": "2026-05-
|
|
5790
|
+
"version": "1.0.0",
|
|
5791
|
+
"lastUpdated": "2026-05-13",
|
|
5782
5792
|
"breaking": false,
|
|
5783
5793
|
"stable": true,
|
|
5784
5794
|
"changelog": null
|
|
5785
5795
|
},
|
|
5786
5796
|
"Input": {
|
|
5787
|
-
"version": "0.
|
|
5788
|
-
"lastUpdated": "2026-05-
|
|
5797
|
+
"version": "1.0.0",
|
|
5798
|
+
"lastUpdated": "2026-05-13",
|
|
5789
5799
|
"breaking": false,
|
|
5790
5800
|
"stable": true,
|
|
5791
5801
|
"changelog": null
|
|
5792
5802
|
},
|
|
5793
5803
|
"Label": {
|
|
5794
|
-
"version": "0.
|
|
5795
|
-
"lastUpdated": "2026-05-
|
|
5804
|
+
"version": "1.0.0",
|
|
5805
|
+
"lastUpdated": "2026-05-13",
|
|
5796
5806
|
"breaking": false,
|
|
5797
5807
|
"stable": true,
|
|
5798
5808
|
"changelog": null
|
|
5799
5809
|
},
|
|
5800
5810
|
"Modal": {
|
|
5801
|
-
"version": "0.
|
|
5802
|
-
"lastUpdated": "2026-05-
|
|
5811
|
+
"version": "1.0.0",
|
|
5812
|
+
"lastUpdated": "2026-05-13",
|
|
5803
5813
|
"breaking": false,
|
|
5804
5814
|
"stable": true,
|
|
5805
5815
|
"changelog": null
|
|
5806
5816
|
},
|
|
5807
5817
|
"Pagination": {
|
|
5808
|
-
"version": "0.
|
|
5809
|
-
"lastUpdated": "2026-05-
|
|
5818
|
+
"version": "1.0.0",
|
|
5819
|
+
"lastUpdated": "2026-05-13",
|
|
5810
5820
|
"breaking": false,
|
|
5811
5821
|
"stable": true,
|
|
5812
5822
|
"changelog": null
|
|
5813
5823
|
},
|
|
5814
5824
|
"Popover": {
|
|
5815
|
-
"version": "0.
|
|
5816
|
-
"lastUpdated": "2026-05-
|
|
5825
|
+
"version": "1.0.0",
|
|
5826
|
+
"lastUpdated": "2026-05-13",
|
|
5817
5827
|
"breaking": false,
|
|
5818
5828
|
"stable": true,
|
|
5819
5829
|
"changelog": null
|
|
5820
5830
|
},
|
|
5821
5831
|
"Progress": {
|
|
5822
|
-
"version": "0.
|
|
5823
|
-
"lastUpdated": "2026-05-
|
|
5832
|
+
"version": "1.0.0",
|
|
5833
|
+
"lastUpdated": "2026-05-13",
|
|
5824
5834
|
"breaking": false,
|
|
5825
5835
|
"stable": true,
|
|
5826
5836
|
"changelog": null
|
|
5827
5837
|
},
|
|
5828
5838
|
"Select": {
|
|
5829
|
-
"version": "0.
|
|
5830
|
-
"lastUpdated": "2026-05-
|
|
5839
|
+
"version": "1.0.0",
|
|
5840
|
+
"lastUpdated": "2026-05-13",
|
|
5831
5841
|
"breaking": false,
|
|
5832
5842
|
"stable": true,
|
|
5833
5843
|
"changelog": null
|
|
5834
5844
|
},
|
|
5835
5845
|
"Separator": {
|
|
5836
|
-
"version": "0.
|
|
5837
|
-
"lastUpdated": "2026-05-
|
|
5846
|
+
"version": "1.0.0",
|
|
5847
|
+
"lastUpdated": "2026-05-13",
|
|
5838
5848
|
"breaking": false,
|
|
5839
5849
|
"stable": true,
|
|
5840
5850
|
"changelog": null
|
|
5841
5851
|
},
|
|
5842
5852
|
"Sheet": {
|
|
5843
|
-
"version": "0.
|
|
5844
|
-
"lastUpdated": "2026-05-
|
|
5853
|
+
"version": "1.0.0",
|
|
5854
|
+
"lastUpdated": "2026-05-13",
|
|
5845
5855
|
"breaking": false,
|
|
5846
5856
|
"stable": true,
|
|
5847
5857
|
"changelog": null
|
|
5848
5858
|
},
|
|
5849
5859
|
"Sidebar": {
|
|
5850
|
-
"version": "0.
|
|
5851
|
-
"lastUpdated": "2026-05-
|
|
5860
|
+
"version": "1.0.0",
|
|
5861
|
+
"lastUpdated": "2026-05-13",
|
|
5852
5862
|
"breaking": false,
|
|
5853
5863
|
"stable": true,
|
|
5854
5864
|
"changelog": null
|
|
5855
5865
|
},
|
|
5856
5866
|
"Skeleton": {
|
|
5857
|
-
"version": "0.
|
|
5858
|
-
"lastUpdated": "2026-05-
|
|
5867
|
+
"version": "1.0.0",
|
|
5868
|
+
"lastUpdated": "2026-05-13",
|
|
5859
5869
|
"breaking": false,
|
|
5860
5870
|
"stable": true,
|
|
5861
5871
|
"changelog": null
|
|
5862
5872
|
},
|
|
5863
5873
|
"Slider": {
|
|
5864
|
-
"version": "0.
|
|
5865
|
-
"lastUpdated": "2026-05-
|
|
5874
|
+
"version": "1.0.0",
|
|
5875
|
+
"lastUpdated": "2026-05-13",
|
|
5866
5876
|
"breaking": false,
|
|
5867
5877
|
"stable": true,
|
|
5868
5878
|
"changelog": null
|
|
5869
5879
|
},
|
|
5870
5880
|
"Switch": {
|
|
5871
|
-
"version": "0.
|
|
5872
|
-
"lastUpdated": "2026-05-
|
|
5881
|
+
"version": "1.0.0",
|
|
5882
|
+
"lastUpdated": "2026-05-13",
|
|
5873
5883
|
"breaking": false,
|
|
5874
5884
|
"stable": true,
|
|
5875
5885
|
"changelog": null
|
|
5876
5886
|
},
|
|
5877
5887
|
"Table": {
|
|
5878
|
-
"version": "0.
|
|
5879
|
-
"lastUpdated": "2026-05-
|
|
5888
|
+
"version": "1.0.0",
|
|
5889
|
+
"lastUpdated": "2026-05-13",
|
|
5880
5890
|
"breaking": false,
|
|
5881
5891
|
"stable": true,
|
|
5882
5892
|
"changelog": null
|
|
5883
5893
|
},
|
|
5884
5894
|
"Tabs": {
|
|
5885
|
-
"version": "0.
|
|
5886
|
-
"lastUpdated": "2026-05-
|
|
5895
|
+
"version": "1.0.0",
|
|
5896
|
+
"lastUpdated": "2026-05-13",
|
|
5887
5897
|
"breaking": false,
|
|
5888
5898
|
"stable": true,
|
|
5889
5899
|
"changelog": null
|
|
5890
5900
|
},
|
|
5891
5901
|
"Toast": {
|
|
5892
|
-
"version": "0.
|
|
5893
|
-
"lastUpdated": "2026-05-
|
|
5902
|
+
"version": "1.0.0",
|
|
5903
|
+
"lastUpdated": "2026-05-13",
|
|
5894
5904
|
"breaking": false,
|
|
5895
5905
|
"stable": true,
|
|
5896
5906
|
"changelog": null
|
|
5897
5907
|
},
|
|
5898
5908
|
"Tooltip": {
|
|
5899
|
-
"version": "0.
|
|
5900
|
-
"lastUpdated": "2026-05-
|
|
5909
|
+
"version": "1.0.0",
|
|
5910
|
+
"lastUpdated": "2026-05-13",
|
|
5901
5911
|
"breaking": false,
|
|
5902
5912
|
"stable": true,
|
|
5903
5913
|
"changelog": null
|
|
5904
5914
|
},
|
|
5905
5915
|
"Typography": {
|
|
5906
|
-
"version": "0.
|
|
5907
|
-
"lastUpdated": "2026-05-
|
|
5916
|
+
"version": "1.0.0",
|
|
5917
|
+
"lastUpdated": "2026-05-13",
|
|
5908
5918
|
"breaking": false,
|
|
5909
5919
|
"stable": true,
|
|
5910
5920
|
"changelog": null
|
|
@@ -5940,7 +5950,7 @@ export const cheatSheets = {
|
|
|
5940
5950
|
"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",
|
|
5941
5951
|
"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",
|
|
5942
5952
|
"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",
|
|
5943
|
-
"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",
|
|
5953
|
+
"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",
|
|
5944
5954
|
"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",
|
|
5945
5955
|
"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"
|
|
5946
5956
|
};
|
package/dist/schema.json
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"generatedAt": "2026-05-
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"generatedAt": "2026-05-13",
|
|
5
5
|
"package": "@usevyre/react",
|
|
6
|
-
"packageVersion": "0.
|
|
6
|
+
"packageVersion": "1.0.0",
|
|
7
7
|
"validFor": [
|
|
8
|
-
"@usevyre/react@0.
|
|
9
|
-
"@usevyre/vue@0.
|
|
8
|
+
"@usevyre/react@1.0.0+",
|
|
9
|
+
"@usevyre/vue@1.0.0+"
|
|
10
10
|
],
|
|
11
11
|
"changelog": {
|
|
12
|
+
"1.0.0": {
|
|
13
|
+
"date": "2026-05-13",
|
|
14
|
+
"breaking": true,
|
|
15
|
+
"summary": "Stable v1.0 release — VyreCode renamed to Code in Vue, BreadcrumbLink + BreadcrumbSeparator added to React, Toast setup updated"
|
|
16
|
+
},
|
|
12
17
|
"0.2.0": {
|
|
13
18
|
"date": "2026-05-08",
|
|
14
19
|
"breaking": false,
|
|
@@ -1116,8 +1121,8 @@
|
|
|
1116
1121
|
]
|
|
1117
1122
|
},
|
|
1118
1123
|
"Toast": {
|
|
1119
|
-
"description": "Transient notification. Use the useToast hook to trigger toasts imperatively.",
|
|
1120
|
-
"import": "import { useToast, ToastProvider } from \"@usevyre/react\"",
|
|
1124
|
+
"description": "Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.",
|
|
1125
|
+
"import": "import { useToast, ToastProvider } from \"@usevyre/react\" // Vue: import { useToast, ToastViewport } from \"@usevyre/vue\"",
|
|
1121
1126
|
"props": {
|
|
1122
1127
|
"variant": {
|
|
1123
1128
|
"type": "enum",
|
package/dist/tokens.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://usevyre.com/schemas/ai-tokens-v1.json",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"generatedAt": "2026-05-
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"generatedAt": "2026-05-13T00:36:55.284Z",
|
|
5
5
|
"description": "useVyre design tokens — machine-readable reference for AI agents. Use semantic color tokens; never use primitive tokens directly in components.",
|
|
6
6
|
"naming": {
|
|
7
7
|
"convention": "--vyre-[category]-[subcategory]-[variant]",
|
package/dist/tokens.md
CHANGED
package/dist/version-info.json
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.
|
|
3
|
-
"packageVersion": "0.
|
|
4
|
-
"generatedAt": "2026-05-
|
|
2
|
+
"version": "1.0.0",
|
|
3
|
+
"packageVersion": "1.0.0",
|
|
4
|
+
"generatedAt": "2026-05-13T08:35:50.053Z",
|
|
5
5
|
"validFor": [
|
|
6
|
-
"@usevyre/react@0.
|
|
7
|
-
"@usevyre/vue@0.
|
|
6
|
+
"@usevyre/react@1.0.0+",
|
|
7
|
+
"@usevyre/vue@1.0.0+"
|
|
8
8
|
],
|
|
9
9
|
"changelog": {
|
|
10
|
+
"1.0.0": {
|
|
11
|
+
"date": "2026-05-13",
|
|
12
|
+
"breaking": true,
|
|
13
|
+
"summary": "Stable v1.0 release — VyreCode renamed to Code in Vue, BreadcrumbLink + BreadcrumbSeparator added to React, Toast setup updated"
|
|
14
|
+
},
|
|
10
15
|
"0.2.0": {
|
|
11
16
|
"date": "2026-05-08",
|
|
12
17
|
"breaking": false,
|
|
@@ -20,211 +25,211 @@
|
|
|
20
25
|
},
|
|
21
26
|
"components": {
|
|
22
27
|
"Accordion": {
|
|
23
|
-
"version": "0.
|
|
24
|
-
"lastUpdated": "2026-05-
|
|
28
|
+
"version": "1.0.0",
|
|
29
|
+
"lastUpdated": "2026-05-13",
|
|
25
30
|
"breaking": false,
|
|
26
31
|
"stable": true,
|
|
27
32
|
"changelog": null
|
|
28
33
|
},
|
|
29
34
|
"Alert": {
|
|
30
|
-
"version": "0.
|
|
31
|
-
"lastUpdated": "2026-05-
|
|
35
|
+
"version": "1.0.0",
|
|
36
|
+
"lastUpdated": "2026-05-13",
|
|
32
37
|
"breaking": false,
|
|
33
38
|
"stable": true,
|
|
34
39
|
"changelog": null
|
|
35
40
|
},
|
|
36
41
|
"Avatar": {
|
|
37
|
-
"version": "0.
|
|
38
|
-
"lastUpdated": "2026-05-
|
|
42
|
+
"version": "1.0.0",
|
|
43
|
+
"lastUpdated": "2026-05-13",
|
|
39
44
|
"breaking": false,
|
|
40
45
|
"stable": true,
|
|
41
46
|
"changelog": null
|
|
42
47
|
},
|
|
43
48
|
"Badge": {
|
|
44
|
-
"version": "0.
|
|
45
|
-
"lastUpdated": "2026-05-
|
|
49
|
+
"version": "1.0.0",
|
|
50
|
+
"lastUpdated": "2026-05-13",
|
|
46
51
|
"breaking": false,
|
|
47
52
|
"stable": true,
|
|
48
53
|
"changelog": null
|
|
49
54
|
},
|
|
50
55
|
"Breadcrumb": {
|
|
51
|
-
"version": "0.
|
|
52
|
-
"lastUpdated": "2026-05-
|
|
56
|
+
"version": "1.0.0",
|
|
57
|
+
"lastUpdated": "2026-05-13",
|
|
53
58
|
"breaking": false,
|
|
54
59
|
"stable": true,
|
|
55
60
|
"changelog": null
|
|
56
61
|
},
|
|
57
62
|
"Button": {
|
|
58
|
-
"version": "0.
|
|
59
|
-
"lastUpdated": "2026-05-
|
|
63
|
+
"version": "1.0.0",
|
|
64
|
+
"lastUpdated": "2026-05-13",
|
|
60
65
|
"breaking": false,
|
|
61
66
|
"stable": true,
|
|
62
67
|
"changelog": null
|
|
63
68
|
},
|
|
64
69
|
"Calendar": {
|
|
65
|
-
"version": "0.
|
|
66
|
-
"lastUpdated": "2026-05-
|
|
70
|
+
"version": "1.0.0",
|
|
71
|
+
"lastUpdated": "2026-05-13",
|
|
67
72
|
"breaking": false,
|
|
68
73
|
"stable": true,
|
|
69
74
|
"changelog": null
|
|
70
75
|
},
|
|
71
76
|
"Card": {
|
|
72
|
-
"version": "0.
|
|
73
|
-
"lastUpdated": "2026-05-
|
|
77
|
+
"version": "1.0.0",
|
|
78
|
+
"lastUpdated": "2026-05-13",
|
|
74
79
|
"breaking": false,
|
|
75
80
|
"stable": true,
|
|
76
81
|
"changelog": null
|
|
77
82
|
},
|
|
78
83
|
"Checkbox": {
|
|
79
|
-
"version": "0.
|
|
80
|
-
"lastUpdated": "2026-05-
|
|
84
|
+
"version": "1.0.0",
|
|
85
|
+
"lastUpdated": "2026-05-13",
|
|
81
86
|
"breaking": false,
|
|
82
87
|
"stable": true,
|
|
83
88
|
"changelog": null
|
|
84
89
|
},
|
|
85
90
|
"Command": {
|
|
86
|
-
"version": "0.
|
|
87
|
-
"lastUpdated": "2026-05-
|
|
91
|
+
"version": "1.0.0",
|
|
92
|
+
"lastUpdated": "2026-05-13",
|
|
88
93
|
"breaking": false,
|
|
89
94
|
"stable": true,
|
|
90
95
|
"changelog": null
|
|
91
96
|
},
|
|
92
97
|
"DropdownMenu": {
|
|
93
|
-
"version": "0.
|
|
94
|
-
"lastUpdated": "2026-05-
|
|
98
|
+
"version": "1.0.0",
|
|
99
|
+
"lastUpdated": "2026-05-13",
|
|
95
100
|
"breaking": false,
|
|
96
101
|
"stable": true,
|
|
97
102
|
"changelog": null
|
|
98
103
|
},
|
|
99
104
|
"Field": {
|
|
100
|
-
"version": "0.
|
|
101
|
-
"lastUpdated": "2026-05-
|
|
105
|
+
"version": "1.0.0",
|
|
106
|
+
"lastUpdated": "2026-05-13",
|
|
102
107
|
"breaking": false,
|
|
103
108
|
"stable": true,
|
|
104
109
|
"changelog": null
|
|
105
110
|
},
|
|
106
111
|
"Input": {
|
|
107
|
-
"version": "0.
|
|
108
|
-
"lastUpdated": "2026-05-
|
|
112
|
+
"version": "1.0.0",
|
|
113
|
+
"lastUpdated": "2026-05-13",
|
|
109
114
|
"breaking": false,
|
|
110
115
|
"stable": true,
|
|
111
116
|
"changelog": null
|
|
112
117
|
},
|
|
113
118
|
"Label": {
|
|
114
|
-
"version": "0.
|
|
115
|
-
"lastUpdated": "2026-05-
|
|
119
|
+
"version": "1.0.0",
|
|
120
|
+
"lastUpdated": "2026-05-13",
|
|
116
121
|
"breaking": false,
|
|
117
122
|
"stable": true,
|
|
118
123
|
"changelog": null
|
|
119
124
|
},
|
|
120
125
|
"Modal": {
|
|
121
|
-
"version": "0.
|
|
122
|
-
"lastUpdated": "2026-05-
|
|
126
|
+
"version": "1.0.0",
|
|
127
|
+
"lastUpdated": "2026-05-13",
|
|
123
128
|
"breaking": false,
|
|
124
129
|
"stable": true,
|
|
125
130
|
"changelog": null
|
|
126
131
|
},
|
|
127
132
|
"Pagination": {
|
|
128
|
-
"version": "0.
|
|
129
|
-
"lastUpdated": "2026-05-
|
|
133
|
+
"version": "1.0.0",
|
|
134
|
+
"lastUpdated": "2026-05-13",
|
|
130
135
|
"breaking": false,
|
|
131
136
|
"stable": true,
|
|
132
137
|
"changelog": null
|
|
133
138
|
},
|
|
134
139
|
"Popover": {
|
|
135
|
-
"version": "0.
|
|
136
|
-
"lastUpdated": "2026-05-
|
|
140
|
+
"version": "1.0.0",
|
|
141
|
+
"lastUpdated": "2026-05-13",
|
|
137
142
|
"breaking": false,
|
|
138
143
|
"stable": true,
|
|
139
144
|
"changelog": null
|
|
140
145
|
},
|
|
141
146
|
"Progress": {
|
|
142
|
-
"version": "0.
|
|
143
|
-
"lastUpdated": "2026-05-
|
|
147
|
+
"version": "1.0.0",
|
|
148
|
+
"lastUpdated": "2026-05-13",
|
|
144
149
|
"breaking": false,
|
|
145
150
|
"stable": true,
|
|
146
151
|
"changelog": null
|
|
147
152
|
},
|
|
148
153
|
"Select": {
|
|
149
|
-
"version": "0.
|
|
150
|
-
"lastUpdated": "2026-05-
|
|
154
|
+
"version": "1.0.0",
|
|
155
|
+
"lastUpdated": "2026-05-13",
|
|
151
156
|
"breaking": false,
|
|
152
157
|
"stable": true,
|
|
153
158
|
"changelog": null
|
|
154
159
|
},
|
|
155
160
|
"Separator": {
|
|
156
|
-
"version": "0.
|
|
157
|
-
"lastUpdated": "2026-05-
|
|
161
|
+
"version": "1.0.0",
|
|
162
|
+
"lastUpdated": "2026-05-13",
|
|
158
163
|
"breaking": false,
|
|
159
164
|
"stable": true,
|
|
160
165
|
"changelog": null
|
|
161
166
|
},
|
|
162
167
|
"Sheet": {
|
|
163
|
-
"version": "0.
|
|
164
|
-
"lastUpdated": "2026-05-
|
|
168
|
+
"version": "1.0.0",
|
|
169
|
+
"lastUpdated": "2026-05-13",
|
|
165
170
|
"breaking": false,
|
|
166
171
|
"stable": true,
|
|
167
172
|
"changelog": null
|
|
168
173
|
},
|
|
169
174
|
"Sidebar": {
|
|
170
|
-
"version": "0.
|
|
171
|
-
"lastUpdated": "2026-05-
|
|
175
|
+
"version": "1.0.0",
|
|
176
|
+
"lastUpdated": "2026-05-13",
|
|
172
177
|
"breaking": false,
|
|
173
178
|
"stable": true,
|
|
174
179
|
"changelog": null
|
|
175
180
|
},
|
|
176
181
|
"Skeleton": {
|
|
177
|
-
"version": "0.
|
|
178
|
-
"lastUpdated": "2026-05-
|
|
182
|
+
"version": "1.0.0",
|
|
183
|
+
"lastUpdated": "2026-05-13",
|
|
179
184
|
"breaking": false,
|
|
180
185
|
"stable": true,
|
|
181
186
|
"changelog": null
|
|
182
187
|
},
|
|
183
188
|
"Slider": {
|
|
184
|
-
"version": "0.
|
|
185
|
-
"lastUpdated": "2026-05-
|
|
189
|
+
"version": "1.0.0",
|
|
190
|
+
"lastUpdated": "2026-05-13",
|
|
186
191
|
"breaking": false,
|
|
187
192
|
"stable": true,
|
|
188
193
|
"changelog": null
|
|
189
194
|
},
|
|
190
195
|
"Switch": {
|
|
191
|
-
"version": "0.
|
|
192
|
-
"lastUpdated": "2026-05-
|
|
196
|
+
"version": "1.0.0",
|
|
197
|
+
"lastUpdated": "2026-05-13",
|
|
193
198
|
"breaking": false,
|
|
194
199
|
"stable": true,
|
|
195
200
|
"changelog": null
|
|
196
201
|
},
|
|
197
202
|
"Table": {
|
|
198
|
-
"version": "0.
|
|
199
|
-
"lastUpdated": "2026-05-
|
|
203
|
+
"version": "1.0.0",
|
|
204
|
+
"lastUpdated": "2026-05-13",
|
|
200
205
|
"breaking": false,
|
|
201
206
|
"stable": true,
|
|
202
207
|
"changelog": null
|
|
203
208
|
},
|
|
204
209
|
"Tabs": {
|
|
205
|
-
"version": "0.
|
|
206
|
-
"lastUpdated": "2026-05-
|
|
210
|
+
"version": "1.0.0",
|
|
211
|
+
"lastUpdated": "2026-05-13",
|
|
207
212
|
"breaking": false,
|
|
208
213
|
"stable": true,
|
|
209
214
|
"changelog": null
|
|
210
215
|
},
|
|
211
216
|
"Toast": {
|
|
212
|
-
"version": "0.
|
|
213
|
-
"lastUpdated": "2026-05-
|
|
217
|
+
"version": "1.0.0",
|
|
218
|
+
"lastUpdated": "2026-05-13",
|
|
214
219
|
"breaking": false,
|
|
215
220
|
"stable": true,
|
|
216
221
|
"changelog": null
|
|
217
222
|
},
|
|
218
223
|
"Tooltip": {
|
|
219
|
-
"version": "0.
|
|
220
|
-
"lastUpdated": "2026-05-
|
|
224
|
+
"version": "1.0.0",
|
|
225
|
+
"lastUpdated": "2026-05-13",
|
|
221
226
|
"breaking": false,
|
|
222
227
|
"stable": true,
|
|
223
228
|
"changelog": null
|
|
224
229
|
},
|
|
225
230
|
"Typography": {
|
|
226
|
-
"version": "0.
|
|
227
|
-
"lastUpdated": "2026-05-
|
|
231
|
+
"version": "1.0.0",
|
|
232
|
+
"lastUpdated": "2026-05-13",
|
|
228
233
|
"breaking": false,
|
|
229
234
|
"stable": true,
|
|
230
235
|
"changelog": null
|
package/dist/windsurf-rules.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
# useVyre Rules for Windsurf
|
|
2
|
-
# Version: 0.
|
|
2
|
+
# Version: 1.0.0
|
|
3
3
|
|
|
4
4
|
# useVyre Design System — AI Context
|
|
5
5
|
# Version: 0.2.0
|
|
@@ -812,10 +812,10 @@ import { Tabs, TabList, Tab, TabPanels, TabPanel } from "@usevyre/react"
|
|
|
812
812
|
|
|
813
813
|
### Toast
|
|
814
814
|
|
|
815
|
-
Transient notification. Use the useToast hook to trigger toasts imperatively.
|
|
815
|
+
Transient notification. Use the useToast hook to trigger toasts imperatively. React: wrap app in <ToastProvider>. Vue: place <ToastViewport /> once in app root.
|
|
816
816
|
|
|
817
817
|
```tsx
|
|
818
|
-
import { useToast, ToastProvider } from "@usevyre/react"
|
|
818
|
+
import { useToast, ToastProvider } from "@usevyre/react" // Vue: import { useToast, ToastViewport } from "@usevyre/vue"
|
|
819
819
|
|
|
820
820
|
// Props:
|
|
821
821
|
// variant = "default" | "success" | "warning" | "danger" (default: default)
|