@nqlib/nqui 0.4.8 → 0.5.0

package/scripts/init-cursor.js

@@ -114,9 +114,10 @@ If user hasn't run init-css, suggest: \`npx @nqlib/nqui init-css\` then add the
 ## Skills (load for install or component questions)
 
 - **Install/setup:** Load \`.cursor/skills/nqui-install/SKILL.md\` — commands to execute
-- **Components:** Load \`.cursor/skills/nqui-components/SKILL.md\` — points to \`node_modules/@nqlib/nqui/docs/components/\`
+- **Components:** Load \`.cursor/skills/nqui-components/SKILL.md\` — routing for per-component docs
+- **After \`init-skills\`:** \`.cursor/nqui-skills/COMPONENTS_INDEX.md\` then **one** file under \`.cursor/nqui-skills/components/nqui-<name>.md\`
 
-For any component question, read from \`node_modules/@nqlib/nqui/docs/components/README.md\` (index) then \`nqui-<name>.md\` (specific component).
+Fallback (no init-skills): \`node_modules/@nqlib/nqui/docs/components/README.md\` (index, skim sections) then \`nqui-<name>.md\`.
 `;
 }
 
@@ -168,7 +169,7 @@ function main() {
    ${displayPath}/.cursor/nqui-skills/
    ${displayPath}/AGENTS.md
 
-   Open this folder in Cursor for skills to work. Docs: node_modules/@nqlib/nqui/docs/components/
+   Open this folder in Cursor for skills to work. Per-component docs: .cursor/nqui-skills/components/ (after init-skills) or node_modules/@nqlib/nqui/docs/components/
 `);
 }
 

package/scripts/skill-templates.js

@@ -74,7 +74,16 @@ description: Component implementation for nqui. Use when building UI with @nqlib
 
 **Action:** Read from the docs path before implementing. Do not guess – the docs have exact import, props, and examples.
 
-## Documentation path (always use this)
+## Prefer local copy (after \`npx @nqlib/nqui init-skills\`)
+
+Token-efficient order:
+
+1. \`.cursor/nqui-skills/HUMAN_GUIDE.md\` — task → docs (forms, toolbar, empty state, …)
+2. \`.cursor/nqui-skills/COMPONENTS_INDEX.md\` — which single \`nqui-*.md\` to open
+3. \`.cursor/nqui-skills/components/nqui-<kebab>.md\` — **one** component at a time
+4. \`.cursor/nqui-skills/components/README.md\` — full index (large; use sections only)
+
+## Fallback (npm only, or before init-skills)
 
 \`\`\`
 ${DOCS_PATH}/
@@ -84,12 +93,13 @@ ${DOCS_PATH}/
 
 | User asks | File to read |
 |-----------|--------------|
-| Component index, use cases, which component for X | \`${DOCS_PATH}/README.md\` |
-| How to use Button | \`${DOCS_PATH}/nqui-button.md\` |
-| How to use ToggleGroup | \`${DOCS_PATH}/nqui-toggle-group.md\` |
-| Any component X | \`${DOCS_PATH}/nqui-<kebab-name>.md\` (e.g. nqui-data-table.md) |
+| Which doc file for component X | \`.cursor/nqui-skills/COMPONENTS_INDEX.md\` (after init-skills) or \`${DOCS_PATH}/\` + \`nqui-<kebab>.md\` |
+| Component index, use cases, which component for X | \`README.md\` in the paths above (skim sections) |
+| How to use Button | \`nqui-button.md\` (same folder) |
+| How to use ToggleGroup | \`nqui-toggle-group.md\` |
+| Any component X | \`nqui-<kebab-name>.md\` (e.g. nqui-data-table.md) |
 
-**Rule:** For any component question, read the doc first. The docs have import, variants, props, and examples.
+**Rule:** Open **one** per-component doc unless you need cross-component context. For any component question, read the doc first — import, variants, props, and examples.
 
 ## Quick rules (details in README.md)
 

package/dist/button-R304rhsj.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),w=require("react"),l=require("@radix-ui/react-slot"),g=require("class-variance-authority"),f=require("./utils-IjLH3w2e.cjs");function _(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=_(w);function d(r){return o.Children.map(r,(e,t)=>{if(e===null||e===!1)return e;if(typeof e=="string"||typeof e=="number")return i.jsx("span",{className:"min-w-0 shrink truncate",children:e},`nqui-inline-lbl-${t}`);if(o.isValidElement(e)&&e.type===o.Fragment){const{children:n}=e.props;return i.jsx(o.Fragment,{children:d(n)},`nqui-inline-fr-${t}`)}return e})}const p=g.cva("inline-flex min-w-0 max-w-full items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-7 min-w-7 px-3",sm:"h-6 min-w-6 px-2 text-xs",lg:"h-8 min-w-8 px-4",icon:"h-7 w-7 p-0"}},defaultVariants:{variant:"default",size:"default"}}),u=o.forwardRef(({className:r,variant:e,size:t,asChild:n=!1,children:s,...a},c)=>{const b=n?l.Slot:"button";return i.jsx(b,{className:f.cn(p({variant:e,size:t,className:r})),ref:c,...a,children:d(s)})});u.displayName="Button";const v=g.cva("inline-flex min-w-0 max-w-full items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium leading-normal text-center cursor-pointer select-none touch-manipulation transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-150 ease-in-out focus:outline-0 focus-visible:outline-0 disabled:pointer-events-none disabled:opacity-65 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:["bg-primary text-primary-foreground border border-primary","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-primary/90 hover:border-primary/90","focus:bg-primary/80 focus:border-primary/80","active:bg-primary/75 active:border-primary/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],destructive:["bg-destructive text-destructive-foreground border border-destructive","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-destructive/90 hover:border-destructive/90","focus:bg-destructive/80 focus:border-destructive/80","active:bg-destructive/75 active:border-destructive/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],secondary:["bg-secondary text-secondary-foreground border border-border","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-secondary/90 hover:border-border","focus:bg-secondary/80 focus:border-border","active:bg-secondary/75 active:border-border active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],success:["bg-success text-success-foreground border border-success","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-success/90 hover:border-success/90","focus:bg-success/80 focus:border-success/80","active:bg-success/75 active:border-success/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],warning:["bg-warning text-warning-foreground border border-warning","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-warning/90 hover:border-warning/90","focus:bg-warning/80 focus:border-warning/80","active:bg-warning/75 active:border-warning/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],info:["bg-info text-info-foreground border border-info","nqui-button-gradient nqui-button-shadow","opacity-90 hover:opacity-100","hover:bg-info/90 hover:border-info/90","focus:bg-info/80 focus:border-info/80","active:bg-info/75 active:border-info/75 active:shadow-[inset_0_3px_5px_rgba(0,0,0,0.125)] active:scale-95","disabled:bg-transparent disabled:shadow-none disabled:opacity-65"],outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-7 min-w-7 px-3",sm:"h-6 min-w-6 px-2 text-xs",lg:"h-8 min-w-8 px-4",icon:"h-7 w-7 p-0"}},defaultVariants:{variant:"default",size:"default"}}),h=o.forwardRef(({className:r,variant:e,size:t,asChild:n=!1,children:s,...a},c)=>{if(!(e&&["default","destructive","secondary","success","warning","info"].includes(e))&&e){const x=e==="outline"||e==="ghost"||e==="link"?e:"default";return i.jsx(u,{ref:c,variant:x,size:t,className:r,asChild:n,...a,children:s})}const y=n?l.Slot:"button",m=f.cn(v({variant:e,size:t,className:r}));return i.jsx(y,{className:m,style:a.style,ref:c,...a,children:d(s)})});h.displayName="EnhancedButton";exports.Button=u;exports.EnhancedButton=h;exports.buttonVariants=p;exports.enhancedButtonVariants=v;exports.wrapInlineLabelTextNodes=d;