drivn 1.0.1 → 1.0.2

package/dist/index.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import {Command}from'commander';import*as e from'@clack/prompts';import l from'picocolors';import {join,dirname}from'path';import {execSync}from'child_process';import {existsSync,readFileSync,writeFileSync,mkdirSync}from'fs';var E={next:"Next.js",react:"React"};function A(t){let s=join(t,"package.json");if(!existsSync(s))throw new Error("package.json not found");let r=JSON.parse(readFileSync(s,"utf-8")),b={...r.dependencies,...r.devDependencies},d="react";b.next&&(d="next");let m=existsSync(join(t,"src")),f=existsSync(join(t,"tsconfig.json"));return {framework:d,srcDir:m,typescript:f}}var M="drivn.config.json";function V(t){let s=join(t,M);return existsSync(s)?JSON.parse(readFileSync(s,"utf-8")):null}function $(t,s){let r=join(t,M);writeFileSync(r,JSON.stringify(s,null,2));}function me(t){existsSync(t)||mkdirSync(t,{recursive:true});}function p(t,s){me(dirname(t)),writeFileSync(t,s);}function z(t){return readFileSync(t,"utf-8")}function v(t){return existsSync(t)}var R=`@import "tailwindcss";
+import {Command}from'commander';import*as e from'@clack/prompts';import i from'picocolors';import {join,dirname}from'path';import {execSync}from'child_process';import {existsSync,readFileSync,writeFileSync,mkdirSync}from'fs';var L={next:"Next.js",react:"React"};function M(t){let n=join(t,"package.json");if(!existsSync(n))throw new Error("package.json not found");let c=JSON.parse(readFileSync(n,"utf-8")),v={...c.dependencies,...c.devDependencies},d="react";v.next&&(d="next");let m=existsSync(join(t,"src")),f=existsSync(join(t,"tsconfig.json"));return {framework:d,srcDir:m,typescript:f}}var V="drivn.config.json";function z(t){let n=join(t,V);return existsSync(n)?JSON.parse(readFileSync(n,"utf-8")):null}function H(t,n){let c=join(t,V);writeFileSync(c,JSON.stringify(n,null,2));}function he(t){existsSync(t)||mkdirSync(t,{recursive:true});}function p(t,n){he(dirname(t)),writeFileSync(t,n);}function F(t){return readFileSync(t,"utf-8")}function h(t){return existsSync(t)}function k(t){return existsSync(join(t,"pnpm-lock.yaml"))?"pnpm":"npm"}function y(t,n){let c=n.join(" ");return t==="pnpm"?`pnpm add ${c}`:`npm install ${c}`}function _(t){return t==="pnpm"?"pnpm dlx":"npx"}var P=`@import "tailwindcss";
 
 :root {
   /* Surfaces */
@@ -70,7 +70,7 @@ body {
   color: var(--color-foreground);
   font-family: system-ui, -apple-system, sans-serif;
 }
-`,O=`
+`,A=`
 /* Drivn Dark/Light Theme */
 :root,
 [data-theme="dark"] {
@@ -136,13 +136,13 @@ body {
   /* Special Surfaces */
   --overlay: hsl(0 0% 0% / 0.18);
 }
-`;var ge=`import { type ClassValue, clsx } from 'clsx'
+`;var ye=`import { type ClassValue, clsx } from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs))
 }
