drivn 1.13.1 → 1.13.2

package/dist/index.js

@@ -3109,21 +3109,32 @@ import { cn } from '@/utils/cn'
 const styles = {
   root: 'relative',
   list: 'flex items-center gap-1',
-  item: 'relative',
+  item: 'relative group/item',
   trigger: cn(
     'inline-flex items-center gap-1 px-3 py-2',
     'text-sm font-medium text-foreground rounded-lg',
     'hover:bg-accent transition-colors cursor-pointer',
     'outline-none'
   ),
-  triggerIcon: 'w-3.5 h-3.5 transition-transform duration-200',
+  triggerIcon: cn(
+    'w-3.5 h-3.5 transition-transform duration-200',
+    'group-hover/item:rotate-180',
+    'group-focus-within/item:rotate-180'
+  ),
   content: cn(
     'absolute left-0 top-full min-w-[220px] z-50',
     'bg-card border border-border rounded-xl p-2',
     'shadow-lg shadow-black/8',
     'origin-[var(--origin)]',
     'transition-[opacity,visibility]',
-    'duration-150 ease-in'
+    'duration-150 ease-in',
+    'opacity-0 invisible',
+    'group-hover/item:opacity-100',
+    'group-hover/item:visible',
+    'group-hover/item:ease-out',
+    'group-focus-within/item:opacity-100',
+    'group-focus-within/item:visible',
+    'group-focus-within/item:ease-out'
   ),
   link: cn(
     'flex w-full gap-3 px-3 py-2.5',
@@ -3169,7 +3180,7 @@ function Item({
   className?: string
 }) {
   return (
-    <li className={cn('group/item', styles.item, className)}>
+    <li className={cn(styles.item, className)}>
       {children}
     </li>
   )
@@ -3181,9 +3192,18 @@ function Trigger({
   ...props
 }: React.ButtonHTMLAttributes<HTMLButtonElement>) {
   return (
-    <button className={cn(styles.trigger, className)} {...props}>
+    <button
+      className={cn(styles.trigger, className)}
+      onMouseDown={(e) => {
+        if (document.activeElement === e.currentTarget) {
+          e.preventDefault()
+          e.currentTarget.blur()
+        }
+      }}
+      {...props}
+    >
       {children}
-      <ChevronDown className={cn(styles.triggerIcon, 'group-hover/item:rotate-180')} />
+      <ChevronDown className={styles.triggerIcon} />
     </button>
   )
 }
@@ -3198,14 +3218,7 @@ function Content({
   return (
     <div
       style={{ '--origin': '0 0' } as React.CSSProperties}
-      className={cn(
-        styles.content,
-        'opacity-0 invisible',
-        'group-hover/item:opacity-100',
-        'group-hover/item:visible',
-        'group-hover/item:ease-out',
-        className
-      )}
+      className={cn(styles.content, className)}
     >
       {children}
     </div>
@@ -5066,7 +5079,7 @@ import { cn } from '@/utils/cn'
 - Components declare internal deps (other Drivn components)
 - Some components need npm packages (react-day-picker, cmdk, embla-carousel-react, sonner)
 - The CLI resolves and installs all dependencies automatically
-`;var L={version:"1.13.1"};function M(e){return v.find(r=>r.name===e)}function Qe(e){let r=new Set,t=a=>{if(r.has(a))return;let l=M(a);l&&(l.dependencies.forEach(d=>t(d)),r.add(a));};return t(e),r.delete(e),[...r]}async function ze(){let e=new McpServer({name:"drivn",version:L.version});e.tool("list_components","List all available Drivn UI components with descriptions",{},async()=>({content:[{type:"text",text:JSON.stringify(v.map(t=>({name:t.name,description:t.description})),null,2)}]})),e.tool("get_component","Get the full source code and metadata for a Drivn component",{name:z$1.string().describe('Component name (e.g. "button", "dialog")')},async({name:t})=>{let a=M(t);if(!a)return {content:[{type:"text",text:`Component "${t}" not found. Use list_components to see available components.`}],isError:true};let l=R[t];return {content:[{type:"text",text:JSON.stringify({name:a.name,description:a.description,dependencies:a.dependencies,npmDependencies:a.npmDependencies,source:l},null,2)}]}}),e.tool("get_component_metadata","Get metadata only (no source code) for a Drivn component \u2014 useful for planning",{name:z$1.string().describe("Component name")},async({name:t})=>{let a=M(t);if(!a)return {content:[{type:"text",text:`Component "${t}" not found. Use list_components to see available components.`}],isError:true};let l=Qe(t);return {content:[{type:"text",text:JSON.stringify({name:a.name,description:a.description,dependencies:a.dependencies,npmDependencies:a.npmDependencies,allResolvedDependencies:l},null,2)}]}}),e.tool("search_components","Search Drivn components by name or description",{query:z$1.string().describe("Search query")},async({query:t})=>{let a=t.toLowerCase(),l=v.filter(d=>d.name.includes(a)||d.description.toLowerCase().includes(a));return {content:[{type:"text",text:l.length?JSON.stringify(l.map(d=>({name:d.name,description:d.description})),null,2):`No components matching "${t}".`}]}}),e.tool("get_installation_instructions","Get step-by-step installation instructions for one or more components",{components:z$1.array(z$1.string()).describe("Component names to install"),packageManager:z$1.enum(["npm","pnpm"]).optional().describe("Package manager (default: npm)")},async({components:t,packageManager:a})=>{let l=a??"npm",d=new Set,p=new Set,f=[],g=o=>{if(d.has(o))return;let s=M(o);if(!s){f.push(o);return}s.dependencies.forEach(i=>g(i)),s.npmDependencies.forEach(i=>p.add(i)),d.add(o);};if(t.forEach(g),f.length)return {content:[{type:"text",text:`Unknown components: ${f.join(", ")}. Use list_components to see available components.`}],isError:true};let N=l==="pnpm"?"pnpm dlx":"npx",m=l==="pnpm"?"pnpm add":"npm install",h=[];return h.push(`# Install components via CLI
+`;var L={version:"1.13.2"};function M(e){return v.find(r=>r.name===e)}function Qe(e){let r=new Set,t=a=>{if(r.has(a))return;let l=M(a);l&&(l.dependencies.forEach(d=>t(d)),r.add(a));};return t(e),r.delete(e),[...r]}async function ze(){let e=new McpServer({name:"drivn",version:L.version});e.tool("list_components","List all available Drivn UI components with descriptions",{},async()=>({content:[{type:"text",text:JSON.stringify(v.map(t=>({name:t.name,description:t.description})),null,2)}]})),e.tool("get_component","Get the full source code and metadata for a Drivn component",{name:z$1.string().describe('Component name (e.g. "button", "dialog")')},async({name:t})=>{let a=M(t);if(!a)return {content:[{type:"text",text:`Component "${t}" not found. Use list_components to see available components.`}],isError:true};let l=R[t];return {content:[{type:"text",text:JSON.stringify({name:a.name,description:a.description,dependencies:a.dependencies,npmDependencies:a.npmDependencies,source:l},null,2)}]}}),e.tool("get_component_metadata","Get metadata only (no source code) for a Drivn component \u2014 useful for planning",{name:z$1.string().describe("Component name")},async({name:t})=>{let a=M(t);if(!a)return {content:[{type:"text",text:`Component "${t}" not found. Use list_components to see available components.`}],isError:true};let l=Qe(t);return {content:[{type:"text",text:JSON.stringify({name:a.name,description:a.description,dependencies:a.dependencies,npmDependencies:a.npmDependencies,allResolvedDependencies:l},null,2)}]}}),e.tool("search_components","Search Drivn components by name or description",{query:z$1.string().describe("Search query")},async({query:t})=>{let a=t.toLowerCase(),l=v.filter(d=>d.name.includes(a)||d.description.toLowerCase().includes(a));return {content:[{type:"text",text:l.length?JSON.stringify(l.map(d=>({name:d.name,description:d.description})),null,2):`No components matching "${t}".`}]}}),e.tool("get_installation_instructions","Get step-by-step installation instructions for one or more components",{components:z$1.array(z$1.string()).describe("Component names to install"),packageManager:z$1.enum(["npm","pnpm"]).optional().describe("Package manager (default: npm)")},async({components:t,packageManager:a})=>{let l=a??"npm",d=new Set,p=new Set,f=[],g=o=>{if(d.has(o))return;let s=M(o);if(!s){f.push(o);return}s.dependencies.forEach(i=>g(i)),s.npmDependencies.forEach(i=>p.add(i)),d.add(o);};if(t.forEach(g),f.length)return {content:[{type:"text",text:`Unknown components: ${f.join(", ")}. Use list_components to see available components.`}],isError:true};let N=l==="pnpm"?"pnpm dlx":"npx",m=l==="pnpm"?"pnpm add":"npm install",h=[];return h.push(`# Install components via CLI
 ${N} drivn@latest add ${[...d].join(" ")}`),p.size&&h.push(`# Install required npm dependencies
 ${m} ${[...p].join(" ")}`),h.push(`# Components will be installed to your configured components directory
 # (default: src/components/ui/)`),{content:[{type:"text",text:JSON.stringify({componentsToInstall:[...d],npmDependencies:[...p],steps:h},null,2)}]}}),e.tool("get_design_tokens","Get the Drivn CSS design tokens (base globals and theme tokens)",{},async()=>({content:[{type:"text",text:`/* === Base Globals === */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drivn",
-  "version": "1.13.1",
+  "version": "1.13.2",
   "description": "Modern UI components for React — add beautiful, accessible components to your project",
   "license": "MIT",
   "type": "module",