ui-thing 0.3.0 → 0.3.1

package/dist/index.js

@@ -0,0 +1,1351 @@
+#!/usr/bin/env node
+import{Command as Vr}from"commander";var go="0.3.0";import V from"path";import{updateConfig as Io}from"c12/update";import{Command as _e}from"commander";import{consola as A}from"consola";import E from"kleur";import M from"lodash";import H from"prompts";import{join as Co}from"path";import{loadConfig as pe}from"c12";import S from"fs-extra";import me from"lodash";import{loadFile as he,writeFile as ue}from"magicast";import{addNuxtModule as fe}from"magicast/helpers";var U="ui-thing.config.ts",K={theme:"zinc",tailwindCSSLocation:"assets/css/tailwind.css",componentsLocation:"components/Ui",composablesLocation:"composables",pluginsLocation:"plugins",utilsLocation:"utils",force:!0,useDefaultFilename:!0,packageManager:"npm"},D={theme:"zinc",tailwindCSSLocation:"app/assets/css/tailwind.css",componentsLocation:"app/components/Ui",composablesLocation:"app/composables",pluginsLocation:"app/plugins",utilsLocation:"app/utils",force:!0,useDefaultFilename:!0,packageManager:"npm"},yo=["tailwindcss","motion-v","@tailwindcss/vite","reka-ui","tailwind-variants","tailwind-merge","@nuxt/fonts","@nuxtjs/color-mode","@nuxt/icon","@vueuse/nuxt","@tailwindcss/forms"],bo=["typescript","tw-animate-css"],j=["prettier-plugin-tailwindcss","prettier","@ianvs/prettier-plugin-sort-imports"],vo=["@nuxtjs/color-mode","motion-v/nuxt","@vueuse/nuxt","@nuxt/icon","@nuxt/fonts"],y=[{title:"Npm",value:"npm"},{title:"Yarn",value:"yarn"},{title:"Pnpm",value:"pnpm"},{title:"Bun",value:"bun"},{title:"Deno",value:"deno"}],_=[{title:"Zinc",value:"zinc"},{title:"Slate",value:"slate"},{title:"Stone",value:"stone"},{title:"Gray",value:"gray"},{title:"Neutral",value:"neutral"},{title:"Red",value:"red"},{title:"Rose",value:"rose"},{title:"Orange",value:"orange"},{title:"Green",value:"green"},{title:"Blue",value:"blue"},{title:"Yellow",value:"yellow"},{title:"Violet",value:"violet"}];import le from"fs";function R(){try{let o=JSON.parse(le.readFileSync("package.json","utf-8")),e=o.dependencies?.nuxt||o.devDependencies?.nuxt;if(e)return/^[~^>=<\s]*4/.test(e)?4:3}catch{return 4}return 4}import de from"prompts";import{consola as F}from"consola";var d={info:(o,...e)=>F.info(o,...e),error:(o,...e)=>F.error(o,...e),warn:(o,...e)=>F.warn(o,...e),success:(o,...e)=>F.success(o,...e),log:(o,...e)=>F.log(o,...e)};var wo=async o=>{let e=await de([{name:"theme",type:"autocomplete",message:"Which theme do you want to start with?",choices:_},{name:"tailwindCSSLocation",type:"text",message:"Where is your tailwind.css file located?",initial:(r,n)=>o==3?"assets/css/tailwind.css":"app/assets/css/tailwind.css"},{name:"componentsLocation",type:"text",message:"Where should your components be stored?",initial:(r,n)=>o==3?"components/Ui":"app/components/Ui"},{name:"composablesLocation",type:"text",message:"Where should your composables be stored?",initial:(r,n)=>o==3?"composables":"app/composables"},{name:"pluginsLocation",type:"text",message:"Where should your plugins be stored?",initial:(r,n)=>o==3?"plugins":"app/plugins"},{name:"utilsLocation",type:"text",message:"Where should your utils be stored?",initial:(r,n)=>o==3?"utils":"app/utils"},{name:"force",type:"confirm",message:"Should we just replace component files if they already exist?",initial:!0},{name:"useDefaultFilename",type:"confirm",message:"Would you like to use the default filename when adding components?",initial:!0},{name:"packageManager",type:"select",message:"Which package manager do you use?",choices:y}]);return!e||Object.keys(e).length<9?(d.error("Incomplete configuration submitted. Exiting..."),process.exit(1)):e};var xo=process.cwd(),h=async o=>{let e=S.existsSync(U),r={},n=Number(o?.nuxtVersion)||R();if(!e||o?.force){if(r=o?.yes?n===4?D:K:await wo(n),await S.writeFile(U,`export default ${JSON.stringify(r,null,2)}`),r.packageManager==="pnpm"){let i=["shamefully-hoist=true","strict-peer-dependencies=false"],a="";S.existsSync(".npmrc")&&(a=await S.readFile(".npmrc","utf-8"));let l=i.filter(c=>!a.includes(c));if(l.length>0){let c=a&&!a.endsWith(`
+`)?`
+`:"";await S.writeFile(".npmrc",a+c+l.join(`
+`)+`
+`)}}}else r=(await pe({configFile:U.replace(".ts","")})).config;return me.isEmpty(r)?h({force:!0}):(ke(r),r)},ke=o=>{let e=(r,n=!1)=>{r&&(n?S.ensureDirSync(r):S.ensureFileSync(r))};e(o.tailwindCSSLocation),e(o.pluginsLocation,!0),e(o.componentsLocation,!0),e(o.composablesLocation,!0),e(o.utilsLocation,!0)},B=async o=>{if(!o)return;let e=typeof o=="string"?[o]:o,r=await he(Co(xo,"nuxt.config.ts"));e.forEach(n=>fe(r,n)),await ue(r,Co(xo,"nuxt.config.ts"))};var b=async()=>{let o=await h(),e={nuxtVersion:3,theme:"string",tailwindCSSLocation:"string",componentsLocation:"string",composablesLocation:"string",utilsLocation:"string",force:!0,useDefaultFilename:!0,packageManager:"string"},r=[];for(let n of Object.keys(e))o[n]===void 0&&r.push(n);return!(r.length>1)};import ge from"axios";import{consola as ye}from"consola";import be from"dotenv";import ve from"ora";be.config();var v=async()=>{let o=ve("Fetching components...").start();try{let{data:e}=await ge.get(process.env.COMPONENTS_API||"https://uithing.com/api/components");return o.succeed("Components fetched."),e}catch{o.fail("Failed to fetch components."),ye.error("Could not reach the UI Thing API. Check your network connection."),process.exit(1)}};import eo from"fs";var k=async o=>{try{return await eo.promises.access(o,eo.constants.F_OK||eo.constants.W_OK),!0}catch{return!1}};import{execa as $}from"execa";import W from"lodash";import we from"ora";var Ce={yarn:"add",bun:"add",pnpm:"add",npm:"install",deno:"add"},xe={yarn:"-D",bun:"-D",pnpm:"-D",npm:"-D",deno:"--dev"},So=(o,e)=>o==="deno"?e.map(r=>r.startsWith("npm:")?r:`npm:${r}`):e,g=async(o,e,r)=>{typeof e=="string"&&(e=[e]),typeof r=="string"&&(r=[r]);let n=Ce[o]??"install",i=xe[o]??"-D",a=we("Installing dependencies...").start();!W.isUndefined(e)&&!W.isEmpty(e)&&await $(o,[n,...So(o,e)]),a.text="Installing dev dependencies...",!W.isUndefined(r)&&!W.isEmpty(r)&&await $(o,[n,i,...So(o,r)]),a.text="Running nuxt prepare...",o==="deno"?await $("deno",["run","-A","npm:nuxt","prepare"]):await $`npx -y nuxt prepare`,a.succeed("Installed dependencies!")};import Se from"prompts";var Eo=async o=>{let e={yup:["yup","@vee-validate/yup"],zod:["zod","@vee-validate/zod"],joi:["joi","@vee-validate/joi"],valibot:["valibot","@vee-validate/valibot"]},{validator:r}=await Se({type:"select",name:"validator",message:"Choose the validator package to use with Vee Validate: ",choices:[{title:"Yup",value:"yup"},{title:"Zod",value:"zod"},{title:"Joi",value:"joi"},{title:"Valibot",value:"valibot"}]});if(!r){d.warn("No validator package selected");return}return d.info(`Selected ${r} as the validator package`),e[r]&&await g(o,e[r]),r};import Ee from"boxen";import Ie from"figlet";var Ne=(o,e,r={})=>{let{box:n,figletFont:i}=r,a=Ie.textSync(o,{font:i||"Standard"}),c=Ee(a,{...{borderColor:"greenBright",padding:1,borderStyle:"round",titleAlignment:"center"},...n});return e?`${c}
+${e}`:c},f=(o,e,r)=>{console.log(`
+`+Ne(o,e,r))};import Te from"prompts";var G=async(o,e=[])=>{if(o)return e.map(n=>n.value);let{components:r}=await Te({type:"autocompleteMultiselect",name:"components",message:"Select the components you want to add",choices:e.map(n=>({title:n.name,value:n.value}))});return r};import ro from"fs";import Pe from"path";var w=async(o,e)=>{if(!await k(o)){let n=Pe.dirname(o);ro.existsSync(n)||ro.mkdirSync(n,{recursive:!0})}ro.writeFileSync(o,e)};var io=[],L=process.cwd(),to=o=>io.find(e=>e.value.toLowerCase()===o.toLowerCase());async function No(o,e,r,n){if(await k(o)&&!r){let{value:a}=await H({type:"confirm",name:"value",message:n,initial:!1});if(!a)return A.info(`Skipped: ${E.cyan(V.basename(o))}`),!1}return await w(o,e),!0}async function no(o,e,r,n){for(let i of e){let a=V.join(L,r,i.fileName);await No(a,i.fileContent,n,`The ${o} file ${E.bold(i.fileName)} already exists. Overwrite?`)}}var Fe=async(o,e)=>{let r;if(e.skipConfig){let p=R()===4?D:K,u=e.packageManager;if(!u){let{packageManager:m}=await H({type:"select",name:"packageManager",message:"Which package manager are you using?",choices:y});u=m??"npm"}r={...p,packageManager:u}}else r=await h(),await b()||(r=await h({force:!0})),M.isEmpty(r)&&(A.error("Config file not set. Exiting..."),process.exit(1));io=await v();let n=o;if(n.length===0){let t=await G(e.all,io);(!t||t.length===0)&&(A.info("No components selected. Exiting..."),process.exit(0)),n=t}let i=n.filter(t=>!to(t));i.length>0&&A.error(`Not found: ${E.bgRed(i.join(", "))}`);let a=n.map(t=>to(t)).filter(Boolean);for(let t of[...a])t.components&&t.components.forEach(p=>{a.find(u=>u.value===p)||a.push(to(p))});for(let t of a)for(let p of t.files){let u=r.componentsLocation,m=V.join(L,u,p.fileName);if(!r.useDefaultFilename){let{value:x}=await H({type:"text",name:"value",message:`Where should we add the file ${E.cyan(p.fileName)}?`,initial:u});x&&(u=x,m=V.join(L,u,p.fileName))}await No(m,p.fileContent,r.force,`The file ${E.bold(p.fileName)} already exists. Overwrite?`)&&((t.value==="vue-sonner"||t.value==="sonner")&&await Me(),t.value==="datatable"&&await Ae(),await no("utils",t.utils,r.utilsLocation,r.force),await no("composables",t.composables,r.composablesLocation,r.force),await no("plugins",t.plugins,r.pluginsLocation??"",r.force))}await B(M.uniq(a.flatMap(t=>t.nuxtModules||[])));let l=M.uniq(a.flatMap(t=>t.deps||[])),c=M.uniq(a.flatMap(t=>t.devDeps||[]));if(l.length>0||c.length>0)if(e.all)await g(r.packageManager,l,c);else{let{confirmInstall:t}=await H({type:"confirm",name:"confirmInstall",message:`Install packages: ${E.cyan([...l,...c].join(", "))}?`,initial:!0});t&&await g(r.packageManager,l,c)}a.some(t=>t.askValidator)&&await Eo(r.packageManager),f("All Done!",`Run the ${E.cyan("ui-thing@latest --help")} command to learn more.
+`,{box:{title:"Components Added"}}),a.filter(t=>t.docsPath).forEach(t=>A.info(`Docs: https://uithing.com${t.docsPath}`));let s=M.compact(a.flatMap(t=>t.instructions));s.length>0&&(d.info("Instructions:"),s.forEach(t=>d.info(`- ${t}`)))},To=new _e().name("add").command("add").description("Add a list of components to your project.").option("-a --all","Add all components to your project.",!1).option("--skip-config","Add components without a ui-thing config file. Uses auto-detected Nuxt defaults.").option("--package-manager <pm>","Package manager to use when --skip-config is set.").argument("[componentNames...]","Components that you want to add.").action(Fe);async function Me(){await Io({configFile:"nuxt.config",cwd:L,onUpdate(o){o.imports||={imports:[]},o.imports.imports.find(e=>e.from==="vue-sonner"&&e.name==="toast")||o.imports.imports.push({from:"vue-sonner",name:"toast",as:"useSonner"})}})}async function Ae(){await Io({configFile:"nuxt.config",cwd:L,onUpdate(o){o.app||={head:{script:[]}},["https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.12/pdfmake.min.js","https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.12/vfs_fonts.min.js"].forEach(r=>{o.app.head.script.find(n=>n.src===r)||o.app.head.script.push({src:r,defer:!0})})}})}import{spawnSync as $e}from"child_process";import ao from"path";import{Command as We}from"commander";import{consola as I}from"consola";import q from"kleur";import Fo from"lodash";import Y from"prompts";import Le from"axios";import{consola as Oe}from"consola";import Ue from"dotenv";import Ke from"ora";Ue.config();var Po=async()=>{let o=Ke("Fetching block categories...").start();try{let{data:e}=await Le.get(process.env.BLOCK_CATEGORIES_API||"https://uithing.com/api/blocks/categories");return o.succeed("Block categories fetched."),e}catch{o.fail("Failed to fetch block categories."),Oe.error("Could not reach the UI Thing API. Check your network connection."),process.exit(1)}};import De from"axios";import{consola as je}from"consola";import Re from"dotenv";import Be from"ora";Re.config();var _o=async()=>{let o=Be("Fetching blocks...").start();try{let{data:e}=await De.get(process.env.BLOCKS_API||"https://uithing.com/api/blocks");return o.succeed("Blocks fetched."),e}catch{o.fail("Failed to fetch blocks."),je.error("Could not reach the UI Thing API. Check your network connection."),process.exit(1)}};var z=[],Mo=process.cwd();function Ge(o){return o.componentsLocation?.startsWith("app/")?"app/components/Blocks":"components/Blocks"}async function He(o,e,r,n){if(await k(o)&&!r){let{value:a}=await Y({type:"confirm",name:"value",message:n,initial:!1});if(!a)return I.info(`Skipped: ${q.cyan(ao.basename(o))}`),!1}return await w(o,e),!0}var Ve=async(o,e)=>{let r=await h();await b()||(r=await h({force:!0})),Fo.isEmpty(r)&&(I.error("Config file not set. Exiting..."),process.exit(1));let n=await Po(),i=e.category;if(!i&&n?.length){let{category:m}=await Y({type:"select",name:"category",message:"Choose a block category",choices:[{title:"All",value:"all"},...n.map(T=>({title:T,value:T}))],initial:0});i=m}z=await _o();let a=z;i&&i!=="all"&&(a=z.filter(m=>m.category===i),a.length===0&&(I.warn(`No blocks found for category ${q.cyan(i)}. Falling back to all.`),a=z));let{selectedBlocks:l}=await Y({type:"autocompleteMultiselect",name:"selectedBlocks",message:"Select the blocks you want to add",choices:a.map(m=>({title:m.name,value:m}))});(!l||l.length===0)&&(I.info("No blocks selected. Exiting..."),process.exit(0));let c=l,s=Ge(r),{blocksDir:t}=await Y({type:"text",name:"blocksDir",message:"Where should we add the blocks?",initial:s}),p=t||s;for(let m of c){let T=ao.join(p,m.path),x=ao.join(Mo,T);await He(x,m.file,r.force,`The block file ${q.bold(m.fileName)} already exists. Overwrite?`)}let u=Fo.uniq(c.flatMap(m=>m.components||[]));if(u.length>0){I.info(`Adding ${u.length} component(s) required by blocks...`);let m=$e("npx",["ui-thing@latest","add",...u],{cwd:Mo,stdio:"inherit"});m.error?I.error("Failed to spawn component installer:",m.error.message):m.status!==0&&I.error(`Component installer exited with code ${m.status}`)}f("Blocks added!",`Run the ${q.cyan("ui-thing@latest --help")} command to learn more.
+`,{box:{title:"Blocks Added"}})},Ao=new We().name("block").command("block").description("Add UI Thing blocks to your project.").option("-c --category <category>","Filter blocks by category before selection").action(Ve);import gr from"path";import{updateConfig as yr}from"c12/update";import{Command as br}from"commander";import $o from"fs-extra";import po from"kleur";import vr from"ora";var ze=`@import "tailwindcss";
+@import "tw-animate-css";
+
+@plugin "@tailwindcss/forms" {
+  strategy: "class";
+}
+
+@custom-variant dark (&:is(.dark *));
+
+@theme {
+  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol", "Noto Color Emoji";
+  --font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
+  --font-display--font-feature-settings: "cv02", "cv03", "cv04", "cv11";
+
+  --animate-shine: shine 3s ease-out infinite;
+  --animate-gradient-flow: gradientFlow 10s ease 0s infinite normal none running;
+  --animate-meteor: meteor 5s linear infinite;
+  --animate-background-position-spin: background-position-spin 3000ms infinite alternate;
+  --animate-grid: grid 15s linear infinite;
+
+  @keyframes grid {
+    0% {
+      transform: translateY(-50%);
+    }
+    100% {
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes shine {
+    0% {
+      background-position: 200% 0;
+    }
+    25%,
+    100% {
+      background-position: -200% 0;
+    }
+  }
+
+  @keyframes gradientFlow {
+    50% {
+      background-position: 100% 50%;
+    }
+    0%,
+    100% {
+      background-position: 0% 50%;
+    }
+  }
+
+  @keyframes meteor {
+    0% {
+      transform: rotate(var(--angle)) translateX(0);
+      opacity: 1;
+    }
+    70% {
+      opacity: 1;
+    }
+    100% {
+      transform: rotate(var(--angle)) translateX(-500px);
+      opacity: 0;
+    }
+  }
+
+  @keyframes background-position-spin {
+    0% {
+      background-position: top center;
+    }
+    100% {
+      background-position: bottom center;
+    }
+  }
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  --color-sidebar-background: var(--sidebar-background);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-input: var(--sidebar-input);
+
+  --color-gradient-lime: var(--gradient-lime);
+  --color-gradient-ocean: var(--gradient-ocean);
+  --color-gradient-wine: var(--gradient-wine);
+  --color-gradient-rust: var(--gradient-rust);
+}
+
+:root {
+  /* Gradient slide show Colors */
+  --gradient-lime: oklch(67.287% 0.1546 116.644);
+  --gradient-ocean: oklch(44.56% 0.10114 242.813);
+  --gradient-wine: oklch(32.332% 0.12034 5.266);
+  --gradient-rust: oklch(55.695% 0.19944 34.155);
+}
+  
+`,qe=`@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  * {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border) transparent;
+  }
+  html {
+    @apply antialiased;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  ::-webkit-scrollbar {
+    width: 4px;
+  }
+  ::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  ::-webkit-scrollbar-thumb {
+    background: var(--border);
+    border-radius: 4px;
+  }
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+  html {
+    color-scheme: light dark;
+  }
+  html.dark {
+    color-scheme: dark;
+  }
+  html.light {
+    color-scheme: light;
+  }
+  @media (prefers-color-scheme: dark) {
+    select {
+      background-color: var(--popover);
+    }
+  }
+}
+
+@utility no-scrollbar {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+`,J=o=>(Lo[o]||(o="ZINC"),`${ze}${Lo[o]}${qe}`),Ye=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+`,Je=`
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.129 0.042 264.695);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.129 0.042 264.695);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.129 0.042 264.695);
+  --primary: oklch(0.208 0.042 265.755);
+  --primary-foreground: oklch(0.984 0.003 247.858);
+  --secondary: oklch(0.968 0.007 247.896);
+  --secondary-foreground: oklch(0.208 0.042 265.755);
+  --muted: oklch(0.968 0.007 247.896);
+  --muted-foreground: oklch(0.554 0.046 257.417);
+  --accent: oklch(0.968 0.007 247.896);
+  --accent-foreground: oklch(0.208 0.042 265.755);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.929 0.013 255.508);
+  --input: oklch(0.929 0.013 255.508);
+  --ring: oklch(0.704 0.04 256.788);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.984 0.003 247.858);
+  --sidebar-foreground: oklch(0.129 0.042 264.695);
+  --sidebar-primary: oklch(0.208 0.042 265.755);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.968 0.007 247.896);
+  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
+  --sidebar-border: oklch(0.929 0.013 255.508);
+  --sidebar-ring: oklch(0.704 0.04 256.788);
+}
+
+.dark {
+  --background: oklch(0.129 0.042 264.695);
+  --foreground: oklch(0.984 0.003 247.858);
+  --card: oklch(0.208 0.042 265.755);
+  --card-foreground: oklch(0.984 0.003 247.858);
+  --popover: oklch(0.208 0.042 265.755);
+  --popover-foreground: oklch(0.984 0.003 247.858);
+  --primary: oklch(0.929 0.013 255.508);
+  --primary-foreground: oklch(0.208 0.042 265.755);
+  --secondary: oklch(0.279 0.041 260.031);
+  --secondary-foreground: oklch(0.984 0.003 247.858);
+  --muted: oklch(0.279 0.041 260.031);
+  --muted-foreground: oklch(0.704 0.04 256.788);
+  --accent: oklch(0.279 0.041 260.031);
+  --accent-foreground: oklch(0.984 0.003 247.858);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.551 0.027 264.364);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.208 0.042 265.755);
+  --sidebar-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-accent: oklch(0.279 0.041 260.031);
+  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.551 0.027 264.364);
+}
+
+`,Xe=`
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.147 0.004 49.25);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.147 0.004 49.25);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.147 0.004 49.25);
+  --primary: oklch(0.216 0.006 56.043);
+  --primary-foreground: oklch(0.985 0.001 106.423);
+  --secondary: oklch(0.97 0.001 106.424);
+  --secondary-foreground: oklch(0.216 0.006 56.043);
+  --muted: oklch(0.97 0.001 106.424);
+  --muted-foreground: oklch(0.553 0.013 58.071);
+  --accent: oklch(0.97 0.001 106.424);
+  --accent-foreground: oklch(0.216 0.006 56.043);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.923 0.003 48.717);
+  --input: oklch(0.923 0.003 48.717);
+  --ring: oklch(0.709 0.01 56.259);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0.001 106.423);
+  --sidebar-foreground: oklch(0.147 0.004 49.25);
+  --sidebar-primary: oklch(0.216 0.006 56.043);
+  --sidebar-primary-foreground: oklch(0.985 0.001 106.423);
+  --sidebar-accent: oklch(0.97 0.001 106.424);
+  --sidebar-accent-foreground: oklch(0.216 0.006 56.043);
+  --sidebar-border: oklch(0.923 0.003 48.717);
+  --sidebar-ring: oklch(0.709 0.01 56.259);
+}
+.dark {
+  --background: oklch(0.147 0.004 49.25);
+  --foreground: oklch(0.985 0.001 106.423);
+  --card: oklch(0.216 0.006 56.043);
+  --card-foreground: oklch(0.985 0.001 106.423);
+  --popover: oklch(0.216 0.006 56.043);
+  --popover-foreground: oklch(0.985 0.001 106.423);
+  --primary: oklch(0.923 0.003 48.717);
+  --primary-foreground: oklch(0.216 0.006 56.043);
+  --secondary: oklch(0.268 0.007 34.298);
+  --secondary-foreground: oklch(0.985 0.001 106.423);
+  --muted: oklch(0.268 0.007 34.298);
+  --muted-foreground: oklch(0.709 0.01 56.259);
+  --accent: oklch(0.268 0.007 34.298);
+  --accent-foreground: oklch(0.985 0.001 106.423);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.553 0.013 58.071);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.216 0.006 56.043);
+  --sidebar-foreground: oklch(0.985 0.001 106.423);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0.001 106.423);
+  --sidebar-accent: oklch(0.268 0.007 34.298);
+  --sidebar-accent-foreground: oklch(0.985 0.001 106.423);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.553 0.013 58.071);
+}
+
+`,Ze=`
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.13 0.028 261.692);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.13 0.028 261.692);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.13 0.028 261.692);
+  --primary: oklch(0.21 0.034 264.665);
+  --primary-foreground: oklch(0.985 0.002 247.839);
+  --secondary: oklch(0.967 0.003 264.542);
+  --secondary-foreground: oklch(0.21 0.034 264.665);
+  --muted: oklch(0.967 0.003 264.542);
+  --muted-foreground: oklch(0.551 0.027 264.364);
+  --accent: oklch(0.967 0.003 264.542);
+  --accent-foreground: oklch(0.21 0.034 264.665);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.928 0.006 264.531);
+  --input: oklch(0.928 0.006 264.531);
+  --ring: oklch(0.707 0.022 261.325);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0.002 247.839);
+  --sidebar-foreground: oklch(0.13 0.028 261.692);
+  --sidebar-primary: oklch(0.21 0.034 264.665);
+  --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
+  --sidebar-accent: oklch(0.967 0.003 264.542);
+  --sidebar-accent-foreground: oklch(0.21 0.034 264.665);
+  --sidebar-border: oklch(0.928 0.006 264.531);
+  --sidebar-ring: oklch(0.707 0.022 261.325);
+}
+
+.dark {
+  --background: oklch(0.13 0.028 261.692);
+  --foreground: oklch(0.985 0.002 247.839);
+  --card: oklch(0.21 0.034 264.665);
+  --card-foreground: oklch(0.985 0.002 247.839);
+  --popover: oklch(0.21 0.034 264.665);
+  --popover-foreground: oklch(0.985 0.002 247.839);
+  --primary: oklch(0.928 0.006 264.531);
+  --primary-foreground: oklch(0.21 0.034 264.665);
+  --secondary: oklch(0.278 0.033 256.848);
+  --secondary-foreground: oklch(0.985 0.002 247.839);
+  --muted: oklch(0.278 0.033 256.848);
+  --muted-foreground: oklch(0.707 0.022 261.325);
+  --accent: oklch(0.278 0.033 256.848);
+  --accent-foreground: oklch(0.985 0.002 247.839);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.551 0.027 264.364);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.034 264.665);
+  --sidebar-foreground: oklch(0.985 0.002 247.839);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0.002 247.839);
+  --sidebar-accent: oklch(0.278 0.033 256.848);
+  --sidebar-accent-foreground: oklch(0.985 0.002 247.839);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.551 0.027 264.364);
+}
+
+`,Qe=`
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+`,or=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.637 0.237 25.331);
+  --primary-foreground: oklch(0.971 0.013 17.38);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.637 0.237 25.331);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.637 0.237 25.331);
+  --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.637 0.237 25.331);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.637 0.237 25.331);
+  --primary-foreground: oklch(0.971 0.013 17.38);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.637 0.237 25.331);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.637 0.237 25.331);
+  --sidebar-primary-foreground: oklch(0.971 0.013 17.38);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.637 0.237 25.331);
+}
+
+`,er=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.645 0.246 16.439);
+  --primary-foreground: oklch(0.969 0.015 12.422);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.645 0.246 16.439);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.645 0.246 16.439);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.645 0.246 16.439);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.645 0.246 16.439);
+  --primary-foreground: oklch(0.969 0.015 12.422);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.645 0.246 16.439);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.645 0.246 16.439);
+  --sidebar-primary-foreground: oklch(0.969 0.015 12.422);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.645 0.246 16.439);
+}
+
+`,rr=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.705 0.213 47.604);
+  --primary-foreground: oklch(0.98 0.016 73.684);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.213 47.604);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.705 0.213 47.604);
+  --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.213 47.604);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.646 0.222 41.116);
+  --primary-foreground: oklch(0.98 0.016 73.684);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.646 0.222 41.116);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.646 0.222 41.116);
+  --sidebar-primary-foreground: oklch(0.98 0.016 73.684);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.646 0.222 41.116);
+}
+
+`,tr=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.723 0.219 149.579);
+  --primary-foreground: oklch(0.982 0.018 155.826);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.723 0.219 149.579);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.723 0.219 149.579);
+  --sidebar-primary-foreground: oklch(0.982 0.018 155.826);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.723 0.219 149.579);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.696 0.17 162.48);
+  --primary-foreground: oklch(0.393 0.095 152.535);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.527 0.154 150.069);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.696 0.17 162.48);
+  --sidebar-primary-foreground: oklch(0.393 0.095 152.535);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.527 0.154 150.069);
+}
+
+`,nr=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.623 0.214 259.815);
+  --primary-foreground: oklch(0.97 0.014 254.604);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.623 0.214 259.815);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.623 0.214 259.815);
+  --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.623 0.214 259.815);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.546 0.245 262.881);
+  --primary-foreground: oklch(0.98 0.0067 277.16);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.488 0.243 264.376);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.546 0.245 262.881);
+  --sidebar-primary-foreground: oklch(0.379 0.146 265.522);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.488 0.243 264.376);
+}
+
+`,ir=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.795 0.184 86.047);
+  --primary-foreground: oklch(0.421 0.095 57.708);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.795 0.184 86.047);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.795 0.184 86.047);
+  --sidebar-primary-foreground: oklch(0.421 0.095 57.708);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.795 0.184 86.047);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.795 0.184 86.047);
+  --primary-foreground: oklch(0.421 0.095 57.708);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.554 0.135 66.442);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.795 0.184 86.047);
+  --sidebar-primary-foreground: oklch(0.421 0.095 57.708);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.554 0.135 66.442);
+}
+
+`,ar=`
+:root {
+  --radius: 0.65rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.606 0.25 292.717);
+  --primary-foreground: oklch(0.969 0.016 293.756);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.606 0.25 292.717);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.606 0.25 292.717);
+  --sidebar-primary-foreground: oklch(0.969 0.016 293.756);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.606 0.25 292.717);
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.541 0.281 293.009);
+  --primary-foreground: oklch(0.969 0.016 293.756);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.541 0.281 293.009);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.541 0.281 293.009);
+  --sidebar-primary-foreground: oklch(0.969 0.016 293.756);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.541 0.281 293.009);
+}
+
+`,Lo={ZINC:Ye,SLATE:Je,STONE:Xe,GRAY:Ze,NEUTRAL:Qe,RED:or,ROSE:er,ORANGE:rr,GREEN:tr,BLUE:nr,YELLOW:ir,VIOLET:ar};var Oo=`/**
+ * Utility function to return Tailwind CSS classes.
+ */
+export const tw = <T extends TemplateStringsArray | string>(tailwindClasses: T) => tailwindClasses;
+`;import{join as cr}from"path";import{$ as sr}from"execa";import co from"fs-extra";import lr from"ora";import Uo from"prompts";var X={arrowParens:"always",endOfLine:"lf",plugins:["@ianvs/prettier-plugin-sort-imports","prettier-plugin-tailwindcss"],printWidth:100,semi:!0,singleQuote:!1,tabWidth:2,trailingComma:"es5",useTabs:!1,vueIndentScriptAndStyle:!0,tailwindFunctions:["tv","tw"],importOrder:["<BUILTIN_MODULES>","<THIRD_PARTY_MODULES>","<TYPES>","","^[.]"]};var Z=async(o=process.cwd(),e=!0)=>{let r=cr(o,".prettierrc"),n=X;if(co.existsSync(r)){let a=await co.readFile(r,"utf-8"),l={};try{l=JSON.parse(a)}catch{console.warn("\u26A0\uFE0F Existing .prettierrc is not valid JSON \u2014 will prompt for overwrite.")}let c=await Uo({name:"merge",type:"select",message:"A prettier config file already exists. What would you like to do?",choices:[{title:"Merge configs",value:"merge"},{title:"Overwrite with new config",value:"overwrite"},{title:"Cancel",value:"cancel"}],initial:0});if(c.merge==="merge")n={...l,...X};else if(c.merge==="overwrite")n=X;else return!1}if(await co.writeFile(r,JSON.stringify(n,null,2),"utf-8"),!e)return!0;let i=lr("Formatting files with prettier...").start();return await sr`npx prettier --write .`,i.succeed("Files formatted with prettier"),!0},Ko=async()=>{let{addPrettier:o}=await Uo({name:"addPrettier",type:"confirm",message:"Would you like to add a Prettier configuration to your project?",initial:!0});return o};import{join as dr}from"path";import{builders as pr,loadFile as mr,writeFile as hr}from"magicast";import{getDefaultExportOptions as ur}from"magicast/helpers";var Do=async()=>{let o=dr(process.cwd(),"nuxt.config.ts"),e=await mr(o);if(!e.$code.includes("tailwindcss()")){let r=ur(e);r.vite||={},r.vite.plugins||=[],r.vite.plugins.push(pr.functionCall("tailwindcss"))}e.imports.$items.find(r=>r.local==="tailwindcss")||e.imports.$prepend({from:"@tailwindcss/vite",local:"tailwindcss",imported:"default"}),await hr(e,o)};import kr from"fs-extra";var jo={recommendations:["vue.volar","bradlc.vscode-tailwindcss","antfu.iconify","formulahendry.auto-close-tag","formulahendry.auto-rename-tag"]},Ro={"editor.formatOnSave":!0,"editor.quickSuggestions":{strings:"on"},"files.associations":{"*.css":"tailwindcss"},"tailwindCSS.classFunctions":["tw","clsx","tw\\.[a-z-]+"],"tailwindCSS.experimental.classRegex":[["\\btv\\(\\s*((?:\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|`(?:\\\\.|[^`\\\\])*`|[^)]*)*)\\)",`["']([^"']*)["']`],["\\btv\\(\\s*((?:\"(?:\\\\.|[^\"\\\\])*\"|'(?:\\\\.|[^'\\\\])*'|`(?:\\\\.|[^`\\\\])*`|[^)]*)*)\\)","`([^`]*)`"]]};import{merge as fr}from"es-toolkit";import so from"fs-extra";function lo(o,e){let r={};if(so.existsSync(o))try{r=so.readJsonSync(o)}catch{console.warn(`\u26A0\uFE0F Could not parse ${o}, starting fresh.`)}let n=fr(r,e);so.writeJsonSync(o,n,{spaces:2})}var Bo=(o=".vscode")=>{kr.ensureDirSync(o),lo(`${o}/extensions.json`,jo),lo(`${o}/settings.json`,Ro)};var wr=async o=>{let e=await h(o),r=vr("Updating nuxt.config...").start();await yr({cwd:process.cwd(),configFile:"nuxt.config",async onUpdate(i){i.modules||(i.modules=[]),i.imports||(i.imports={imports:[]});for(let s of vo)i.modules.includes(s)||i.modules.push(s);if(!i.colorMode){let s=gr.basename(process.cwd());i.colorMode={storageKey:`${s}-color-mode`,classSuffix:""}}i.icon||(i.icon={clientBundle:{scan:!0,sizeLimitKb:0},mode:"svg",class:"shrink-0",fetchTimeout:2e3,serverBundle:"local"}),i.imports.imports.find(s=>s.from==="tailwind-variants"&&s.name==="tv")||i.imports.imports.push({from:"tailwind-variants",name:"tv"}),i.imports.imports.find(s=>s.from==="tailwind-variants"&&s.name==="VariantProps")||i.imports.imports.push({from:"tailwind-variants",name:"VariantProps",type:!0}),i.css||=[];let a=e.tailwindCSSLocation?.split("app/")[1],l=`~/${a}`,c=`@/${a}`;!i.css.includes(l)&&!i.css.includes(c)&&i.css.push(l)}}),await Do(),r.succeed("Updated nuxt.config!"),r.start("Adding initial Tailwind CSS file..."),$o.writeFileSync(e.tailwindCSSLocation,J(e.theme.toUpperCase()),"utf-8"),r.succeed("Added initial Tailwind CSS file!"),r.start("Adding Autocomplete helper..."),$o.writeFileSync(e.utilsLocation+"/tw-helper.ts",Oo,"utf-8"),r.succeed("Added Autocomplete helper!"),r.start("Merging VS Code settings..."),Bo(),r.succeed("Merged VS Code settings!"),await g(e.packageManager,yo,bo),await Ko()&&(await g(e.packageManager,[],j),await Z()),f("Initialized",`Feel free to start adding components with the ${po.bgWhite(" add ")} command.`,{box:{title:"Complete"}})},Wo=new br().command("init").name("init").summary("Initialize UI Thing in your Nuxt project.").description(`${po.bold("Initialize UI Thing in your Nuxt project.")}
+
+  \u2705 Add tailwindcss to your project
+  \u2705 Update your nuxt.config file
+  \u2705 Add the necessary dependencies
+  \u2705 Create a ${po.bold("ui-thing.config")} file with the default configuration`).option("-f --force","Overwrite config file if it exists.",!1).option("-y --yes","Skip prompts and use default values.",!1).option("-n --nuxtVersion <number>","Specify the Nuxt version you are using.").action(wr);import Cr from"path";import{Command as xr}from"commander";var Sr=async o=>{let e=await h(),r=await v(),n=process.cwd(),i=r;if(o.installed){let a=await Promise.all(r.map(async l=>{if(!l.files||l.files.length===0)return!1;let c=Cr.join(n,e.componentsLocation,l.files[0].fileName);return k(c)}));i=r.filter((l,c)=>a[c])}if(i.length===0){d.info(o.installed?"No components installed.":"No components available.");return}i.forEach(a=>d.log(`${a.name} (${a.value})`)),d.success(`${i.length} component(s) found.`)},Go=new xr().command("list").name("list").description("List available or installed components.").option("-i --installed","Only show installed components.",!1).action(Sr);import{Command as Er}from"commander";import Ir from"prompts";var Ho=new Er().command("prettier").name("prettier").description("Adds prettier config to your project.").action(async()=>{if(!await Z(void 0,!1)){f("Not Added","Prettier config was not added.",{box:{title:"Prettier Not Added",borderColor:"red"}});return}let{pkgManager:e}=await Ir({name:"pkgManager",type:"select",message:"Which package manager are you using?",choices:y});if(!e)return process.exit(0);await g(e,void 0,j),f("All Done!","A .prettierrc file has been added to your project and the code formatted. Enjoy!",{box:{title:"Prettier Added"}})});import{spawnSync as Fr}from"child_process";import oo from"path";import{Command as Mr}from"commander";import{consola as C}from"consola";import N from"kleur";import O from"lodash";import uo from"prompts";import Nr from"axios";import{consola as Tr}from"consola";import Pr from"dotenv";import _r from"ora";Pr.config();var Vo=async()=>{let o=_r("Fetching prose components...").start();try{let{data:e}=await Nr.get(process.env.PROSE_COMPONENTS_API||"https://uithing.com/api/prose");return o.succeed("Prose components fetched."),e}catch{o.fail("Failed to fetch prose components."),Tr.error("Could not reach the UI Thing API. Check your network connection."),process.exit(1)}};var fo=[],Q=process.cwd(),mo=o=>fo.find(e=>e.value.toLowerCase()===o.toLowerCase());async function zo(o,e,r,n){if(await k(o)&&!r){let{value:a}=await uo({type:"confirm",name:"value",message:n,initial:!1});if(!a)return C.info(`Skipped: ${N.cyan(oo.basename(o))}`),!1}return await w(o,e),!0}async function ho(o,e,r,n){if(!(!e||e.length===0))for(let i of e){let a=oo.join(Q,r,i.fileName);await zo(a,i.fileContent,n,`The ${o} file ${N.bold(i.fileName)} already exists. Overwrite?`)}}var Ar=async(o,e)=>{let r=await h();await b()||(r=await h({force:!0})),O.isEmpty(r)&&(C.error("Config file not set. Exiting..."),process.exit(1)),fo=await Vo();let n=o;if(n.length===0){let t=await G(e.all,fo);(!t||t.length===0)&&(C.info("No components selected. Exiting..."),process.exit(0)),n=t}let i=n.filter(t=>!mo(t));i.length>0&&C.error(`Not found: ${N.bgRed(i.join(", "))}`);let a=n.map(t=>mo(t)).filter(Boolean);for(let t of[...a])t.prose&&t.prose.length>0&&t.prose.forEach(p=>{if(!a.find(u=>u.value===p)){let u=mo(p);u&&a.push(u)}});for(let t of a){let p=t.file,u=r.componentsLocation,m=oo.join(Q,u,p.fileName);if(!r.useDefaultFilename){let{value:x}=await uo({type:"text",name:"value",message:`Where should we add the file ${N.cyan(p.fileName)}?`,initial:u});x&&(u=x,m=oo.join(Q,u,p.fileName))}await zo(m,p.fileContent,r.force,`The file ${N.bold(p.fileName)} already exists. Overwrite?`)&&(await ho("utils",t.utils,r.utilsLocation,r.force),await ho("composables",t.composables,r.composablesLocation,r.force),await ho("plugins",t.plugins,r.pluginsLocation??"",r.force))}await B(O.uniq(a.flatMap(t=>t.modules||[])));let l=O.uniq(a.flatMap(t=>t.deps||[])),c=O.uniq(a.flatMap(t=>t.devDeps||[]));if(l.length>0||c.length>0)if(e.all)await g(r.packageManager,l,c);else{let{confirmInstall:t}=await uo({type:"confirm",name:"confirmInstall",message:`Install packages: ${N.cyan([...l,...c].join(", "))}?`,initial:!0});t&&await g(r.packageManager,l,c)}let s=O.uniq(a.flatMap(t=>t.components||[]));if(s.length>0){C.info(`Adding ${s.length} component(s) required by prose...`);let t=Fr("npx",["ui-thing@latest","add",...s],{cwd:Q,stdio:"inherit"});t.error?C.error("Failed to spawn component installer:",t.error.message):t.status!==0&&C.error(`Component installer exited with code ${t.status}`)}f("Prose added!",`Run the ${N.cyan("ui-thing@latest --help")} command to learn more.
+`,{box:{title:"Prose Components Added"}}),a.filter(t=>t.docsUrl).forEach(t=>C.info(`Docs: ${t.docsUrl}`))},qo=new Mr().name("prose").command("prose").description("Add prose components to your project.").option("-a --all","Add all prose components to your project.",!1).argument("[componentNames...]").action(Ar);import Lr from"fs/promises";import P from"path";import{Command as Or}from"commander";import Yo from"prompts";var Ur=async o=>{let e=await h(),r=await v(),n=process.cwd(),i=o;if(i.length===0){let c=(await Promise.all(r.map(async t=>{if(!t.files||t.files.length===0)return null;let p=P.join(n,e.componentsLocation,t.files[0].fileName);return await k(p)?t:null}))).filter(Boolean);if(c.length===0){d.info("No installed components found.");return}let{selected:s}=await Yo({type:"autocompleteMultiselect",name:"selected",message:"Select components to remove",choices:c.map(t=>({title:t.name,value:t.value}))});(!s||s.length===0)&&(d.info("No components selected. Exiting..."),process.exit(0)),i=s}let a=i.map(c=>r.find(s=>s.value.toLowerCase()===c.toLowerCase())).filter(Boolean);if(a.length===0&&(d.error("None of the specified components were found in the registry."),process.exit(1)),!(await Yo({type:"confirm",name:"confirmed",message:`Remove ${a.map(c=>c.name).join(", ")}?`,initial:!1}))?.confirmed){d.info("Cancelled.");return}for(let c of a){let s=[...c.files.map(t=>P.join(n,e.componentsLocation,t.fileName)),...c.utils.map(t=>P.join(n,e.utilsLocation,t.fileName)),...(c.composables??[]).map(t=>P.join(n,e.composablesLocation,t.fileName))];for(let t of s){if(!await k(t)){d.warn(`Skipped (not found): ${P.basename(t)}`);continue}await Lr.unlink(t),d.success(`Removed: ${P.basename(t)}`)}}f("Removed!",void 0,{box:{title:"Components Removed"}})},Jo=new Or().command("remove").name("remove").description(`Remove installed components from your project.
+Note: shared utility files used by multiple components are deleted \u2014 other components depending on them may break.`).argument("[componentNames...]","Components to remove.").action(Ur);import{Command as Kr}from"commander";import{execa as Dr}from"execa";import jr from"ora";import Rr from"prompts";import{join as Zo}from"path";import Qo from"fs-extra";var Xo=`import type { MaybeRef } from "vue";
+
+type KbdKeysSpecificMap = {
+  meta: string;
+  alt: string;
+  ctrl: string;
+};
+
+export const kbdKeysMap = {
+  meta: "",
+  ctrl: "",
+  alt: "",
+  win: "\u229E",
+  command: "\u2318",
+  shift: "\u21E7",
+  control: "\u2303",
+  option: "\u2325",
+  enter: "\u21B5",
+  delete: "\u2326",
+  backspace: "\u232B",
+  escape: "\u238B",
+  tab: "\u21E5",
+  capslock: "\u21EA",
+  arrowup: "\u2191",
+  arrowright: "\u2192",
+  arrowdown: "\u2193",
+  arrowleft: "\u2190",
+  pageup: "\u21DE",
+  pagedown: "\u21DF",
+  home: "\u2196",
+  end: "\u2198",
+};
+
+export type KbdKey = keyof typeof kbdKeysMap;
+export type KbdKeySpecific = keyof KbdKeysSpecificMap;
+
+const _useKbd = () => {
+  const macOS = computed(
+    () =>
+      import.meta.client &&
+      navigator &&
+      navigator.userAgent &&
+      navigator.userAgent.match(/Macintosh;/)
+  );
+
+  const kbdKeysSpecificMap = reactive({
+    meta: " ",
+    alt: " ",
+    ctrl: " ",
+  });
+
+  onMounted(() => {
+    kbdKeysSpecificMap.meta = macOS.value ? kbdKeysMap.command : "Ctrl";
+    kbdKeysSpecificMap.ctrl = macOS.value ? kbdKeysMap.control : "Ctrl";
+    kbdKeysSpecificMap.alt = macOS.value ? kbdKeysMap.option : "Alt";
+  });
+
+  function getKbdKey(value?: KbdKey | string) {
+    if (!value) {
+      return;
+    }
+
+    if (["meta", "alt", "ctrl"].includes(value)) {
+      return kbdKeysSpecificMap[value as KbdKeySpecific];
+    }
+
+    return kbdKeysMap[value as KbdKey] || value.toUpperCase();
+  }
+
+  return {
+    macOS,
+    getKbdKey,
+  };
+};
+
+export const useKbd = /* @__PURE__ */ createSharedComposable(_useKbd);
+
+type Handler = (e?: any) => void;
+
+export interface ShortcutConfig {
+  handler: Handler;
+  usingInput?: string | boolean;
+}
+
+export interface ShortcutsConfig {
+  [key: string]: ShortcutConfig | Handler | false | null | undefined;
+}
+
+export interface ShortcutsOptions {
+  chainDelay?: number;
+}
+
+interface Shortcut {
+  handler: Handler;
+  enabled: boolean;
+  chained: boolean;
+  // KeyboardEvent attributes
+  key: string;
+  ctrlKey: boolean;
+  metaKey: boolean;
+  shiftKey: boolean;
+  altKey: boolean;
+  // code?: string
+  // keyCode?: number
+}
+
+const chainedShortcutRegex = /^[^-]+.*-.*[^-]+$/;
+const combinedShortcutRegex = /^[^_]+.*_.*[^_]+$/;
+// keyboard keys which can be combined with Shift modifier (in addition to alphabet keys)
+const shiftableKeys = [
+  "arrowleft",
+  "arrowright",
+  "arrowup",
+  "arrowright",
+  "tab",
+  "escape",
+  "enter",
+  "backspace",
+];
+
+export function extractShortcuts(items: any[] | any[][]) {
+  const shortcuts: Record<string, Handler> = {};
+
+  function traverse(items: any[]) {
+    items.forEach((item) => {
+      if (item.kbds?.length && (item.onSelect || item.onClick)) {
+        const shortcutKey = item.kbds.join("_");
+        shortcuts[shortcutKey] = item.onSelect || item.onClick;
+      }
+      if (item.children) {
+        traverse(item.children.flat());
+      }
+      if (item.items) {
+        traverse(item.items.flat());
+      }
+    });
+  }
+
+  traverse(items.flat());
+
+  return shortcuts;
+}
+
+export function defineShortcuts(config: MaybeRef<ShortcutsConfig>, options: ShortcutsOptions = {}) {
+  const chainedInputs = ref<string[]>([]);
+  const clearChainedInput = () => {
+    chainedInputs.value.splice(0, chainedInputs.value.length);
+  };
+  const debouncedClearChainedInput = useDebounceFn(clearChainedInput, options.chainDelay ?? 800);
+
+  const { macOS } = useKbd();
+  const activeElement = useActiveElement();
+
+  const onKeyDown = (e: KeyboardEvent) => {
+    // Input autocomplete triggers a keydown event
+    if (!e.key) {
+      return;
+    }
+
+    const alphabetKey = /^[a-z]{1}$/i.test(e.key);
+    const shiftableKey = shiftableKeys.includes(e.key.toLowerCase());
+
+    let chainedKey;
+    chainedInputs.value.push(e.key);
+    // try matching a chained shortcut
+    if (chainedInputs.value.length >= 2) {
+      chainedKey = chainedInputs.value.slice(-2).join("-");
+
+      for (const shortcut of shortcuts.value.filter((s) => s.chained)) {
+        if (shortcut.key !== chainedKey) {
+          continue;
+        }
+
+        if (shortcut.enabled) {
+          e.preventDefault();
+          shortcut.handler(e);
+        }
+        clearChainedInput();
+        return;
+      }
+    }
+
+    // try matching a standard shortcut
+    for (const shortcut of shortcuts.value.filter((s) => !s.chained)) {
+      if (e.key.toLowerCase() !== shortcut.key) {
+        continue;
+      }
+      if (e.metaKey !== shortcut.metaKey) {
+        continue;
+      }
+      if (e.ctrlKey !== shortcut.ctrlKey) {
+        continue;
+      }
+      // shift modifier is only checked in combination with alphabet keys and some extra keys
+      // (shift with special characters would change the key)
+      if ((alphabetKey || shiftableKey) && e.shiftKey !== shortcut.shiftKey) {
+        continue;
+      }
+      // alt modifier changes the combined key anyways
+      // if (e.altKey !== shortcut.altKey) { continue }
+
+      if (shortcut.enabled) {
+        e.preventDefault();
+        shortcut.handler(e);
+      }
+      clearChainedInput();
+      return;
+    }
+
+    debouncedClearChainedInput();
+  };
+
+  const usingInput = computed(() => {
+    const tagName = activeElement.value?.tagName;
+    const contentEditable = activeElement.value?.contentEditable;
+
+    const usingInput = !!(
+      tagName === "INPUT" ||
+      tagName === "TEXTAREA" ||
+      contentEditable === "true" ||
+      contentEditable === "plaintext-only"
+    );
+
+    if (usingInput) {
+      return ((activeElement.value as any)?.name as string) || true;
+    }
+
+    return false;
+  });
+
+  // Map config to full detailed shortcuts
+  const shortcuts = computed<Shortcut[]>(() => {
+    return Object.entries(toValue(config))
+      .map(([key, shortcutConfig]) => {
+        if (!shortcutConfig) {
+          return null;
+        }
+
+        // Parse key and modifiers
+        let shortcut: Partial<Shortcut>;
+
+        if (
+          key.includes("-") &&
+          key !== "-" &&
+          !key.includes("_") &&
+          !key.match(chainedShortcutRegex)?.length
+        ) {
+          console.trace(\`[Shortcut] Invalid key: "\${key}"\`);
+        }
+
+        if (key.includes("_") && key !== "_" && !key.match(combinedShortcutRegex)?.length) {
+          console.trace(\`[Shortcut] Invalid key: "\${key}"\`);
+        }
+
+        const chained = key.includes("-") && key !== "-" && !key.includes("_");
+        if (chained) {
+          shortcut = {
+            key: key.toLowerCase(),
+            metaKey: false,
+            ctrlKey: false,
+            shiftKey: false,
+            altKey: false,
+          };
+        } else {
+          const keySplit = key
+            .toLowerCase()
+            .split("_")
+            .map((k) => k);
+          shortcut = {
+            key: keySplit
+              .filter((k) => !["meta", "command", "ctrl", "shift", "alt", "option"].includes(k))
+              .join("_"),
+            metaKey: keySplit.includes("meta") || keySplit.includes("command"),
+            ctrlKey: keySplit.includes("ctrl"),
+            shiftKey: keySplit.includes("shift"),
+            altKey: keySplit.includes("alt") || keySplit.includes("option"),
+          };
+        }
+        shortcut.chained = chained;
+
+        // Convert Meta to Ctrl for non-MacOS
+        if (!macOS.value && shortcut.metaKey && !shortcut.ctrlKey) {
+          shortcut.metaKey = false;
+          shortcut.ctrlKey = true;
+        }
+
+        // Retrieve handler function
+        if (typeof shortcutConfig === "function") {
+          shortcut.handler = shortcutConfig;
+        } else if (typeof shortcutConfig === "object") {
+          shortcut = { ...shortcut, handler: shortcutConfig.handler };
+        }
+
+        if (!shortcut.handler) {
+          console.trace("[Shortcut] Invalid value");
+          return null;
+        }
+
+        let enabled = true;
+        if (!(shortcutConfig as ShortcutConfig).usingInput) {
+          enabled = !usingInput.value;
+        } else if (typeof (shortcutConfig as ShortcutConfig).usingInput === "string") {
+          enabled = usingInput.value === (shortcutConfig as ShortcutConfig).usingInput;
+        }
+        shortcut.enabled = enabled;
+
+        return shortcut;
+      })
+      .filter(Boolean) as Shortcut[];
+  });
+
+  return useEventListener("keydown", onKeyDown);
+}
+
+`;var oe=async(o=process.cwd())=>{let e=await h(),r=Zo(o,e.composablesLocation);await Qo.ensureDir(r),await Qo.writeFile(Zo(r,"shortcuts.ts"),Xo,"utf-8")};var ee=new Kr().command("shortcuts").name("shortcuts").description("Add the shortcuts composables to your project.").action(async()=>{await oe();let{pkgManager:o}=await Rr({name:"pkgManager",type:"select",message:"Which package manager are you using?",choices:y});if(!o)return process.exit(0);let e=jr("Installing vueuse module...").start();await Dr`npx -y nuxi@latest module add vueuse`,e.succeed("VueUse module installed successfully!"),f("All Done!","Check the composables folder for the shortcuts composables.",{box:{title:"Composable Added"}})});import{Command as Br}from"commander";import re from"fs-extra";import ko from"lodash";import te from"prompts";var $r=o=>_.some(e=>e.value===o?.toLowerCase()),ne=new Br().command("theme").name("theme").description("Add a new theme to your project.").argument("[themeName]","The name of the theme you would like to add").action(async o=>{let e=await h();await b()||(e=await h({force:!0})),ko.isEmpty(e)&&(d.error("Config file not set. Exiting..."),process.exit(1));let n=o&&$r(o)?o.toLowerCase():void 0;if(!n){let{theme:i}=await te([{name:"theme",type:"autocomplete",message:"Which theme do you want to add?",choices:_}]);i||(d.warn("No theme selected. Exiting..."),process.exit(0)),n=i}if(re.existsSync(e.tailwindCSSLocation)){let{force:i}=await te([{name:"force",type:"confirm",message:"The Tailwind CSS file already exists. Overwrite?",initial:!1}]);if(!i)return d.info("Exiting..."),process.exit(0)}re.writeFileSync(e.tailwindCSSLocation,J(n.toUpperCase()),"utf-8"),f(`${ko.capitalize(n)}`,`${ko.capitalize(n)} theme has been added to ${e.tailwindCSSLocation}`,{box:{title:"New Theme Added"}})});import ie from"path";import{Command as Wr}from"commander";import Gr from"prompts";var Hr=async o=>{let e=await h(),r=await v(),n=process.cwd(),i=o;if(i.length===0){let c=(await Promise.all(r.map(async t=>{if(!t.files||t.files.length===0)return null;let p=ie.join(n,e.componentsLocation,t.files[0].fileName);return await k(p)?t:null}))).filter(Boolean);if(c.length===0){d.info("No installed components found.");return}let{selected:s}=await Gr({type:"autocompleteMultiselect",name:"selected",message:"Select components to update",choices:c.map(t=>({title:t.name,value:t.value}))});(!s||s.length===0)&&(d.info("No components selected. Exiting..."),process.exit(0)),i=s}let a=i.filter(c=>!r.find(s=>s.value.toLowerCase()===c.toLowerCase()));a.length>0&&d.warn(`Component(s) not found in registry: ${a.join(", ")}`);let l=i.map(c=>r.find(s=>s.value.toLowerCase()===c.toLowerCase())).filter(Boolean);for(let c of l)for(let s of c.files){let t=ie.join(n,e.componentsLocation,s.fileName);await w(t,s.fileContent),d.success(`Updated: ${s.fileName}`)}f("Updated!",void 0,{box:{title:"Components Updated"}})},ae=new Wr().command("update").name("update").description("Re-fetch and overwrite installed components with the latest version.").argument("[componentNames...]","Components to update.").action(Hr);process.on("SIGINT",()=>process.exit(0));process.on("SIGTERM",()=>process.exit(0));process.on("SIGTSTP",()=>process.exit(0));var ce=new Vr;console.clear();f("UI Thing",void 0,{box:{title:"Welcome"}});console.log();ce.name("ui-thing").description("CLI for adding ui-thing components to your Nuxt application").version(go).addCommand(Wo).addCommand(To).addCommand(qo).addCommand(Ao).addCommand(ne).addCommand(Go).addCommand(ae).addCommand(Jo).addCommand(ee).addCommand(Ho);ce.parse(process.argv);
+//# sourceMappingURL=index.js.map