-`,he=["src/app/globals.css","src/styles/globals.css","src/styles/globals.scss","app/globals.css"];function ve(t){for(let s of he)if(v(join(t,s)))return s;return null}async function H(){let t=process.cwd();console.log(""),console.log(l.bgCyan(l.bold(l.black(" Drivn "))));let s;try{s=A(t),e.log.success(`Detected ${l.cyan(E[s.framework])}`);}catch{e.log.error("No package.json found. Run this command in a project directory."),e.outro("Setup cancelled"),process.exit(1);}if(v(join(t,"drivn.config.json"))){let a=await e.confirm({message:"Config already exists. Overwrite?",initialValue:false});(e.isCancel(a)||!a)&&(e.cancel("Setup cancelled"),process.exit(0));}let r=s.srcDir?"src/components/ui":"components/ui",b=s.srcDir?"src/utils":"utils",d=await e.group({components:()=>e.text({message:"Where should components be installed?",placeholder:r,defaultValue:r}),utils:()=>e.text({message:"Where should utilities be placed?",placeholder:b,defaultValue:b})},{onCancel:()=>{e.cancel("Setup cancelled"),process.exit(0);}}),m={framework:s.framework,typescript:s.typescript,paths:{components:d.components,utils:d.utils},installed:[]},f=s.typescript?"ts":"js",g=join(t,d.utils,`cn.${f}`);v(g)||p(g,ge);let h=ve(t);if(h){let a=await e.confirm({message:`Found ${l.cyan(h)}. Add Drivn color tokens?`,initialValue:true});!e.isCancel(a)&&a&&(p(join(t,h),R),m.paths.globals=h,e.log.success(`Color tokens written to ${l.cyan(h)}`));}else {let a=s.srcDir?"src/styles/globals.css":"styles/globals.css",x=await e.text({message:"Where should the globals CSS file be created?",placeholder:a,defaultValue:a});e.isCancel(x)||(p(join(t,x),R),m.paths.globals=x,e.log.success(`Color tokens written to ${l.cyan(x)}`));}$(t,m);let y=e.spinner();y.start("Installing dependencies");try{execSync("npm install clsx tailwind-merge lucide-react",{cwd:t,stdio:"ignore"}),y.stop("Dependencies installed");}catch{y.stop("Failed to install dependencies"),e.log.warn("Run manually: npm install clsx tailwind-merge lucide-react");}e.log.info(`Add components with: ${l.cyan("npx drivn add button")}`),e.log.info(`Add dark/light theme: ${l.cyan("npx drivn add theme")}`),e.outro("Drivn initialized");}var F=`'use client'
+`,Ne=["src/app/globals.css","src/styles/globals.css","src/styles/globals.scss","app/globals.css"];function we(t){for(let n of Ne)if(h(join(t,n)))return n;return null}async function U(){let t=process.cwd();console.log(""),console.log(i.bgCyan(i.bold(i.black(" Drivn "))));let n;try{n=M(t),e.log.success(`Detected ${i.cyan(L[n.framework])}`);}catch{e.log.error("No package.json found. Run this command in a project directory."),e.outro("Setup cancelled"),process.exit(1);}if(h(join(t,"drivn.config.json"))){let s=await e.confirm({message:"Config already exists. Overwrite?",initialValue:false});(e.isCancel(s)||!s)&&(e.cancel("Setup cancelled"),process.exit(0));}let c=n.srcDir?"src/components/ui":"components/ui",v=n.srcDir?"src/utils":"utils",d=await e.group({components:()=>e.text({message:"Where should components be installed?",placeholder:c,defaultValue:c}),utils:()=>e.text({message:"Where should utilities be placed?",placeholder:v,defaultValue:v})},{onCancel:()=>{e.cancel("Setup cancelled"),process.exit(0);}}),m={framework:n.framework,typescript:n.typescript,paths:{components:d.components,utils:d.utils},installed:[]},f=n.typescript?"ts":"js",b=join(t,d.utils,`cn.${f}`);h(b)||p(b,ye);let g=we(t);if(g){let s=await e.confirm({message:`Found ${i.cyan(g)}. Add Drivn color tokens?`,initialValue:true});!e.isCancel(s)&&s&&(p(join(t,g),P),m.paths.globals=g,e.log.success(`Color tokens written to ${i.cyan(g)}`));}else {let s=n.srcDir?"src/styles/globals.css":"styles/globals.css",a=await e.text({message:"Where should the globals CSS file be created?",placeholder:s,defaultValue:s});e.isCancel(a)||(p(join(t,a),P),m.paths.globals=a,e.log.success(`Color tokens written to ${i.cyan(a)}`));}H(t,m);let x=k(t),l=_(x),N=["clsx","tailwind-merge","lucide-react"],o=e.spinner();o.start("Installing dependencies");try{execSync(y(x,N),{cwd:t,stdio:"ignore"}),o.stop("Dependencies installed");}catch{o.stop("Failed to install dependencies"),e.log.warn(`Run manually: ${y(x,N)}`);}e.log.info(`Add components with: ${i.cyan(`${l} drivn add button`)}`),e.log.info(`Add dark/light theme: ${i.cyan(`${l} drivn add theme`)}`),e.outro("Drivn initialized");}var G=`'use client'
 
 import { ThemeProvider as NextThemesProvider } from 'next-themes'
 
