@nqlib/nqui 0.4.7 → 0.4.8
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/README.md +22 -18
- package/dist/{debug-panel-BtOvhfpR.js → debug-panel-CS_wuYVH.js} +1 -1
- package/dist/{debug-panel-DLfH4sdK.cjs → debug-panel-nDTrIh9s.cjs} +1 -1
- package/dist/debug.cjs.js +1 -1
- package/dist/debug.es.js +1 -1
- package/dist/nqui.cjs.js +3 -3
- package/dist/nqui.es.js +4 -4
- package/docs/nqui-skills/design-system.md +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -32,11 +32,13 @@ npx @nqlib/nqui install-peers
|
|
|
32
32
|
|
|
33
33
|
Copy the library’s **skills** into your app so your IDE can follow nqui patterns (components, design system, ToggleGroup rules, etc.):
|
|
34
34
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
|
38
|
-
| `npx @nqlib/nqui init-
|
|
39
|
-
| `
|
|
35
|
+
|
|
36
|
+
| Command | What it does |
|
|
37
|
+
| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
38
|
+
| `npx @nqlib/nqui init-cursor` | Writes `.cursor/rules` and `.cursor/skills`, copies `**docs/nqui-skills`** → `**.cursor/nqui-skills**`, and creates `**AGENTS.md**` at the project root pointing agents at `.cursor/nqui-skills/SKILL.md`. |
|
|
39
|
+
| `npx @nqlib/nqui init-skills` | **Skills only:** copies nqui-skills to `.cursor/nqui-skills/` and (re)creates `AGENTS.md`. Use `--force` to overwrite existing files. |
|
|
40
|
+
| `npm run nqui:init` | **One-shot** (if post-install added this script): `install-peers` → `init-cursor` → `init-skills` → `init-css --sidebar --force`. You still add the CSS import to your main stylesheet (see [INSTALLATION.md](./INSTALLATION.md)). |
|
|
41
|
+
|
|
40
42
|
|
|
41
43
|
After copying skills, **restart the IDE** so rules and skills reload.
|
|
42
44
|
|
|
@@ -48,15 +50,17 @@ After copying skills, **restart the IDE** so rules and skills reload.
|
|
|
48
50
|
|
|
49
51
|
Run from your **app project root** (where `package.json` lives). Equivalent **global bins** (when the package is installed): `nqui`, `nqui-setup`, `nqui-install-peers`, `nqui-init-cursor`, `nqui-init-skills`, `nqui-init-css`, `nqui-init-debug`.
|
|
50
52
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
|
54
|
-
| `npx @nqlib/nqui
|
|
55
|
-
| `npx @nqlib/nqui
|
|
56
|
-
| `npx @nqlib/nqui init-
|
|
57
|
-
| `npx @nqlib/nqui init-
|
|
58
|
-
| `npx @nqlib/nqui`
|
|
59
|
-
| `npx @nqlib/nqui
|
|
53
|
+
|
|
54
|
+
| Command | Description |
|
|
55
|
+
| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
56
|
+
| `npx @nqlib/nqui setup` | Re-run post-install: next steps + Cursor rules (not full skills/CSS). Same as `npx nqui-setup`. |
|
|
57
|
+
| `npx @nqlib/nqui install-peers` | Install `@nqlib/nqui` and required + optional peer dependencies. |
|
|
58
|
+
| `npx @nqlib/nqui init-cursor` | Cursor rules + **nqui-skills** → `.cursor/nqui-skills/` + `AGENTS.md`. |
|
|
59
|
+
| `npx @nqlib/nqui init-skills` | Copy nqui-skills only; `--force` to overwrite. |
|
|
60
|
+
| `npx @nqlib/nqui init-css` | Detect framework; create `nqui/index.css` and `nqui/nqui-setup.css`. Flags: `--sidebar`, `--force`, `--wizard`. Optional output path, e.g. `npx @nqlib/nqui init-css app/styles/nqui.css`. |
|
|
61
|
+
| `npx @nqlib/nqui` | No args → same as **init-css** (default `nqui/index.css`). |
|
|
62
|
+
| `npx @nqlib/nqui init-debug` or `init-debug-css` | Scaffold CSS for `DebugPanel`. |
|
|
63
|
+
|
|
60
64
|
|
|
61
65
|
---
|
|
62
66
|
|
|
@@ -105,7 +109,7 @@ npx @nqlib/nqui init-css --sidebar
|
|
|
105
109
|
@import "@nqlib/nqui/styles";
|
|
106
110
|
```
|
|
107
111
|
|
|
108
|
-
|
|
112
|
+
1. **Use components:**
|
|
109
113
|
|
|
110
114
|
```tsx
|
|
111
115
|
"use client";
|
|
@@ -148,7 +152,7 @@ See [Troubleshooting](#troubleshooting).
|
|
|
148
152
|
|
|
149
153
|
Vite with `@tailwindcss/vite` often works without `@source`; add the block above when utilities from the package do not show up in CSS.
|
|
150
154
|
|
|
151
|
-
|
|
155
|
+
1. **Components:**
|
|
152
156
|
|
|
153
157
|
```tsx
|
|
154
158
|
import { Button } from '@nqlib/nqui';
|
|
@@ -213,7 +217,7 @@ function App() {
|
|
|
213
217
|
|
|
214
218
|
## Component instructions
|
|
215
219
|
|
|
216
|
-
Guides for each component live under `docs/components/` in the package (after install: `node_modules/@nqlib/nqui/docs/components/`). Use
|
|
220
|
+
Guides for each component live under `docs/components/` in the package (after install: `node_modules/@nqlib/nqui/docs/components/`). Use `**npx @nqlib/nqui init-skills**` (or `init-cursor`) so your IDE loads `.cursor/nqui-skills` and `AGENTS.md`.
|
|
217
221
|
|
|
218
222
|
### Examples
|
|
219
223
|
|
|
@@ -320,4 +324,4 @@ Details: [internal-notes/PUBLISHING.md](./internal-notes/PUBLISHING.md).
|
|
|
320
324
|
|
|
321
325
|
## License
|
|
322
326
|
|
|
323
|
-
MIT
|
|
327
|
+
MIT
|
|
@@ -4557,7 +4557,7 @@ function iu({
|
|
|
4557
4557
|
{
|
|
4558
4558
|
"data-slot": "tabs-trigger",
|
|
4559
4559
|
className: J(
|
|
4560
|
-
"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium group-data-vertical/tabs:py-[calc(--spacing(1.25))] [&_svg:not([class*='size-'])]:size-3.5 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] min-w-0 max-w-full flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
4560
|
+
"gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium data-[state=active]:font-bold group-data-vertical/tabs:py-[calc(--spacing(1.25))] [&_svg:not([class*='size-'])]:size-3.5 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] min-w-0 max-w-full flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
4561
4561
|
"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
|
|
4562
4562
|
"data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
|
|
4563
4563
|
"after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
|