@@ -161,7 +161,7 @@ export function ThemeProvider({
     </NextThemesProvider>
   )
 }
-`;var _=`'use client'
+`;var W=`'use client'
 
 import * as React from 'react'
 import { ChevronDown } from 'lucide-react'
@@ -295,7 +295,7 @@ export const Accordion = Object.assign(AccordionRoot, {
   Trigger,
   Content,
 })
-`;var U=`import * as React from 'react'
+`;var K=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -345,7 +345,7 @@ export function Alert({
     </div>
   )
 }
-`;var G=`import * as React from 'react'
+`;var X=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -389,7 +389,7 @@ export function Avatar({
     </div>
   )
 }
-`;var W=`import * as React from 'react'
+`;var J=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -419,7 +419,7 @@ export function Badge({ variant = 'default', className, children }: BadgeProps)
     </span>
   )
 }
-`;var K=`import * as React from 'react'
+`;var q=`import * as React from 'react'
 import { Loader2 } from 'lucide-react'
 import { cn } from '@/utils/cn'
 
@@ -512,7 +512,7 @@ export const Button = React.forwardRef<
 )
 
 Button.displayName = 'Button'
-`;var X=`import * as React from 'react'
+`;var Q=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -579,7 +579,7 @@ export const Card = Object.assign(CardRoot, {
   Preview,
   Info,
 })
-`;var J=`'use client'
+`;var Y=`'use client'
 
 import * as React from 'react'
 import { Check } from 'lucide-react'
@@ -664,7 +664,7 @@ export const Checkbox = React.forwardRef<
 )
 
 Checkbox.displayName = 'Checkbox'
-`;var q=`'use client'
+`;var Z=`'use client'
 
 import * as React from 'react'
 import { X } from 'lucide-react'
@@ -813,7 +813,7 @@ export const Dialog = Object.assign(DialogRoot, {
   Content,
   Close,
 })
-`;var Q=`'use client'
+`;var ee=`'use client'
 
 import * as React from 'react'
 import { cn } from '@/utils/cn'
@@ -1026,7 +1026,7 @@ export const Dropdown = Object.assign(DropdownRoot, {
   Label,
   Separator: DropdownSeparator,
 })
-`;var Y=`import * as React from 'react'
+`;var te=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -1047,7 +1047,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
 )
 
 Input.displayName = 'Input'
-`;var Z=`'use client'
+`;var oe=`'use client'
 
 import * as React from 'react'
 import { cn } from '@/utils/cn'
@@ -1161,7 +1161,7 @@ export const Popover = Object.assign(PopoverRoot, {
   Trigger,
   Content,
 })
-`;var ee=`import * as React from 'react'
+`;var ne=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -1199,7 +1199,7 @@ export function Progress({
     </div>
   )
 }
-`;var te=`'use client'
+`;var re=`'use client'
 
 import * as React from 'react'
 import { ChevronDown } from 'lucide-react'
@@ -1361,7 +1361,7 @@ export const Select = Object.assign(SelectRoot, {
   Menu,
   Option,
 })
-`;var oe=`import * as React from 'react'
+`;var se=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -1385,7 +1385,7 @@ export function Separator({
     />
   )
 }
-`;var ne=`'use client'
+`;var ae=`'use client'
 
 import * as React from 'react'
 import { cn } from '@/utils/cn'
@@ -1435,7 +1435,7 @@ export function Switch({
     </button>
   )
 }
-`;var se=`'use client'
+`;var ce=`'use client'
 
 import * as React from 'react'
 import { cn } from '@/utils/cn'
@@ -1553,7 +1553,7 @@ export const Tabs = Object.assign(TabsRoot, {
   Tab,
   Panel,
 })
-`;var re=`import * as React from 'react'
+`;var ie=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -1580,7 +1580,7 @@ export const Textarea = React.forwardRef<
 ))
 
 Textarea.displayName = 'Textarea'
-`;var ae=`'use client'
+`;var le=`'use client'
 
 import * as React from 'react'
 import { Toaster as Sonner, toast } from 'sonner'
@@ -1623,7 +1623,7 @@ function Toaster() {
 }
 
 export { Toaster, toast }
-`;var ce=`import * as React from 'react'
+`;var de=`import * as React from 'react'
 import { cn } from '@/utils/cn'
 
 const styles = {
@@ -1632,7 +1632,8 @@ const styles = {
     'absolute z-50 px-2.5 py-1.5 text-xs font-medium',
     'rounded-lg bg-foreground text-background',
     'whitespace-nowrap pointer-events-none',
-    'opacity-0 group-hover:opacity-100 transition-opacity'
+    'opacity-0 group-hover:opacity-100',
+    'group-focus-within:opacity-100 transition-opacity'
   ),
   positions: {
     top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',
@@ -1656,7 +1657,10 @@ export function Tooltip({
   children,
 }: TooltipProps) {
   return (
-    <span className={cn(styles.base, className)}>
+    <span
+      tabIndex={0}
+      className={cn(styles.base, 'outline-none', className)}
+    >
       {children}
       <span className={cn(styles.tip, styles.positions[position])}>
         {content}
@@ -1664,4 +1668,4 @@ export function Tooltip({
     </span>
   )
 }
-`;var C=[{name:"accordion",description:"Collapsible content sections with dot notation and smooth animation",dependencies:[],npmDependencies:[]},{name:"alert",description:"Contextual feedback messages with variants and icons",dependencies:[],npmDependencies:[]},{name:"avatar",description:"User avatar with image support and fallback initials",dependencies:[],npmDependencies:[]},{name:"badge",description:"Small status indicator with color variants",dependencies:[],npmDependencies:[]},{name:"button",description:"Button with variants, sizes, loading state, and icon slots",dependencies:[],npmDependencies:[]},{name:"card",description:"Container with dot notation preview and info sub-components",dependencies:[],npmDependencies:[]},{name:"checkbox",description:"Checkbox input with label and CSS-only checkmark",dependencies:[],npmDependencies:[]},{name:"dialog",description:"Modal dialog with dot notation, overlay, and escape key",dependencies:["button"],npmDependencies:[]},{name:"dropdown",description:"Dropdown menu with dot notation, groups, separators, and click-outside",dependencies:["button"],npmDependencies:[]},{name:"input",description:"Text input with focus ring and disabled state",dependencies:[],npmDependencies:[]},{name:"popover",description:"Floating content panel with dot notation and click-outside",dependencies:["button"],npmDependencies:[]},{name:"progress",description:"Progress bar with animated fill and ARIA attributes",dependencies:[],npmDependencies:[]},{name:"select",description:"Custom select with dot notation and composable options",dependencies:[],npmDependencies:[]},{name:"separator",description:"Visual divider with horizontal and vertical orientation",dependencies:[],npmDependencies:[]},{name:"switch",description:"Toggle switch with smooth transition",dependencies:[],npmDependencies:[]},{name:"tabs",description:"Tab navigation with dot notation and panel content",dependencies:[],npmDependencies:[]},{name:"textarea",description:"Multi-line text input with consistent styling",dependencies:[],npmDependencies:[]},{name:"theme",description:"Dark/light theme support with next-themes and ThemeProvider",dependencies:[],npmDependencies:["next-themes"]},{name:"toast",description:"Toast notifications powered by Sonner",dependencies:[],npmDependencies:["sonner"]},{name:"tooltip",description:"Pure CSS tooltip with 4 position options",dependencies:[],npmDependencies:[]}],k={accordion:_,alert:U,avatar:G,badge:W,button:K,card:X,checkbox:J,dialog:q,dropdown:Q,input:Y,popover:Z,progress:ee,select:te,separator:oe,switch:ne,tabs:se,textarea:re,theme:F,toast:ae,tooltip:ce};async function ie(t){let s=process.cwd();e.intro("drivn add");let r=V(s);if(r||(e.log.error("Drivn is not initialized. Run npx drivn@latest create"),e.outro("Cancelled"),process.exit(1)),!t||!t.length){let o=await e.multiselect({message:"Select components to add",options:C.map(i=>({label:i.name,hint:i.description,value:i.name})),required:true});e.isCancel(o)&&(e.cancel("Cancelled"),process.exit(0)),t=o;}let b=t.filter(o=>!C.find(i=>i.name===o));b.length&&(e.log.error(`Unknown components: ${b.join(", ")}`),e.log.info("Available: "+C.map(o=>o.name).join(", ")),e.outro("Cancelled"),process.exit(1));let d=t.includes("theme"),m=t.filter(o=>o!=="theme"),f=new Set,g=new Set,h=o=>{if(f.has(o))return;let i=C.find(c=>c.name===o);i&&(i.dependencies.forEach(c=>h(c)),i.npmDependencies?.forEach(c=>g.add(c)),f.add(o));};m.forEach(h),d&&g.add("next-themes");let y=[...f].filter(o=>!m.includes(o));y.length&&e.log.info(`Required dependency: ${y.join(", ")}`);let a=r.typescript?"tsx":"jsx",x=join(s,r.paths.components);for(let o of f){let i=join(x,`${o}.${a}`);if(v(i)){let N=await e.confirm({message:`${o}.${a} exists. Overwrite?`,initialValue:false});if(e.isCancel(N)||!N){e.log.warn(`Skipped ${o}`);continue}}let c=k[o];c=c.replace(/@\/utils/g,`@/${r.paths.utils.replace(/^src\//,"")}`),p(i,c),e.log.success(`${o} \u2192 ${r.paths.components}/${o}.${a}`);}if(d){let o=join(x,`theme-provider.${a}`);if(v(o)){let c=await e.confirm({message:`theme-provider.${a} exists. Overwrite?`,initialValue:false});!e.isCancel(c)&&c?(p(o,k.theme),e.log.success(`theme-provider \u2192 ${r.paths.components}/theme-provider.${a}`)):e.log.warn("Skipped theme-provider");}else p(o,k.theme),e.log.success(`theme-provider \u2192 ${r.paths.components}/theme-provider.${a}`);if(r.paths.globals){let c=join(s,r.paths.globals);if(v(c)){let N=z(c);N.includes('[data-theme="dark"]')?e.log.warn("Theme tokens already exist in globals \u2014 skipped"):(p(c,N+O),e.log.success(`Theme tokens appended to ${l.cyan(r.paths.globals)}`));}else e.log.warn(`Globals file not found at ${r.paths.globals}`);}else e.log.warn('No globals path in drivn.config.json. Add "globals" to paths');let i=r.paths.components.replace(/^src\//,"@/");e.log.message(""),e.log.info(l.bold("Complete the setup:")),e.log.message(""),e.log.message(l.bold(`${l.cyan("1.")} Import ThemeProvider in your root layout:`)),e.log.message(l.cyan(`   import { ThemeProvider } from "${i}/theme-provider"`)),e.log.message(""),e.log.message(l.bold(`${l.cyan("2.")} Add suppressHydrationWarning to <html>:`)),e.log.message(l.cyan("   <html suppressHydrationWarning>")),e.log.message(""),e.log.message(l.bold(`${l.cyan("3.")} Wrap your app with ThemeProvider:`)),e.log.message(l.cyan("   <ThemeProvider>")),e.log.message(l.cyan("     {children}")),e.log.message(l.cyan("   </ThemeProvider>")),e.log.message("");}if(g.size){let o=e.spinner();o.start("Installing packages");try{execSync(`npm install ${[...g].join(" ")}`,{cwd:s,stdio:"ignore"}),o.stop("Packages installed");}catch{o.stop("Failed to install packages"),e.log.warn(`Run manually: npm install ${[...g].join(" ")}`);}}e.outro("Done.");}var le={version:"1.0.1"};var I=new Command;I.name("drivn").description("Drivn \u2014 Modern UI components").version(le.version);I.command("create").description("Initialize Drivn in your project").action(H);I.command("add [components...]").description("Add components to your project").action(ie);I.parse();
+`;var R=[{name:"accordion",description:"Collapsible content sections with dot notation and smooth animation",dependencies:[],npmDependencies:[]},{name:"alert",description:"Contextual feedback messages with variants and icons",dependencies:[],npmDependencies:[]},{name:"avatar",description:"User avatar with image support and fallback initials",dependencies:[],npmDependencies:[]},{name:"badge",description:"Small status indicator with color variants",dependencies:[],npmDependencies:[]},{name:"button",description:"Button with variants, sizes, loading state, and icon slots",dependencies:[],npmDependencies:[]},{name:"card",description:"Container with dot notation preview and info sub-components",dependencies:[],npmDependencies:[]},{name:"checkbox",description:"Checkbox input with label and CSS-only checkmark",dependencies:[],npmDependencies:[]},{name:"dialog",description:"Modal dialog with dot notation, overlay, and escape key",dependencies:["button"],npmDependencies:[]},{name:"dropdown",description:"Dropdown menu with dot notation, groups, separators, and click-outside",dependencies:["button"],npmDependencies:[]},{name:"input",description:"Text input with focus ring and disabled state",dependencies:[],npmDependencies:[]},{name:"popover",description:"Floating content panel with dot notation and click-outside",dependencies:["button"],npmDependencies:[]},{name:"progress",description:"Progress bar with animated fill and ARIA attributes",dependencies:[],npmDependencies:[]},{name:"select",description:"Custom select with dot notation and composable options",dependencies:[],npmDependencies:[]},{name:"separator",description:"Visual divider with horizontal and vertical orientation",dependencies:[],npmDependencies:[]},{name:"switch",description:"Toggle switch with smooth transition",dependencies:[],npmDependencies:[]},{name:"tabs",description:"Tab navigation with dot notation and panel content",dependencies:[],npmDependencies:[]},{name:"textarea",description:"Multi-line text input with consistent styling",dependencies:[],npmDependencies:[]},{name:"theme",description:"Dark/light theme support with next-themes and ThemeProvider",dependencies:[],npmDependencies:["next-themes"]},{name:"toast",description:"Toast notifications powered by Sonner",dependencies:[],npmDependencies:["sonner"]},{name:"tooltip",description:"Pure CSS tooltip with 4 position options",dependencies:[],npmDependencies:[]}],I={accordion:W,alert:K,avatar:X,badge:J,button:q,card:Q,checkbox:Y,dialog:Z,dropdown:ee,input:te,popover:oe,progress:ne,select:re,separator:se,switch:ae,tabs:ce,textarea:ie,theme:G,toast:le,tooltip:de};async function pe(t){let n=process.cwd();e.intro("drivn add");let c=z(n);if(c||(e.log.error("Drivn is not initialized. Run npx drivn@latest create"),e.outro("Cancelled"),process.exit(1)),!t||!t.length){let o=await e.multiselect({message:"Select components to add",options:R.map(s=>({label:s.name,hint:s.description,value:s.name})),required:true});e.isCancel(o)&&(e.cancel("Cancelled"),process.exit(0)),t=o;}let v=t.filter(o=>!R.find(s=>s.name===o));v.length&&(e.log.error(`Unknown components: ${v.join(", ")}`),e.log.info("Available: "+R.map(o=>o.name).join(", ")),e.outro("Cancelled"),process.exit(1));let d=t.includes("theme"),m=t.filter(o=>o!=="theme"),f=new Set,b=new Set,g=o=>{if(f.has(o))return;let s=R.find(a=>a.name===o);s&&(s.dependencies.forEach(a=>g(a)),s.npmDependencies?.forEach(a=>b.add(a)),f.add(o));};m.forEach(g),d&&b.add("next-themes");let x=[...f].filter(o=>!m.includes(o));x.length&&e.log.info(`Required dependency: ${x.join(", ")}`);let l=c.typescript?"tsx":"jsx",N=join(n,c.paths.components);for(let o of f){let s=join(N,`${o}.${l}`);if(h(s)){let w=await e.confirm({message:`${o}.${l} exists. Overwrite?`,initialValue:false});if(e.isCancel(w)||!w){e.log.warn(`Skipped ${o}`);continue}}let a=I[o];a=a.replace(/@\/utils/g,`@/${c.paths.utils.replace(/^src\//,"")}`),p(s,a),e.log.success(`${o} \u2192 ${c.paths.components}/${o}.${l}`);}if(d){let o=join(N,`theme-provider.${l}`);if(h(o)){let a=await e.confirm({message:`theme-provider.${l} exists. Overwrite?`,initialValue:false});!e.isCancel(a)&&a?(p(o,I.theme),e.log.success(`theme-provider \u2192 ${c.paths.components}/theme-provider.${l}`)):e.log.warn("Skipped theme-provider");}else p(o,I.theme),e.log.success(`theme-provider \u2192 ${c.paths.components}/theme-provider.${l}`);if(c.paths.globals){let a=join(n,c.paths.globals);if(h(a)){let w=F(a);w.includes('[data-theme="dark"]')?e.log.warn("Theme tokens already exist in globals \u2014 skipped"):(p(a,w+A),e.log.success(`Theme tokens appended to ${i.cyan(c.paths.globals)}`));}else e.log.warn(`Globals file not found at ${c.paths.globals}`);}else e.log.warn('No globals path in drivn.config.json. Add "globals" to paths');let s=c.paths.components.replace(/^src\//,"@/");e.log.message(""),e.log.info(i.bold("Complete the setup:")),e.log.message(""),e.log.message(i.bold(`${i.cyan("1.")} Import ThemeProvider in your root layout:`)),e.log.message(i.cyan(`   import { ThemeProvider } from "${s}/theme-provider"`)),e.log.message(""),e.log.message(i.bold(`${i.cyan("2.")} Add suppressHydrationWarning to <html>:`)),e.log.message(i.cyan("   <html suppressHydrationWarning>")),e.log.message(""),e.log.message(i.bold(`${i.cyan("3.")} Wrap your app with ThemeProvider:`)),e.log.message(i.cyan("   <ThemeProvider>")),e.log.message(i.cyan("     {children}")),e.log.message(i.cyan("   </ThemeProvider>")),e.log.message("");}if(b.size){let o=k(n),s=[...b],a=e.spinner();a.start("Installing packages");try{execSync(y(o,s),{cwd:n,stdio:"ignore"}),a.stop("Packages installed");}catch{a.stop("Failed to install packages"),e.log.warn(`Run manually: ${y(o,s)}`);}}e.outro("Done.");}var ue={version:"1.0.2"};var S=new Command;S.name("drivn").description("Drivn \u2014 Modern UI components").version(ue.version);S.command("create").description("Initialize Drivn in your project").action(U);S.command("add [components...]").description("Add components to your project").action(pe);S.parse();

package/package.json

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